Fix JS assets not loading

assets/js/establishment-roll.js

@@ -1,9 +1,9 @@
-const landingRows = document.querySelectorAll('.establishment-roll__table__landing-row')
-const spurRows = document.querySelectorAll('.establishment-roll__table__spur-row')
-const wingRows = document.querySelectorAll('.establishment-roll__table__wing-row')
-const totalsRow = document.querySelector('#roll-table-totals-row')
+module.exports = () => {
+  const landingRows = document.querySelectorAll('.establishment-roll__table__landing-row')
+  const spurRows = document.querySelectorAll('.establishment-roll__table__spur-row')
+  const wingRows = document.querySelectorAll('.establishment-roll__table__wing-row')
+  const totalsRow = document.querySelector('#roll-table-totals-row')
 
-function init() {
   ;[...landingRows, ...spurRows].forEach(row => {
     row.setAttribute('hidden', 'hidden')
   })
@@ -45,5 +45,3 @@ function init() {
     wingNameCell.replaceChildren(wingLink)
   })
 }
-
-init()

assets/js/index.js

@@ -1,12 +1,10 @@
 import * as govukFrontend from 'govuk-frontend'
 import * as mojFrontend from '@ministryofjustice/frontend'
 import establishmentRoll from './establishment-roll'
-import initMoj from './initMoj'
 import printPage from './printPage'
 
 govukFrontend.initAll()
 mojFrontend.initAll()
 establishmentRoll()
 printPage()
-initMoj()
 

assets/js/printPage.js

@@ -1,10 +1,12 @@
-const printLinks = document.querySelectorAll('.print-link')
+module.exports = () => {
+  const printLinks = document.querySelectorAll('.print-link')
 
-if (printLinks?.length) {
-  printLinks.forEach(el =>
-    el.addEventListener('click', evt => {
-      evt.preventDefault()
-      window.print()
-    }),
-  )
+  if (printLinks?.length) {
+    printLinks.forEach(el =>
+      el.addEventListener('click', evt => {
+        evt.preventDefault()
+        window.print()
+      }),
+    )
+  }
 }

server/views/pages/establishmentRoll.njk

@@ -171,7 +171,3 @@
     </table>
 </div>
 {% endblock %}
-
-{% block pageScripts %}
-    <script src="/assets/establishment-roll.js"></script>
-{% endblock %}

server/views/partials/layout.njk

@@ -48,10 +48,7 @@
 {% endblock %}
 
 {% block bodyEnd %}
-   <script type="module" src="/assets/govukFrontendInit.js"></script>
-   <script src="/assets/moj/all.js"></script>
-   <script src="/assets/printPage.js"></script>
-   <script src="/assets/initMoj.js"></script>
+   <script type="module" src="{{ '/assets/js/app.js' | assetMap }}"></script>
 
   {% block pageScripts %}
   {% endblock %}