Manually test that v5 works with the Prototype Kit

[romaricpascal]

What

Share our strategy for loading JavaScript to the Prototype Kit team and confirm that necessary changes on their side are feasible. Use the change they've made and validate that it works, e.g. build a prototype kit review app.

Add a Prototype Kit example loading the govuk-frontend package using the new Prototype Kit option for loading scripts using type="module".

The approach discussed on Slack would be to create a new workspace that:

• runs npx govuk-prototype-kit create dist to scaffold a new kit
• links the govuk-frontend package to use the one in packages with npm link
• we'd run manually when necessary

Post v5, we can look into added automated tests to check that assets load OK (using Jest + Puppeteer).

Why

We'll be updating how our JavaScript loads in the browser and need to make sure that our approach is compatible with what the Prototype Kit can support.

Who needs to work on this

Developers

Who needs to review this

Developers

Done when

• [x] We've implemented a Prototype Kit example that lets us check we integrate OK

[36degrees]

The Prototype Kit team have created an issue to allow scripts loaded using the plugin system to use type="module".

[colinrotherham]

Moving this to blocked for now

The new type="module" feature works great but the kit tries to initialise itself before GOV.UK Frontend is available

1. Preview branch govuk-frontend installs causes test timeouts
2. Preview branch govuk-frontend is replaced with v4.5.0 (or latest) in test teardowns
3. Heroku password pages have hard-coded "allowed" files from GOV.UK Frontend
4. Prototype management pages and plugins can still run GOV.UK Frontend v4

These aren't necessarily blockers but you can track progress in:

• https://github.com/alphagov/govuk-prototype-kit/pull/2306

[colinrotherham]

Just an update to track progress a little better

The following changes were made by the Prototype Kit team:

• https://github.com/alphagov/govuk-prototype-kit/pull/2088
• https://github.com/alphagov/govuk-prototype-kit/pull/2118
• https://github.com/alphagov/govuk-prototype-kit/pull/2317
• https://github.com/alphagov/govuk-frontend/pull/4101

With support fixes contributed by GOV.UK Frontend:

• https://github.com/alphagov/govuk-prototype-kit/pull/2306
• https://github.com/alphagov/govuk-prototype-kit/pull/2332
• https://github.com/alphagov/govuk-prototype-kit/pull/2333
• https://github.com/alphagov/govuk-prototype-kit/pull/2349
• https://github.com/alphagov/govuk-prototype-kit/pull/2355

But with extra backwards compatibility considerations from GOV.UK Frontend too:

• https://github.com/alphagov/govuk-prototype-kit/pull/2334
• https://github.com/alphagov/govuk-prototype-kit/pull/2358
• https://github.com/alphagov/govuk-prototype-kit/pull/2359