From e7f70b9295feb1d141f7d88c3ab9e8aa48a534e5 Mon Sep 17 00:00:00 2001
From: Linus Miller <linus.miller@bitmill.io>
Date: Sun, 23 Nov 2025 23:30:02 +0100
Subject: [PATCH] intial server setup

---
 .env.development                              |  13 +-
 Dockerfile                                    |  19 +-
 client/client.d.ts                            |   6 +
 client/public/client.ts                       |   8 +
 client/public/components/app.module.scss      |   3 +
 client/public/components/app.tsx              |  36 +
 client/public/components/error_page.tsx       |  15 +
 client/public/components/footer.tsx           |   5 +
 client/public/components/head.ts              | 172 +++++
 client/public/components/header.tsx           |  18 +
 client/public/components/not_found_page.tsx   |   5 +
 client/public/components/other_page.tsx       |  15 +
 client/public/components/start_page.tsx       |  11 +
 client/public/routes.ts                       |  17 +
 client/public/server.ts                       |  22 +
 .../shared/components/button_factory.tsx      |  62 ++
 .../shared/components/checkbox_factory.tsx    |  77 ++
 .../components/image_upload_factory.tsx       |  70 ++
 .../shared/components/input_factory.tsx       | 144 ++++
 .../shared/components/link_button_factory.tsx |  55 ++
 .../components/message_factory.test.tsx       |  32 +
 .../shared/components/message_factory.tsx     |  34 +
 client/public/shared/components/portal.tsx    |   6 +
 .../shared/components/select_factory.tsx      | 116 +++
 .../shared/components/textarea_factory.tsx    |  88 +++
 .../public/shared/hooks/use_request_state.ts  |  58 ++
 client/public/shared/styles/_breakpoints.scss |  66 ++
 client/public/shared/styles/_flex.scss        |  60 ++
 client/public/shared/styles/_reset.scss       | 154 ++++
 client/public/shared/styles/_units.scss       |  92 +++
 client/public/shared/styles/_utils.scss       |  74 ++
 client/public/shared/utils/disable_scroll.ts  |  20 +
 client/public/shared/utils/escape_regex.ts    |   3 +
 client/public/shared/utils/is_loading.ts      |   3 +
 client/public/shared/utils/merge_styles.ts    |  19 +
 .../shared/utils/serialize_form.test.ts       | 115 +++
 client/public/shared/utils/serialize_form.ts  |  30 +
 client/public/styles/main.scss                |   5 +
 client/test/tsx_hook.ts                       |   2 +-
 docker-compose.yml                            |  31 +
 global.d.ts                                   |   7 -
 package.json                                  |  13 +-
 pnpm-lock.yaml                                | 696 ++++++++++++++++++
 server/env.ts                                 |  29 +-
 server/handlers/error.ts                      |  39 +
 server/handlers/robots.ts                     |  18 +
 server/index.ts                               |  25 +
 server/lib/console.ts                         |  19 +
 server/lib/html.ts                            |  79 ++
 server/lib/parse_stream.ts                    |   3 -
 server/lib/pino_transport_console.ts          |  71 ++
 server/plugins/vite.ts                        |  52 ++
 server/plugins/vite/development.ts            | 130 ++++
 server/plugins/vite/production.ts             | 166 +++++
 server/routes/api.ts                          |  63 ++
 server/server.ts                              |  32 +
 server/templates/public.ts                    |  28 +
 tsconfig.json                                 |   2 +-
 vite.config.js                                |   2 +-
 59 files changed, 3224 insertions(+), 31 deletions(-)
 create mode 100644 client/client.d.ts
 create mode 100644 client/public/client.ts
 create mode 100644 client/public/components/app.module.scss
 create mode 100644 client/public/components/app.tsx
 create mode 100644 client/public/components/error_page.tsx
 create mode 100644 client/public/components/footer.tsx
 create mode 100644 client/public/components/head.ts
 create mode 100644 client/public/components/header.tsx
 create mode 100644 client/public/components/not_found_page.tsx
 create mode 100644 client/public/components/other_page.tsx
 create mode 100644 client/public/components/start_page.tsx
 create mode 100644 client/public/routes.ts
 create mode 100644 client/public/server.ts
 create mode 100644 client/public/shared/components/button_factory.tsx
 create mode 100644 client/public/shared/components/checkbox_factory.tsx
 create mode 100644 client/public/shared/components/image_upload_factory.tsx
 create mode 100644 client/public/shared/components/input_factory.tsx
 create mode 100644 client/public/shared/components/link_button_factory.tsx
 create mode 100644 client/public/shared/components/message_factory.test.tsx
 create mode 100644 client/public/shared/components/message_factory.tsx
 create mode 100644 client/public/shared/components/portal.tsx
 create mode 100644 client/public/shared/components/select_factory.tsx
 create mode 100644 client/public/shared/components/textarea_factory.tsx
 create mode 100644 client/public/shared/hooks/use_request_state.ts
 create mode 100644 client/public/shared/styles/_breakpoints.scss
 create mode 100644 client/public/shared/styles/_flex.scss
 create mode 100644 client/public/shared/styles/_reset.scss
 create mode 100644 client/public/shared/styles/_units.scss
 create mode 100644 client/public/shared/styles/_utils.scss
 create mode 100644 client/public/shared/utils/disable_scroll.ts
 create mode 100644 client/public/shared/utils/escape_regex.ts
 create mode 100644 client/public/shared/utils/is_loading.ts
 create mode 100644 client/public/shared/utils/merge_styles.ts
 create mode 100644 client/public/shared/utils/serialize_form.test.ts
 create mode 100644 client/public/shared/utils/serialize_form.ts
 create mode 100644 client/public/styles/main.scss
 create mode 100644 server/handlers/error.ts
 create mode 100644 server/handlers/robots.ts
 create mode 100644 server/index.ts
 create mode 100644 server/lib/console.ts
 create mode 100644 server/lib/html.ts
 create mode 100644 server/lib/pino_transport_console.ts
 create mode 100644 server/plugins/vite.ts
 create mode 100644 server/plugins/vite/development.ts
 create mode 100644 server/plugins/vite/production.ts
 create mode 100644 server/routes/api.ts
 create mode 100644 server/server.ts
 create mode 100644 server/templates/public.ts

diff --git a/.env.development b/.env.development
index c1383a3..e0a13d7 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,16 @@
-PGHOST=localhost
+NODE_ENV=development
+DOMAIN=bitmill.io
+PROTOCOL=https
+HOSTNAME=brf.local
+PORT=null
+FASTIFY_HOST=0.0.0.0
+FASTIFY_PORT=1337
+LOG_LEVEL=debug
+LOG_STREAM=console
+PGHOST=postgres
 PGPORT=5432
 PGDATABASE=brf_books
 PGUSER=brf_books
 PGPASSWORD=brf_books
+REDIS_HOST=redis
+VITE_HMR_PROXY=true
diff --git a/Dockerfile b/Dockerfile
index b4c39f5..9649a8c 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,27 +1,24 @@
-FROM node:23-alpine AS base
+FROM node:25-alpine AS base
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
-RUN corepack enable pnpm
 
 ARG UID=1000
 ARG GID=1000
 
-RUN apk add --no-cache git shadow
+RUN apk add --no-cache shadow
+RUN npm install -g pnpm@^10.23.0
 
 RUN groupmod -g $GID node
 # this does not seem to be having full effect. eg /home/node gets 1337:1000 ownership despite group node having id 1337
 RUN usermod -u $UID -g node node
 
 USER node
-RUN mkdir /home/node/startbit
-RUN git config --global --add safe.directory /home/node/startbit
-WORKDIR /home/node/startbit
+RUN mkdir /home/node/brf_books
+WORKDIR /home/node/brf_books
 
-COPY --chown=node pnpm-lock.yaml package.json ./
+COPY --chown=node pnpm-lock.yaml package.json .
 RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
-COPY --chown=node \
-  .env.secrets \
-  vite.config.js ./
+COPY --chown=node vite.config.js .
 
 # -------- development -------- #
 FROM base AS development
@@ -42,4 +39,4 @@ RUN pnpm run build
 
 COPY --chown=node .git .git
 
-CMD pnpm run start server/index.ts
+CMD pnpm run start
diff --git a/client/client.d.ts b/client/client.d.ts
new file mode 100644
index 0000000..12da21c
--- /dev/null
+++ b/client/client.d.ts
@@ -0,0 +1,6 @@
+declare module '*.module.scss' {
+  const classNames: Record<string, string>
+  export default classNames
+}
+
+declare module '*.scss'
diff --git a/client/public/client.ts b/client/public/client.ts
new file mode 100644
index 0000000..48fe099
--- /dev/null
+++ b/client/public/client.ts
@@ -0,0 +1,8 @@
+import './styles/main.scss'
+
+import { h, hydrate } from 'preact'
+import App from './components/app.tsx'
+
+const STATE = typeof __STATE__ !== 'undefined' ? __STATE__ : undefined
+
+hydrate(h(App, STATE), document.body)
diff --git a/client/public/components/app.module.scss b/client/public/components/app.module.scss
new file mode 100644
index 0000000..55e7d1b
--- /dev/null
+++ b/client/public/components/app.module.scss
@@ -0,0 +1,3 @@
+.title {
+  font-size: 120px;
+}
diff --git a/client/public/components/app.tsx b/client/public/components/app.tsx
new file mode 100644
index 0000000..8c121f6
--- /dev/null
+++ b/client/public/components/app.tsx
@@ -0,0 +1,36 @@
+import { h } from 'preact'
+import { Router } from 'preact-router'
+import Head from './head.ts'
+import Footer from './footer.tsx'
+import Header from './header.tsx'
+import ErrorPage from './error_page.tsx'
+import routes from '../routes.ts'
+
+import s from './app.module.scss'
+
+export default function App({ error, url, title }) {
+  return (
+    <div id='app' className={s.base}>
+      <Head>
+        <title>{title || 'Untitled'}</title>
+      </Head>
+
+      <Header routes={routes} />
+
+      <main className={s.main}>
+        {error ? (
+          <ErrorPage error={error} />
+        ) : (
+          <Router url={url}>
+            {routes.map((route) => (
+              // @ts-ignore
+              <route.component key={route.path} path={route.path} route={route} />
+            ))}
+          </Router>
+        )}
+      </main>
+
+      <Footer />
+    </div>
+  )
+}
diff --git a/client/public/components/error_page.tsx b/client/public/components/error_page.tsx
new file mode 100644
index 0000000..35764e1
--- /dev/null
+++ b/client/public/components/error_page.tsx
@@ -0,0 +1,15 @@
+import { h } from 'preact'
+import Head from './head.ts'
+
+const OtherPage = ({ error }) => (
+  <section>
+    <Head>
+      <title> : Error</title>
+    </Head>
+
+    <h1>Oh no!</h1>
+    <pre>{JSON.stringify(error, ['name', ...Object.getOwnPropertyNames(error)], '  ')}</pre>
+  </section>
+)
+
+export default OtherPage
diff --git a/client/public/components/footer.tsx b/client/public/components/footer.tsx
new file mode 100644
index 0000000..861be7c
--- /dev/null
+++ b/client/public/components/footer.tsx
@@ -0,0 +1,5 @@
+import { h } from 'preact'
+
+const Footer = () => <footer />
+
+export default Footer
diff --git a/client/public/components/head.ts b/client/public/components/head.ts
new file mode 100644
index 0000000..ed26361
--- /dev/null
+++ b/client/public/components/head.ts
@@ -0,0 +1,172 @@
+import { toChildArray, Component } from 'preact'
+import { mapKeys } from 'lowline'
+
+const CLASSNAME = '__preact_generated__'
+
+const DOMAttributeNames = {
+  acceptCharset: 'accept-charset',
+  className: 'class',
+  htmlFor: 'for',
+  httpEquiv: 'http-equiv',
+}
+
+const isBrowser = typeof window !== 'undefined'
+
+let mounted = []
+
+function reducer(components) {
+  return components
+    .map((c) => toChildArray(c.props.children))
+    .reduce((result, c) => result.concat(c), [])
+    .reverse()
+    .filter(unique())
+    .reverse()
+    .reduce(
+      (result, c) => {
+        if (c.type === 'title') {
+          result.title += toChildArray(c.props.children).join('')
+        } else {
+          result.tags.push({
+            type: c.type,
+            attributes: mapKeys(c.props, (_value, key) => DOMAttributeNames[key] || key),
+          })
+        }
+
+        return result
+      },
+      { title: '', tags: [] },
+    )
+}
+
+function updateClient({ title, tags }) {
+  const head = document.head
+
+  const prevElements = Array.from(head.getElementsByClassName(CLASSNAME))
+
+  for (const tag of tags) {
+    const el = createDOMElement(tag)
+
+    const prevIndex = prevElements.findIndex((prevEl) => prevEl.isEqualNode(el))
+
+    if (~prevIndex) {
+      prevElements.splice(prevIndex, 1)
+    } else {
+      head.appendChild(el)
+    }
+  }
+
+  prevElements.forEach((prevEl) => prevEl.remove())
+
+  document.title = title
+}
+
+function createDOMElement(tag) {
+  const el = document.createElement(tag.type)
+  const attributes = tag.attributes || {}
+
+  el.setAttribute('class', CLASSNAME)
+
+  for (const p in attributes || {}) {
+    const attribute = DOMAttributeNames[p] || p.toLowerCase()
+
+    el.setAttribute(attribute, attributes[p])
+  }
+
+  return el
+}
+
+const METATYPES = ['name', 'httpEquiv', 'charSet', 'itemProp']
+
+// returns a function for filtering head child elements
+// which shouldn't be duplicated, like <title/>.
+function unique() {
+  const tags = []
+  const metaTypes = []
+  const metaCategories = {}
+
+  return (h) => {
+    switch (h.type) {
+      case 'base':
+        if (~tags.indexOf(h.type)) {
+          return false
+        }
+
+        tags.push(h.type)
+
+        break
+      case 'meta':
+        for (let i = 0, len = METATYPES.length; i < len; i++) {
+          const metatype = METATYPES[i]
+
+          if (!(metatype in h)) {
+            continue
+          }
+
+          if (metatype === 'charSet') {
+            if (~metaTypes.indexOf(metatype)) {
+              return false
+            }
+
+            metaTypes.push(metatype)
+          } else {
+            const category = h.props[metatype]
+            const categories = metaCategories[metatype] || []
+
+            if (~categories.indexOf(category)) {
+              return false
+            }
+
+            categories.push(category)
+
+            metaCategories[metatype] = categories
+          }
+        }
+        break
+    }
+
+    return true
+  }
+}
+
+function update() {
+  if (isBrowser) updateClient(reducer(mounted))
+}
+
+export default class Head extends Component {
+  static rewind() {
+    const state = reducer(mounted)
+
+    mounted = []
+
+    return state
+  }
+
+  static clear() {
+    mounted = []
+  }
+
+  componentDidUpdate() {
+    update()
+  }
+
+  // eslint-disable-next-line react/no-deprecated
+  componentWillMount() {
+    mounted.push(this)
+
+    update()
+  }
+
+  componentWillUnmount() {
+    const i = mounted.indexOf(this)
+
+    if (~i) {
+      mounted.splice(i, 1)
+    }
+
+    update()
+  }
+
+  render() {
+    return null
+  }
+}
diff --git a/client/public/components/header.tsx b/client/public/components/header.tsx
new file mode 100644
index 0000000..61280b9
--- /dev/null
+++ b/client/public/components/header.tsx
@@ -0,0 +1,18 @@
+import { h } from 'preact'
+
+const Header = ({ routes }) => (
+  <header>
+    <h1>BRF Tegeltrasten</h1>
+    <nav>
+      <ul>
+        {routes.map((route) => (
+          <li key={route.path}>
+            <a href={route.path}>{route.title}</a>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  </header>
+)
+
+export default Header
diff --git a/client/public/components/not_found_page.tsx b/client/public/components/not_found_page.tsx
new file mode 100644
index 0000000..0e37268
--- /dev/null
+++ b/client/public/components/not_found_page.tsx
@@ -0,0 +1,5 @@
+import { h } from 'preact'
+
+export default function NotFoundPage() {
+  return <h1>Not Found</h1>
+}
diff --git a/client/public/components/other_page.tsx b/client/public/components/other_page.tsx
new file mode 100644
index 0000000..2ca1e39
--- /dev/null
+++ b/client/public/components/other_page.tsx
@@ -0,0 +1,15 @@
+import { h } from 'preact'
+import Head from './head.ts'
+
+const OtherPage = () => (
+  <section>
+    <Head>
+      <title> : Other</title>
+    </Head>
+
+    <h1>Other Page</h1>
+    <p>Not the page where it begins</p>
+  </section>
+)
+
+export default OtherPage
diff --git a/client/public/components/start_page.tsx b/client/public/components/start_page.tsx
new file mode 100644
index 0000000..23f6e63
--- /dev/null
+++ b/client/public/components/start_page.tsx
@@ -0,0 +1,11 @@
+import { h } from 'preact'
+
+const StartPage = () => (
+  <section>
+    <h1>Fart Page</h1>
+
+    <p>Haha oh my, fart page.</p>
+  </section>
+)
+
+export default StartPage
diff --git a/client/public/routes.ts b/client/public/routes.ts
new file mode 100644
index 0000000..d2cf495
--- /dev/null
+++ b/client/public/routes.ts
@@ -0,0 +1,17 @@
+import Start from './components/start_page.tsx'
+import Other from './components/other_page.tsx'
+
+export default [
+  {
+    path: '/',
+    name: 'start',
+    title: 'Start',
+    component: Start,
+  },
+  {
+    path: '/other',
+    name: 'other',
+    title: 'Other',
+    component: Other,
+  },
+]
diff --git a/client/public/server.ts b/client/public/server.ts
new file mode 100644
index 0000000..dba484b
--- /dev/null
+++ b/client/public/server.ts
@@ -0,0 +1,22 @@
+// import { h } from 'preact'
+// import preactRender from 'preact-render-to-string'
+// import preactRenderJsx from 'preact-render-to-string/jsx'
+
+// import App from './components/app.tsx'
+// import Head from './components/head.ts'
+
+// export async function render(ctx, pretty) {
+//   const vdom = h(App, ctx)
+
+//   const content = pretty ? preactRenderJsx(vdom, {}, { pretty }) : preactRender(vdom)
+
+//   const head = Head.rewind()
+
+//   return {
+//     head,
+//     content,
+//     state: ctx,
+//   }
+// }
+
+export { default as routes } from './routes.ts'
diff --git a/client/public/shared/components/button_factory.tsx b/client/public/shared/components/button_factory.tsx
new file mode 100644
index 0000000..2019134
--- /dev/null
+++ b/client/public/shared/components/button_factory.tsx
@@ -0,0 +1,62 @@
+import { h, type FunctionComponent, type PointerEventHandler } from 'preact'
+import cn from 'classnames'
+
+export default function buttonFactory({ defaults, icons, styles }) {
+  const Button: FunctionComponent<{
+    autoHeight?: boolean
+    className?: string
+    color?: string
+    design?: string
+    disabled?: boolean
+    fullWidth?: boolean
+    icon?: string
+    iconSize?: string
+    invert?: boolean
+    onClick?: PointerEventHandler<HTMLButtonElement>
+    size?: string
+    tabIndex?: number
+    tag?: string
+    title?: string
+    type?: 'button' | 'reset' | 'submit'
+  }> = ({
+    autoHeight = defaults?.autoHeight,
+    children,
+    className,
+    color = defaults?.color,
+    design = defaults?.design,
+    disabled,
+    fullWidth = defaults?.fullWidth,
+    icon = defaults?.icon,
+    iconSize,
+    invert = defaults?.invert,
+    onClick,
+    size = defaults?.size,
+    tabIndex,
+    title,
+    type,
+  }) => (
+    <button
+      className={cn(
+        styles.base,
+        design && styles[design],
+        size && styles[size],
+        color && styles[color],
+        autoHeight && styles.autoHeight,
+        fullWidth && styles.fullWidth,
+        invert && styles.invert,
+        className,
+      )}
+      style={iconSize && { '--icon-size': iconSize }}
+      disabled={disabled}
+      onClick={onClick}
+      tabIndex={tabIndex}
+      title={title}
+      type={type}
+    >
+      {icon && <i className={styles.icon} style={{ maskImage: `url(${icons[icon] || icon})` }} />}
+      {children && <span>{children}</span>}
+    </button>
+  )
+
+  return Button
+}
diff --git a/client/public/shared/components/checkbox_factory.tsx b/client/public/shared/components/checkbox_factory.tsx
new file mode 100644
index 0000000..8587086
--- /dev/null
+++ b/client/public/shared/components/checkbox_factory.tsx
@@ -0,0 +1,77 @@
+import { h } from 'preact'
+import { useCallback, useEffect, useRef, useState } from 'preact/hooks'
+import cn from 'classnames'
+
+/**
+ * @param {{
+ *   base?: string
+ *   touched?: string
+ *   element?: string
+ *   label?: string
+ * }} styles
+ * @returns {import('preact').FunctionComponent<{
+ *    autoFocus?: boolean
+ *    className?: string
+ *    defaultChecked?: boolean
+ *    disabled?: boolean
+ *    name: string
+ *    label?: string
+ *    required?: boolean
+ * }>}
+ */
+export default function checkboxFactory(styles) {
+  const Checkbox = ({
+    autoFocus,
+    className,
+    defaultChecked,
+    disabled,
+    name,
+    label,
+    onChange,
+    required,
+    style = 'normal',
+    value = 'true',
+  }) => {
+    const [touched, setTouched] = useState(false)
+    const checkboxRef = useRef<HTMLInputElement>()
+
+    const onBlur = useCallback(() => setTouched(true), [])
+
+    useEffect(() => {
+      const form = checkboxRef.current.form
+      const resetTouched = setTouched.bind(null, false)
+
+      form.addEventListener('reset', resetTouched)
+
+      return () => form.removeEventListener('reset', resetTouched)
+    }, [])
+
+    useEffect(() => {
+      if (autoFocus) checkboxRef.current.focus()
+    }, [autoFocus])
+
+    return (
+      <label className={cn(styles.base, styles[style], touched && styles.touched, className)}>
+        <input
+          autoFocus={autoFocus}
+          className={styles.element}
+          defaultChecked={defaultChecked}
+          disabled={disabled}
+          name={name}
+          onBlur={onBlur}
+          onChange={onChange}
+          ref={checkboxRef}
+          required={required}
+          type='checkbox'
+          value={value}
+        />
+
+        <i />
+
+        {label && <span className={styles.label}>{label}</span>}
+      </label>
+    )
+  }
+
+  return Checkbox
+}
diff --git a/client/public/shared/components/image_upload_factory.tsx b/client/public/shared/components/image_upload_factory.tsx
new file mode 100644
index 0000000..33bb630
--- /dev/null
+++ b/client/public/shared/components/image_upload_factory.tsx
@@ -0,0 +1,70 @@
+import { h } from 'preact'
+import { useCallback, useRef, useState } from 'preact/hooks'
+import cn from 'classnames'
+
+// TODO when form resets after update the previous image flashes quickly after setImageSrc(null) and before new defaultValue propagates
+
+const fileUploadFactory = ({ styles }) => {
+  const FileUpload = ({
+    autoFocus,
+    className,
+    defaultValue,
+    disabled,
+    label,
+    name,
+    noMargin,
+    placeholder,
+    required,
+  }) => {
+    const [touched, setTouched] = useState(false)
+    const inputRef = useRef(null)
+    const imgRef = useRef(null)
+    const [imageSrc, setImageSrc] = useState(null)
+
+    const onImageChange = useCallback((e) => {
+      e.preventDefault()
+
+      const form = inputRef.current.form
+
+      const onReset = () => {
+        setTouched(false)
+        setImageSrc(null)
+      }
+
+      form.addEventListener('reset', onReset)
+
+      imgRef.current.addEventListener('load', () => URL.revokeObjectURL(imgRef.current.src), { once: true })
+      setImageSrc(URL.createObjectURL(e.currentTarget.files[0]))
+
+      return () => form.removeEventListerner('reset', onReset)
+    }, [])
+
+    return (
+      <div className={cn(styles.base, noMargin && styles.noMargin, touched && styles.touched, className)}>
+        <input
+          type='file'
+          accept='image/*'
+          name={name}
+          ref={inputRef}
+          className={styles.element}
+          onChange={onImageChange}
+          autoFocus={autoFocus}
+          disabled={disabled}
+          placeholder={placeholder}
+          required={required}
+          defaultValue={defaultValue}
+        />
+        <label htmlFor={name} className={styles.label}>
+          {label}
+        </label>
+        <figure className={styles.image}>
+          <img className={styles.image} src={imageSrc || (defaultValue && `/uploads/${defaultValue}`)} ref={imgRef} />
+        </figure>
+      </div>
+    )
+  }
+
+  return FileUpload
+}
+
+export default fileUploadFactory
diff --git a/client/public/shared/components/input_factory.tsx b/client/public/shared/components/input_factory.tsx
new file mode 100644
index 0000000..6f15300
--- /dev/null
+++ b/client/public/shared/components/input_factory.tsx
@@ -0,0 +1,144 @@
+import { h, type FunctionComponent } from 'preact'
+import { useCallback, useEffect, useRef, useState } from 'preact/hooks'
+import cn from 'classnames'
+import escapeRegex from '../utils/escape_regex.ts'
+
+export default function inputFactory(styles: {
+  base?: string
+  touched?: string
+  element?: string
+  label?: string
+  statusIcon?: string
+  noMargin?: string
+  icon?: string
+  labelIcon?: string
+  center?: string
+}): FunctionComponent<{
+  autoFocus?: boolean
+  autoComplete?: string
+  className?: string
+  defaultValue?: string
+  disabled?: boolean
+  name: string
+  noMargin?: boolean
+  label: string
+  pattern?: string
+  placeholder?: string
+  required?: boolean
+  type?: string
+  showValidity?: boolean
+}> {
+  const Input = ({
+    autoComplete,
+    autoFocus,
+    center,
+    className,
+    classNames,
+    color,
+    defaultValue,
+    design,
+    disabled,
+    icon,
+    label,
+    name,
+    noMargin,
+    pattern,
+    placeholder,
+    required,
+    sameAs,
+    size = 'medium',
+    type = 'text',
+    value,
+    showValidity = true,
+  }) => {
+    const [touched, setTouched] = useState(false)
+    const inputRef = useRef<HTMLInputElement>()
+
+    const onBlur = useCallback(() => setTouched(true), [])
+
+    useEffect(() => {
+      function onInput(e) {
+        inputRef.current!.pattern = escapeRegex(e.target.value)
+      }
+
+      const form = inputRef.current!.form
+      const resetTouched = setTouched.bind(null, false)
+
+      form.addEventListener('reset', resetTouched)
+
+      let sameAsInput
+
+      if (sameAs) {
+        sameAsInput = form[sameAs]
+        sameAsInput.addEventListener('input', onInput)
+      }
+
+      return () => {
+        form.removeEventListener('reset', resetTouched)
+        if (sameAsInput) sameAsInput.removeEventListener('input', onInput)
+      }
+    }, [])
+
+    useEffect(() => {
+      if (autoFocus) inputRef.current.focus()
+    }, [autoFocus])
+
+    const id = styles.element + '_' + name
+
+    return (
+      <div
+        className={cn(
+          styles.base,
+          design && cn(styles[design], classNames?.[design]),
+          color && cn(styles[color], classNames?.[color]),
+          size && cn(styles[size], classNames?.[size]),
+          noMargin && cn(styles.noMargin, classNames?.noMargin),
+          touched && cn(styles.touched, classNames?.touched),
+          center && cn(styles.center, classNames?.center),
+          className,
+        )}
+      >
+        {icon && (styles.icon || classNames?.icon) && (
+          <div className={cn(styles.icon, classNames?.icon)} style={{ maskImage: icon }} />
+        )}
+
+        <input
+          autoComplete={autoComplete}
+          autoFocus={autoFocus}
+          className={cn(styles.element, classNames?.element)}
+          defaultValue={
+            defaultValue && type === 'datetime-local' ? new Date(defaultValue).toLocaleString('sv-SE') : defaultValue
+          }
+          disabled={disabled}
+          id={id}
+          name={name}
+          onBlur={onBlur}
+          pattern={pattern}
+          placeholder={placeholder ?? label}
+          ref={inputRef}
+          required={required}
+          type={type}
+          value={value}
+        />
+
+        {showValidity && <i className={cn(styles.statusIcon, classNames?.statusIcon)} />}
+
+        {/**
+         * <label> comes after <input> to be able to use next sibling CSS selector
+         * (see public input.module.scss). Use `flexbox` and `order` if <label> needs to be
+         * displayed before <input> (see admin input.module.scss)
+         */}
+        {label && (
+          <label className={cn(styles.label, classNames?.label)} htmlFor={id}>
+            {icon && (styles.labelIcon || classNames?.labelIcon) && (
+              <div className={cn(styles.labelIcon, classNames?.labelIcon)} style={{ maskImage: icon }} />
+            )}
+            {label}
+          </label>
+        )}
+      </div>
+    )
+  }
+
+  return Input
+}
diff --git a/client/public/shared/components/link_button_factory.tsx b/client/public/shared/components/link_button_factory.tsx
new file mode 100644
index 0000000..0a0275b
--- /dev/null
+++ b/client/public/shared/components/link_button_factory.tsx
@@ -0,0 +1,55 @@
+import { h, type FunctionComponent } from 'preact'
+import cn from 'classnames'
+
+export default function linkButtonFactory({ defaults, icons, styles }) {
+  const LinkButton: FunctionComponent<{
+    autoHeight?: boolean
+    className?: string
+    color?: string
+    design?: string
+    href?: string
+    fullWidth?: boolean
+    icon?: string
+    iconSize?: string
+    invert?: boolean
+    size?: string
+    tabIndex?: number
+    title?: string
+  }> = ({
+    autoHeight = defaults?.autoHeight,
+    children,
+    className,
+    color = defaults?.color,
+    design = defaults?.design,
+    href,
+    fullWidth = defaults?.fullWidth,
+    icon = defaults?.icon,
+    iconSize,
+    invert = defaults?.invert,
+    size = defaults?.size,
+    tabIndex,
+    title,
+  }) => (
+    <a
+      className={cn(
+        styles.base,
+        design && styles[design],
+        size && styles[size],
+        color && styles[color],
+        autoHeight && styles.autoHeight,
+        fullWidth && styles.fullWidth,
+        invert && styles.invert,
+        className,
+      )}
+      style={iconSize && { '--icon-size': iconSize }}
+      href={href}
+      tabIndex={tabIndex}
+      title={title}
+    >
+      {icon && <i className={styles.icon} style={{ maskImage: `url(${icons[icon] || icon})` }} />}
+      {children && <span>{children}</span>}
+    </a>
+  )
+
+  return LinkButton
+}
diff --git a/client/public/shared/components/message_factory.test.tsx b/client/public/shared/components/message_factory.test.tsx
new file mode 100644
index 0000000..b64a9db
--- /dev/null
+++ b/client/public/shared/components/message_factory.test.tsx
@@ -0,0 +1,32 @@
+import { describe, it, afterEach, type TestContext } from 'node:test'
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/preact'
+
+import messageFactory from './message_factory.tsx'
+
+import { h } from 'preact'
+
+const Message = messageFactory({})
+
+describe('Message', () => {
+  afterEach(cleanup)
+
+  it('should display initial count', (t: TestContext) => {
+    render(<Message>We are great</Message>)
+
+    t.assert.ok(screen.getByText('We are great'))
+  })
+
+  it('should dismiss', async (t: TestContext) => {
+    const dismiss = t.mock.fn()
+
+    render(<Message dismiss={dismiss}>We are great</Message>)
+
+    t.assert.equal(dismiss.mock.callCount(), 0)
+
+    fireEvent.click(screen.getByRole('button'))
+
+    await waitFor(() => {
+      t.assert.equal(dismiss.mock.callCount(), 1)
+    })
+  })
+})
diff --git a/client/public/shared/components/message_factory.tsx b/client/public/shared/components/message_factory.tsx
new file mode 100644
index 0000000..032fa9b
--- /dev/null
+++ b/client/public/shared/components/message_factory.tsx
@@ -0,0 +1,34 @@
+import { h, type FunctionComponent } from 'preact'
+import cn from 'classnames'
+
+export default function messageFactory(styles: {
+  base?: string
+  text?: string
+  icon?: string
+  button?: string
+  noMargin?: string
+  normal?: string
+  error?: string
+  success?: string
+}) {
+  const Message: FunctionComponent<{
+    className?: string
+    dismiss?: () => void
+    noMargin?: boolean
+    type?: 'normal' | 'error' | 'success'
+  }> = ({ children, className, dismiss, noMargin, type = 'normal' }) => (
+    <div className={cn(styles.base, styles[type], noMargin && styles.noMargin, className)}>
+      <i className={styles.icon} />
+
+      <div className={styles.text}>{children}</div>
+
+      {dismiss && (
+        <button className={styles.button} onClick={() => dismiss()}>
+          X
+        </button>
+      )}
+    </div>
+  )
+
+  return Message
+}
diff --git a/client/public/shared/components/portal.tsx b/client/public/shared/components/portal.tsx
new file mode 100644
index 0000000..ac207e0
--- /dev/null
+++ b/client/public/shared/components/portal.tsx
@@ -0,0 +1,6 @@
+import { createPortal } from 'preact/compat'
+
+const Portal = ({ children, container = typeof document !== 'undefined' && document.body }) =>
+  createPortal(children, container)
+
+export default Portal
diff --git a/client/public/shared/components/select_factory.tsx b/client/public/shared/components/select_factory.tsx
new file mode 100644
index 0000000..a03996b
--- /dev/null
+++ b/client/public/shared/components/select_factory.tsx
@@ -0,0 +1,116 @@
+import { h, type FunctionComponent } from 'preact'
+import { useCallback, useEffect, useRef, useState } from 'preact/hooks'
+import cn from 'classnames'
+import mergeStyles from '../utils/merge_styles.ts'
+
+// interface Styles {
+//   base?: string
+//   touched?: string
+//   element?: string
+//   label?: string
+// }
+
+export default function selectFactory({ styles }): FunctionComponent<{
+  autoFocus?: boolean
+  className?: string
+  defaultValue?: string
+  disabled?: boolean
+  name: string
+  noEmpty?: boolean
+  label: string
+  placeholder?: string
+  required?: boolean
+  options: string[] | number[] | { label: string; value: string | number }
+}> {
+  if (Array.isArray(styles)) {
+    styles = mergeStyles(styles)
+  }
+
+  const Select = ({
+    autoFocus,
+    className,
+    color,
+    defaultValue,
+    design = 'main',
+    disabled,
+    icon,
+    name,
+    label,
+    noEmpty,
+    onChange,
+    placeholder,
+    required,
+    size = 'medium',
+    options,
+  }) => {
+    const [touched, setTouched] = useState(false)
+    const selectRef = useRef<HTMLSelectElement>()
+
+    const onBlur = useCallback(() => setTouched(true), [])
+
+    useEffect(() => {
+      const form = selectRef.current!.form
+      const resetTouched = setTouched.bind(null, false)
+
+      form!.addEventListener('reset', resetTouched)
+
+      return () => form!.removeEventListener('reset', resetTouched)
+    }, [])
+
+    useEffect(() => {
+      if (autoFocus) selectRef.current!.focus()
+    }, [autoFocus])
+
+    return (
+      <div
+        className={cn(
+          styles.base,
+          design && styles[design],
+          color && styles[color],
+          size && styles[size],
+          touched && styles.touched,
+          className,
+        )}
+      >
+        {icon && <div className={cn(styles.icon)} style={{ maskImage: icon }} />}
+
+        <select
+          autoFocus={autoFocus}
+          className={styles.element}
+          disabled={disabled}
+          name={name}
+          onBlur={onBlur}
+          onChange={onChange}
+          ref={selectRef}
+          defaultValue={defaultValue}
+          required={required}
+        >
+          {!noEmpty && <option value=''>{placeholder || label}</option>}
+
+          {options &&
+            options.map((option) => (
+              <option
+                key={option.value != null ? option.value : option}
+                value={option.value != null ? option.value : option}
+              >
+                {option.label || option}
+              </option>
+            ))}
+        </select>
+
+        {/**
+         * <label> comes after <input> to be able to use next sibling CSS selector
+         * (see public input.module.scss). Use `flexbox` and `order` if <label> needs to be
+         * displayed before <input> (see admin input.module.scss)
+         */}
+        {label && (
+          <label className={styles.label} htmlFor={name}>
+            {label}
+          </label>
+        )}
+      </div>
+    )
+  }
+
+  return Select
+}
diff --git a/client/public/shared/components/textarea_factory.tsx b/client/public/shared/components/textarea_factory.tsx
new file mode 100644
index 0000000..3def871
--- /dev/null
+++ b/client/public/shared/components/textarea_factory.tsx
@@ -0,0 +1,88 @@
+import { h, type FunctionComponent } from 'preact'
+import { useCallback, useEffect, useRef, useState } from 'preact/hooks'
+import cn from 'classnames'
+import mergeStyles from '../utils/merge_styles.ts'
+
+export default function textareaFactory(styles: {
+  base?: string
+  touched?: string
+  element?: string
+  label?: string
+  statusIcon?: string
+}): FunctionComponent<{
+  autoFocus?: boolean
+  className?: string
+  cols?: number
+  defaultValue?: string
+  disabled?: boolean
+  name: string
+  label: string
+  placeholder?: string
+  required?: boolean
+  showValidity?: boolean
+}> {
+  if (Array.isArray(styles)) {
+    styles = mergeStyles(styles)
+  }
+
+  const Textarea = ({
+    cols,
+    autoFocus,
+    className,
+    defaultValue,
+    disabled,
+    name,
+    label,
+    placeholder,
+    required,
+    rows,
+    showValidity = true,
+  }) => {
+    const [touched, setTouched] = useState(false)
+    const textareaRef = useRef<HTMLTextAreaElement>()
+
+    const onBlur = useCallback(() => setTouched(true), [])
+
+    useEffect(() => {
+      const form = textareaRef.current!.form
+      const resetTouched = setTouched.bind(null, false)
+
+      form.addEventListener('reset', resetTouched)
+
+      return () => form.removeEventListener('reset', resetTouched)
+    }, [])
+
+    return (
+      <div className={cn(styles.base, touched && styles.touched, className)}>
+        <textarea
+          autoFocus={autoFocus}
+          className={styles.element}
+          cols={cols}
+          disabled={disabled}
+          name={name}
+          onBlur={onBlur}
+          placeholder={placeholder ?? label}
+          ref={textareaRef}
+          defaultValue={defaultValue}
+          required={required}
+          rows={rows}
+        />
+
+        {showValidity && <i className={styles.statusIcon} />}
+
+        {/**
+         * <label> comes after <textarea> to be able to use next sibling CSS selector
+         * (see public input.module.scss). Use `flexbox` and `order` if <label> needs to be
+         * displayed before <textarea> (see admin input.module.scss)
+         */}
+        {label && (
+          <label className={styles.label} htmlFor={name}>
+            {label}
+          </label>
+        )}
+      </div>
+    )
+  }
+
+  return Textarea
+}
diff --git a/client/public/shared/hooks/use_request_state.ts b/client/public/shared/hooks/use_request_state.ts
new file mode 100644
index 0000000..15bdf44
--- /dev/null
+++ b/client/public/shared/hooks/use_request_state.ts
@@ -0,0 +1,58 @@
+import { useState } from 'preact/hooks'
+import isLoading from '../utils/is_loading.ts'
+
+const useRequestState = () => {
+  const initialState = {
+    error: null,
+    pending: false,
+    success: false,
+    response: null,
+  }
+
+  const [state, setState] = useState(initialState)
+
+  const actions = {
+    reset() {
+      isLoading(false)
+
+      setState(initialState)
+    },
+
+    error(error) {
+      isLoading(false)
+
+      setState({
+        pending: false,
+        success: false,
+        error,
+        response: null,
+      })
+    },
+
+    pending() {
+      isLoading(true)
+
+      setState({
+        pending: true,
+        success: false,
+        error: null,
+        response: null,
+      })
+    },
+
+    success(response = null) {
+      isLoading(false)
+
+      setState({
+        pending: false,
+        success: true,
+        error: null,
+        response,
+      })
+    },
+  }
+
+  return [state, actions]
+}
+
+export default useRequestState
diff --git a/client/public/shared/styles/_breakpoints.scss b/client/public/shared/styles/_breakpoints.scss
new file mode 100644
index 0000000..7d31636
--- /dev/null
+++ b/client/public/shared/styles/_breakpoints.scss
@@ -0,0 +1,66 @@
+// Need to be in pixels for IE8
+$xsmall-min: 0px;
+$xsmall-max: 375px;
+$xsmall-range: $xsmall-min, $xsmall-max;
+$small-min: 376px;
+$small-max: 639px;
+$small-range: $small-min, $small-max;
+$medium-min: 640px;
+$medium-max: 1023px;
+$medium-range: $medium-min, $medium-max;
+$large-min: 1024px;
+$large-max: 1439px;
+$large-range: $large-min, $large-max;
+$xlarge-min: 1440px;
+$xlarge-max: 1920px;
+$xlarge-range: $xlarge-min, $xlarge-max;
+$xxlarge-min: 1921px;
+$xxlarge-max: 2650px;
+$xxlarge-range: $xxlarge-min, $xxlarge-max;
+$xxxlarge-min: 2651px;
+$xxxlarge-max: 999999px;
+$xxxlarge-range: $xxlarge-min, $xxlarge-max;
+
+// TODO
+// $content-max-width: 1440px;
+// $global-gutter: 30px;
+
+// $large-max: ($xlarge-min - 1px);
+// $xlarge-min: ($content-max-width + $global-gutter);
+
+//
+// Media Queries
+//
+
+$screen: 'only screen';
+$xsmall-only: '#{$screen} and (max-width: #{$xsmall-max})';
+$small-only: '#{$screen} and (min-width: #{$small-min}) and (max-width: #{$small-max})';
+$small-down: '#{$screen} and (max-width: #{$small-max})';
+$small-up: '#{$screen} and (min-width: #{$small-min})';
+$medium-only: '#{$screen} and (min-width: #{$medium-min}) and (max-width: #{$medium-max})';
+$medium-up: '#{$screen} and (min-width: #{$medium-min})';
+$medium-down: '#{$screen} and (max-width: #{$medium-max})';
+$large-only: '#{$screen} and (min-width: #{$large-min}) and (max-width: #{$large-max})';
+$large-up: '#{$screen} and (min-width: #{$large-min})';
+$large-down: '#{$screen} and (max-width: #{$large-max})';
+$xlarge-only: '#{$screen} and (min-width: #{$xlarge-min}) and (max-width: #{$xlarge-max})';
+$xlarge-up: '#{$screen} and (min-width: #{$xlarge-min})';
+$xlarge-down: '#{$screen} and (max-width: #{$xlarge-max})';
+$xxlarge-only: '#{$screen} and (min-width: #{$xxlarge-min})';
+$xxlarge-up: '#{$screen} and (min-width: #{$xxlarge-min})';
+$xxlarge-down: '#{$screen} and (max-width: #{$xxlarge-max})';
+$xxxlarge-up: '#{$screen} and (min-width: #{$xxxlarge-min})';
+$landscape: '#{$screen} and (orientation: landscape)';
+// $portrait: "#{$screen} and (orientation: portrait)";
+// $small-only: "#{$screen} and (min-width: #{min($small-range...)}) and (max-width: #{max($small-range...)})";
+// $small-up: "#{$screen} and (min-width: #{min($small-range...)})";
+// $medium-only: "#{$screen} and (min-width: #{min($medium-range...)}) and (max-width: #{max($medium-range...)})";
+// $medium-up: "#{$screen} and (min-width: #{min($medium-range...)})";
+// $medium-down: "#{$screen} and (max-width: #{max($medium-range...)})";
+// $large-only: "#{$screen} and (min-width: #{min($large-range...)}) and (max-width: #{max($large-range...)})";
+// $large-up: "#{$screen} and (min-width: #{min($large-range...)})";
+// $large-down: "#{$screen} and (max-width: #{max($large-range...)})";
+// $xlarge-only: "only screen and (min-width: #{min($xlarge-range...)})";
+// $xlarge-up: "#{$screen} and (min-width: #{min($xlarge-range...)})";
+// $landscape: "#{$screen} and (orientation: landscape)";
+// $portrait: "#{$screen} and (orientation: portrait)";
diff --git a/client/public/shared/styles/_flex.scss b/client/public/shared/styles/_flex.scss
new file mode 100644
index 0000000..dd3223e
--- /dev/null
+++ b/client/public/shared/styles/_flex.scss
@@ -0,0 +1,60 @@
+@use 'sass:math';
+
+$gutter: 30px !default;
+$max-width: 1000px !default;
+
+@mixin container($max-width: $max-width, $gutter: $gutter) {
+  width: calc(100% - #{$gutter});
+  max-width: $max-width;
+  margin: 0 auto;
+}
+
+@mixin grid($gutter: $gutter, $direction: row, $justify: flex-start) {
+  display: flex;
+  flex-flow: $direction wrap;
+  justify-content: $justify;
+
+  @if $direction != column {
+    margin-left: math.div(-$gutter, 2);
+    margin-right: math.div(-$gutter, 2);
+  } @else {
+    margin-top: math.div(-$gutter, 2);
+    margin-bottom: math.div(-$gutter, 2);
+  }
+}
+
+@mixin cell($count: 5, $gutter: $gutter, $span: 1, $direction: row) {
+  flex: 0 0 0px;
+  @if $span > 1 {
+    flex-basis: calc(((100% - #{$gutter * $count}) / #{$count}) * #{$span} + #{($span - 1) * $gutter});
+  } @else {
+    flex-basis: calc(#{math.div(100%, $count)} - #{$gutter});
+  }
+
+  @if $direction != column {
+    margin-left: math.div($gutter, 2);
+    margin-right: math.div($gutter, 2);
+  } @else {
+    margin-top: math.div($gutter, 2);
+    margin-bottom: math.div($gutter, 2);
+  }
+}
+
+// not to be used with grid above
+@mixin simple-cell($gutter: $gutter, $direction: row) {
+  flex: 1 1 0px;
+
+  @if $direction != column {
+    margin-right: $gutter;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  } @else {
+    margin-bottom: $gutter;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/client/public/shared/styles/_reset.scss b/client/public/shared/styles/_reset.scss
new file mode 100644
index 0000000..f2bb35d
--- /dev/null
+++ b/client/public/shared/styles/_reset.scss
@@ -0,0 +1,154 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+	v2.0 | 20110126
+	License: none (public domain)
+	 */
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section {
+  display: block;
+}
+
+html {
+  line-height: 1;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+caption,
+th,
+td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+q,
+blockquote {
+  quotes: none;
+}
+
+a img {
+  border: none;
+}
+
+$tmp: register-module();
diff --git a/client/public/shared/styles/_units.scss b/client/public/shared/styles/_units.scss
new file mode 100644
index 0000000..7eb12c7
--- /dev/null
+++ b/client/public/shared/styles/_units.scss
@@ -0,0 +1,92 @@
+@use 'sass:list';
+@use 'sass:math';
+
+$base-font-size: 16px !default;
+
+@function strip-unit($num) {
+  @return math.div($num, ($num * 0 + 1));
+}
+
+@function convert-to-em($value, $base: $base-font-size) {
+  $value: math.div(strip-unit($value), strip-unit($base)) + 0em;
+  @if ($value == 0em) {
+    $value: 0;
+  }
+  @return $value;
+}
+
+@function convert-to-rem($value, $base: $base-font-size) {
+  $value: math.div(strip-unit($value), strip-unit($base)) + 0rem;
+  @if ($value == 0rem) {
+    $value: 0;
+  }
+  @return $value;
+}
+
+@function convert-to-px($value, $base: $base-font-size) {
+  $value: strip-unit($value) * strip-unit($base) + 0px;
+  @if ($value == 0px) {
+    $value: 0;
+  }
+  @return $value;
+}
+
+@function px($values, $base: $base-font-size) {
+  $max: list.length($values);
+
+  $px-values: ();
+  @for $i from 1 through $max {
+    $value: list.nth($values, $i);
+    @if math.unit($value) != 'px' {
+      $px-values: list.append($px-values, convert-to-px($value, $base));
+    } @else {
+      $px-values: list.append($px-values, $value);
+    }
+  }
+
+  @if $max == 1 {
+    $px-values: list.nth($px-values, 1);
+  }
+
+  @return $px-values;
+}
+
+@function rem($values, $base: $base-font-size) {
+  $max: list.length($values);
+
+  $rem-values: ();
+  @for $i from 1 through $max {
+    $value: list.nth($values, $i);
+    @if math.unit($value) != 'rem' and math.unit($value) != 'em' {
+      $rem-values: list.append($rem-values, convert-to-rem($value, $base));
+    } @else {
+      $rem-values: list.append($rem-values, $value);
+    }
+  }
+
+  @if $max == 1 {
+    $rem-values: list.nth($rem-values, 1);
+  }
+
+  @return $rem-values;
+}
+
+@function em($values, $base: $base-font-size) {
+  $max: list.length($values);
+
+  $em-values: ();
+  @for $i from 1 through $max {
+    $value: list.nth($values, $i);
+    @if math.unit($value) != 'rem' and math.unit($value) != 'em' {
+      $em-values: list.append($em-values, convert-to-em($value, $base));
+    } @else {
+      $em-values: list.append($em-values, $value);
+    }
+  }
+
+  @if $max == 1 {
+    $em-values: list.nth($em-values, 1);
+  }
+
+  @return $em-values;
+}
diff --git a/client/public/shared/styles/_utils.scss b/client/public/shared/styles/_utils.scss
new file mode 100644
index 0000000..21b6cb1
--- /dev/null
+++ b/client/public/shared/styles/_utils.scss
@@ -0,0 +1,74 @@
+@use 'sass:math';
+
+@mixin clear {
+  &:after {
+    content: '';
+    display: block;
+    height: 0;
+    clear: both;
+  }
+}
+
+@mixin stretch($top: 0, $right: 0, $bottom: 0, $left: 0) {
+  position: absolute;
+  top: $top;
+  right: $right;
+  bottom: $bottom;
+  left: $left;
+}
+
+@mixin ratio($ratio, $initial-width: 100%, $pseudo: 'before') {
+  &:#{$pseudo} {
+    content: '';
+    display: block;
+    width: $initial-width;
+    height: 0;
+    padding-top: math.div(1, $ratio) * $initial-width;
+    @content;
+  }
+}
+
+@mixin full-inline($vertical-align: middle, $pseudo: 'before') {
+  &:#{$pseudo} {
+    display: inline-block;
+    width: 0;
+    height: 100%;
+    content: '';
+    vertical-align: $vertical-align;
+  }
+}
+
+@mixin wipe {
+  /*Reset's every elements apperance*/
+  background: none repeat scroll 0 0 transparent;
+  border: medium none;
+  border-spacing: 0;
+  border-radius: 0;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  margin: 0;
+  padding: 0;
+  text-align: left;
+  text-decoration: none;
+  text-transform: inherit;
+  text-indent: 0;
+}
+
+@mixin wipe-button {
+  @include wipe;
+  &:focus {
+    outline: 0;
+  }
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+}
+
+@mixin wipe-list {
+  padding-left: 0;
+  list-style: none;
+  margin: 0;
+}
diff --git a/client/public/shared/utils/disable_scroll.ts b/client/public/shared/utils/disable_scroll.ts
new file mode 100644
index 0000000..eebfed2
--- /dev/null
+++ b/client/public/shared/utils/disable_scroll.ts
@@ -0,0 +1,20 @@
+const scrollingElement = typeof window !== 'undefined' && (document.scrollingElement || document.documentElement)
+
+let scrollTop
+
+export default {
+  disable() {
+    scrollTop = (document.scrollingElement || document.documentElement).scrollTop
+
+    document.body.style.top = `-${scrollTop}px`
+    document.body.style.position = 'fixed'
+    document.body.style.width = '100%'
+  },
+
+  enable() {
+    document.body.style.position = ''
+    document.body.style.top = ''
+    document.body.style.width = ''
+    scrollingElement.scrollTop = scrollTop
+  },
+}
diff --git a/client/public/shared/utils/escape_regex.ts b/client/public/shared/utils/escape_regex.ts
new file mode 100644
index 0000000..ffa1176
--- /dev/null
+++ b/client/public/shared/utils/escape_regex.ts
@@ -0,0 +1,3 @@
+export default function escapeRegex(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+}
diff --git a/client/public/shared/utils/is_loading.ts b/client/public/shared/utils/is_loading.ts
new file mode 100644
index 0000000..0d65551
--- /dev/null
+++ b/client/public/shared/utils/is_loading.ts
@@ -0,0 +1,3 @@
+export default (state) => {
+  document.body.classList.toggle('loading', state)
+}
diff --git a/client/public/shared/utils/merge_styles.ts b/client/public/shared/utils/merge_styles.ts
new file mode 100644
index 0000000..d57b179
--- /dev/null
+++ b/client/public/shared/utils/merge_styles.ts
@@ -0,0 +1,19 @@
+import cn from 'classnames'
+
+export default function mergeStyles(styles: Record<string, string>[]) {
+  const props = new Set<string>()
+
+  for (const style of styles) {
+    for (const prop of Object.keys(style)) {
+      props.add(prop)
+    }
+  }
+
+  const obj = {}
+
+  for (const prop of props) {
+    obj[prop] = cn(styles.map((style) => style[prop]))
+  }
+
+  return obj
+}
diff --git a/client/public/shared/utils/serialize_form.test.ts b/client/public/shared/utils/serialize_form.test.ts
new file mode 100644
index 0000000..a3f8a4c
--- /dev/null
+++ b/client/public/shared/utils/serialize_form.test.ts
@@ -0,0 +1,115 @@
+// @ts-nocheck
+import a from 'node:assert'
+import test from 'node:test'
+
+import serializeForm from './serialize_form.ts'
+
+test('serializeForm', async (t) => {
+  await t.test('single values', () => {
+    const result = serializeForm({
+      elements: [
+        {
+          name: 't1',
+          value: 'v1',
+        },
+        {
+          name: 't2',
+          value: 'v2',
+        },
+      ],
+    })
+
+    a.deepStrictEqual(result, {
+      t1: 'v1',
+      t2: 'v2',
+    })
+  })
+
+  await t.test('multiple values', () => {
+    const result = serializeForm({
+      elements: [
+        {
+          name: 't1',
+          value: 'v1',
+        },
+        {
+          name: 't1',
+          value: 'v2',
+        },
+      ],
+    })
+
+    a.deepStrictEqual(result, {
+      t1: ['v1', 'v2'],
+    })
+  })
+
+  await t.test('checkbox', () => {
+    const result = serializeForm({
+      elements: [
+        {
+          name: 'c1',
+          type: 'checkbox',
+          checked: false,
+          value: 'v1',
+        },
+        {
+          name: 'c2',
+          type: 'checkbox',
+          checked: true,
+          value: 'v2',
+        },
+      ],
+    })
+
+    a.deepStrictEqual(result, {
+      c2: 'v2',
+    })
+  })
+
+  await t.test('multiple checkboxes', () => {
+    const result = serializeForm({
+      elements: [
+        {
+          name: 'c1',
+          type: 'checkbox',
+          checked: false,
+          value: 'v1',
+        },
+        {
+          name: 'c2',
+          type: 'checkbox',
+          checked: true,
+          value: 'v2',
+        },
+      ],
+    })
+
+    a.deepStrictEqual(result, {
+      c2: 'v2',
+    })
+  })
+
+  await t.test('radio', () => {
+    const result = serializeForm({
+      elements: [
+        {
+          name: 'r1',
+          type: 'radio',
+          checked: false,
+          value: 'v1',
+        },
+        {
+          name: 'r1',
+          type: 'radio',
+          checked: true,
+          value: 'v2',
+        },
+      ],
+    })
+
+    a.deepStrictEqual(result, {
+      r1: 'v2',
+    })
+  })
+})
diff --git a/client/public/shared/utils/serialize_form.ts b/client/public/shared/utils/serialize_form.ts
new file mode 100644
index 0000000..be6ee92
--- /dev/null
+++ b/client/public/shared/utils/serialize_form.ts
@@ -0,0 +1,30 @@
+export default function (form: HTMLFormElement, hook?: (...args: ANY[]) => ANY) {
+  const result = {}
+
+  for (const element of form.elements as unknown as HTMLInputElement[]) {
+    const { checked, name, type, value } = element
+
+    if (
+      (!hook || !hook(result, name, value, element)) &&
+      name &&
+      value &&
+      (checked || (type !== 'checkbox' && type !== 'radio'))
+    ) {
+      if (
+        type === 'range' &&
+        ((element.dataset.lower && element.min === value) || (!element.dataset.lower && element.max === value))
+      )
+        continue
+
+      if (result[name]) {
+        const arr = Array.isArray(result[name]) ? result[name] : [result[name]]
+        arr.push(value)
+        result[name] = arr
+      } else {
+        result[name] = value
+      }
+    }
+  }
+
+  return result
+}
diff --git a/client/public/styles/main.scss b/client/public/styles/main.scss
new file mode 100644
index 0000000..7be123f
--- /dev/null
+++ b/client/public/styles/main.scss
@@ -0,0 +1,5 @@
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
diff --git a/client/test/tsx_hook.ts b/client/test/tsx_hook.ts
index 14fc252..eaed0a6 100644
--- a/client/test/tsx_hook.ts
+++ b/client/test/tsx_hook.ts
@@ -7,7 +7,7 @@ export const load: LoadHook = async function (url, context, nextLoad) {
 
     const { source } = await nextLoad(url, { ...context, format })
 
-    const transformedSource = await esbuild.transform(source, {
+    const transformedSource = await esbuild.transform(source as string, {
       loader: 'tsx',
       jsx: 'transform',
       jsxFactory: 'h',
diff --git a/docker-compose.yml b/docker-compose.yml
index 7637556..294b1e6 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,8 +1,39 @@
 volumes:
+  caddy_config:
+  caddy_data:
+    external: ${EXTERNAL_CADDY_DATA-true}
   postgres:
 
 services:
+  node:
+    extends:
+      file: docker-compose.base.yml
+      service: node
+    build:
+      target: development
+    tty: true
+    ports:
+      - 24678:24678
+    volumes:
+      - ./client:/home/node/brf_books/client
+      - ./server:/home/node/brf_books/server
+    depends_on:
+      - postgres
+      - redis
+    env_file:
+      - ./.env.development
+
+  caddy:
+    extends:
+      file: docker-compose.base.yml
+      service: caddy
+
   postgres:
     extends:
       file: docker-compose.base.yml
       service: postgres
+
+  redis:
+    extends:
+      file: docker-compose.base.yml
+      service: redis
diff --git a/global.d.ts b/global.d.ts
index b791a40..f177668 100644
--- a/global.d.ts
+++ b/global.d.ts
@@ -8,13 +8,6 @@ declare global {
   const __STATE__: any
 }
 
-declare module '*.scss'
-
-declare module '*.module.scss' {
-  const classes: Record<string, string>
-  export default classes
-}
-
 declare module 'fastify' {
   interface FastifyInstance {
     auth: string
diff --git a/package.json b/package.json
index 90d7499..4ca30cd 100644
--- a/package.json
+++ b/package.json
@@ -23,10 +23,21 @@
     "types": "tsc"
   },
   "dependencies": {
+    "@bmp/console": "^0.1.0",
     "@bmp/highlight-stack": "^0.1.2",
+    "@fastify/middie": "^9.0.3",
+    "@fastify/static": "^8.3.0",
+    "chalk": "^5.6.2",
+    "fastify": "^5.6.2",
+    "fastify-plugin": "^5.1.0",
     "knex": "^3.1.0",
+    "lodash": "^4.17.21",
+    "lowline": "^0.4.2",
     "pg": "^8.16.3",
-    "pino-abstract-transport": "^3.0.0"
+    "pg-protocol": "^1.10.3",
+    "pino-abstract-transport": "^3.0.0",
+    "preact": "^10.27.2",
+    "preact-router": "^4.1.2"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6e15df9..03b78f9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,18 +8,51 @@ importers:
 
   .:
     dependencies:
+      '@bmp/console':
+        specifier: ^0.1.0
+        version: 0.1.0
       '@bmp/highlight-stack':
         specifier: ^0.1.2
         version: 0.1.2
+      '@fastify/middie':
+        specifier: ^9.0.3
+        version: 9.0.3
+      '@fastify/static':
+        specifier: ^8.3.0
+        version: 8.3.0
+      chalk:
+        specifier: ^5.6.2
+        version: 5.6.2
+      fastify:
+        specifier: ^5.6.2
+        version: 5.6.2
+      fastify-plugin:
+        specifier: ^5.1.0
+        version: 5.1.0
       knex:
         specifier: ^3.1.0
         version: 3.1.0(pg@8.16.3)
+      lodash:
+        specifier: ^4.17.21
+        version: 4.17.21
+      lowline:
+        specifier: ^0.4.2
+        version: 0.4.2
       pg:
         specifier: ^8.16.3
         version: 8.16.3
+      pg-protocol:
+        specifier: ^1.10.3
+        version: 1.10.3
       pino-abstract-transport:
         specifier: ^3.0.0
         version: 3.0.0
+      preact:
+        specifier: ^10.27.2
+        version: 10.27.2
+      preact-router:
+        specifier: ^4.1.2
+        version: 4.1.2(preact@10.27.2)
     devDependencies:
       '@babel/core':
         specifier: ^7.26.10
@@ -178,6 +211,9 @@ packages:
     resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
     engines: {node: '>=6.9.0'}
 
+  '@bmp/console@0.1.0':
+    resolution: {integrity: sha512-RMSHV/hC1DoZ7aZzQBYyszibEjCh0pvFwUZMqrUkHLtTCh4hF7EK4h+RkfkgGPzvrEeUcJB597MkaNS8/aRkmA==}
+
   '@bmp/highlight-stack@0.1.2':
     resolution: {integrity: sha512-NVMtYxthtvJ/WJaVFzGtdU5gBXRReQ6OSeKAdm0U9Hnh4citjuKtUXUVZoCKfAAx8Aq4l6gqnuORL53jZAXnaw==}
 
@@ -525,6 +561,48 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@fastify/accept-negotiator@2.0.1':
+    resolution: {integrity: sha512-/c/TW2bO/v9JeEgoD/g1G5GxGeCF1Hafdf79WPmUlgYiBXummY0oX3VVq4yFkKKVBKDNlaDUYoab7g38RpPqCQ==}
+
+  '@fastify/ajv-compiler@4.0.5':
+    resolution: {integrity: sha512-KoWKW+MhvfTRWL4qrhUwAAZoaChluo0m0vbiJlGMt2GXvL4LVPQEjt8kSpHI3IBq5Rez8fg+XeH3cneztq+C7A==}
+
+  '@fastify/error@4.2.0':
+    resolution: {integrity: sha512-RSo3sVDXfHskiBZKBPRgnQTtIqpi/7zhJOEmAxCiBcM7d0uwdGdxLlsCaLzGs8v8NnxIRlfG0N51p5yFaOentQ==}
+
+  '@fastify/fast-json-stringify-compiler@5.0.3':
+    resolution: {integrity: sha512-uik7yYHkLr6fxd8hJSZ8c+xF4WafPK+XzneQDPU+D10r5X19GW8lJcom2YijX2+qtFF1ENJlHXKFM9ouXNJYgQ==}
+
+  '@fastify/forwarded@3.0.1':
+    resolution: {integrity: sha512-JqDochHFqXs3C3Ml3gOY58zM7OqO9ENqPo0UqAjAjH8L01fRZqwX9iLeX34//kiJubF7r2ZQHtBRU36vONbLlw==}
+
+  '@fastify/merge-json-schemas@0.2.1':
+    resolution: {integrity: sha512-OA3KGBCy6KtIvLf8DINC5880o5iBlDX4SxzLQS8HorJAbqluzLRn80UXU0bxZn7UOFhFgpRJDasfwn9nG4FG4A==}
+
+  '@fastify/middie@9.0.3':
+    resolution: {integrity: sha512-7OYovKXp9UKYeVMcjcFLMcSpoMkmcZmfnG+eAvtdiatN35W7c+r9y1dRfpA+pfFVNuHGGqI3W+vDTmjvcfLcMA==}
+
+  '@fastify/proxy-addr@5.1.0':
+    resolution: {integrity: sha512-INS+6gh91cLUjB+PVHfu1UqcB76Sqtpyp7bnL+FYojhjygvOPA9ctiD/JDKsyD9Xgu4hUhCSJBPig/w7duNajw==}
+
+  '@fastify/send@4.1.0':
+    resolution: {integrity: sha512-TMYeQLCBSy2TOFmV95hQWkiTYgC/SEx7vMdV+wnZVX4tt8VBLKzmH8vV9OzJehV0+XBfg+WxPMt5wp+JBUKsVw==}
+
+  '@fastify/static@8.3.0':
+    resolution: {integrity: sha512-yKxviR5PH1OKNnisIzZKmgZSus0r2OZb8qCSbqmw34aolT4g3UlzYfeBRym+HJ1J471CR8e2ldNub4PubD1coA==}
+
+  '@isaacs/balanced-match@4.0.1':
+    resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
+    engines: {node: 20 || >=22}
+
+  '@isaacs/brace-expansion@5.0.0':
+    resolution: {integrity: sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==}
+    engines: {node: 20 || >=22}
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -541,6 +619,10 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@lukeed/ms@2.0.2':
+    resolution: {integrity: sha512-9I2Zn6+NJLfaGoz9jN3lpwDgAYvfGeNYdbAIjJOqzs4Tpc+VU3Jqq4IofSUBKajiDS8k9fZIg18/z13mpk1bsA==}
+    engines: {node: '>=8'}
+
   '@oxlint/darwin-arm64@1.29.0':
     resolution: {integrity: sha512-XYsieDAI0kXJyvayHnmOW1qVydqklRRVT4O5eZmO/rdNCku5CoXsZvBvkPc3U8/9V1mRuen1sxbM9T5JsZqhdA==}
     cpu: [arm64]
@@ -663,6 +745,9 @@ packages:
     resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
     engines: {node: '>= 10.0.0'}
 
+  '@pinojs/redact@0.4.0':
+    resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
+
   '@preact/preset-vite@2.10.2':
     resolution: {integrity: sha512-K9wHlJOtkE+cGqlyQ5v9kL3Ge0Ql4LlIZjkUTL+1zf3nNdF88F9UZN6VTV8jdzBX9Fl7WSzeNMSDG7qECPmSmg==}
     peerDependencies:
@@ -822,10 +907,24 @@ packages:
   '@types/node@24.10.1':
     resolution: {integrity: sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==}
 
+  abstract-logging@2.0.1:
+    resolution: {integrity: sha512-2BjRTZxTPvheOvGbBslFSYOUkr+SjPtOnrLP33f+VIWLzezQpZcqVg7ja3L4dBXmzzgwT+a029jRx5PCi3JuiA==}
+
   agent-base@7.1.4:
     resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
     engines: {node: '>= 14'}
 
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+
   ansi-escapes@7.2.0:
     resolution: {integrity: sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==}
     engines: {node: '>=18'}
@@ -861,10 +960,17 @@ packages:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
 
+  atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+
   available-typed-arrays@1.0.7:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
+  avvio@9.1.0:
+    resolution: {integrity: sha512-fYASnYi600CsH/j9EQov7lECAniYiBFiiAtBNuZYLA2leLe9qOvZzqYHFjtIj6gD2VMoMLP14834LFWvr4IfDw==}
+
   babel-plugin-transform-hook-names@1.0.2:
     resolution: {integrity: sha512-5gafyjyyBTTdX/tQQ0hRgu4AhNHG/hqWi0ZZmg2xvs2FgRkJXzDNKBZCyoYqgFkovfDrgM8OoKg8karoUvWeCw==}
     peerDependencies:
@@ -912,6 +1018,10 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
   chokidar@4.0.3:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
@@ -951,9 +1061,21 @@ packages:
     resolution: {integrity: sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==}
     engines: {node: '>=20'}
 
+  content-disposition@0.5.4:
+    resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
+    engines: {node: '>= 0.6'}
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
+  cookie@1.0.2:
+    resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
+    engines: {node: '>=18'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
   css-select@5.2.2:
     resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
 
@@ -1006,6 +1128,14 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   detect-libc@1.0.3:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
@@ -1031,12 +1161,21 @@ packages:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
 
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
   electron-to-chromium@1.5.259:
     resolution: {integrity: sha512-I+oLXgpEJzD6Cwuwt1gYjxsDmu/S/Kd41mmLA3O+/uH2pFRO/DvOjUyGozL8j3KeLV6WyZ7ssPwELMsXCcsJAQ==}
 
   emoji-regex@10.6.0:
     resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
 
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -1078,6 +1217,9 @@ packages:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
   escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
@@ -1092,6 +1234,30 @@ packages:
   eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
 
+  fast-decode-uri-component@1.0.1:
+    resolution: {integrity: sha512-WKgKWg5eUxvRZGwW8FvfbaH7AXSh2cL+3j5fMGzUMCxWBJ3dV3a7Wz8y2f/uQ0e3B6WmodD3oS54jTQ9HVTIIg==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-json-stringify@6.1.1:
+    resolution: {integrity: sha512-DbgptncYEXZqDUOEl4krff4mUiVrTZZVI7BBrQR/T3BqMj/eM1flTC1Uk2uUoLcWCxjT95xKulV/Lc6hhOZsBQ==}
+
+  fast-querystring@1.1.2:
+    resolution: {integrity: sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==}
+
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
+  fastify-plugin@5.1.0:
+    resolution: {integrity: sha512-FAIDA8eovSt5qcDgcBvDuX/v0Cjz0ohGhENZ/wpc3y+oZCY2afZ9Baqql3g/lC+OHRnciQol4ww7tuthOb9idw==}
+
+  fastify@5.6.2:
+    resolution: {integrity: sha512-dPugdGnsvYkBlENLhCgX8yhyGCsCPrpA8lFWbTNU428l+YOnLgYHR69hzV8HWPC79n536EqzqQtvhtdaCE0dKg==}
+
+  fastq@1.19.1:
+    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
     engines: {node: '>=12.0.0'}
@@ -1105,10 +1271,18 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  find-my-way@9.3.0:
+    resolution: {integrity: sha512-eRoFWQw+Yv2tuYlK2pjFS2jGXSxSppAs3hSQjfxVKxM5amECzIgYYc1FEI8ZmhSh/Ig+FrKEz43NLRKJjYCZVg==}
+    engines: {node: '>=20'}
+
   for-each@0.3.5:
     resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
     engines: {node: '>= 0.4'}
 
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1143,6 +1317,11 @@ packages:
   getopts@2.3.0:
     resolution: {integrity: sha512-5eDf9fuSXwxBL6q5HX+dhDj+dslFGWzU5thZ9kNKUkcPtaPdatmUFKwHFrLb/uf/WpA4BHET+AX3Scl56cAjpA==}
 
+  glob@11.1.0:
+    resolution: {integrity: sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==}
+    engines: {node: 20 || >=22}
+    hasBin: true
+
   globals@16.5.0:
     resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
     engines: {node: '>=18'}
@@ -1186,6 +1365,10 @@ packages:
     resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
     engines: {node: '>=18'}
 
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
   http-proxy-agent@7.0.2:
     resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
     engines: {node: '>= 14'}
@@ -1206,6 +1389,9 @@ packages:
   immutable@5.1.4:
     resolution: {integrity: sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==}
 
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
   internal-slot@1.1.0:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
@@ -1214,6 +1400,10 @@ packages:
     resolution: {integrity: sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==}
     engines: {node: '>= 0.10'}
 
+  ipaddr.js@2.2.0:
+    resolution: {integrity: sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==}
+    engines: {node: '>= 10'}
+
   is-arguments@1.2.0:
     resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
     engines: {node: '>= 0.4'}
@@ -1246,6 +1436,10 @@ packages:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
   is-fullwidth-code-point@5.1.0:
     resolution: {integrity: sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==}
     engines: {node: '>=18'}
@@ -1300,6 +1494,13 @@ packages:
   isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
 
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  jackspeak@4.1.1:
+    resolution: {integrity: sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==}
+    engines: {node: 20 || >=22}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -1317,6 +1518,12 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  json-schema-ref-resolver@3.0.0:
+    resolution: {integrity: sha512-hOrZIVL5jyYFjzk7+y7n5JDzGlU8rfWDuYyHwGa2WA8/pcmMHezp2xsVwxrebD/Q9t8Nc5DboieySDpCp4WG4A==}
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -1353,6 +1560,9 @@ packages:
   kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
 
+  light-my-request@6.6.0:
+    resolution: {integrity: sha512-CHYbu8RtboSIoVsHZ6Ye4cj4Aw/yg2oAFimlF7mNvfDV192LR7nDiKtSIfCuLT7KokPSTn/9kfVLm5OGN0A28A==}
+
   lint-staged@16.2.7:
     resolution: {integrity: sha512-lDIj4RnYmK7/kXMya+qJsmkRFkGolciXjrsZ6PC25GdTfWOAWetR0ZbsNXRAj1EHHImRSalc+whZFg56F5DVow==}
     engines: {node: '>=20.17'}
@@ -1369,6 +1579,9 @@ packages:
     resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
 
+  lowline@0.4.2:
+    resolution: {integrity: sha512-4wWZp8sQS1NVn93gn1OXidI7WDEkEInyMaanlFQfjWPyd4lPcv7rXtz4GWDgBUj+4BNwjRtjC6iTzj52MheDrA==}
+
   lru-cache@11.2.2:
     resolution: {integrity: sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==}
     engines: {node: 20 || >=22}
@@ -1394,10 +1607,23 @@ packages:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
   mimic-function@5.0.1:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
 
+  minimatch@10.1.1:
+    resolution: {integrity: sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==}
+    engines: {node: 20 || >=22}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
@@ -1441,6 +1667,10 @@ packages:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
+  on-exit-leak-free@2.1.2:
+    resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
+    engines: {node: '>=14.0.0'}
+
   onetime@7.0.0:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
@@ -1455,12 +1685,26 @@ packages:
       oxlint-tsgolint:
         optional: true
 
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
   parse5@8.0.0:
     resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
 
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
+  path-scurry@2.0.1:
+    resolution: {integrity: sha512-oWyT4gICAu+kaA7QWk/jvCHWarMKNs6pXOGWKDTr7cw4IGcUbW+PeTfbaQiLGheFRpjo6O9J0PmyMfQPjH71oA==}
+    engines: {node: 20 || >=22}
+
+  path-to-regexp@8.3.0:
+    resolution: {integrity: sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==}
+
   pg-cloudflare@1.2.7:
     resolution: {integrity: sha512-YgCtzMH0ptvZJslLM1ffsY4EuGaU0cx4XSdXLRFae8bPP4dS5xL1tNB3k2o/N64cHJpwU7dxKli/nZ2lUa5fLg==}
 
@@ -1514,9 +1758,19 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
+  pino-abstract-transport@2.0.0:
+    resolution: {integrity: sha512-F63x5tizV6WCh4R6RHyi2Ml+M70DNRXt/+HANowMflpgGFMAym/VKm6G7ZOQRjqN7XbGxK1Lg9t6ZrtzOaivMw==}
+
   pino-abstract-transport@3.0.0:
     resolution: {integrity: sha512-wlfUczU+n7Hy/Ha5j9a/gZNy7We5+cXp8YL+X+PG8S0KXxw7n/JXA3c46Y0zQznIJ83URJiwy7Lh56WLokNuxg==}
 
+  pino-std-serializers@7.0.0:
+    resolution: {integrity: sha512-e906FRY0+tV27iq4juKzSYPbUj2do2X2JX4EzSca1631EB2QJQUqGbDuERal7LCtOpxl6x3+nvo9NPZcmjkiFA==}
+
+  pino@10.1.0:
+    resolution: {integrity: sha512-0zZC2ygfdqvqK8zJIr1e+wT1T/L+LF6qvqvbzEQ6tiMAoTqEVK9a1K3YRu8HEUvGEvNqZyPJTtb2sNIoTkB83w==}
+    hasBin: true
+
   possible-typed-array-names@1.1.0:
     resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
     engines: {node: '>= 0.4'}
@@ -1541,6 +1795,11 @@ packages:
     resolution: {integrity: sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==}
     engines: {node: '>=0.10.0'}
 
+  preact-router@4.1.2:
+    resolution: {integrity: sha512-uICUaUFYh+XQ+6vZtQn1q+X6rSqwq+zorWOCLWPF5FAsQh3EJ+RsDQ9Ee+fjk545YWQHfUxhrBAaemfxEnMOUg==}
+    peerDependencies:
+      preact: '>=10'
+
   preact@10.27.2:
     resolution: {integrity: sha512-5SYSgFKSyhCbk6SrXyMpqjb5+MQBgfvEKE/OC+PujcY34sOpqtr+0AZQtPYx5IA6VxynQ7rUPCtKzyovpj9Bpg==}
 
@@ -1553,10 +1812,19 @@ packages:
     resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
 
+  process-warning@4.0.1:
+    resolution: {integrity: sha512-3c2LzQ3rY9d0hc1emcsHhfT9Jwz0cChib/QN89oME2R451w5fy3f0afAhERFZAwrbDU43wk12d0ORBpDVME50Q==}
+
+  process-warning@5.0.0:
+    resolution: {integrity: sha512-a39t9ApHNx2L4+HBnQKqxxHNs1r7KF+Intd8Q/g1bUh6q0WIp9voPXJ/x0j+ZL45KF1pJd9+q2jLIRMfvEshkA==}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
+  quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
@@ -1564,6 +1832,10 @@ packages:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
+  real-require@0.2.0:
+    resolution: {integrity: sha512-57frrGM/OCTLqLOAh0mhVA9VBMHd+9U7Zb2THMGdBUoZVOtGbJzjxsYGDJ3A9AYYCP4hn6y1TVbaOfzWtm5GFg==}
+    engines: {node: '>= 12.13.0'}
+
   rechoir@0.8.0:
     resolution: {integrity: sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==}
     engines: {node: '>= 10.13.0'}
@@ -1589,6 +1861,14 @@ packages:
     resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
     engines: {node: '>=18'}
 
+  ret@0.5.0:
+    resolution: {integrity: sha512-I1XxrZSQ+oErkRR4jYbAyEEu2I0avBvvMM5JN+6EBprOGRCs63ENqZ3vjavq8fBw2+62G5LF5XelKwuJpcvcxw==}
+    engines: {node: '>=10'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
@@ -1597,10 +1877,20 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+
   safe-regex-test@1.1.0:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
+  safe-regex2@5.0.0:
+    resolution: {integrity: sha512-YwJwe5a51WlK7KbOJREPdjNrpViQBI3p4T50lfwPuDhZnE3XGVTlGvi+aolc5+RvxDD6bnUmjVsU9n1eboLUYw==}
+
+  safe-stable-stringify@2.5.0:
+    resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
+    engines: {node: '>=10'}
+
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
@@ -1613,10 +1903,21 @@ packages:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
 
+  secure-json-parse@4.1.0:
+    resolution: {integrity: sha512-l4KnYfEyqYJxDwlNVyRfO2E4NTHfMKAWdUuA8J0yve2Dz/E/PdBepY03RvyJpssIpRFwJoCD55wA+mEDs6ByWA==}
+
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
+
   set-function-length@1.2.2:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
@@ -1625,6 +1926,17 @@ packages:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
     engines: {node: '>= 0.4'}
 
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -1652,6 +1964,9 @@ packages:
     resolution: {integrity: sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==}
     engines: {node: '>=18'}
 
+  sonic-boom@4.2.0:
+    resolution: {integrity: sha512-INb7TM37/mAcsGmc9hyyI6+QR3rR1zVRu36B0NeGXKnOOLiZOfER5SA+N7X7k3yUYRzLWafduTDvJAfDswwEww==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -1668,6 +1983,10 @@ packages:
     resolution: {integrity: sha512-2ztBJRek8IVofG9DBJqdy2N5kulaacX30Nz7xmkYF6ale9WBVmIy6mFBchvGX7Vx/MyjBhx+Rcxqrj+dbOnQ6A==}
     engines: {node: '>=16'}
 
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
   stop-iteration-iterator@1.1.0:
     resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
     engines: {node: '>= 0.4'}
@@ -1676,6 +1995,14 @@ packages:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
 
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
   string-width@7.2.0:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
@@ -1684,6 +2011,10 @@ packages:
     resolution: {integrity: sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==}
     engines: {node: '>=20'}
 
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
   strip-ansi@7.1.2:
     resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
     engines: {node: '>=12'}
@@ -1707,6 +2038,9 @@ packages:
     resolution: {integrity: sha512-51LAVKUSZSVfI05vjPESNc5vwqqZpbXCsU+/+wxlOrUjk2SnFTt97v9ZgQrD4YmxYW1Px6w2KjaDitCfkvgxMQ==}
     engines: {node: '>=8.0.0'}
 
+  thread-stream@3.1.0:
+    resolution: {integrity: sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A==}
+
   tildify@2.0.0:
     resolution: {integrity: sha512-Cc+OraorugtXNfs50hU9KS369rFXCfgGLpfCfvlc+Ud5u6VWmUQsOAa9HbTvheQdYnrdJqqv1e5oIqXppMYnSw==}
     engines: {node: '>=8'}
@@ -1726,6 +2060,14 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  toad-cache@3.7.0:
+    resolution: {integrity: sha512-/m8M+2BJUpoJdgAHoG+baCwBT+tf2VraSfkBgl0Y00qIWt41DJ8R5B8nsEw0I58YwF5IZH6z24/2TobDKnqSWw==}
+    engines: {node: '>=12'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
   tough-cookie@6.0.0:
     resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
     engines: {node: '>=16'}
@@ -1825,6 +2167,19 @@ packages:
     resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
     engines: {node: '>= 0.4'}
 
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
   wrap-ansi@9.0.2:
     resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
     engines: {node: '>=18'}
@@ -2013,6 +2368,11 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
+  '@bmp/console@0.1.0':
+    dependencies:
+      '@bmp/highlight-stack': 0.1.2
+      chalk: 2.4.2
+
   '@bmp/highlight-stack@0.1.2':
     dependencies:
       chalk: 2.4.2
@@ -2195,6 +2555,70 @@ snapshots:
   '@esbuild/win32-x64@0.27.0':
     optional: true
 
+  '@fastify/accept-negotiator@2.0.1': {}
+
+  '@fastify/ajv-compiler@4.0.5':
+    dependencies:
+      ajv: 8.17.1
+      ajv-formats: 3.0.1(ajv@8.17.1)
+      fast-uri: 3.1.0
+
+  '@fastify/error@4.2.0': {}
+
+  '@fastify/fast-json-stringify-compiler@5.0.3':
+    dependencies:
+      fast-json-stringify: 6.1.1
+
+  '@fastify/forwarded@3.0.1': {}
+
+  '@fastify/merge-json-schemas@0.2.1':
+    dependencies:
+      dequal: 2.0.3
+
+  '@fastify/middie@9.0.3':
+    dependencies:
+      '@fastify/error': 4.2.0
+      fastify-plugin: 5.1.0
+      path-to-regexp: 8.3.0
+      reusify: 1.1.0
+
+  '@fastify/proxy-addr@5.1.0':
+    dependencies:
+      '@fastify/forwarded': 3.0.1
+      ipaddr.js: 2.2.0
+
+  '@fastify/send@4.1.0':
+    dependencies:
+      '@lukeed/ms': 2.0.2
+      escape-html: 1.0.3
+      fast-decode-uri-component: 1.0.1
+      http-errors: 2.0.1
+      mime: 3.0.0
+
+  '@fastify/static@8.3.0':
+    dependencies:
+      '@fastify/accept-negotiator': 2.0.1
+      '@fastify/send': 4.1.0
+      content-disposition: 0.5.4
+      fastify-plugin: 5.1.0
+      fastq: 1.19.1
+      glob: 11.1.0
+
+  '@isaacs/balanced-match@4.0.1': {}
+
+  '@isaacs/brace-expansion@5.0.0':
+    dependencies:
+      '@isaacs/balanced-match': 4.0.1
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.2
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -2214,6 +2638,8 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  '@lukeed/ms@2.0.2': {}
+
   '@oxlint/darwin-arm64@1.29.0':
     optional: true
 
@@ -2299,6 +2725,8 @@ snapshots:
       '@parcel/watcher-win32-x64': 2.5.1
     optional: true
 
+  '@pinojs/redact@0.4.0': {}
+
   '@preact/preset-vite@2.10.2(@babel/core@7.28.5)(preact@10.27.2)(vite@7.2.4(@types/node@24.10.1)(sass@1.94.2)(yaml@2.8.1))':
     dependencies:
       '@babel/core': 7.28.5
@@ -2432,8 +2860,21 @@ snapshots:
     dependencies:
       undici-types: 7.16.0
 
+  abstract-logging@2.0.1: {}
+
   agent-base@7.1.4: {}
 
+  ajv-formats@3.0.1(ajv@8.17.1):
+    optionalDependencies:
+      ajv: 8.17.1
+
+  ajv@8.17.1:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
   ansi-escapes@7.2.0:
     dependencies:
       environment: 1.1.0
@@ -2463,10 +2904,17 @@ snapshots:
       call-bound: 1.0.4
       is-array-buffer: 3.0.5
 
+  atomic-sleep@1.0.0: {}
+
   available-typed-arrays@1.0.7:
     dependencies:
       possible-typed-array-names: 1.1.0
 
+  avvio@9.1.0:
+    dependencies:
+      '@fastify/error': 4.2.0
+      fastq: 1.19.1
+
   babel-plugin-transform-hook-names@1.0.2(@babel/core@7.28.5):
     dependencies:
       '@babel/core': 7.28.5
@@ -2521,6 +2969,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chalk@5.6.2: {}
+
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.2
@@ -2554,8 +3004,20 @@ snapshots:
 
   commander@14.0.2: {}
 
+  content-disposition@0.5.4:
+    dependencies:
+      safe-buffer: 5.2.1
+
   convert-source-map@2.0.0: {}
 
+  cookie@1.0.2: {}
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
   css-select@5.2.2:
     dependencies:
       boolbase: 1.0.0
@@ -2625,6 +3087,10 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
   detect-libc@1.0.3:
     optional: true
 
@@ -2654,10 +3120,16 @@ snapshots:
       es-errors: 1.3.0
       gopd: 1.2.0
 
+  eastasianwidth@0.2.0: {}
+
   electron-to-chromium@1.5.259: {}
 
   emoji-regex@10.6.0: {}
 
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
   entities@4.5.0: {}
 
   entities@6.0.1: {}
@@ -2744,6 +3216,8 @@ snapshots:
 
   escalade@3.2.0: {}
 
+  escape-html@1.0.3: {}
+
   escape-string-regexp@1.0.5: {}
 
   esm@3.2.25: {}
@@ -2752,6 +3226,49 @@ snapshots:
 
   eventemitter3@5.0.1: {}
 
+  fast-decode-uri-component@1.0.1: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-json-stringify@6.1.1:
+    dependencies:
+      '@fastify/merge-json-schemas': 0.2.1
+      ajv: 8.17.1
+      ajv-formats: 3.0.1(ajv@8.17.1)
+      fast-uri: 3.1.0
+      json-schema-ref-resolver: 3.0.0
+      rfdc: 1.4.1
+
+  fast-querystring@1.1.2:
+    dependencies:
+      fast-decode-uri-component: 1.0.1
+
+  fast-uri@3.1.0: {}
+
+  fastify-plugin@5.1.0: {}
+
+  fastify@5.6.2:
+    dependencies:
+      '@fastify/ajv-compiler': 4.0.5
+      '@fastify/error': 4.2.0
+      '@fastify/fast-json-stringify-compiler': 5.0.3
+      '@fastify/proxy-addr': 5.1.0
+      abstract-logging: 2.0.1
+      avvio: 9.1.0
+      fast-json-stringify: 6.1.1
+      find-my-way: 9.3.0
+      light-my-request: 6.6.0
+      pino: 10.1.0
+      process-warning: 5.0.0
+      rfdc: 1.4.1
+      secure-json-parse: 4.1.0
+      semver: 7.7.3
+      toad-cache: 3.7.0
+
+  fastq@1.19.1:
+    dependencies:
+      reusify: 1.1.0
+
   fdir@6.5.0(picomatch@4.0.3):
     optionalDependencies:
       picomatch: 4.0.3
@@ -2760,10 +3277,21 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  find-my-way@9.3.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-querystring: 1.1.2
+      safe-regex2: 5.0.0
+
   for-each@0.3.5:
     dependencies:
       is-callable: 1.2.7
 
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
   fsevents@2.3.3:
     optional: true
 
@@ -2797,6 +3325,15 @@ snapshots:
 
   getopts@2.3.0: {}
 
+  glob@11.1.0:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 4.1.1
+      minimatch: 10.1.1
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 2.0.1
+
   globals@16.5.0: {}
 
   gopd@1.2.0: {}
@@ -2827,6 +3364,14 @@ snapshots:
     dependencies:
       whatwg-encoding: 3.1.1
 
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.4
@@ -2849,6 +3394,8 @@ snapshots:
 
   immutable@5.1.4: {}
 
+  inherits@2.0.4: {}
+
   internal-slot@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -2857,6 +3404,8 @@ snapshots:
 
   interpret@2.2.0: {}
 
+  ipaddr.js@2.2.0: {}
+
   is-arguments@1.2.0:
     dependencies:
       call-bound: 1.0.4
@@ -2891,6 +3440,8 @@ snapshots:
   is-extglob@2.1.1:
     optional: true
 
+  is-fullwidth-code-point@3.0.0: {}
+
   is-fullwidth-code-point@5.1.0:
     dependencies:
       get-east-asian-width: 1.4.0
@@ -2944,6 +3495,12 @@ snapshots:
 
   isarray@2.0.5: {}
 
+  isexe@2.0.0: {}
+
+  jackspeak@4.1.1:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+
   js-tokens@4.0.0: {}
 
   jsdom@27.2.0:
@@ -2975,6 +3532,12 @@ snapshots:
 
   jsesc@3.1.0: {}
 
+  json-schema-ref-resolver@3.0.0:
+    dependencies:
+      dequal: 2.0.3
+
+  json-schema-traverse@1.0.0: {}
+
   json5@2.2.3: {}
 
   knex@3.1.0(pg@8.16.3):
@@ -3000,6 +3563,12 @@ snapshots:
 
   kolorist@1.8.0: {}
 
+  light-my-request@6.6.0:
+    dependencies:
+      cookie: 1.0.2
+      process-warning: 4.0.1
+      set-cookie-parser: 2.7.2
+
   lint-staged@16.2.7:
     dependencies:
       commander: 14.0.2
@@ -3029,6 +3598,8 @@ snapshots:
       strip-ansi: 7.1.2
       wrap-ansi: 9.0.2
 
+  lowline@0.4.2: {}
+
   lru-cache@11.2.2: {}
 
   lru-cache@5.1.1:
@@ -3050,8 +3621,16 @@ snapshots:
       braces: 3.0.3
       picomatch: 2.3.1
 
+  mime@3.0.0: {}
+
   mimic-function@5.0.1: {}
 
+  minimatch@10.1.1:
+    dependencies:
+      '@isaacs/brace-expansion': 5.0.0
+
+  minipass@7.1.2: {}
+
   ms@2.1.2: {}
 
   ms@2.1.3: {}
@@ -3092,6 +3671,8 @@ snapshots:
       has-symbols: 1.1.0
       object-keys: 1.1.1
 
+  on-exit-leak-free@2.1.2: {}
+
   onetime@7.0.0:
     dependencies:
       mimic-function: 5.0.1
@@ -3107,12 +3688,23 @@ snapshots:
       '@oxlint/win32-arm64': 1.29.0
       '@oxlint/win32-x64': 1.29.0
 
+  package-json-from-dist@1.0.1: {}
+
   parse5@8.0.0:
     dependencies:
       entities: 6.0.1
 
+  path-key@3.1.1: {}
+
   path-parse@1.0.7: {}
 
+  path-scurry@2.0.1:
+    dependencies:
+      lru-cache: 11.2.2
+      minipass: 7.1.2
+
+  path-to-regexp@8.3.0: {}
+
   pg-cloudflare@1.2.7:
     optional: true
 
@@ -3158,10 +3750,30 @@ snapshots:
 
   pidtree@0.6.0: {}
 
+  pino-abstract-transport@2.0.0:
+    dependencies:
+      split2: 4.2.0
+
   pino-abstract-transport@3.0.0:
     dependencies:
       split2: 4.2.0
 
+  pino-std-serializers@7.0.0: {}
+
+  pino@10.1.0:
+    dependencies:
+      '@pinojs/redact': 0.4.0
+      atomic-sleep: 1.0.0
+      on-exit-leak-free: 2.1.2
+      pino-abstract-transport: 2.0.0
+      pino-std-serializers: 7.0.0
+      process-warning: 5.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.2.0
+      safe-stable-stringify: 2.5.0
+      sonic-boom: 4.2.0
+      thread-stream: 3.1.0
+
   possible-typed-array-names@1.1.0: {}
 
   postcss@8.5.6:
@@ -3180,6 +3792,10 @@ snapshots:
     dependencies:
       xtend: 4.0.2
 
+  preact-router@4.1.2(preact@10.27.2):
+    dependencies:
+      preact: 10.27.2
+
   preact@10.27.2: {}
 
   prettier@3.6.2: {}
@@ -3190,12 +3806,20 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 17.0.2
 
+  process-warning@4.0.1: {}
+
+  process-warning@5.0.0: {}
+
   punycode@2.3.1: {}
 
+  quick-format-unescaped@4.0.4: {}
+
   react-is@17.0.2: {}
 
   readdirp@4.1.2: {}
 
+  real-require@0.2.0: {}
+
   rechoir@0.8.0:
     dependencies:
       resolve: 1.22.11
@@ -3224,6 +3848,10 @@ snapshots:
       onetime: 7.0.0
       signal-exit: 4.1.0
 
+  ret@0.5.0: {}
+
+  reusify@1.1.0: {}
+
   rfdc@1.4.1: {}
 
   rollup@4.53.3:
@@ -3254,12 +3882,20 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.53.3
       fsevents: 2.3.3
 
+  safe-buffer@5.2.1: {}
+
   safe-regex-test@1.1.0:
     dependencies:
       call-bound: 1.0.4
       es-errors: 1.3.0
       is-regex: 1.2.1
 
+  safe-regex2@5.0.0:
+    dependencies:
+      ret: 0.5.0
+
+  safe-stable-stringify@2.5.0: {}
+
   safer-buffer@2.1.2: {}
 
   sass@1.94.2:
@@ -3274,8 +3910,14 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
+  secure-json-parse@4.1.0: {}
+
   semver@6.3.1: {}
 
+  semver@7.7.3: {}
+
+  set-cookie-parser@2.7.2: {}
+
   set-function-length@1.2.2:
     dependencies:
       define-data-property: 1.1.4
@@ -3292,6 +3934,14 @@ snapshots:
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
 
+  setprototypeof@1.2.0: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -3331,6 +3981,10 @@ snapshots:
       ansi-styles: 6.2.3
       is-fullwidth-code-point: 5.1.0
 
+  sonic-boom@4.2.0:
+    dependencies:
+      atomic-sleep: 1.0.0
+
   source-map-js@1.2.1: {}
 
   source-map@0.7.6: {}
@@ -3339,6 +3993,8 @@ snapshots:
 
   stack-trace@1.0.0-pre2: {}
 
+  statuses@2.0.2: {}
+
   stop-iteration-iterator@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -3346,6 +4002,18 @@ snapshots:
 
   string-argv@0.3.2: {}
 
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.2
+
   string-width@7.2.0:
     dependencies:
       emoji-regex: 10.6.0
@@ -3357,6 +4025,10 @@ snapshots:
       get-east-asian-width: 1.4.0
       strip-ansi: 7.1.2
 
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
   strip-ansi@7.1.2:
     dependencies:
       ansi-regex: 6.2.2
@@ -3375,6 +4047,10 @@ snapshots:
 
   tarn@3.0.2: {}
 
+  thread-stream@3.1.0:
+    dependencies:
+      real-require: 0.2.0
+
   tildify@2.0.0: {}
 
   tinyglobby@0.2.15:
@@ -3392,6 +4068,10 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  toad-cache@3.7.0: {}
+
+  toidentifier@1.0.1: {}
+
   tough-cookie@6.0.0:
     dependencies:
       tldts: 7.0.18
@@ -3476,6 +4156,22 @@ snapshots:
       gopd: 1.2.0
       has-tostringtag: 1.0.2
 
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 5.1.2
+      strip-ansi: 7.1.2
+
   wrap-ansi@9.0.2:
     dependencies:
       ansi-styles: 6.2.3
diff --git a/server/env.ts b/server/env.ts
index 3a01f68..e86015d 100644
--- a/server/env.ts
+++ b/server/env.ts
@@ -35,8 +35,27 @@ export function read(columns, defaults = {}) {
   return result
 }
 
-export default read(['PGDATABASE', 'PGHOST', 'PGPASSWORD', 'PGPORT', 'PGUSER'], {
-  PGPASSWORD: null,
-  PGPORT: null,
-  PGUSER: null,
-})
+export default read(
+  [
+    'DOMAIN',
+    'PROTOCOL',
+    'HOSTNAME',
+    'PORT',
+    'FASTIFY_PORT',
+    'FASTIFY_HOST',
+    'LOG_LEVEL',
+    'LOG_STREAM',
+    'NODE_ENV',
+    'PGDATABASE',
+    'PGHOST',
+    'PGPASSWORD',
+    'PGPORT',
+    'PGUSER',
+    'REDIS_HOST',
+  ],
+  {
+    PGPASSWORD: null,
+    PGPORT: null,
+    PGUSER: null,
+  },
+)
diff --git a/server/handlers/error.ts b/server/handlers/error.ts
new file mode 100644
index 0000000..7acc565
--- /dev/null
+++ b/server/handlers/error.ts
@@ -0,0 +1,39 @@
+import { DatabaseError } from 'pg-protocol'
+import StatusError from '../lib/status_error.ts'
+
+const databaseErrorCodes = {
+  23505: 409,
+  23514: 409,
+}
+
+function defaultHandler(error, request, reply) {
+  return reply
+    .type('text/html')
+    .send(
+      `<h1>Error</h1><pre>${JSON.stringify(error, ['name', ...Object.getOwnPropertyNames(error)], 2).replaceAll('\\n', '\n')}</pre>`,
+    )
+}
+
+export default function ErrorHandler(handler = defaultHandler) {
+  return async function errorHandler(error, request, reply) {
+    if (error instanceof DatabaseError && error.code in databaseErrorCodes) {
+      error = new StatusError(databaseErrorCodes[error.code], error.detail || 'Database Error', { cause: error })
+    }
+
+    reply.log.error({ req: request, err: error }, error?.message)
+
+    reply.status(error.status || error.statusCode || 500)
+
+    if (request.headers.accept?.includes('application/json')) {
+      return reply.send(
+        error.toJSON?.() || {
+          name: error.name,
+          message: error.message,
+          status: error.status || error.statusCode || 500,
+        },
+      )
+    }
+
+    return handler(error, request, reply)
+  }
+}
diff --git a/server/handlers/robots.ts b/server/handlers/robots.ts
new file mode 100644
index 0000000..13826d9
--- /dev/null
+++ b/server/handlers/robots.ts
@@ -0,0 +1,18 @@
+import env from '../env.ts'
+
+const CONTENT = {
+  development: `
+User-agent: *
+Disallow: /
+`,
+  production: `
+User-agent: *
+Disallow: /admin
+`,
+}
+
+const contents = (CONTENT[env.NODE_ENV] || CONTENT.development).trim()
+
+export default function robots(_request, reply) {
+  return reply.type('text/plain').send(contents)
+}
diff --git a/server/index.ts b/server/index.ts
new file mode 100644
index 0000000..777b14f
--- /dev/null
+++ b/server/index.ts
@@ -0,0 +1,25 @@
+import './lib/console.ts'
+import stream from './lib/pino_transport_console.ts'
+import env from './env.ts'
+import Server from './server.ts'
+
+const server = await Server({
+  logger: {
+    level: env.LOG_LEVEL,
+    stream,
+    serializers: stream && {
+      req: (req) => ({
+        method: req.method,
+        url: req.url,
+        headers: req.headers,
+        ip: req.ip,
+      }),
+    },
+  },
+})
+
+try {
+  await server.listen({ port: env.FASTIFY_PORT, host: env.FASTIFY_HOST })
+} catch (e) {
+  server.log.error(e)
+}
diff --git a/server/lib/console.ts b/server/lib/console.ts
new file mode 100644
index 0000000..0d64d07
--- /dev/null
+++ b/server/lib/console.ts
@@ -0,0 +1,19 @@
+import env from '../env.ts'
+
+if (env.NODE_ENV === 'development') {
+  // output filename in console log and colour console.dir
+  await import('@bmp/console').then((mod) => mod.default({ log: true, error: true, dir: true }))
+
+  const { default: chalk } = await import('chalk')
+
+  process.on('uncaughtException', (err, origin) => {
+    console.error(chalk.red(`UNCAUGHT EXCEPTION`), chalk.yellow(` (${origin})`))
+    console.error(err)
+  })
+
+  process.on('unhandledRejection', (err, promise) => {
+    console.error(chalk.red('UNHANDLED REJECTION'))
+    console.error(promise)
+    console.error(err)
+  })
+}
diff --git a/server/lib/html.ts b/server/lib/html.ts
new file mode 100644
index 0000000..dc5836c
--- /dev/null
+++ b/server/lib/html.ts
@@ -0,0 +1,79 @@
+import { Readable } from 'node:stream'
+
+type ExpressionPrimitives = string | number | Date | boolean | undefined | null | ExpressionPrimitives[]
+
+type Expression = ExpressionPrimitives | (() => ExpressionPrimitives) | Promise<ExpressionPrimitives>
+
+type ParseGenerator = Generator<ExpressionPrimitives, void>
+
+export interface Template {
+  generator: (minify?: boolean) => ParseGenerator
+  stream: (minify?: boolean) => Readable
+  text: (minify?: boolean) => string | Promise<string>
+}
+
+const cache = new WeakMap()
+
+function apply(expression: Expression) {
+  if (!expression) {
+    return ''
+  } else if ((expression as Promise<ExpressionPrimitives>).then) {
+    return (expression as Promise<ExpressionPrimitives>).then(apply)
+  } else if (typeof expression === 'function') {
+    return apply(expression())
+  } else {
+    return (expression as ExpressionPrimitives[]).join?.('') ?? expression
+  }
+}
+
+function* parse(strings: TemplateStringsArray, expressions: Expression[], minify?: boolean): ParseGenerator {
+  if (minify) {
+    let minified = cache.get(strings)
+
+    if (!minified) {
+      minified = strings.map(removeWhitespace)
+
+      cache.set(strings, minified)
+    }
+
+    strings = minified
+  }
+
+  for (let i = 0; i < strings.length; i++) {
+    yield strings[i]
+
+    const expression = expressions[i]
+
+    yield apply(expression)
+  }
+}
+
+export default function html(strings: TemplateStringsArray, ...expressions: Expression[]): Template {
+  return {
+    generator: (minify?: boolean) => parse(strings, expressions, minify),
+    stream: (minify?: boolean) => stream(parse(strings, expressions, minify)),
+    text: (minify?: boolean) => text(parse(strings, expressions, minify)),
+  }
+}
+
+html.generator = (strings: TemplateStringsArray, ...expressions: Expression[]) => parse(strings, expressions)
+html.stream = (strings: TemplateStringsArray, ...expressions: Expression[]) => stream(parse(strings, expressions))
+html.text = (strings: TemplateStringsArray, ...expressions: Expression[]) => text(parse(strings, expressions))
+
+function stream(generator: ParseGenerator) {
+  return Readable.from(generator)
+}
+
+async function text(generator: ParseGenerator) {
+  let result = ''
+
+  for await (const chunk of generator) {
+    result += chunk
+  }
+
+  return result
+}
+
+function removeWhitespace(str: string) {
+  return str.split(/\n\s*/).join('')
+}
diff --git a/server/lib/parse_stream.ts b/server/lib/parse_stream.ts
index acb1c84..0a78c7f 100644
--- a/server/lib/parse_stream.ts
+++ b/server/lib/parse_stream.ts
@@ -188,13 +188,10 @@ export default async function parseStream(stream: ReadableStream, decoder: Decod
       case '#TRANS': {
         const { objectList, ...transaction } = parseTrans(line)
 
-        let objectId: number
-
         const transactionId = (
           await trx('transaction')
             .insert({
               entryId: currentEntryId,
-              objectId,
               ...transaction,
             })
             .returning('id')
diff --git a/server/lib/pino_transport_console.ts b/server/lib/pino_transport_console.ts
new file mode 100644
index 0000000..8328136
--- /dev/null
+++ b/server/lib/pino_transport_console.ts
@@ -0,0 +1,71 @@
+import util from 'node:util'
+import chalk from 'chalk'
+import _ from 'lodash'
+import highlightStack from '@bmp/highlight-stack'
+
+const LEVELS = {
+  default: 'USERLVL',
+  60: 'FATAL',
+  50: 'ERROR',
+  40: 'WARN',
+  30: 'INFO',
+  20: 'DEBUG',
+  10: 'TRACE',
+}
+
+const COLORS = {
+  60: chalk.bgRed,
+  50: chalk.red,
+  40: chalk.yellow,
+  30: chalk.green,
+  20: chalk.blue,
+  10: chalk.grey,
+}
+
+const requests = new Map()
+
+function colorStatusCode(statusCode) {
+  if (statusCode < 300) {
+    return chalk.bold.green(statusCode)
+  } else if (statusCode < 400) {
+    return chalk.bold.blue(statusCode)
+  } else if (statusCode < 500) {
+    return chalk.bold.yellow(statusCode)
+  } else {
+    return chalk.bold.red(statusCode)
+  }
+}
+
+export default {
+  write(line) {
+    const obj = JSON.parse(line)
+
+    if (obj.msg === 'incoming request') {
+      requests.set(obj.reqId, obj.req)
+    } else if (obj.msg === 'request completed') {
+      const req = requests.get(obj.reqId)
+      requests.delete(obj.reqId)
+      process.stdout.write(
+        `${chalk.bold(req.method)} ${req.url} ${colorStatusCode(obj.res.statusCode)} ${obj.responseTime.toFixed(
+          3,
+        )} ms\n`,
+      )
+    } else if (obj.level === 50) {
+      // TODO figure out if there is a way to get the error instances here... console.log(Error) and util.inspect(Error)
+      // looks better than the serialized errors
+      if (obj.err.status < 500) return
+
+      process.stdout.write(
+        `${COLORS[obj.level](LEVELS[obj.level] || LEVELS.default)} ${highlightStack(obj.err.stack)}\n`,
+      )
+
+      const details = _.omit(obj.err, ['type', 'message', 'stack'])
+
+      if (!_.isEmpty(details)) {
+        process.stdout.write(`${chalk.red('Details')} ${util.inspect(details, false, 4, true)}\n`)
+      }
+    } else {
+      process.stdout.write(`${COLORS[obj.level](LEVELS[obj.level] || LEVELS.default)} ${obj.msg}\n`)
+    }
+  },
+}
diff --git a/server/plugins/vite.ts b/server/plugins/vite.ts
new file mode 100644
index 0000000..68606fa
--- /dev/null
+++ b/server/plugins/vite.ts
@@ -0,0 +1,52 @@
+import { type FastifyPluginCallback } from 'fastify'
+import _ from 'lodash'
+import fp from 'fastify-plugin'
+import { type Template } from '../lib/html.ts'
+
+export interface Entry {
+  name: string
+  path: string
+  template: (...args: any[]) => Template
+  routes?: ANY[]
+  ssr?: boolean
+  hostname?: string
+  ctx?: Record<string, any>
+  setupRebuildCache?: (buildCache: () => any) => any
+  preHandler?: ANY
+  createPreHandler?: (route: ANY, entry: Entry) => any
+  createErrorHandler?: (handler?: ANY) => ANY
+}
+
+export type EntryWithoutName = Omit<Entry, 'name'>
+
+export interface Config {
+  mode: 'development' | 'production'
+  createPreHandler?: (route: ANY, entry: Entry) => any
+  createErrorHandler?: (handler?: ANY) => ANY
+  entries: Record<string, EntryWithoutName>
+}
+
+export interface ParsedConfig {
+  mode: 'development' | 'production'
+  entries: Entry[]
+}
+
+const vitePlugin: FastifyPluginCallback<Config> = async function (fastify, config) {
+  const parsedConfig = {
+    mode: config.mode || 'production',
+    entries: _.map(config.entries, (entry, name) => getEntryConfig(name, entry, config)) as Entry[],
+  }
+
+  const setup = (await import(`./vite/${config.mode}.ts`)).default
+
+  await setup(fastify, parsedConfig)
+}
+
+function getEntryConfig(name: string, entry: EntryWithoutName, config: Config): Entry {
+  return Object.assign(_.pick(config, ['createErrorHandler', 'createPreHandler', 'ssr', 'template']), entry, { name })
+}
+
+export default fp(vitePlugin, {
+  name: 'vite',
+  fastify: '5.x',
+})
diff --git a/server/plugins/vite/development.ts b/server/plugins/vite/development.ts
new file mode 100644
index 0000000..8557111
--- /dev/null
+++ b/server/plugins/vite/development.ts
@@ -0,0 +1,130 @@
+import { type FastifyInstance } from 'fastify'
+import fmiddie from '@fastify/middie'
+import { createServer } from 'vite'
+import StatusError from '../../lib/status_error.ts'
+
+import { type Entry, type ParsedConfig } from '../vite.ts'
+
+export default async function viteDevelopment(fastify: FastifyInstance, config: ParsedConfig) {
+  const devServer = await createServer({
+    server: { middlewareMode: true },
+    appType: 'custom',
+  })
+
+  fastify.decorate('devServer', devServer)
+  fastify.decorateReply('ctx', null)
+
+  await fastify.register(fmiddie)
+
+  fastify.use(devServer.middlewares)
+
+  for (const entry of Object.values(config.entries)) {
+    fastify.register((fastify, _, done) => setupEntry(fastify, entry).then(() => done()), {
+      prefix: entry.path,
+    })
+  }
+}
+
+async function setupEntry(fastify: FastifyInstance, entry: Entry) {
+  const renderer = createRenderer(fastify, entry)
+  const handler = createHandler(renderer)
+
+  if (entry.preHandler || entry.createPreHandler) {
+    fastify.addHook('onRequest', (_request, reply, done) => {
+      reply.ctx = Object.create(null)
+
+      done()
+    })
+  }
+
+  if (entry.preHandler) {
+    fastify.addHook('preHandler', entry.preHandler)
+  }
+  const routes = entry.routes || (await fastify.devServer.ssrLoadModule(`/${entry.name}/server.ts`)).routes
+
+  for (const route of routes.flatMap((route) => route.routes || route)) {
+    // const preHandler = entry.preHandler || entry.createPreHandler?.(route, entry)
+    const preHandler = entry.createPreHandler?.(route, entry)
+
+    if (route.locales?.length) {
+      const locales = [{ hostname: entry.hostname, path: route.path }, ...route.locales]
+
+      for (const locale of locales) {
+        fastify.route({
+          method: 'GET',
+          url: locale.path,
+          onRequest(request, reply, done) {
+            if (request.hostname !== locale.hostname) {
+              // TODO should probably redirect to correct path on request.hostname, not to locale.hostname
+              return reply.redirect('http://' + locale.hostname + request.url)
+            }
+
+            done()
+          },
+          handler,
+          preHandler,
+        })
+      }
+    } else {
+      fastify.route({
+        method: 'GET',
+        url: route.path,
+        handler,
+        preHandler,
+      })
+    }
+  }
+
+  fastify.setNotFoundHandler(() => {
+    throw new StatusError(404)
+  })
+
+  fastify.setErrorHandler(
+    entry.createErrorHandler(async (error, request, reply) => {
+      reply.type('text/html').status(error.status || 500)
+
+      return renderer(
+        request.url,
+        Object.assign(
+          {
+            error,
+          },
+          reply.ctx,
+        ),
+      )
+    }),
+  )
+}
+
+function createRenderer(fastify, entry) {
+  return async (url, ctx) => {
+    ctx = Object.assign({ url }, entry.ctx, ctx)
+
+    const { render } = await fastify.devServer.ssrLoadModule(`/${entry.name}/server.ts`)
+
+    const renderPromise = render && entry.ssr !== false ? render(ctx) : null
+
+    return fastify.devServer.transformIndexHtml(
+      url,
+      await entry
+        .template({
+          env: 'development',
+          preloads: [],
+          script: `/${entry.name}/client.ts`,
+          styles: [],
+          content: renderPromise?.then((result) => result.html),
+          head: renderPromise?.then((result) => result.head),
+          state: renderPromise?.then((result) => result.state) || Promise.resolve(ctx),
+        })
+        .text(),
+    )
+  }
+}
+
+function createHandler(renderer) {
+  return async function handler(request, reply) {
+    reply.type('text/html')
+
+    return renderer(request.url, reply.ctx)
+  }
+}
diff --git a/server/plugins/vite/production.ts b/server/plugins/vite/production.ts
new file mode 100644
index 0000000..e98aca3
--- /dev/null
+++ b/server/plugins/vite/production.ts
@@ -0,0 +1,166 @@
+import { type FastifyInstance } from 'fastify'
+
+import path from 'node:path'
+import fs from 'node:fs'
+import fstatic from '@fastify/static'
+import { resolveConfig } from 'vite'
+import StatusError from '../../lib/status_error.ts'
+
+import { type Entry, type ParsedConfig } from '../vite.ts'
+
+export default async function viteProduction(fastify: FastifyInstance, config: ParsedConfig) {
+  const viteConfig = await resolveConfig({}, 'build', 'production')
+
+  fastify.register(fstatic, {
+    root: viteConfig.build.outDir,
+    wildcard: false,
+  })
+
+  fastify.decorateReply('ctx', null)
+
+  for (const entry of Object.values(config.entries)) {
+    fastify.register((fastify, _, done) => setupEntry(fastify, entry, config, viteConfig).then(() => done()), {
+      prefix: entry.path,
+    })
+  }
+}
+
+async function setupEntry(fastify: FastifyInstance, entry: Entry, config: ParsedConfig, viteConfig) {
+  const viteFilePath = path.join(viteConfig.build.outDir, entry.name + '.js')
+  const viteFile = fs.existsSync(viteFilePath)
+    ? await import(viteFilePath)
+    : await import(path.join(viteConfig.root, entry.name, 'server.ts'))
+  const manifestPath = path.join(viteConfig.build.outDir, `manifest.${entry.name}.json`)
+  const manifest = fs.existsSync(manifestPath) ? (await import(manifestPath, { with: { type: 'json' } })).default : null
+  const routes = entry.routes || viteFile.routes
+
+  const cache = new Map()
+
+  const renderer = createRenderer(fastify, entry, viteFile.render, manifest)
+  const cachedHandler = createCachedHandler(cache)
+  const handler = createHandler(renderer)
+
+  if (entry.preHandler || entry.createPreHandler) {
+    fastify.addHook('onRequest', (_request, reply, done) => {
+      reply.ctx = Object.create(null)
+
+      done()
+    })
+  }
+
+  if (entry.preHandler) {
+    fastify.addHook('preHandler', entry.preHandler)
+  }
+
+  for (const route of routes.flatMap((route) => route.routes || route)) {
+    const preHandler = entry.createPreHandler?.(route, entry)
+
+    if (route.locales?.length) {
+      const locales = [{ hostname: entry.hostname, path: route.path }, ...route.locales]
+
+      for (const locale of locales) {
+        fastify.route({
+          method: 'GET',
+          url: locale.path,
+          onRequest(request, reply, done) {
+            if (request.hostname !== locale.hostname) {
+              // TODO should probably redirect to correct path on request.hostname, not to locale.hostname
+              return reply.redirect('http://' + locale.hostname + request.url)
+            }
+
+            done()
+          },
+          handler: route.cache ? cachedHandler : handler,
+          preHandler,
+        })
+      }
+    } else {
+      fastify.route({
+        method: 'GET',
+        url: route.path,
+        handler: route.cache ? cachedHandler : handler,
+        preHandler,
+      })
+    }
+  }
+
+  entry.setupRebuildCache?.(() => buildCache(entry, routes, renderer, cache))
+
+  fastify.setNotFoundHandler(() => {
+    throw new StatusError(404)
+  })
+
+  fastify.setErrorHandler(
+    entry.createErrorHandler(async (error, request, reply) => {
+      reply.type('text/html').status(error.status || 500)
+
+      return renderer(
+        request.url,
+        Object.assign(
+          {
+            error,
+          },
+          reply.ctx,
+        ),
+      )
+    }),
+  )
+}
+
+function createRenderer(fastify, entry, render, manifest) {
+  const files = manifest[`${entry.name}/client.ts`]
+  console.log(files)
+  const bundle = path.join('/', files.file)
+  const preload = files.imports?.map((name) => path.join('/', manifest[name].file))
+  const css = files.css?.map((name) => path.join('/', name))
+
+  console.log(css)
+  return (url, ctx) => {
+    ctx = Object.assign({ url }, entry.ctx, ctx)
+
+    const renderPromise = render?.(ctx)
+
+    return entry
+      .template({
+        env: 'production',
+        script: bundle,
+        preload,
+        css,
+        content: renderPromise?.then((result) => result.content),
+        head: renderPromise?.then((result) => result.head),
+        state: renderPromise?.then((result) => result.state) || Promise.resolve(ctx),
+      })
+      .stream(true)
+  }
+}
+
+function createHandler(renderer) {
+  return async function handler(request, reply) {
+    reply.type('text/html')
+
+    return renderer(request.url, reply.ctx)
+  }
+}
+
+function createCachedHandler(cache) {
+  return function cachedHandler(request, reply) {
+    reply.type('text/html')
+
+    return cache.get(request.url)
+  }
+}
+
+async function buildCache(entry, routes, renderer, cache) {
+  for (const route of routes) {
+    if (route.cache) {
+      let html = ''
+
+      // TODO run preHandlers
+      for await (const chunk of renderer(route.path)) {
+        html += chunk
+      }
+
+      cache.set(route.path, html)
+    }
+  }
+}
diff --git a/server/routes/api.ts b/server/routes/api.ts
new file mode 100644
index 0000000..6c7241b
--- /dev/null
+++ b/server/routes/api.ts
@@ -0,0 +1,63 @@
+import { type FastifyPluginCallback } from 'fastify'
+import knex from '../lib/knex.ts'
+
+const apiRoutes: FastifyPluginCallback = (fastify, _, done) => {
+  fastify.route({
+    url: '/result',
+    method: 'GET',
+    async handler(req, res) {
+      const years = await knex('financialYear').select('*')
+
+      return Promise.all(
+        years.map((year) =>
+          knex('account')
+            .select('account.number', 'account.description')
+            .sum('transaction.amount as amount')
+            .innerJoin('transaction', function () {
+              this.on('transaction.accountNumber', '=', 'account.number')
+            })
+            .innerJoin('entry', function () {
+              this.on('transaction.entryId', '=', 'entry.id')
+            })
+            .groupBy('account.number', 'account.description')
+            .where('account.number', '>=', 3000)
+            .where('entry.financialYearId', year.id)
+            .orderBy('account.number')
+            .then((result) => ({
+              startDate: year.startDate,
+              endDate: year.endDate,
+              result,
+            })),
+        ),
+      )
+    },
+  })
+
+  fastify.route({
+    url: '/result/:year',
+    method: 'GET',
+    async handler(req, res) {
+      const year = await knex('financialYear').first('*').where('startDate', `${req.params.year}0101`)
+
+      const result = await knex('account')
+        .select('account.number', 'account.description')
+        .sum('transaction.amount as amount')
+        .innerJoin('transaction', function () {
+          this.on('transaction.accountNumber', '=', 'account.number')
+        })
+        .innerJoin('entry', function () {
+          this.on('transaction.entryId', '=', 'entry.id')
+        })
+        .groupBy('account.number', 'account.description')
+        .where('account.number', '>=', 3000)
+        .where('entry.financialYearId', year.id)
+        .orderBy('account.number')
+
+      return result
+    },
+  })
+
+  done()
+}
+
+export default apiRoutes
diff --git a/server/server.ts b/server/server.ts
new file mode 100644
index 0000000..86d12c3
--- /dev/null
+++ b/server/server.ts
@@ -0,0 +1,32 @@
+import fastify from 'fastify'
+import StatusError from './lib/status_error.ts'
+import env from './env.ts'
+import ErrorHandler from './handlers/error.ts'
+import vitePlugin from './plugins/vite.ts'
+import apiRoutes from './routes/api.ts'
+import templatePublic from './templates/public.ts'
+
+export default async (options) => {
+  const server = fastify(options)
+
+  server.setNotFoundHandler(() => {
+    throw new StatusError(404)
+  })
+
+  console.dir(env)
+
+  server.register(vitePlugin, {
+    mode: env.NODE_ENV,
+    createErrorHandler: ErrorHandler,
+    entries: {
+      public: {
+        path: '/',
+        template: templatePublic,
+      },
+    },
+  })
+
+  server.register(apiRoutes, { prefix: '/api' })
+
+  return server
+}
diff --git a/server/templates/public.ts b/server/templates/public.ts
new file mode 100644
index 0000000..70f83e6
--- /dev/null
+++ b/server/templates/public.ts
@@ -0,0 +1,28 @@
+import html from '../lib/html.ts'
+
+export default ({ content, css, head, preload, script, state }) => html`<!DOCTYPE html>
+<html lang='sv-SE'>
+  <head>
+    <link rel="icon" href="/favicon.svg" />
+    <script type="module" src="${script}"></script>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta name="robots" content="index, follow" />
+    ${css?.map((href) => `<link rel='stylesheet' crossorigin href='${href}'>`)}
+    ${preload?.map((href) => `<link rel='modulepreload' crossorigin href='${href}'>`)}
+    <title>${head?.then((head) => head.title)}</title>
+    ${head?.then((head) =>
+      head.tags?.map(
+        (tag) =>
+          `<${tag.type} ${Object.entries(tag.attributes)
+            .map(([name, content]) => `${name}='${content}'`)
+            .join(' ')}/>`,
+      ),
+    )}
+  </head>
+  <body>
+    ${content}
+    ${state?.then((state) => `<script>window.__STATE__ = ${JSON.stringify(state)}</script>`)}
+    <script>var offset=window.history.state&&window.history.state.scrollTop||0;if(offset)window.scrollTo(0,offset)</script>
+  </body>
+</html>`
diff --git a/tsconfig.json b/tsconfig.json
index a3e57f0..1b5efb7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,5 +12,5 @@
     "erasableSyntaxOnly": true,
     "allowArbitraryExtensions": true
   },
-  "include": ["./global.d.ts", "./client/", "./server/"]
+  "include": ["global.d.ts", "client", "server"]
 }
diff --git a/vite.config.js b/vite.config.js
index 176d3f6..d31f146 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -22,7 +22,7 @@ export default defineConfig(({ isSsrBuild }) => {
       },
     },
     server: {
-      allowedHosts: ['startbit.local'],
+      allowedHosts: ['brf.local'],
       port: 1338,
       hmr: process.env.VITE_HMR_PROXY
         ? {