Switch to nhsuk-prototype-kit package

.gitignore

@@ -6,4 +6,4 @@
 
 .data
 /node_modules
-/assets
+/public

app.js

@@ -0,0 +1,57 @@
+import sessionInDatabase from 'connect-pg-simple'
+import express from 'express'
+import session from 'express-session'
+import NHSPrototypeKit from 'nhsuk-prototype-kit'
+import { Pool } from 'pg'
+
+import sessionDataDefaults from './app/data.js'
+import filters from './app/filters.js'
+import globals from './app/globals.js'
+import routes from './app/routes.js'
+
+const { DATABASE_URL, NODE_ENV } = process.env
+
+const app = express()
+
+if (DATABASE_URL) {
+  app.use(
+    session({
+      cookie: {
+        maxAge: 1000 * 60 * 60 * 4, // 4 hours
+        secure: process.env.NODE_ENV === 'production'
+      },
+      resave: false,
+      saveUninitialized: false,
+      secret: 'manage-vaccinations-in-schools-prototype',
+      store: new (sessionInDatabase(session))({
+        pool: new Pool({
+          connectionString: DATABASE_URL,
+          ssl: NODE_ENV === 'production' ? { rejectUnauthorized: false } : false
+        })
+      })
+    })
+  )
+}
+
+const prototype = await NHSPrototypeKit.init({
+  serviceName: 'Manage vaccinations in schools',
+  app,
+  buildOptions: {
+    entryPoints: [
+      'app/assets/stylesheets/*.scss',
+      'app/assets/javascripts/*.js'
+    ]
+  },
+  viewsPath: ['app/views', 'node_modules/nhsuk-decorated-components'],
+  routes,
+  filters,
+  sessionDataDefaults
+})
+
+prototype.app.set('view engine', 'njk')
+
+for (const [key, value] of Object.entries(globals())) {
+  prototype.nunjucks?.addGlobal(key, value)
+}
+
+prototype.start(2000)

app/controllers/home.js

@@ -22,10 +22,10 @@ export const homeController = {
       )
     }
 
-    response.render('views/dashboard')
+    response.render('dashboard')
   },
 
   start(request, response) {
-    response.render('views/start')
+    response.render('start')
   }
 }

app/filters.js

@@ -16,7 +16,7 @@ import {
  * @returns {object} Filters
  */
 export default (env) => {
-  const filters = {}
+  const filters = prototypeFilters
 
   /**
    * Remove border from last summary row

app/globals.js

@@ -1,4 +1,5 @@
 import _ from 'lodash'
+import { decorate } from 'nhsuk-decorated-components'
 
 import { healthQuestions } from './datasets/health-questions.js'
 import {
@@ -23,6 +24,8 @@ import {
 export default () => {
   const globals = {}
 
+  globals.decorate = decorate
+
   /**
    * Get boolean form field items
    *

app/views/_layouts/default.njk

@@ -1,4 +1,4 @@
-{% extends "rig/default.njk" %}
+{% extends "prototype-kit-template.njk" %}
 
 {#- App macros -#}
 {% from "_macros/action-list.njk" import appActionList %}
@@ -20,8 +20,8 @@
   <meta name="format-detection" content="telephone=no">
 
   {% set assetsName = assetsName | default("application") %}
-  <link rel="stylesheet" href="/assets/{{ assetsName }}.css" media="all">
-  <script src="/assets/{{ assetsName }}.js" type="module"></script>
+  <link rel="stylesheet" href="/assets/stylesheets/{{ assetsName }}.css" media="all">
+  <script src="/assets/javascripts/{{ assetsName }}.js" type="module"></script>
 {% endblock %}
 
 {% block header %}
@@ -129,7 +129,7 @@
       }, {
         text: "Clear session data",
         href: "/clear-session-data"
-      } if useAutoStoreData, {
+      }, {
         text: "Design history",
         href: "https://design-history.prevention-services.nhs.uk/manage-vaccinations-in-schools/"
       }]

lib/create-data.js

@@ -2,7 +2,6 @@ import process from 'node:process'
 
 import { faker } from '@faker-js/faker'
 import { isSameDay } from 'date-fns'
-import 'dotenv/config'
 
 import clinicsData from '../app/datasets/clinics.js'
 import programmesData from '../app/datasets/programmes.js'