Use separate JavaScript bundle for public views

Author: paulrobertlloyd

app/assets/javascripts/public.js

@@ -0,0 +1,20 @@
+import {
+  createAll,
+  Button,
+  Checkboxes,
+  ErrorSummary,
+  SkipLink,
+} from "nhsuk-frontend";
+
+import { Autocomplete } from "./components/autocomplete.js";
+import { UpgradedRadios as Radios } from "./components/radios.js";
+
+// Initiate NHS.UK frontend components on page load
+document.addEventListener("DOMContentLoaded", () => {
+  createAll(Autocomplete);
+  createAll(Button, { preventDoubleClick: true });
+  createAll(Checkboxes);
+  createAll(ErrorSummary);
+  createAll(Radios);
+  createAll(SkipLink);
+});

app/views/layouts/application.html.erb

@@ -9,7 +9,7 @@
     <title><%= page_title(@service_name) %></title>
 
     <%= stylesheet_link_tag @assets_name, "data-turbo-track": Rails.env.development? ? "" : "reload" %>
-    <%= javascript_include_tag "application", "data-turbo-track": Rails.env.development? ? "" : "reload", type: "module" %>
+    <%= javascript_include_tag @assets_name, "data-turbo-track": Rails.env.development? ? "" : "reload", type: "module" %>
 
     <%= icon_link_tag "favicon.ico", rel: "icon", sizes: "48x48" %>
     <%= icon_link_tag "favicon.svg", rel: "icon", sizes: "any", type: "image/svg+xml" %>