@atproto/oauth-provider 0.1.0 → 0.1.1

package/src/output/customization.ts

@@ -1,22 +1,9 @@
 // Matches colors defined in tailwind.config.js
-const colorNames = ['primary', 'error'] as const
+const colorNames = ['brand', 'error', 'warning'] as const
 type ColorName = (typeof colorNames)[number]
 const isColorName = (name: string): name is ColorName =>
   (colorNames as readonly string[]).includes(name)
 
-export type FieldDefinition = {
-  label?: string
-  placeholder?: string
-  pattern?: string
-  title?: string
-}
-
-export type ExtraFieldDefinition = FieldDefinition & {
-  type: 'text' | 'password' | 'date' | 'captcha'
-  required?: boolean
-  [_: string]: unknown
-}
-
 export type Customization = {
   name?: string
   logo?: string
@@ -41,56 +28,91 @@ export function buildCustomizationData({
 }
 
 export function buildCustomizationCss(customization?: Customization) {
-  if (!customization?.colors) return ''
+  const vars = Array.from(buildCustomizationVars(customization))
+  if (vars.length) return `:root { ${vars.join(' ')} }`
+
+  return ''
+}
+
+export function* buildCustomizationVars(customization?: Customization) {
+  if (customization?.colors) {
+    for (const [name, value] of Object.entries(customization.colors)) {
+      if (!isColorName(name)) {
+        throw new TypeError(`Invalid color name: ${name}`)
+      }
+
+      // Skip undefined values
+      if (value === undefined) continue
 
-  const vars = Object.entries(customization.colors)
-    .filter((e) => isColorName(e[0]) && e[1] != null)
-    .map(([name, value]) => [name, parseColor(value)] as const)
-    .filter((e): e is [ColorName, ParsedColor] => e[1] != null)
-    // alpha not supported by tailwind (it does not work that way)
-    .map(([name, { r, g, b }]) => `--color-${name}: ${r} ${g} ${b};`)
+      const { r, g, b, a } = parseColor(value)
 
-  return `:root { ${vars.join(' ')} }`
+      // Tailwind does not apply alpha values to base colors
+      if (a !== undefined) throw new TypeError('Alpha not supported')
+
+      yield `--color-${name}: ${r} ${g} ${b};`
+    }
+  }
 }
 
-type ParsedColor = { r: number; g: number; b: number; a?: number }
-function parseColor(color: string): undefined | ParsedColor {
+type RgbaColor = { r: number; g: number; b: number; a?: number }
+function parseColor(color: unknown): RgbaColor {
+  if (typeof color !== 'string') {
+    throw new TypeError(`Invalid color value: ${typeof color}`)
+  }
+
   if (color.startsWith('#')) {
     if (color.length === 4 || color.length === 5) {
-      const [r, g, b, a] = color
-        .slice(1)
-        .split('')
-        .map((c) => parseInt(c + c, 16))
+      const r = parseUi8Hex(color.slice(1, 2))
+      const g = parseUi8Hex(color.slice(2, 3))
+      const b = parseUi8Hex(color.slice(3, 4))
+      const a = color.length > 4 ? parseUi8Hex(color.slice(4, 5)) : undefined
       return { r, g, b, a }
     }
 
     if (color.length === 7 || color.length === 9) {
-      const r = parseInt(color.slice(1, 3), 16)
-      const g = parseInt(color.slice(3, 5), 16)
-      const b = parseInt(color.slice(5, 7), 16)
-      const a = color.length > 8 ? parseInt(color.slice(7, 9), 16) : undefined
+      const r = parseUi8Hex(color.slice(1, 3))
+      const g = parseUi8Hex(color.slice(3, 5))
+      const b = parseUi8Hex(color.slice(5, 7))
+      const a = color.length > 8 ? parseUi8Hex(color.slice(7, 9)) : undefined
       return { r, g, b, a }
     }
 
-    return undefined
+    throw new TypeError(`Invalid hex color: ${color}`)
   }
 
-  const rgbMatch = color.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/)
+  const rgbMatch = color.match(
+    /^\s*rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/,
+  )
   if (rgbMatch) {
-    const [, r, g, b] = rgbMatch
-    return { r: parseInt(r, 10), g: parseInt(g, 10), b: parseInt(b, 10) }
+    const r = parseUi8Dec(rgbMatch[1])
+    const g = parseUi8Dec(rgbMatch[2])
+    const b = parseUi8Dec(rgbMatch[3])
+    return { r, g, b }
   }
 
-  const rgbaMatch = color.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d+)\)/)
+  const rgbaMatch = color.match(
+    /^\s*rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/,
+  )
   if (rgbaMatch) {
-    const [, r, g, b, a] = rgbaMatch
-    return {
-      r: parseInt(r, 10),
-      g: parseInt(g, 10),
-      b: parseInt(b, 10),
-      a: parseInt(a, 10),
-    }
+    const r = parseUi8Dec(rgbaMatch[1])
+    const g = parseUi8Dec(rgbaMatch[2])
+    const b = parseUi8Dec(rgbaMatch[3])
+    const a = parseUi8Dec(rgbaMatch[4])
+    return { r, g, b, a }
   }
 
-  return undefined
+  throw new TypeError(`Unsupported color format: ${color}`)
+}
+
+function parseUi8Hex(v: string) {
+  return asUi8(parseInt(v, 16))
+}
+
+function parseUi8Dec(v: string) {
+  return asUi8(parseInt(v, 10))
+}
+
+function asUi8(v: number) {
+  if (v >= 0 && v <= 255 && v === (v | 0)) return v
+  throw new TypeError(`Invalid color component: ${v}`)
 }

package/src/output/output-manager.ts

@@ -0,0 +1,87 @@
+import { ServerResponse } from 'node:http'
+
+import { Asset } from '../assets/asset.js'
+import { getAsset } from '../assets/index.js'
+import { cssCode, Html, html } from '../lib/html/index.js'
+import {
+  AuthorizationResultAuthorize,
+  buildAuthorizeData,
+} from './build-authorize-data.js'
+import { buildErrorPayload, buildErrorStatus } from './build-error-payload.js'
+import {
+  buildCustomizationCss,
+  buildCustomizationData,
+  Customization,
+} from './customization.js'
+import { declareBackendData, sendWebPage } from './send-web-page.js'
+
+export class OutputManager {
+  readonly customizationScript: Html
+  readonly customizationStyle: Html
+  readonly customizationLinks?: Customization['links']
+
+  // Could technically cause an "UnhandledPromiseRejection", which might cause
+  // the process to exit. This is intentional, as it's a critical error. It
+  // should never happen in practice, as the built assets are bundled with the
+  // package.
+  readonly assetsPromise: Promise<[js: Asset, css: Asset]> = Promise.all([
+    getAsset('main.js'),
+    getAsset('main.css'),
+  ] as const)
+
+  constructor(customization?: Customization) {
+    // Note: building this here for two reasons:
+    // 1. To avoid re-building it on every request
+    // 2. To throw during init if the customization is invalid
+    this.customizationScript = declareBackendData(
+      '__customizationData',
+      buildCustomizationData(customization),
+    )
+    this.customizationStyle = cssCode(buildCustomizationCss(customization))
+    this.customizationLinks = customization?.links
+  }
+
+  async sendAuthorizePage(
+    res: ServerResponse,
+    data: AuthorizationResultAuthorize,
+  ): Promise<void> {
+    const [jsAsset, cssAsset] = await this.assetsPromise
+
+    return sendWebPage(res, {
+      scripts: [
+        declareBackendData('__authorizeData', buildAuthorizeData(data)),
+        this.customizationScript,
+        jsAsset, // Last (to be able to read the "backend data" variables)
+      ],
+      styles: [
+        cssAsset, // First (to be overridden by customization)
+        this.customizationStyle,
+      ],
+      links: this.customizationLinks,
+      htmlAttrs: { lang: 'en' },
+      title: 'Authorize',
+      body: html`<div id="root"></div>`,
+    })
+  }
+
+  async sendErrorPage(res: ServerResponse, err: unknown): Promise<void> {
+    const [jsAsset, cssAsset] = await this.assetsPromise
+
+    return sendWebPage(res, {
+      status: buildErrorStatus(err),
+      scripts: [
+        declareBackendData('__errorData', buildErrorPayload(err)),
+        this.customizationScript,
+        jsAsset, // Last (to be able to read the "backend data" variables)
+      ],
+      styles: [
+        cssAsset, // First (to be overridden by customization)
+        this.customizationStyle,
+      ],
+      links: this.customizationLinks,
+      htmlAttrs: { lang: 'en' },
+      title: 'Error',
+      body: html`<div id="root"></div>`,
+    })
+  }
+}

package/src/output/send-web-page.ts

@@ -18,11 +18,12 @@ export function declareBackendData(name: string, data: unknown) {
   return js`window[${name}]=${data};document.currentScript.remove();`
 }
 
-export function sendWebPage(
+export async function sendWebPage(
   res: ServerResponse,
   { status = 200, ...options }: BuildDocumentOptions & { status?: number },
-): void {
+): Promise<void> {
   // @TODO: make these headers configurable (?)
+  res.setHeader('Permissions-Policy', 'otp-credentials=*, document-domain=()')
   res.setHeader('Cross-Origin-Embedder-Policy', 'credentialless')
   res.setHeader('Cross-Origin-Resource-Policy', 'same-origin')
   res.setHeader('Cross-Origin-Opener-Policy', 'same-origin')
@@ -52,7 +53,7 @@ export function sendWebPage(
 
   const html = buildDocument(options)
 
-  writeHtml(res, html.toString(), status)
+  return writeHtml(res, html.toString(), status)
 }
 
 function assetToHash(asset: Html | AssetRef): string {

package/tailwind.config.js

@@ -2,10 +2,23 @@
 export default {
   content: ['src/assets/app/**/*.{js,ts,jsx,tsx}'],
   theme: {
+    fontFamily: {
+      sans: [
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        'Helvetica',
+        'Arial',
+        'sans-serif',
+      ],
+      mono: ['Monaco', 'mono'],
+    },
     extend: {
       colors: {
-        primary: 'rgb(var(--color-primary) / <alpha-value>)',
+        brand: 'rgb(var(--color-brand) / <alpha-value>)',
         error: 'rgb(var(--color-error) / <alpha-value>)',
+        warning: 'rgb(var(--color-warning) / <alpha-value>)',
       },
     },
   },

package/dist/output/send-authorize-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-authorize-page.d.ts","sourceRoot":"","sources":["../../src/output/send-authorize-page.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,oCAAoC,EACpC,mBAAmB,EACpB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EACL,aAAa,EAGd,MAAM,oBAAoB,CAAA;AAG3B,MAAM,MAAM,4BAA4B,GAAG;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,oCAAoC,CAAA;IAChD,SAAS,EAAE;QACT,GAAG,EAAE,UAAU,CAAA;QACf,QAAQ,EAAE,SAAS;YACjB,OAAO,EAAE,OAAO,CAAA;YAChB,IAAI,EAAE,iBAAiB,CAAA;YAEvB,QAAQ,EAAE,OAAO,CAAA;YACjB,aAAa,EAAE,OAAO,CAAA;YACtB,eAAe,EAAE,OAAO,CAAA;SACzB,EAAE,CAAA;KACJ,CAAA;CACF,CAAA;AAKD,KAAK,OAAO,GAAG;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,KAAK,CAAA;IAEZ,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,mBAAmB,CAAA;IACnC,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yBAAyB,EAAE,OAAO,CAAA;IAClC,QAAQ,EAAE,OAAO,EAAE,CAAA;CACpB,CAAA;AAsBD,wBAAsB,iBAAiB,CACrC,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE,4BAA4B,EAClC,aAAa,CAAC,EAAE,aAAa,GAC5B,OAAO,CAAC,IAAI,CAAC,CA2Bf"}

package/dist/output/send-authorize-page.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sendAuthorizePage = void 0;
-const index_js_1 = require("../assets/index.js");
-const index_js_2 = require("../lib/html/index.js");
-const customization_js_1 = require("./customization.js");
-const send_web_page_js_1 = require("./send-web-page.js");
-function buildAuthorizeData(data) {
-    return {
-        clientId: data.client.id,
-        clientMetadata: data.client.metadata,
-        clientTrusted: data.client.info.isTrusted,
-        requestUri: data.authorize.uri,
-        csrfCookie: `csrf-${data.authorize.uri}`,
-        loginHint: data.parameters.login_hint,
-        newSessionsRequireConsent: data.parameters.prompt === 'consent',
-        sessions: data.authorize.sessions.map((session) => ({
-            account: session.account,
-            selected: session.selected,
-            loginRequired: session.loginRequired,
-            consentRequired: session.consentRequired,
-        })),
-    };
-}
-async function sendAuthorizePage(res, data, customization) {
-    res.setHeader('Cache-Control', 'no-store');
-    res.setHeader('Permissions-Policy', 'otp-credentials=*, document-domain=()');
-    const [jsAsset, cssAsset] = await Promise.all([
-        (0, index_js_1.getAsset)('main.js'),
-        (0, index_js_1.getAsset)('main.css'),
-    ]);
-    return (0, send_web_page_js_1.sendWebPage)(res, {
-        scripts: [
-            (0, send_web_page_js_1.declareBackendData)('__customizationData', (0, customization_js_1.buildCustomizationData)(customization)),
-            (0, send_web_page_js_1.declareBackendData)('__authorizeData', buildAuthorizeData(data)),
-            jsAsset, // Last (to be able to read the global variables)
-        ],
-        styles: [
-            cssAsset, // First (to be overridden by customization)
-            (0, index_js_2.cssCode)((0, customization_js_1.buildCustomizationCss)(customization)),
-        ],
-        links: customization?.links,
-        htmlAttrs: { lang: 'en' },
-        title: 'Authorize',
-        body: (0, index_js_2.html) `<div id="root"></div>`,
-    });
-}
-exports.sendAuthorizePage = sendAuthorizePage;
-//# sourceMappingURL=send-authorize-page.js.map

package/dist/output/send-authorize-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-authorize-page.js","sourceRoot":"","sources":["../../src/output/send-authorize-page.ts"],"names":[],"mappings":";;;AAQA,iDAA6C;AAE7C,mDAAoD;AAEpD,yDAI2B;AAC3B,yDAAoE;AA0CpE,SAAS,kBAAkB,CAAC,IAAkC;IAC5D,OAAO;QACL,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;QACxB,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;QACpC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;QACzC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG;QAC9B,UAAU,EAAE,QAAQ,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;QACxC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU;QACrC,yBAAyB,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,SAAS;QAC/D,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CACnC,CAAC,OAAO,EAAW,EAAE,CAAC,CAAC;YACrB,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,aAAa,EAAE,OAAO,CAAC,aAAa;YACpC,eAAe,EAAE,OAAO,CAAC,eAAe;SACzC,CAAC,CACH;KACF,CAAA;AACH,CAAC;AAEM,KAAK,UAAU,iBAAiB,CACrC,GAAmB,EACnB,IAAkC,EAClC,aAA6B;IAE7B,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;IAC1C,GAAG,CAAC,SAAS,CAAC,oBAAoB,EAAE,uCAAuC,CAAC,CAAA;IAE5E,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QAC5C,IAAA,mBAAQ,EAAC,SAAS,CAAC;QACnB,IAAA,mBAAQ,EAAC,UAAU,CAAC;KACrB,CAAC,CAAA;IAEF,OAAO,IAAA,8BAAW,EAAC,GAAG,EAAE;QACtB,OAAO,EAAE;YACP,IAAA,qCAAkB,EAChB,qBAAqB,EACrB,IAAA,yCAAsB,EAAC,aAAa,CAAC,CACtC;YACD,IAAA,qCAAkB,EAAC,iBAAiB,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC/D,OAAO,EAAE,iDAAiD;SAC3D;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,4CAA4C;YACtD,IAAA,kBAAO,EAAC,IAAA,wCAAqB,EAAC,aAAa,CAAC,CAAC;SAC9C;QACD,KAAK,EAAE,aAAa,EAAE,KAAK;QAC3B,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;QACzB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,IAAA,eAAI,EAAA,uBAAuB;KAClC,CAAC,CAAA;AACJ,CAAC;AA/BD,8CA+BC"}

package/dist/output/send-error-page.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="node" />
-import { ServerResponse } from 'node:http';
-import { Customization } from './customization.js';
-export declare function sendErrorPage(res: ServerResponse, err: unknown, customization?: Customization): Promise<void>;
-//# sourceMappingURL=send-error-page.d.ts.map

package/dist/output/send-error-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-error-page.d.ts","sourceRoot":"","sources":["../../src/output/send-error-page.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAK1C,OAAO,EACL,aAAa,EAGd,MAAM,oBAAoB,CAAA;AAG3B,wBAAsB,aAAa,CACjC,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,OAAO,EACZ,aAAa,CAAC,EAAE,aAAa,GAC5B,OAAO,CAAC,IAAI,CAAC,CAwBf"}

package/dist/output/send-error-page.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sendErrorPage = void 0;
-const index_js_1 = require("../assets/index.js");
-const index_js_2 = require("../lib/html/index.js");
-const build_error_payload_js_1 = require("./build-error-payload.js");
-const customization_js_1 = require("./customization.js");
-const send_web_page_js_1 = require("./send-web-page.js");
-async function sendErrorPage(res, err, customization) {
-    const [jsAsset, cssAsset] = await Promise.all([
-        (0, index_js_1.getAsset)('main.js'),
-        (0, index_js_1.getAsset)('main.css'),
-    ]);
-    return (0, send_web_page_js_1.sendWebPage)(res, {
-        status: (0, build_error_payload_js_1.buildErrorStatus)(err),
-        scripts: [
-            (0, send_web_page_js_1.declareBackendData)('__customizationData', (0, customization_js_1.buildCustomizationData)(customization)),
-            (0, send_web_page_js_1.declareBackendData)('__errorData', (0, build_error_payload_js_1.buildErrorPayload)(err)),
-            jsAsset, // Last (to be able to read the global variables)
-        ],
-        styles: [
-            cssAsset, // First (to be overridden by customization)
-            (0, index_js_2.cssCode)((0, customization_js_1.buildCustomizationCss)(customization)),
-        ],
-        htmlAttrs: { lang: 'en' },
-        title: 'Error',
-        body: (0, index_js_2.html) `<div id="root"></div>`,
-    });
-}
-exports.sendErrorPage = sendErrorPage;
-//# sourceMappingURL=send-error-page.js.map

package/dist/output/send-error-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-error-page.js","sourceRoot":"","sources":["../../src/output/send-error-page.ts"],"names":[],"mappings":";;;AAEA,iDAA6C;AAC7C,mDAAoD;AACpD,qEAA8E;AAC9E,yDAI2B;AAC3B,yDAAoE;AAE7D,KAAK,UAAU,aAAa,CACjC,GAAmB,EACnB,GAAY,EACZ,aAA6B;IAE7B,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QAC5C,IAAA,mBAAQ,EAAC,SAAS,CAAC;QACnB,IAAA,mBAAQ,EAAC,UAAU,CAAC;KACrB,CAAC,CAAA;IAEF,OAAO,IAAA,8BAAW,EAAC,GAAG,EAAE;QACtB,MAAM,EAAE,IAAA,yCAAgB,EAAC,GAAG,CAAC;QAC7B,OAAO,EAAE;YACP,IAAA,qCAAkB,EAChB,qBAAqB,EACrB,IAAA,yCAAsB,EAAC,aAAa,CAAC,CACtC;YACD,IAAA,qCAAkB,EAAC,aAAa,EAAE,IAAA,0CAAiB,EAAC,GAAG,CAAC,CAAC;YACzD,OAAO,EAAE,iDAAiD;SAC3D;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,4CAA4C;YACtD,IAAA,kBAAO,EAAC,IAAA,wCAAqB,EAAC,aAAa,CAAC,CAAC;SAC9C;QACD,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;QACzB,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAA,eAAI,EAAA,uBAAuB;KAClC,CAAC,CAAA;AACJ,CAAC;AA5BD,sCA4BC"}

package/src/output/send-error-page.ts

@@ -1,41 +0,0 @@
-import { ServerResponse } from 'node:http'
-
-import { getAsset } from '../assets/index.js'
-import { cssCode, html } from '../lib/html/index.js'
-import { buildErrorPayload, buildErrorStatus } from './build-error-payload.js'
-import {
-  Customization,
-  buildCustomizationCss,
-  buildCustomizationData,
-} from './customization.js'
-import { declareBackendData, sendWebPage } from './send-web-page.js'
-
-export async function sendErrorPage(
-  res: ServerResponse,
-  err: unknown,
-  customization?: Customization,
-): Promise<void> {
-  const [jsAsset, cssAsset] = await Promise.all([
-    getAsset('main.js'),
-    getAsset('main.css'),
-  ])
-
-  return sendWebPage(res, {
-    status: buildErrorStatus(err),
-    scripts: [
-      declareBackendData(
-        '__customizationData',
-        buildCustomizationData(customization),
-      ),
-      declareBackendData('__errorData', buildErrorPayload(err)),
-      jsAsset, // Last (to be able to read the global variables)
-    ],
-    styles: [
-      cssAsset, // First (to be overridden by customization)
-      cssCode(buildCustomizationCss(customization)),
-    ],
-    htmlAttrs: { lang: 'en' },
-    title: 'Error',
-    body: html`<div id="root"></div>`,
-  })
-}