@x-govuk/govuk-eleventy-plugin 8.2.0 → 8.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-govuk/govuk-eleventy-plugin",
-  "version": "8.2.0",
+  "version": "8.3.1",
   "description": "Write documentation using Markdown and publish it using GOV.UK styles",
   "keywords": [
     "govuk",
@@ -82,7 +82,7 @@
   "devDependencies": {
     "@x-govuk/eslint-config": "^0.0.1",
     "@x-govuk/govuk-eleventy-plugin": "file:./",
-    "np": "^10.0.0",
+    "np": "^11.0.0",
     "prettier": "^3.1.0",
     "stylelint": "^16.0.0",
     "stylelint-config-gds": "^2.0.0",

package/src/data/options.js

@@ -27,6 +27,7 @@ const defaults = {
     govspeak: true
   },
   opengraphImageUrl: '/assets/rebrand/images/govuk-opengraph-image.png',
+  scripts: [],
   stylesheets: [],
   titleSuffix: 'GOV.UK',
   url: false,
@@ -61,5 +62,10 @@ export function defaultPluginOptions(options, pathPrefix) {
     }
   }
 
+  // Default phaseBanner classes to govuk-width-container for proper width
+  if (options.header?.phaseBanner && !options.header.phaseBanner.classes) {
+    options.header.phaseBanner.classes = 'govuk-width-container'
+  }
+
   return deepmerge(defaults, options)
 }

package/src/events/generate-govuk-assets.js

@@ -22,7 +22,8 @@ export async function generateAssets(dir, options) {
     let inputFile = await fs.readFile(inputFilePath)
 
     // Update asset path to use configured path prefix
-    const assetPath = path.join(options.pathPrefix, '/assets/')
+    // Use POSIX forward slash path separator for generated SCSS
+    const assetPath = path.posix.join(options.pathPrefix, '/assets/')
     inputFile = inputFile
       .toString()
       .replace(
@@ -46,22 +47,25 @@ export async function generateAssets(dir, options) {
   }
 
   // Bundle JavaScript
-  try {
-    const jsFile = `${dir.output}/assets/application.js`
-    const bundle = await rollup({
-      input: path.join(import.meta.dirname, '../application.js'),
-      context: 'window',
-      plugins: [
-        nodeResolve(),
-        commonJs(),
-        terser({ format: { comments: false } })
-      ]
-    })
+  // Ignored if custom scripts are used
+  if (options.scripts.length === 0) {
+    try {
+      const jsFile = `${dir.output}/assets/application.js`
+      const bundle = await rollup({
+        input: path.join(import.meta.dirname, '../application.js'),
+        context: 'window',
+        plugins: [
+          nodeResolve(),
+          commonJs(),
+          terser({ format: { comments: false } })
+        ]
+      })
 
-    const { output } = await bundle.generate({ format: 'es' })
-    const { code } = output[0]
-    fs.writeFile(jsFile, code)
-  } catch (error) {
-    console.error(error)
+      const { output } = await bundle.generate({ format: 'es' })
+      const { code } = output[0]
+      fs.writeFile(jsFile, code)
+    } catch (error) {
+      console.error(error)
+    }
   }
 }

package/src/layouts/base.njk

@@ -43,7 +43,11 @@
 {% endblock %}
 
 {% block head %}
-  <script src="/assets/application.js" type="module"></script>
+  {% for script in options.scripts %}
+  <script src="{{ script | canonicalUrl }}" type="module"></script>
+  {% else %}
+  <script src="{{ "/assets/application.js" | canonicalUrl }}" type="module"></script>
+  {% endfor %}
 
   {% for stylesheet in options.stylesheets %}
   <link rel="stylesheet" href="{{ stylesheet | canonicalUrl }}">