Merge pull request #1647 from alphagov/publishing-components-upgrade

Publishing components upgrade

Gemfile

@@ -30,7 +30,7 @@ gem "whenever"
 gem "sass"
 gem "sass-rails"
 gem "sprockets"
-gem "uglifier"
+gem "terser"
 
 group :development do
   gem "web-console"

Gemfile.lock

@@ -270,7 +270,7 @@ GEM
     govuk_personalisation (0.16.0)
       plek (>= 1.9.0)
       rails (>= 6, < 8)
-    govuk_publishing_components (39.2.4)
+    govuk_publishing_components (40.0.0)
       govuk_app_config
       govuk_personalisation (>= 0.7.0)
       kramdown
@@ -807,6 +807,8 @@ GEM
     strscan (3.1.0)
     sys-uname (1.2.3)
       ffi (~> 1.1)
+    terser (1.2.3)
+      execjs (>= 0.3.0, < 3)
     thor (1.3.1)
     tilt (2.3.0)
     timecop (0.9.10)
@@ -815,8 +817,6 @@ GEM
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     uber (0.1.0)
-    uglifier (4.2.0)
-      execjs (>= 0.3.0, < 3)
     unicode-display_width (2.5.0)
     uri (0.13.0)
     version_gem (1.1.4)
@@ -890,8 +890,8 @@ DEPENDENCIES
   shoulda-matchers
   simplecov
   sprockets
+  terser
   timecop
-  uglifier
   web-console
   webmock
   whenever

app/assets/config/manifest.js

@@ -2,5 +2,6 @@
 //= link application.css
 //= link legacy_layout.css
 //= link application.js
+//= link es6-components.js
 //= link legacy_layout.js
 //= link html5.js

app/assets/javascripts/application.js

@@ -10,5 +10,4 @@
 // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
 // GO AFTER THE REQUIRES BELOW.
 //
-//= require govuk_publishing_components/dependencies
-//= require govuk_publishing_components/all_components
+//= require govuk_publishing_components/dependencies

app/assets/javascripts/es6-components.js

@@ -0,0 +1,15 @@
+// These modules from govuk_publishing_components
+// depend on govuk-frontend modules. govuk-frontend
+// now targets browsers that support `type="module"`.
+//
+// To gracefully prevent execution of these scripts
+// on browsers that don't support ES6, this script
+// should be included in a `type="module"` script tag
+// which will ensure they are never loaded.
+
+//= require govuk_publishing_components/components/button
+//= require govuk_publishing_components/components/checkboxes
+//= require govuk_publishing_components/components/error-summary
+//= require govuk_publishing_components/components/layout-header
+//= require govuk_publishing_components/components/radio
+//= require govuk_publishing_components/components/skip-link

app/views/layouts/application.html.erb

@@ -1,6 +1,7 @@
 <% content_for :head do %>
   <%= stylesheet_link_tag "legacy_layout", :media => "all" %>
   <%= javascript_include_tag "legacy_layout" %>
+  <%= javascript_include_tag "es6-components", type: "module" %>
   <%= csrf_meta_tag %>
   <%= render "layouts/google_tag_manager" %>
   <%= yield :extra_headers %>