@pyreon/zero 0.1.0

package/lib/types/types.d.ts

@@ -0,0 +1,104 @@
+import type { ComponentFn } from '@pyreon/core';
+import type { NavigationGuard } from '@pyreon/router';
+import type { Middleware } from '@pyreon/server';
+/** What a route file (e.g. `src/routes/index.tsx`) can export. */
+export interface RouteModule {
+    /** Default export is the page component. */
+    default?: ComponentFn;
+    /** Layout wrapper — wraps this route and all children. */
+    layout?: ComponentFn;
+    /** Loading component shown while lazy-loading or during Suspense. */
+    loading?: ComponentFn;
+    /** Error component shown when the route errors. */
+    error?: ComponentFn;
+    /** Server-side data loader. */
+    loader?: (ctx: LoaderContext) => Promise<unknown>;
+    /** Per-route middleware. */
+    middleware?: Middleware | Middleware[];
+    /** Navigation guard — can redirect or block navigation. */
+    guard?: NavigationGuard;
+    /** Route metadata. */
+    meta?: RouteMeta;
+    /** Rendering mode override for this route. */
+    renderMode?: RenderMode;
+}
+/** Context passed to route loaders. */
+export interface LoaderContext {
+    params: Record<string, string>;
+    query: Record<string, string>;
+    signal: AbortSignal;
+    request: Request;
+}
+/** Per-route metadata. */
+export interface RouteMeta {
+    title?: string;
+    description?: string;
+    [key: string]: unknown;
+}
+export type RenderMode = 'ssr' | 'ssg' | 'spa' | 'isr';
+export interface ISRConfig {
+    /** Revalidation interval in seconds. */
+    revalidate: number;
+}
+export interface ZeroConfig {
+    /** Default rendering mode. Default: "ssr" */
+    mode?: RenderMode;
+    /** Vite config overrides. */
+    vite?: Record<string, unknown>;
+    /** SSR options. */
+    ssr?: {
+        /** Streaming mode. Default: "string" */
+        mode?: 'string' | 'stream';
+    };
+    /** SSG options — only used when mode is "ssg". */
+    ssg?: {
+        /** Paths to prerender (or function returning paths). */
+        paths?: string[] | (() => string[] | Promise<string[]>);
+    };
+    /** ISR config — only used when mode is "isr". */
+    isr?: ISRConfig;
+    /** Deploy adapter. Default: "node" */
+    adapter?: 'node' | 'bun' | 'static';
+    /** Base URL path. Default: "/" */
+    base?: string;
+    /** App-level middleware applied to all routes. */
+    middleware?: Middleware[];
+    /** Server port for dev/preview. Default: 3000 */
+    port?: number;
+}
+/** Internal representation of a file-system route before conversion to RouteRecord. */
+export interface FileRoute {
+    /** File path relative to routes dir (e.g. "users/[id].tsx") */
+    filePath: string;
+    /** Parsed URL path pattern (e.g. "/users/:id") */
+    urlPath: string;
+    /** Directory path for grouping (e.g. "users" or "" for root) */
+    dirPath: string;
+    /** Route segment depth for nesting. */
+    depth: number;
+    /** Whether this is a layout file. */
+    isLayout: boolean;
+    /** Whether this is an error boundary file. */
+    isError: boolean;
+    /** Whether this is a loading fallback file. */
+    isLoading: boolean;
+    /** Whether this is a catch-all route. */
+    isCatchAll: boolean;
+    /** Resolved rendering mode. */
+    renderMode: RenderMode;
+}
+export interface Adapter {
+    name: string;
+    /** Build the production server/output for this adapter. */
+    build(options: AdapterBuildOptions): Promise<void>;
+}
+export interface AdapterBuildOptions {
+    /** Path to the built server entry. */
+    serverEntry: string;
+    /** Path to the client build output. */
+    clientOutDir: string;
+    /** Final output directory. */
+    outDir: string;
+    config: ZeroConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAIhD,kEAAkE;AAClE,MAAM,WAAW,WAAW;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,qEAAqE;IACrE,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,mDAAmD;IACnD,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACjD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;IACtC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,sBAAsB;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,uCAAuC;AACvC,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,0BAA0B;AAC1B,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAID,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAEtD,MAAM,WAAW,SAAS;IACxB,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAA;CACnB;AAID,MAAM,WAAW,UAAU;IACzB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAE9B,mBAAmB;IACnB,GAAG,CAAC,EAAE;QACJ,wCAAwC;QACxC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;KAC3B,CAAA;IAED,kDAAkD;IAClD,GAAG,CAAC,EAAE;QACJ,wDAAwD;QACxD,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;KACxD,CAAA;IAED,iDAAiD;IACjD,GAAG,CAAC,EAAE,SAAS,CAAA;IAEf,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IAEnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,kDAAkD;IAClD,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IAEzB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAID,uFAAuF;AACvF,MAAM,WAAW,SAAS;IACxB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAA;IAChB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAA;IACf,gEAAgE;IAChE,OAAO,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,QAAQ,EAAE,OAAO,CAAA;IACjB,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAA;IAChB,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,UAAU,EAAE,OAAO,CAAA;IACnB,+BAA+B;IAC/B,UAAU,EAAE,UAAU,CAAA;CACvB;AAID,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,KAAK,CAAC,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACnD;AAED,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,UAAU,CAAA;CACnB"}

package/lib/types/utils/use-intersection-observer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Observes an element and calls `onIntersect` once it enters the viewport.
+ * Automatically disconnects after the first intersection.
+ *
+ * @param getElement - Getter for the target element (may be undefined before mount).
+ * @param onIntersect - Callback fired when the element becomes visible.
+ * @param rootMargin - IntersectionObserver rootMargin. Default: "200px".
+ */
+export declare function useIntersectionObserver(getElement: () => HTMLElement | undefined, onIntersect: () => void, rootMargin?: string): void;
+//# sourceMappingURL=use-intersection-observer.d.ts.map

package/lib/types/utils/use-intersection-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer.d.ts","sourceRoot":"","sources":["../../../src/utils/use-intersection-observer.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,MAAM,WAAW,GAAG,SAAS,EACzC,WAAW,EAAE,MAAM,IAAI,EACvB,UAAU,SAAU,QAsBrB"}

package/lib/types/utils/with-headers.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Clone a Response with modified headers.
+ * Avoids repeating the `new Response(body, { status, statusText, headers })` pattern.
+ */
+export declare function withHeaders(response: Response, modify: (headers: Headers) => void): Response;
+//# sourceMappingURL=with-headers.d.ts.map

package/lib/types/utils/with-headers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-headers.d.ts","sourceRoot":"","sources":["../../../src/utils/with-headers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GACjC,QAAQ,CAQV"}

package/lib/types/vite-plugin.d.ts

@@ -0,0 +1,17 @@
+import type { Plugin } from 'vite';
+import type { ZeroConfig } from './types';
+/**
+ * Zero Vite plugin — adds file-based routing and zero-config conventions
+ * on top of @pyreon/vite-plugin.
+ *
+ * @example
+ * // vite.config.ts
+ * import pyreon from "@pyreon/vite-plugin"
+ * import zero from "@pyreon/zero"
+ *
+ * export default {
+ *   plugins: [pyreon(), zero()],
+ * }
+ */
+export declare function zeroPlugin(userConfig?: ZeroConfig): Plugin;
+//# sourceMappingURL=vite-plugin.d.ts.map

package/lib/types/vite-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../src/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAGlC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAKzC;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,UAAU,GAAE,UAAe,GAAG,MAAM,CAsE9D"}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@pyreon/zero",
+  "version": "0.1.0",
+  "description": "Pyreon Zero — zero-config full-stack framework powered by Pyreon and Vite",
+  "license": "MIT",
+  "author": "Vit Bokisch",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pyreon/zero",
+    "directory": "packages/zero"
+  },
+  "type": "module",
+  "files": [
+    "lib",
+    "!lib/analysis",
+    "src",
+    "!src/tests",
+    "LICENSE",
+    "README.md"
+  ],
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "types": "./lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "bun": "./src/index.ts",
+      "import": "./lib/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./client": {
+      "bun": "./src/client.ts",
+      "import": "./lib/client.js",
+      "types": "./lib/types/client.d.ts"
+    },
+    "./config": {
+      "bun": "./src/config.ts",
+      "import": "./lib/config.js",
+      "types": "./lib/types/config.d.ts"
+    },
+    "./image": {
+      "bun": "./src/image.tsx",
+      "import": "./lib/image.js",
+      "types": "./lib/types/image.d.ts"
+    },
+    "./link": {
+      "bun": "./src/link.tsx",
+      "import": "./lib/link.js",
+      "types": "./lib/types/link.d.ts"
+    },
+    "./script": {
+      "bun": "./src/script.tsx",
+      "import": "./lib/script.js",
+      "types": "./lib/types/script.d.ts"
+    },
+    "./font": {
+      "bun": "./src/font.ts",
+      "import": "./lib/font.js",
+      "types": "./lib/types/font.d.ts"
+    },
+    "./cache": {
+      "bun": "./src/cache.ts",
+      "import": "./lib/cache.js",
+      "types": "./lib/types/cache.d.ts"
+    },
+    "./seo": {
+      "bun": "./src/seo.ts",
+      "import": "./lib/seo.js",
+      "types": "./lib/types/seo.d.ts"
+    },
+    "./theme": {
+      "bun": "./src/theme.tsx",
+      "import": "./lib/theme.js",
+      "types": "./lib/types/theme.d.ts"
+    },
+    "./image-plugin": {
+      "bun": "./src/image-plugin.ts",
+      "import": "./lib/image-plugin.js",
+      "types": "./lib/types/image-plugin.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "vl_rolldown_build && tsc",
+    "dev": "vl_rolldown_build-watch",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@pyreon/core": "^0.2.1",
+    "@pyreon/head": "^0.2.1",
+    "@pyreon/router": "^0.2.1",
+    "@pyreon/runtime-dom": "^0.2.1",
+    "@pyreon/runtime-server": "^0.2.1",
+    "@pyreon/server": "^0.2.1",
+    "@pyreon/vite-plugin": "^0.2.1",
+    "vite": "^8.0.0"
+  },
+  "peerDependencies": {
+    "@pyreon/reactivity": "^0.2.1"
+  }
+}

package/src/adapters/bun.ts

@@ -0,0 +1,65 @@
+import type { Adapter, AdapterBuildOptions } from '../types'
+
+/**
+ * Bun adapter — generates a standalone Bun.serve() entry.
+ */
+export function bunAdapter(): Adapter {
+  return {
+    name: 'bun',
+    async build(options: AdapterBuildOptions) {
+      const { writeFile, cp, mkdir } = await import('node:fs/promises')
+      const { join } = await import('node:path')
+
+      const outDir = options.outDir
+      await mkdir(outDir, { recursive: true })
+
+      // Copy server and client builds
+      await cp(options.clientOutDir, join(outDir, 'client'), {
+        recursive: true,
+      })
+      await cp(join(options.serverEntry, '..'), join(outDir, 'server'), {
+        recursive: true,
+      })
+
+      const port = options.config.port ?? 3000
+      const serverEntry = `
+const handler = (await import("./server/entry-server.js")).default
+const clientDir = new URL("./client/", import.meta.url).pathname
+
+Bun.serve({
+  port: ${port},
+  async fetch(req) {
+    const url = new URL(req.url)
+
+    // Try static files first
+    if (req.method === "GET") {
+      const filePath = clientDir + (url.pathname === "/" ? "index.html" : url.pathname)
+      // Prevent path traversal — ensure resolved path stays within clientDir
+      const resolved = Bun.resolveSync(filePath, ".")
+      if (!resolved.startsWith(Bun.resolveSync(clientDir, "."))) {
+        return new Response("Forbidden", { status: 403 })
+      }
+      const file = Bun.file(filePath)
+      if (await file.exists()) {
+        return new Response(file, {
+          headers: {
+            "cache-control": filePath.endsWith(".js") || filePath.endsWith(".css")
+              ? "public, max-age=31536000, immutable"
+              : "public, max-age=3600",
+          },
+        })
+      }
+    }
+
+    // Fall through to SSR handler
+    return handler(req)
+  },
+})
+
+console.log("\\n  ⚡ Zero production server running on http://localhost:${port}\\n")
+`.trimStart()
+
+      await writeFile(join(outDir, 'index.ts'), serverEntry)
+    },
+  }
+}

package/src/adapters/index.ts

@@ -0,0 +1,29 @@
+export { bunAdapter } from './bun'
+export { nodeAdapter } from './node'
+export { staticAdapter } from './static'
+
+import type { Adapter, ZeroConfig } from '../types'
+import { bunAdapter } from './bun'
+import { nodeAdapter } from './node'
+import { staticAdapter } from './static'
+
+/**
+ * Resolve the adapter from config.
+ * Returns a built-in adapter or throws if unknown.
+ */
+export function resolveAdapter(config: ZeroConfig): Adapter {
+  const name = config.adapter ?? 'node'
+
+  switch (name) {
+    case 'node':
+      return nodeAdapter()
+    case 'bun':
+      return bunAdapter()
+    case 'static':
+      return staticAdapter()
+    default:
+      throw new Error(
+        `[zero] Unknown adapter: "${name}". Use "node", "bun", or "static".`,
+      )
+  }
+}

package/src/adapters/node.ts

@@ -0,0 +1,113 @@
+import type { Adapter, AdapterBuildOptions } from '../types'
+
+/**
+ * Node.js adapter — generates a standalone server entry using node:http.
+ */
+export function nodeAdapter(): Adapter {
+  return {
+    name: 'node',
+    async build(options: AdapterBuildOptions) {
+      const { writeFile, cp, mkdir } = await import('node:fs/promises')
+      const { join } = await import('node:path')
+
+      const outDir = options.outDir
+      await mkdir(outDir, { recursive: true })
+
+      // Copy server and client builds
+      await cp(options.clientOutDir, join(outDir, 'client'), {
+        recursive: true,
+      })
+      await cp(join(options.serverEntry, '..'), join(outDir, 'server'), {
+        recursive: true,
+      })
+
+      // Generate standalone server entry
+      const port = options.config.port ?? 3000
+      const serverEntry = `
+import { createServer } from "node:http"
+import { readFile } from "node:fs/promises"
+import { join, extname } from "node:path"
+import { fileURLToPath } from "node:url"
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url))
+const handler = (await import("./server/entry-server.js")).default
+const clientDir = join(__dirname, "client")
+
+const MIME_TYPES = {
+  ".html": "text/html",
+  ".js": "application/javascript",
+  ".css": "text/css",
+  ".json": "application/json",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".svg": "image/svg+xml",
+  ".woff2": "font/woff2",
+  ".woff": "font/woff",
+  ".ico": "image/x-icon",
+}
+
+const server = createServer(async (req, res) => {
+  const url = new URL(req.url ?? "/", "http://localhost")
+
+  // Try to serve static files first
+  if (req.method === "GET") {
+    try {
+      const filePath = join(clientDir, url.pathname === "/" ? "index.html" : url.pathname)
+      // Prevent path traversal — ensure resolved path stays within clientDir
+      const { resolve } = await import("node:path")
+      const resolved = resolve(filePath)
+      if (!resolved.startsWith(resolve(clientDir))) {
+        res.writeHead(403)
+        res.end("Forbidden")
+        return
+      }
+      const ext = extname(filePath)
+      if (ext && ext !== ".html") {
+        const data = await readFile(filePath)
+        const mime = MIME_TYPES[ext] || "application/octet-stream"
+        res.writeHead(200, {
+          "content-type": mime,
+          "cache-control": ext === ".js" || ext === ".css"
+            ? "public, max-age=31536000, immutable"
+            : "public, max-age=3600",
+        })
+        res.end(data)
+        return
+      }
+    } catch {}
+  }
+
+  // Fall through to SSR handler
+  const headers = {}
+  for (const [key, value] of Object.entries(req.headers)) {
+    if (value) headers[key] = Array.isArray(value) ? value.join(", ") : value
+  }
+
+  const request = new Request(url.href, {
+    method: req.method,
+    headers,
+  })
+
+  const response = await handler(request)
+  const body = await response.text()
+
+  const responseHeaders = {}
+  response.headers.forEach((v, k) => { responseHeaders[k] = v })
+
+  res.writeHead(response.status, responseHeaders)
+  res.end(body)
+})
+
+server.listen(${port}, () => {
+  console.log("\\n  ⚡ Zero production server running on http://localhost:${port}\\n")
+})
+`.trimStart()
+
+      await writeFile(join(outDir, 'index.js'), serverEntry)
+      await writeFile(
+        join(outDir, 'package.json'),
+        JSON.stringify({ type: 'module' }, null, 2),
+      )
+    },
+  }
+}

package/src/adapters/static.ts

@@ -0,0 +1,17 @@
+import type { Adapter, AdapterBuildOptions } from '../types'
+
+/**
+ * Static adapter — just copies the client build output.
+ * Used with SSG mode where all pages are pre-rendered at build time.
+ */
+export function staticAdapter(): Adapter {
+  return {
+    name: 'static',
+    async build(options: AdapterBuildOptions) {
+      const { cp, mkdir } = await import('node:fs/promises')
+
+      await mkdir(options.outDir, { recursive: true })
+      await cp(options.clientOutDir, options.outDir, { recursive: true })
+    },
+  }
+}

package/src/app.ts

@@ -0,0 +1,62 @@
+import type { ComponentFn, Props } from '@pyreon/core'
+import { Fragment, h } from '@pyreon/core'
+import { HeadProvider } from '@pyreon/head'
+import type { RouteRecord } from '@pyreon/router'
+import { createRouter, RouterProvider, RouterView } from '@pyreon/router'
+
+// ─── App assembly ────────────────────────────────────────────────────────────
+
+export interface CreateAppOptions {
+  /** Route definitions (from file-based routing or manual). */
+  routes: RouteRecord[]
+
+  /** Router mode. Default: "history" for SSR, "hash" for SPA. */
+  routerMode?: 'hash' | 'history'
+
+  /** Initial URL for SSR. */
+  url?: string
+
+  /** Root layout component wrapping all routes. */
+  layout?: ComponentFn
+
+  /** Global error component. */
+  errorComponent?: ComponentFn
+}
+
+/**
+ * Create a full Zero app — assembles router, head provider, and root layout.
+ *
+ * Used internally by entry-server and entry-client.
+ */
+export function createApp(options: CreateAppOptions) {
+  const router = createRouter({
+    routes: options.routes,
+    mode: options.routerMode ?? 'history',
+    url: options.url,
+    scrollBehavior: 'top',
+  })
+
+  const Layout = options.layout ?? DefaultLayout
+
+  function App() {
+    return h(
+      HeadProvider,
+      null,
+      h(
+        RouterProvider as ComponentFn<Props>,
+        { router },
+        h(Layout, null, h(RouterView as ComponentFn<Props>, null)),
+      ),
+    )
+  }
+
+  return { App, router }
+}
+
+function DefaultLayout(props: Props) {
+  return h(
+    Fragment,
+    null,
+    ...(Array.isArray(props.children) ? props.children : [props.children]),
+  )
+}