Return names of JS files to old format

It turns out that rollup's 'input' option allows
you to define the 'name' property (used in the
format string that defines the final name of
output files). This can be done by passing in an
object containing name:path pairs.

For example:

'input': {
  'foo': '/path/to/file.js'
},
'output': {
  'entryFileNames': '[name].js'
}

...will produce 'foo.js'

These changes use this feature to return the
JavaScript files to the names they had before and
updates the HTML to reflect this.

See the docs for the input option for more detail:

https://www.rollupjs.org/guide/en/#input

gulpfile.js

@@ -67,7 +67,9 @@ const javascripts = {
     // - deliver it in one bundle
     // - allow it to run in browsers without support for JS Modules
     return rollup.rollup({
-      input: paths.src + 'javascripts/govuk-frontend-details-init.mjs',
+      input: {
+        'govuk-frontend-details': paths.src + 'javascripts/govuk-frontend-details-init.mjs'
+      },
       plugins: [
         // determine module entry points from either 'module' or 'main' fields in package.json
         rollupPluginNodeResolve.nodeResolve({
@@ -97,7 +99,9 @@ const javascripts = {
     // - deliver it in one bundle
     // - allow it to run in browsers without support for JS Modules
     return rollup.rollup({
-      input: paths.src + 'javascripts/sharing-button-init.mjs',
+      input: {
+        'sharing-button': paths.src + 'javascripts/sharing-button-init.mjs'
+      },
       plugins: [
         // determine module entry points from either 'module' or 'main' fields in package.json
         rollupPluginNodeResolve.nodeResolve({
@@ -127,7 +131,9 @@ const javascripts = {
     // - deliver it in one bundle
     // - allow it to run in browsers without support for JS Modules
     return rollup.rollup({
-      input: paths.src + 'javascripts/relative-dates-init.mjs',
+      input: {
+        'relative-dates': paths.src + 'javascripts/relative-dates-init.mjs'
+      },
       plugins: [
         // determine module entry points from either 'module' or 'main' fields in package.json
         rollupPluginNodeResolve.nodeResolve({

src/alert.html

@@ -92,7 +92,7 @@ <h2 class="govuk-heading-s">
 {% endblock %}
 
 {% block bodyEnd %}
-  <script type="text/javascript" src="{{ '/alerts/assets/javascripts/govuk-frontend-details-init.js' | file_fingerprint }}"></script>
-  <!--[if gt IE 8]><!--><script type="text/javascript" src="{{ '/alerts/assets/javascripts/sharing-button-init.js' | file_fingerprint }}"></script><!--<![endif]-->
+  <script type="text/javascript" src="{{ '/alerts/assets/javascripts/govuk-frontend-details.js' | file_fingerprint }}"></script>
+  <!--[if gt IE 8]><!--><script type="text/javascript" src="{{ '/alerts/assets/javascripts/sharing-button.js' | file_fingerprint }}"></script><!--<![endif]-->
 
 {% endblock %}

src/current-alerts.html

@@ -15,7 +15,7 @@
 {% endblock %}
 
 {% block prefetch %}
-  <link rel="prefetch" href="{{ '/alerts/assets/javascripts/govuk-frontend-details-init.js' | file_fingerprint }}" />
+  <link rel="prefetch" href="{{ '/alerts/assets/javascripts/govuk-frontend-details.js' | file_fingerprint }}" />
 {% endblock %}
 
 {% block pageTitleCurrent -%}

src/index.html

@@ -17,7 +17,7 @@
 {% endblock %}
 
 {% block prefetch %}
-  <link rel="prefetch" href="{{ '/alerts/assets/javascripts/govuk-frontend-details-init.js' | file_fingerprint }}" />
+  <link rel="prefetch" href="{{ '/alerts/assets/javascripts/govuk-frontend-details.js' | file_fingerprint }}" />
 {% endblock %}
 
 {% block pageTitleCurrent -%}
@@ -106,5 +106,5 @@ <h2 class="govuk-heading-l">How it works</h2>
 {% endblock %}
 
 {% block bodyEnd %}
-  <script async type="text/javascript" src="{{ '/alerts/assets/javascripts/relative-dates-init.js' | file_fingerprint }}"></script>
+  <script async type="text/javascript" src="{{ '/alerts/assets/javascripts/relative-dates.js' | file_fingerprint }}"></script>
 {% endblock %}

src/opt-out.html

@@ -97,5 +97,5 @@ <h2 class="govuk-heading-l">
 {% endblock %}
 
 {% block bodyEnd %}
-  <script type="text/javascript" src="{{ '/alerts/assets/javascripts/govuk-frontend-details-init.js' | file_fingerprint }}"></script>
+  <script type="text/javascript" src="{{ '/alerts/assets/javascripts/govuk-frontend-details.js' | file_fingerprint }}"></script>
 {% endblock %}

src/past-alerts.html

@@ -15,7 +15,7 @@
 {% endblock %}
 
 {% block prefetch %}
-  <link rel="prefetch" href="{{ '/alerts/assets/javascripts/govuk-frontend-details-init.js' | file_fingerprint }}" />
+  <link rel="prefetch" href="{{ '/alerts/assets/javascripts/govuk-frontend-details.js' | file_fingerprint }}" />
 {% endblock %}
 
 {% block pageTitleCurrent -%}

src/when-you-get-an-alert.html

@@ -125,5 +125,5 @@ <h2 class="govuk-heading-m">
 {% endblock %}
 
 {% block bodyEnd %}
-  <script type="text/javascript" src="{{ '/alerts/assets/javascripts/govuk-frontend-details-init.js' | file_fingerprint }}"></script>
+  <script type="text/javascript" src="{{ '/alerts/assets/javascripts/govuk-frontend-details.js' | file_fingerprint }}"></script>
 {% endblock %}