Form Inputs

.github/workflows/lint_and_test_on_push.yml

@@ -15,4 +15,5 @@ jobs:
       - uses: actions/checkout@v4
       - run: |
               npm ci
+              npx playwright install --with-deps
               npm run test

.gitignore

@@ -127,4 +127,14 @@ dist
 .yarn/unplugged
 .yarn/build-state.yml
 .yarn/install-state.gz
-.pnp.*
+.pnp.*
+
+# playwright
+/test-results/
+/playwright-report/*
+/playwright/.cache/
+
+public/*
+.vscode/launch.json
+
+uploads/*

.husky/pre-commit

@@ -1,5 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-npm run test
 npm run lint

config/default.yaml

@@ -0,0 +1,8 @@
+port: 3000
+logs:
+    console: true
+    app: false
+    error: false
+api: {
+    url: http://localhost:3000/api
+}

config/index.js

@@ -0,0 +1,5 @@
+const HmpoConfig = require('hmpo-config')
+
+const config = new HmpoConfig()
+config.addFile('./config/default.yaml')
+module.exports = config.toJSON()

index.js

@@ -1,19 +1,87 @@
+'use strict'
+
+const hmpoLogger = require('hmpo-logger')
 const express = require('express')
+const cookieParser = require('cookie-parser')
+const session = require('express-session')
 const nunjucks = require('nunjucks')
+const path = require('path')
+const bodyParser = require('body-parser')
+const config = require('./config')
+const { govukMarkdown } = require('@x-govuk/govuk-prototype-filters')
+
+const logger = hmpoLogger.config(config.logs).get()
+
 const app = express()
 
-nunjucks.configure('src/views', {
-  express: app
+// log access requests
+app.use(hmpoLogger.middleware())
+
+// add routing for static assets
+app.use('/public', express.static(path.resolve(__dirname, 'public')))
+
+// cookies and sessions (redis or elasticache should be used in a prod env)
+app.use(cookieParser())
+app.use(session({
+  secret: 'keyboard cat',
+  resave: false,
+  saveUninitialized: false,
+  cookie: { secure: false }
+}))
+
+// templating engine (turn on caching and turn off watching in prod env)
+app.set('view engine', 'html')
+const nunjucksEnv = nunjucks.configure([
+  'src/views',
+  'node_modules/govuk-frontend/',
+  'node_modules/@x-govuk/govuk-prototype-components/'
+], {
+  express: app,
+  dev: true,
+  noCache: true,
+  watch: true
+})
+
+const globalValues = {
+  serviceName: 'Publish planning and housing data for England'
+}
+
+Object.keys(globalValues).forEach((key) => {
+  nunjucksEnv.addGlobal(key, globalValues[key])
 })
+nunjucksEnv.addFilter('govukMarkdown', govukMarkdown)
 
-app.get('/', (req, res) => {
-  const data = {
-    title: 'Hello World',
-    content: 'This is a sample content'
+// body parser
+app.use(bodyParser.urlencoded({ extended: true }))
+
+app.use('/', require('./src/routes/form-wizard'))
+
+// file not found handler
+app.use((req, res, next) => {
+  res.status(404).render('pages/file-not-found')
+})
+
+// error handler
+app.use((err, req, res, next) => {
+  logger.error('Request error', { req, err })
+
+  // handle session expired
+  if (err.code === 'SESSION_TIMEOUT') {
+    err.template = 'pages/session-expired'
+  }
+
+  // handle errors with automatic redirects
+  if (err.redirect) {
+    return res.redirect(err.redirect)
   }
-  res.render('helloWorld.html', data)
+
+  // show error page
+  err.status = err.status || 500
+  err.template = err.template || 'pages/error'
+  res.status(err.status).render(err.template, { err })
 })
 
-app.listen(3000, () => {
-  console.log('Server listening on port 3000')
+// listen for incomming requests
+app.listen(config.port, () => {
+  logger.info('App listening on http://localhost::port', { port: config.port })
 })