Get ready to extract having-problems strings

Refs #1834, #1817

src/HavingProblemsPage/HavingProblemsPage.ts

@@ -0,0 +1,14 @@
+import { StatusCodes } from 'http-status-codes'
+import { html, plainText } from '../html.js'
+import { PageResponse } from '../response.js'
+
+export const createHavingProblemsPage = (): PageResponse =>
+  PageResponse({
+    status: StatusCodes.SERVICE_UNAVAILABLE,
+    title: plainText`Sorry, we’re having problems`,
+    main: html`
+      <h1>Sorry, we’re having problems</h1>
+
+      <p>Please try again later.</p>
+    `,
+  })

src/HavingProblemsPage/index.ts

@@ -0,0 +1,5 @@
+import { Effect } from 'effect'
+import type { PageResponse } from '../response.js'
+import { createHavingProblemsPage } from './HavingProblemsPage.js'
+
+export const HavingProblemsPage: Effect.Effect<PageResponse> = Effect.sync(createHavingProblemsPage)

src/http-error.ts

@@ -5,6 +5,7 @@ import { Status } from 'hyper-ts'
 import * as RM from 'hyper-ts/lib/ReaderMiddleware.js'
 import { match } from 'ts-pattern'
 import { Locale } from './Context.js'
+import { HavingProblemsPage } from './HavingProblemsPage/index.js'
 import { html, plainText, sendHtml } from './html.js'
 import { DefaultLocale } from './locales/index.js'
 import { templatePage } from './page.js'
@@ -66,15 +67,7 @@ function problemsPage(user?: User) {
 
 export const pageNotFound = Effect.runSync(Effect.provideService(PageNotFound, Locale, DefaultLocale))
 
-export const havingProblemsPage = PageResponse({
-  status: Status.ServiceUnavailable,
-  title: plainText`Sorry, we’re having problems`,
-  main: html`
-    <h1>Sorry, we’re having problems</h1>
-
-    <p>Please try again later.</p>
-  `,
-})
+export const havingProblemsPage = Effect.runSync(HavingProblemsPage)
 
 export const noPermissionPage = PageResponse({
   status: Status.Forbidden,

visual-regression/HavingProblemsPage/HavingProblemsPage.spec.ts

@@ -0,0 +1,8 @@
+import { createHavingProblemsPage } from '../../src/HavingProblemsPage/HavingProblemsPage.js'
+import { expect, test } from '../base.js'
+
+test('content looks right', async ({ showPage }) => {
+  const content = await showPage(createHavingProblemsPage())
+
+  await expect(content).toHaveScreenshot()
+})

visual-regression/http-errors.spec.ts

@@ -1,12 +1,6 @@
-import { havingProblemsPage, noPermissionPage } from '../src/http-error.js'
+import { noPermissionPage } from '../src/http-error.js'
 import { expect, test } from './base.js'
 
-test('having-problems page content looks right', async ({ showPage }) => {
-  const content = await showPage(havingProblemsPage)
-
-  await expect(content).toHaveScreenshot()
-})
-
 test('no-permission page content looks right', async ({ showPage }) => {
   const content = await showPage(noPermissionPage)