nukejs 0.0.1 → 0.0.2

package/dist/component-analyzer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/component-analyzer.ts"],
+  "sourcesContent": ["/**\r\n * component-analyzer.ts \u2014 Static Import Analyzer & Client Component Registry\r\n *\r\n * This module solves a core problem in NukeJS's partial hydration model:\r\n * the server needs to know *at render time* which components in a page's\r\n * import tree are \"use client\" boundaries so it can:\r\n *\r\n *   1. Emit <span data-hydrate-id=\"\u2026\"> markers instead of rendering them.\r\n *   2. Inject the matching bundle URLs into the page's runtime data blob.\r\n *   3. Serialize the props passed to those components so the browser can\r\n *      reconstruct them after loading the bundle.\r\n *\r\n * How it works:\r\n *   - analyzeComponent()         checks whether a file starts with \"use client\"\r\n *                                 and assigns a stable content-hash ID if it does.\r\n *   - extractImports()           parses `import \u2026 from '\u2026'` statements with a\r\n *                                 regex and resolves relative/absolute paths.\r\n *   - findClientComponentsInTree() recursively walks the import graph, stopping\r\n *                                 at client boundaries (they own their subtree).\r\n *\r\n * Results are memoised in `componentCache` (process-lifetime) so repeated SSR\r\n * renders don't re-read and re-hash files they've already seen.\r\n *\r\n * ID scheme:\r\n *   The ID for a client component is `cc_` + the first 8 hex chars of the MD5\r\n *   hash of its path relative to pagesDir.  This is stable across restarts and\r\n *   matches what the browser will request from /__client-component/<id>.js.\r\n */\r\n\r\nimport path from 'path';\r\nimport fs from 'fs';\r\nimport crypto from 'crypto';\r\nimport { fileURLToPath } from 'url';\r\n\r\n// \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\nexport interface ComponentInfo {\r\n  filePath:           string;\r\n  /** True when the file's first non-comment line is \"use client\". */\r\n  isClientComponent:  boolean;\r\n  /** Stable hash-based ID, present only for client components. */\r\n  clientComponentId?: string;\r\n}\r\n\r\n// \u2500\u2500\u2500 In-process cache \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n// Memoises analyze results for the lifetime of the dev server process.\r\n// In production builds the analysis runs once per build, so no cache is needed.\r\nconst componentCache = new Map<string, ComponentInfo>();\r\n\r\n// \u2500\u2500\u2500 Client boundary detection \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Returns true when a file begins with a `\"use client\"` or `'use client'`\r\n * directive (ignoring blank lines and line/block comment prefixes).\r\n *\r\n * Only the first five lines are checked \u2014 the directive must appear before\r\n * any executable code.\r\n */\r\nfunction isClientComponent(filePath: string): boolean {\r\n  const content = fs.readFileSync(filePath, 'utf-8');\r\n  for (const line of content.split('\\n').slice(0, 5)) {\r\n    const trimmed = line.trim();\r\n    if (!trimmed || trimmed.startsWith('//') || trimmed.startsWith('/*')) continue;\r\n    if (/^[\"']use client[\"'];?$/.test(trimmed)) return true;\r\n    break; // First substantive line is not \"use client\"\r\n  }\r\n  return false;\r\n}\r\n\r\n/**\r\n * Generates a deterministic, short ID for a client component.\r\n * The path is made relative to pagesDir before hashing so the ID is\r\n * portable across machines (absolute paths differ per developer).\r\n */\r\nfunction getClientComponentId(filePath: string, pagesDir: string): string {\r\n  const hash = crypto\r\n    .createHash('md5')\r\n    .update(path.relative(pagesDir, filePath))\r\n    .digest('hex')\r\n    .substring(0, 8);\r\n  return `cc_${hash}`;\r\n}\r\n\r\n// \u2500\u2500\u2500 Analysis \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Analyses a component file and returns cached results on subsequent calls.\r\n *\r\n * @param filePath  Absolute path to the source file.\r\n * @param pagesDir  Absolute path to the pages root (used for ID generation).\r\n */\r\nexport function analyzeComponent(filePath: string, pagesDir: string): ComponentInfo {\r\n  if (componentCache.has(filePath)) return componentCache.get(filePath)!;\r\n\r\n  const isClient = isClientComponent(filePath);\r\n  const info: ComponentInfo = {\r\n    filePath,\r\n    isClientComponent:  isClient,\r\n    clientComponentId: isClient ? getClientComponentId(filePath, pagesDir) : undefined,\r\n  };\r\n\r\n  componentCache.set(filePath, info);\r\n  return info;\r\n}\r\n\r\n// \u2500\u2500\u2500 Import extraction \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Parses `import \u2026 from '\u2026'` statements in a file and returns a list of\r\n * resolved absolute paths for all *local* imports (relative or absolute paths).\r\n *\r\n * Non-local specifiers (npm packages) are skipped, except `nukejs` itself \u2014\r\n * which is resolved to our own index file so built-in \"use client\" components\r\n * like `<Link>` are included in the client component discovery walk.\r\n *\r\n * Extensions are tried in priority order if the specifier has none.\r\n */\r\nfunction extractImports(filePath: string): string[] {\r\n  const content = fs.readFileSync(filePath, 'utf-8');\r\n  const dir     = path.dirname(filePath);\r\n  const imports: string[] = [];\r\n\r\n  const importRegex =\r\n    /import\\s+(?:(?:\\{[^}]*\\}|\\*\\s+as\\s+\\w+|\\w+)\\s+from\\s+)?['\"]([^'\"]+)['\"]/g;\r\n  let match: RegExpExecArray | null;\r\n\r\n  while ((match = importRegex.exec(content)) !== null) {\r\n    const importPath = match[1];\r\n\r\n    // Special case: resolve the 'nukejs' package import to our own source so\r\n    // built-in \"use client\" exports (Link, useRouter, etc.) are discovered.\r\n    if (importPath === 'nukejs') {\r\n      const selfDir = path.dirname(fileURLToPath(import.meta.url));\r\n      for (const candidate of [\r\n        path.join(selfDir, 'index.ts'),\r\n        path.join(selfDir, 'index.js'),\r\n      ]) {\r\n        if (fs.existsSync(candidate)) { imports.push(candidate); break; }\r\n      }\r\n      continue;\r\n    }\r\n\r\n    // Skip npm packages and other non-local specifiers.\r\n    if (!importPath.startsWith('.') && !importPath.startsWith('/')) continue;\r\n\r\n    // Resolve to an absolute path and add common extensions if needed.\r\n    let resolved = path.resolve(dir, importPath);\r\n    if (!fs.existsSync(resolved)) {\r\n      for (const ext of ['.tsx', '.ts', '.jsx', '.js']) {\r\n        const candidate = resolved + ext;\r\n        if (fs.existsSync(candidate)) { resolved = candidate; break; }\r\n      }\r\n    }\r\n    if (fs.existsSync(resolved)) imports.push(resolved);\r\n  }\r\n\r\n  return imports;\r\n}\r\n\r\n// \u2500\u2500\u2500 Tree walk \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Recursively walks the import graph from `filePath`, collecting every\r\n * \"use client\" file encountered.\r\n *\r\n * The walk stops at client boundaries: a \"use client\" file is collected and\r\n * its own imports are NOT walked (the client runtime handles their subtree).\r\n *\r\n * The `visited` set prevents infinite loops from circular imports.\r\n *\r\n * @returns  Map<id, absoluteFilePath> for every client component reachable\r\n *           from `filePath` (including `filePath` itself if it's a client).\r\n */\r\nexport function findClientComponentsInTree(\r\n  filePath:  string,\r\n  pagesDir:  string,\r\n  visited  = new Set<string>(),\r\n): Map<string, string> {\r\n  const clientComponents = new Map<string, string>();\r\n  if (visited.has(filePath)) return clientComponents;\r\n  visited.add(filePath);\r\n\r\n  const info = analyzeComponent(filePath, pagesDir);\r\n\r\n  // This file is a client boundary \u2014 record it and stop descending.\r\n  if (info.isClientComponent && info.clientComponentId) {\r\n    clientComponents.set(info.clientComponentId, filePath);\r\n    return clientComponents;\r\n  }\r\n\r\n  // Server component \u2014 recurse into its imports.\r\n  for (const importPath of extractImports(filePath)) {\r\n    for (const [id, p] of findClientComponentsInTree(importPath, pagesDir, visited)) {\r\n      clientComponents.set(id, p);\r\n    }\r\n  }\r\n\r\n  return clientComponents;\r\n}\r\n\r\n// \u2500\u2500\u2500 Cache access \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n\r\n/**\r\n * Looks up the absolute file path for a client component by its ID.\r\n * O(1) reverse lookup \u2014 avoids the O(n) linear scan in bundler.ts.\r\n *\r\n * Returns undefined when the ID is not in the cache (page not yet visited\r\n * in dev, or stale ID after a file change).\r\n */\r\nexport function getComponentById(id: string): string | undefined {\r\n  for (const [filePath, info] of componentCache) {\r\n    if (info.clientComponentId === id) return filePath;\r\n  }\r\n  return undefined;\r\n}\r\n\r\n/** Returns the live component cache (used by bundler.ts for ID\u2192path lookup). */\r\nexport function getComponentCache(): Map<string, ComponentInfo> {\r\n  return componentCache;\r\n}\r\n\r\n/**\r\n * Removes a single file's analysis entry from the cache.\r\n * Call this whenever a source file changes in dev mode so the next render\r\n * re-analyses the file (picks up added/removed \"use client\" directives and\r\n * changed import graphs).\r\n */\r\nexport function invalidateComponentCache(filePath: string): void {\r\n  componentCache.delete(filePath);\r\n}"],
+  "mappings": "AA6BA,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,OAAO,YAAY;AACnB,SAAS,qBAAqB;AAgB9B,MAAM,iBAAiB,oBAAI,IAA2B;AAWtD,SAAS,kBAAkB,UAA2B;AACpD,QAAM,UAAU,GAAG,aAAa,UAAU,OAAO;AACjD,aAAW,QAAQ,QAAQ,MAAM,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG;AAClD,UAAM,UAAU,KAAK,KAAK;AAC1B,QAAI,CAAC,WAAW,QAAQ,WAAW,IAAI,KAAK,QAAQ,WAAW,IAAI,EAAG;AACtE,QAAI,yBAAyB,KAAK,OAAO,EAAG,QAAO;AACnD;AAAA,EACF;AACA,SAAO;AACT;AAOA,SAAS,qBAAqB,UAAkB,UAA0B;AACxE,QAAM,OAAO,OACV,WAAW,KAAK,EAChB,OAAO,KAAK,SAAS,UAAU,QAAQ,CAAC,EACxC,OAAO,KAAK,EACZ,UAAU,GAAG,CAAC;AACjB,SAAO,MAAM,IAAI;AACnB;AAUO,SAAS,iBAAiB,UAAkB,UAAiC;AAClF,MAAI,eAAe,IAAI,QAAQ,EAAG,QAAO,eAAe,IAAI,QAAQ;AAEpE,QAAM,WAAW,kBAAkB,QAAQ;AAC3C,QAAM,OAAsB;AAAA,IAC1B;AAAA,IACA,mBAAoB;AAAA,IACpB,mBAAmB,WAAW,qBAAqB,UAAU,QAAQ,IAAI;AAAA,EAC3E;AAEA,iBAAe,IAAI,UAAU,IAAI;AACjC,SAAO;AACT;AAcA,SAAS,eAAe,UAA4B;AAClD,QAAM,UAAU,GAAG,aAAa,UAAU,OAAO;AACjD,QAAM,MAAU,KAAK,QAAQ,QAAQ;AACrC,QAAM,UAAoB,CAAC;AAE3B,QAAM,cACJ;AACF,MAAI;AAEJ,UAAQ,QAAQ,YAAY,KAAK,OAAO,OAAO,MAAM;AACnD,UAAM,aAAa,MAAM,CAAC;AAI1B,QAAI,eAAe,UAAU;AAC3B,YAAM,UAAU,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAC3D,iBAAW,aAAa;AAAA,QACtB,KAAK,KAAK,SAAS,UAAU;AAAA,QAC7B,KAAK,KAAK,SAAS,UAAU;AAAA,MAC/B,GAAG;AACD,YAAI,GAAG,WAAW,SAAS,GAAG;AAAE,kBAAQ,KAAK,SAAS;AAAG;AAAA,QAAO;AAAA,MAClE;AACA;AAAA,IACF;AAGA,QAAI,CAAC,WAAW,WAAW,GAAG,KAAK,CAAC,WAAW,WAAW,GAAG,EAAG;AAGhE,QAAI,WAAW,KAAK,QAAQ,KAAK,UAAU;AAC3C,QAAI,CAAC,GAAG,WAAW,QAAQ,GAAG;AAC5B,iBAAW,OAAO,CAAC,QAAQ,OAAO,QAAQ,KAAK,GAAG;AAChD,cAAM,YAAY,WAAW;AAC7B,YAAI,GAAG,WAAW,SAAS,GAAG;AAAE,qBAAW;AAAW;AAAA,QAAO;AAAA,MAC/D;AAAA,IACF;AACA,QAAI,GAAG,WAAW,QAAQ,EAAG,SAAQ,KAAK,QAAQ;AAAA,EACpD;AAEA,SAAO;AACT;AAgBO,SAAS,2BACd,UACA,UACA,UAAW,oBAAI,IAAY,GACN;AACrB,QAAM,mBAAmB,oBAAI,IAAoB;AACjD,MAAI,QAAQ,IAAI,QAAQ,EAAG,QAAO;AAClC,UAAQ,IAAI,QAAQ;AAEpB,QAAM,OAAO,iBAAiB,UAAU,QAAQ;AAGhD,MAAI,KAAK,qBAAqB,KAAK,mBAAmB;AACpD,qBAAiB,IAAI,KAAK,mBAAmB,QAAQ;AACrD,WAAO;AAAA,EACT;AAGA,aAAW,cAAc,eAAe,QAAQ,GAAG;AACjD,eAAW,CAAC,IAAI,CAAC,KAAK,2BAA2B,YAAY,UAAU,OAAO,GAAG;AAC/E,uBAAiB,IAAI,IAAI,CAAC;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAYO,SAAS,iBAAiB,IAAgC;AAC/D,aAAW,CAAC,UAAU,IAAI,KAAK,gBAAgB;AAC7C,QAAI,KAAK,sBAAsB,GAAI,QAAO;AAAA,EAC5C;AACA,SAAO;AACT;AAGO,SAAS,oBAAgD;AAC9D,SAAO;AACT;AAQO,SAAS,yBAAyB,UAAwB;AAC/D,iBAAe,OAAO,QAAQ;AAChC;",
+  "names": []
+}

package/dist/config.d.ts

@@ -0,0 +1,35 @@
+/**
+ * config.ts — NukeJS Configuration Loader
+ *
+ * Loads `nuke.config.ts` from the project root at startup.
+ * If no config file exists, sensible defaults are returned so most projects
+ * work with zero configuration.
+ *
+ * Config file example (nuke.config.ts):
+ *
+ * ```ts
+ * export default {
+ *   serverDir: './server',   // where API route files live
+ *   port: 3000,              // HTTP port for the dev server
+ *   debug: 'info',           // false | 'error' | 'info' | true (verbose)
+ * };
+ * ```
+ */
+import type { DebugLevel } from './logger';
+export interface Config {
+    /** Path to the API server directory, relative to project root. */
+    serverDir: string;
+    /** TCP port for the dev server. Increments automatically if in use. */
+    port: number;
+    /** Logging verbosity. false = silent, true = verbose. */
+    debug?: DebugLevel;
+}
+/**
+ * Dynamically imports `nuke.config.ts` from process.cwd() and merges it with
+ * the defaults.  Falls back to defaults silently when no config file exists.
+ *
+ * Throws if the config file exists but cannot be imported (syntax error, etc.)
+ * so the developer sees the problem immediately rather than running on stale
+ * defaults.
+ */
+export declare function loadConfig(): Promise<Config>;

package/dist/config.js

@@ -0,0 +1,30 @@
+import path from "path";
+import fs from "fs";
+import { pathToFileURL } from "url";
+import { log } from "./logger.js";
+async function loadConfig() {
+  const configPath = path.join(process.cwd(), "nuke.config.ts");
+  if (!fs.existsSync(configPath)) {
+    return {
+      serverDir: "./server",
+      port: 3e3,
+      debug: false
+    };
+  }
+  try {
+    const mod = await import(pathToFileURL(configPath).href);
+    const config = mod.default;
+    return {
+      serverDir: config.serverDir || "./server",
+      port: config.port || 3e3,
+      debug: config.debug ?? false
+    };
+  } catch (error) {
+    log.error("Error loading config:", error);
+    throw error;
+  }
+}
+export {
+  loadConfig
+};
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/config.ts"],
+  "sourcesContent": ["/**\r\n * config.ts \u2014 NukeJS Configuration Loader\r\n *\r\n * Loads `nuke.config.ts` from the project root at startup.\r\n * If no config file exists, sensible defaults are returned so most projects\r\n * work with zero configuration.\r\n *\r\n * Config file example (nuke.config.ts):\r\n *\r\n * ```ts\r\n * export default {\r\n *   serverDir: './server',   // where API route files live\r\n *   port: 3000,              // HTTP port for the dev server\r\n *   debug: 'info',           // false | 'error' | 'info' | true (verbose)\r\n * };\r\n * ```\r\n */\r\n\r\nimport path from 'path';\r\nimport fs from 'fs';\r\nimport { pathToFileURL } from 'url';\r\nimport { log } from './logger';\r\nimport type { DebugLevel } from './logger';\r\n\r\n// \u2500\u2500\u2500 Public types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\nexport interface Config {\r\n  /** Path to the API server directory, relative to project root. */\r\n  serverDir: string;\r\n  /** TCP port for the dev server. Increments automatically if in use. */\r\n  port:      number;\r\n  /** Logging verbosity. false = silent, true = verbose. */\r\n  debug?:    DebugLevel;\r\n}\r\n\r\n// \u2500\u2500\u2500 Loader \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Dynamically imports `nuke.config.ts` from process.cwd() and merges it with\r\n * the defaults.  Falls back to defaults silently when no config file exists.\r\n *\r\n * Throws if the config file exists but cannot be imported (syntax error, etc.)\r\n * so the developer sees the problem immediately rather than running on stale\r\n * defaults.\r\n */\r\nexport async function loadConfig(): Promise<Config> {\r\n  const configPath = path.join(process.cwd(), 'nuke.config.ts');\r\n\r\n  if (!fs.existsSync(configPath)) {\r\n    // No config file \u2014 use defaults.  This is expected for new projects.\r\n    return {\r\n      serverDir: './server',\r\n      port:      3000,\r\n      debug:     false,\r\n    };\r\n  }\r\n\r\n  try {\r\n    // pathToFileURL ensures the import works correctly on Windows (absolute\r\n    // paths with drive letters are not valid ESM specifiers without file://).\r\n    const mod    = await import(pathToFileURL(configPath).href);\r\n    const config = mod.default;\r\n\r\n    return {\r\n      serverDir: config.serverDir || './server',\r\n      port:      config.port      || 3000,\r\n      debug:     config.debug ?? false,\r\n    };\r\n  } catch (error) {\r\n    log.error('Error loading config:', error);\r\n    throw error;\r\n  }\r\n}\r\n"],
+  "mappings": "AAkBA,OAAO,UAAU;AACjB,OAAO,QAAQ;AACf,SAAS,qBAAqB;AAC9B,SAAS,WAAW;AAwBpB,eAAsB,aAA8B;AAClD,QAAM,aAAa,KAAK,KAAK,QAAQ,IAAI,GAAG,gBAAgB;AAE5D,MAAI,CAAC,GAAG,WAAW,UAAU,GAAG;AAE9B,WAAO;AAAA,MACL,WAAW;AAAA,MACX,MAAW;AAAA,MACX,OAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI;AAGF,UAAM,MAAS,MAAM,OAAO,cAAc,UAAU,EAAE;AACtD,UAAM,SAAS,IAAI;AAEnB,WAAO;AAAA,MACL,WAAW,OAAO,aAAa;AAAA,MAC/B,MAAW,OAAO,QAAa;AAAA,MAC/B,OAAW,OAAO,SAAS;AAAA,IAC7B;AAAA,EACF,SAAS,OAAO;AACd,QAAI,MAAM,yBAAyB,KAAK;AACxC,UAAM;AAAA,EACR;AACF;",
+  "names": []
+}

package/dist/hmr-bundle.d.ts

@@ -0,0 +1,25 @@
+/**
+ * hmr-bundle.ts — HMR Client Script
+ *
+ * This file is compiled on-demand by middleware.ts and served to the browser
+ * as /__hmr.js (injected into every dev-mode page as a module script).
+ *
+ * It opens an EventSource connection to /__hmr and reacts to three message
+ * types from the server:
+ *
+ *   'reload'   — A page or stylesheet changed.
+ *                  url === '*'                → reload stylesheets in-place (no flicker)
+ *                  url === window.location.pathname → soft-navigate the current page
+ *
+ *   'replace'  — A component/utility changed.
+ *                Re-navigate the current page so SSR picks up the new code.
+ *
+ *   'restart'  — The server is restarting (config or middleware changed).
+ *                Close the SSE connection and poll /__hmr_ping until the
+ *                server is back, then hard-reload the page.
+ *
+ * The same reconnect polling is used when the SSE connection drops unexpectedly
+ * (e.g. the dev server crashed).
+ */
+/** Opens the SSE connection and starts listening for HMR events. */
+export default function hmr(): void;

package/dist/hmr-bundle.js

@@ -0,0 +1,76 @@
+import { log } from "./logger.js";
+function hmr() {
+  const es = new EventSource("/__hmr");
+  es.onopen = () => {
+    log.info("[HMR] Connected");
+  };
+  es.onerror = () => {
+    es.close();
+    waitForReconnect();
+  };
+  es.onmessage = async (event) => {
+    try {
+      const msg = JSON.parse(event.data);
+      if (msg.type === "restart") {
+        log.info("[HMR] Server restarting \u2014 waiting to reconnect...");
+        es.close();
+        waitForReconnect();
+        return;
+      }
+      if (msg.type === "reload") {
+        if (msg.url === "*") {
+          reloadStylesheets();
+          return;
+        }
+        if (msg.url === window.location.pathname) {
+          log.info("[HMR] Page changed:", msg.url);
+          navigate(window.location.pathname);
+        }
+        return;
+      }
+      if (msg.type === "replace") {
+        log.info("[HMR] Component changed:", msg.component);
+        navigate(window.location.pathname);
+        return;
+      }
+    } catch (err) {
+      log.error("[HMR] Message parse error:", err);
+    }
+  };
+}
+function navigate(href) {
+  window.dispatchEvent(new CustomEvent("locationchange", { detail: { href, hmr: true } }));
+}
+function waitForReconnect(intervalMs = 500, maxAttempts = 30) {
+  let attempts = 0;
+  const id = setInterval(async () => {
+    attempts++;
+    try {
+      const res = await fetch("/__hmr_ping", { cache: "no-store" });
+      if (res.ok) {
+        clearInterval(id);
+        log.info("[HMR] Server back \u2014 reloading");
+        window.location.reload();
+      }
+    } catch {
+    }
+    if (attempts >= maxAttempts) {
+      clearInterval(id);
+      log.error("[HMR] Server did not come back after restart");
+    }
+  }, intervalMs);
+}
+function reloadStylesheets() {
+  const links = document.querySelectorAll('link[rel="stylesheet"]');
+  log.info(`[HMR] CSS changed \u2014 reloading ${links.length} stylesheet(s)`);
+  links.forEach((link) => {
+    const url = new URL(link.href);
+    url.searchParams.set("t", String(Date.now()));
+    link.href = url.toString();
+  });
+}
+hmr();
+export {
+  hmr as default
+};
+//# sourceMappingURL=hmr-bundle.js.map

package/dist/hmr-bundle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hmr-bundle.ts"],
+  "sourcesContent": ["/**\r\n * hmr-bundle.ts \u2014 HMR Client Script\r\n *\r\n * This file is compiled on-demand by middleware.ts and served to the browser\r\n * as /__hmr.js (injected into every dev-mode page as a module script).\r\n *\r\n * It opens an EventSource connection to /__hmr and reacts to three message\r\n * types from the server:\r\n *\r\n *   'reload'   \u2014 A page or stylesheet changed.\r\n *                  url === '*'                \u2192 reload stylesheets in-place (no flicker)\r\n *                  url === window.location.pathname \u2192 soft-navigate the current page\r\n *\r\n *   'replace'  \u2014 A component/utility changed.\r\n *                Re-navigate the current page so SSR picks up the new code.\r\n *\r\n *   'restart'  \u2014 The server is restarting (config or middleware changed).\r\n *                Close the SSE connection and poll /__hmr_ping until the\r\n *                server is back, then hard-reload the page.\r\n *\r\n * The same reconnect polling is used when the SSE connection drops unexpectedly\r\n * (e.g. the dev server crashed).\r\n */\r\n\r\nimport { log } from './logger';\r\n\r\n// \u2500\u2500\u2500 Entry point \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/** Opens the SSE connection and starts listening for HMR events. */\r\nexport default function hmr(): void {\r\n  const es = new EventSource('/__hmr');\r\n\r\n  es.onopen = () => {\r\n    log.info('[HMR] Connected');\r\n  };\r\n\r\n  es.onerror = () => {\r\n    // Connection dropped without a restart message (e.g. crash or network\r\n    // blip).  Close cleanly and poll until the server is back.\r\n    es.close();\r\n    waitForReconnect();\r\n  };\r\n\r\n  es.onmessage = async (event) => {\r\n    try {\r\n      const msg = JSON.parse(event.data);\r\n\r\n      if (msg.type === 'restart') {\r\n        log.info('[HMR] Server restarting \u2014 waiting to reconnect...');\r\n        es.close();\r\n        waitForReconnect();\r\n        return;\r\n      }\r\n\r\n      if (msg.type === 'reload') {\r\n        if (msg.url === '*') {\r\n          // CSS / global style change \u2014 bust stylesheet hrefs in-place.\r\n          // This avoids a full page reload and its associated FOUC.\r\n          reloadStylesheets();\r\n          return;\r\n        }\r\n        // A specific page changed \u2014 only navigate if we're on that page.\r\n        if (msg.url === window.location.pathname) {\r\n          log.info('[HMR] Page changed:', msg.url);\r\n          navigate(window.location.pathname);\r\n        }\r\n        return;\r\n      }\r\n\r\n      if (msg.type === 'replace') {\r\n        // A shared component or utility changed.  The current page might use\r\n        // it, so we re-navigate to pick up the latest server render.\r\n        log.info('[HMR] Component changed:', msg.component);\r\n        navigate(window.location.pathname);\r\n        return;\r\n      }\r\n    } catch (err) {\r\n      log.error('[HMR] Message parse error:', err);\r\n    }\r\n  };\r\n}\r\n\r\n// \u2500\u2500\u2500 Soft navigation helper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Triggers a soft (SPA-style) navigation via the locationchange event that\r\n * bundle.ts listens to.  Adds `hmr: true` in the detail so the navigation\r\n * handler appends `?__hmr=1`, which tells SSR to skip client-component\r\n * renderToString (faster HMR round-trips).\r\n */\r\nfunction navigate(href: string): void {\r\n  window.dispatchEvent(new CustomEvent('locationchange', { detail: { href, hmr: true } }));\r\n}\r\n\r\n// \u2500\u2500\u2500 Reconnect polling \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Polls /__hmr_ping at `intervalMs` until the server responds with a 200\r\n * (meaning it's back up), then triggers a full page reload to pick up any\r\n * changes that happened during the downtime.\r\n *\r\n * Gives up after `maxAttempts` (default ~15 seconds at 500 ms intervals).\r\n */\r\nfunction waitForReconnect(intervalMs = 500, maxAttempts = 30): void {\r\n  let attempts = 0;\r\n\r\n  const id = setInterval(async () => {\r\n    attempts++;\r\n    try {\r\n      const res = await fetch('/__hmr_ping', { cache: 'no-store' });\r\n      if (res.ok) {\r\n        clearInterval(id);\r\n        log.info('[HMR] Server back \u2014 reloading');\r\n        window.location.reload();\r\n      }\r\n    } catch {\r\n      // Server still down \u2014 keep polling silently.\r\n    }\r\n\r\n    if (attempts >= maxAttempts) {\r\n      clearInterval(id);\r\n      log.error('[HMR] Server did not come back after restart');\r\n    }\r\n  }, intervalMs);\r\n}\r\n\r\n// \u2500\u2500\u2500 Stylesheet cache-buster \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Appends a `?t=<timestamp>` query to every `<link rel=\"stylesheet\">` href.\r\n * The browser treats the new URL as a different resource and re-fetches it,\r\n * updating styles without a page reload or visible flash.\r\n */\r\nfunction reloadStylesheets(): void {\r\n  const links = document.querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"]');\r\n  log.info(`[HMR] CSS changed \u2014 reloading ${links.length} stylesheet(s)`);\r\n  links.forEach(link => {\r\n    const url = new URL(link.href);\r\n    url.searchParams.set('t', String(Date.now()));\r\n    link.href = url.toString();\r\n  });\r\n}\r\n\r\n// Auto-start when this module is loaded.\r\nhmr();\r\n"],
+  "mappings": "AAwBA,SAAS,WAAW;AAKL,SAAR,MAA6B;AAClC,QAAM,KAAK,IAAI,YAAY,QAAQ;AAEnC,KAAG,SAAS,MAAM;AAChB,QAAI,KAAK,iBAAiB;AAAA,EAC5B;AAEA,KAAG,UAAU,MAAM;AAGjB,OAAG,MAAM;AACT,qBAAiB;AAAA,EACnB;AAEA,KAAG,YAAY,OAAO,UAAU;AAC9B,QAAI;AACF,YAAM,MAAM,KAAK,MAAM,MAAM,IAAI;AAEjC,UAAI,IAAI,SAAS,WAAW;AAC1B,YAAI,KAAK,wDAAmD;AAC5D,WAAG,MAAM;AACT,yBAAiB;AACjB;AAAA,MACF;AAEA,UAAI,IAAI,SAAS,UAAU;AACzB,YAAI,IAAI,QAAQ,KAAK;AAGnB,4BAAkB;AAClB;AAAA,QACF;AAEA,YAAI,IAAI,QAAQ,OAAO,SAAS,UAAU;AACxC,cAAI,KAAK,uBAAuB,IAAI,GAAG;AACvC,mBAAS,OAAO,SAAS,QAAQ;AAAA,QACnC;AACA;AAAA,MACF;AAEA,UAAI,IAAI,SAAS,WAAW;AAG1B,YAAI,KAAK,4BAA4B,IAAI,SAAS;AAClD,iBAAS,OAAO,SAAS,QAAQ;AACjC;AAAA,MACF;AAAA,IACF,SAAS,KAAK;AACZ,UAAI,MAAM,8BAA8B,GAAG;AAAA,IAC7C;AAAA,EACF;AACF;AAUA,SAAS,SAAS,MAAoB;AACpC,SAAO,cAAc,IAAI,YAAY,kBAAkB,EAAE,QAAQ,EAAE,MAAM,KAAK,KAAK,EAAE,CAAC,CAAC;AACzF;AAWA,SAAS,iBAAiB,aAAa,KAAK,cAAc,IAAU;AAClE,MAAI,WAAW;AAEf,QAAM,KAAK,YAAY,YAAY;AACjC;AACA,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,eAAe,EAAE,OAAO,WAAW,CAAC;AAC5D,UAAI,IAAI,IAAI;AACV,sBAAc,EAAE;AAChB,YAAI,KAAK,oCAA+B;AACxC,eAAO,SAAS,OAAO;AAAA,MACzB;AAAA,IACF,QAAQ;AAAA,IAER;AAEA,QAAI,YAAY,aAAa;AAC3B,oBAAc,EAAE;AAChB,UAAI,MAAM,8CAA8C;AAAA,IAC1D;AAAA,EACF,GAAG,UAAU;AACf;AASA,SAAS,oBAA0B;AACjC,QAAM,QAAQ,SAAS,iBAAkC,wBAAwB;AACjF,MAAI,KAAK,sCAAiC,MAAM,MAAM,gBAAgB;AACtE,QAAM,QAAQ,UAAQ;AACpB,UAAM,MAAM,IAAI,IAAI,KAAK,IAAI;AAC7B,QAAI,aAAa,IAAI,KAAK,OAAO,KAAK,IAAI,CAAC,CAAC;AAC5C,SAAK,OAAO,IAAI,SAAS;AAAA,EAC3B,CAAC;AACH;AAGA,IAAI;",
+  "names": []
+}

package/dist/hmr.d.ts

@@ -0,0 +1,55 @@
+/**
+ * hmr.ts — Server-Side HMR (Hot Module Replacement) Engine
+ *
+ * Manages the set of connected SSE clients and broadcasts change payloads to
+ * them when source files are modified.
+ *
+ * The HMR protocol uses three message types:
+ *
+ *   { type: 'reload',   url: '/path' }  — A page file changed.  The browser
+ *                                          re-fetches and swaps that URL if it
+ *                                          is currently active.
+ *                                          url: '*' means CSS changed — only
+ *                                          stylesheets are reloaded in-place.
+ *
+ *   { type: 'replace',  component: 'X' } — A non-page file changed (shared
+ *                                          component, util, etc.).  The browser
+ *                                          re-fetches the current page to pick
+ *                                          up the new version.
+ *
+ *   { type: 'restart' }                 — The server is about to restart
+ *                                          (middleware.ts or nuke.config.ts
+ *                                          changed).  The client polls
+ *                                          /__hmr_ping until it gets a 200.
+ *
+ * File change → payload mapping:
+ *   pages/**          → reload  (URL derived from the file path)
+ *   *.css / *.scss …  → reload  (url: '*' triggers stylesheet cache-bust)
+ *   anything else     → replace (component name used for logging only)
+ *
+ * Debouncing:
+ *   Editors often emit multiple fs events for a single save.  Changes are
+ *   debounced per filename with a 100 ms window so each save produces exactly
+ *   one broadcast.
+ */
+import { ServerResponse } from 'http';
+/**
+ * All currently connected SSE clients (long-lived ServerResponse objects).
+ * Exported so middleware.ts can register new connections.
+ */
+export declare const hmrClients: Set<ServerResponse<import("node:http").IncomingMessage>>;
+/**
+ * Recursively watches `dir` and broadcasts an HMR message whenever a file
+ * changes.  Changes are debounced per file with a 100 ms window.
+ *
+ * @param dir    Absolute path to watch.
+ * @param label  Short label for log messages (e.g. 'App', 'Server').
+ */
+export declare function watchDir(dir: string, label: string): void;
+/**
+ * Sends a 'restart' message to all SSE clients, then waits 120 ms to give
+ * them time to receive it before the process exits.
+ *
+ * Called by app.ts before `process.exit(75)` when a config file changes.
+ */
+export declare function broadcastRestart(): Promise<void>;

package/dist/hmr.js

@@ -0,0 +1,62 @@
+import { existsSync, watch } from "fs";
+import path from "path";
+import { log } from "./logger.js";
+import { invalidateComponentCache } from "./component-analyzer.js";
+const hmrClients = /* @__PURE__ */ new Set();
+function broadcastHmr(payload) {
+  const data = `data: ${JSON.stringify(payload)}
+
+`;
+  for (const client of hmrClients) {
+    try {
+      client.write(data);
+    } catch {
+      hmrClients.delete(client);
+    }
+  }
+}
+function pageFileToUrl(filename) {
+  const withoutPages = filename.slice("pages/".length);
+  const withoutExt = withoutPages.replace(/\.(tsx|ts)$/, "");
+  const url = withoutExt === "index" || withoutExt === "layout" ? "/" : "/" + withoutExt.replace(/\/index$/, "").replace(/\/layout$/, "").replace(/\\/g, "/");
+  return url;
+}
+function buildPayload(filename) {
+  const normalized = filename.replace(/\\/g, "/");
+  if (normalized.startsWith("pages/")) {
+    const url = pageFileToUrl(normalized);
+    return { type: "reload", url };
+  }
+  const ext = path.extname(filename).toLowerCase();
+  if (ext === ".css" || ext === ".scss" || ext === ".sass" || ext === ".less") {
+    return { type: "reload", url: "*" };
+  }
+  const componentName = path.basename(filename, path.extname(filename));
+  return { type: "replace", component: componentName };
+}
+const pending = /* @__PURE__ */ new Map();
+function watchDir(dir, label) {
+  if (!existsSync(dir)) return;
+  watch(dir, { recursive: true }, (_event, filename) => {
+    if (!filename) return;
+    if (pending.has(filename)) clearTimeout(pending.get(filename));
+    const timeout = setTimeout(() => {
+      const payload = buildPayload(filename);
+      log.info(`[HMR] ${label} changed: ${filename}`, JSON.stringify(payload));
+      if (dir) invalidateComponentCache(path.resolve(dir, filename));
+      broadcastHmr(payload);
+      pending.delete(filename);
+    }, 100);
+    pending.set(filename, timeout);
+  });
+}
+function broadcastRestart() {
+  broadcastHmr({ type: "restart" });
+  return new Promise((resolve) => setTimeout(resolve, 120));
+}
+export {
+  broadcastRestart,
+  hmrClients,
+  watchDir
+};
+//# sourceMappingURL=hmr.js.map

package/dist/hmr.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hmr.ts"],
+  "sourcesContent": ["/**\r\n * hmr.ts \u2014 Server-Side HMR (Hot Module Replacement) Engine\r\n *\r\n * Manages the set of connected SSE clients and broadcasts change payloads to\r\n * them when source files are modified.\r\n *\r\n * The HMR protocol uses three message types:\r\n *\r\n *   { type: 'reload',   url: '/path' }  \u2014 A page file changed.  The browser\r\n *                                          re-fetches and swaps that URL if it\r\n *                                          is currently active.\r\n *                                          url: '*' means CSS changed \u2014 only\r\n *                                          stylesheets are reloaded in-place.\r\n *\r\n *   { type: 'replace',  component: 'X' } \u2014 A non-page file changed (shared\r\n *                                          component, util, etc.).  The browser\r\n *                                          re-fetches the current page to pick\r\n *                                          up the new version.\r\n *\r\n *   { type: 'restart' }                 \u2014 The server is about to restart\r\n *                                          (middleware.ts or nuke.config.ts\r\n *                                          changed).  The client polls\r\n *                                          /__hmr_ping until it gets a 200.\r\n *\r\n * File change \u2192 payload mapping:\r\n *   pages/**          \u2192 reload  (URL derived from the file path)\r\n *   *.css / *.scss \u2026  \u2192 reload  (url: '*' triggers stylesheet cache-bust)\r\n *   anything else     \u2192 replace (component name used for logging only)\r\n *\r\n * Debouncing:\r\n *   Editors often emit multiple fs events for a single save.  Changes are\r\n *   debounced per filename with a 100 ms window so each save produces exactly\r\n *   one broadcast.\r\n */\r\n\r\nimport { ServerResponse } from 'http';\r\nimport { existsSync, watch } from 'fs';\r\nimport path from 'path';\r\nimport { log } from './logger';\r\nimport { invalidateComponentCache } from './component-analyzer';\r\n\r\n// \u2500\u2500\u2500 SSE client registry \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * All currently connected SSE clients (long-lived ServerResponse objects).\r\n * Exported so middleware.ts can register new connections.\r\n */\r\nexport const hmrClients = new Set<ServerResponse>();\r\n\r\n// \u2500\u2500\u2500 Broadcast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Sends a JSON payload to every connected SSE client.\r\n * Clients that have disconnected are silently removed from the set.\r\n */\r\nfunction broadcastHmr(payload: object): void {\r\n  const data = `data: ${JSON.stringify(payload)}\\n\\n`;\r\n  for (const client of hmrClients) {\r\n    try {\r\n      client.write(data);\r\n    } catch {\r\n      // Write failed \u2014 client disconnected without closing cleanly.\r\n      hmrClients.delete(client);\r\n    }\r\n  }\r\n}\r\n\r\n// \u2500\u2500\u2500 Payload builder \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Converts a relative filename (as emitted by fs.watch) to the URL the browser\r\n * should re-fetch.\r\n *\r\n * Input examples:\r\n *   'pages/index.tsx'         \u2192 '/'\r\n *   'pages/about/index.tsx'   \u2192 '/about'\r\n *   'pages/blog/[slug].tsx'   \u2192 '/blog/[slug]'  (dynamic segment preserved)\r\n */\r\nfunction pageFileToUrl(filename: string): string {\r\n  // Strip the leading 'pages/' prefix that watchDir was called with.\r\n  const withoutPages = filename.slice('pages/'.length);\r\n  const withoutExt   = withoutPages.replace(/\\.(tsx|ts)$/, '');\r\n\r\n  // 'index' and 'layout' at any level map to the directory URL.\r\n  // e.g. 'users/layout' \u2192 '/users', 'layout' \u2192 '/', 'users/index' \u2192 '/users'\r\n  const url = withoutExt === 'index' || withoutExt === 'layout'\r\n    ? '/'\r\n    : '/' + withoutExt\r\n        .replace(/\\/index$/, '')\r\n        .replace(/\\/layout$/, '')\r\n        .replace(/\\\\/g, '/');\r\n\r\n  return url;\r\n}\r\n\r\n/**\r\n * Determines the appropriate HMR message for a changed file.\r\n *\r\n * Routing logic:\r\n *   - Paths under pages/  \u2192 `reload` with the derived URL\r\n *   - CSS/Sass/Less files \u2192 `reload` with url='*' (stylesheet cache-bust)\r\n *   - Everything else     \u2192 `replace` with the component base name\r\n */\r\nfunction buildPayload(filename: string): object {\r\n  const normalized = filename.replace(/\\\\/g, '/');\r\n\r\n  if (normalized.startsWith('pages/')) {\r\n    const url = pageFileToUrl(normalized);\r\n    return { type: 'reload', url };\r\n  }\r\n\r\n  const ext = path.extname(filename).toLowerCase();\r\n  if (ext === '.css' || ext === '.scss' || ext === '.sass' || ext === '.less') {\r\n    return { type: 'reload', url: '*' };\r\n  }\r\n\r\n  // Generic component/util change \u2014 browser re-renders the current page.\r\n  const componentName = path.basename(filename, path.extname(filename));\r\n  return { type: 'replace', component: componentName };\r\n}\r\n\r\n// \u2500\u2500\u2500 File watcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/** Per-filename debounce timers. */\r\nconst pending = new Map<string, NodeJS.Timeout>();\r\n\r\n/**\r\n * Recursively watches `dir` and broadcasts an HMR message whenever a file\r\n * changes.  Changes are debounced per file with a 100 ms window.\r\n *\r\n * @param dir    Absolute path to watch.\r\n * @param label  Short label for log messages (e.g. 'App', 'Server').\r\n */\r\nexport function watchDir(dir: string, label: string): void {\r\n  if (!existsSync(dir)) return;\r\n\r\n  watch(dir, { recursive: true }, (_event, filename) => {\r\n    if (!filename) return;\r\n\r\n    // Debounce: cancel any pending timer for this file and restart it.\r\n    if (pending.has(filename)) clearTimeout(pending.get(filename)!);\r\n\r\n    const timeout = setTimeout(() => {\r\n      const payload = buildPayload(filename);\r\n      log.info(`[HMR] ${label} changed: ${filename}`, JSON.stringify(payload));\r\n\r\n      // Evict this file from the component-analysis cache so the next SSR\r\n      // render re-analyses it (catches \"use client\" or import graph changes).\r\n      if (dir) invalidateComponentCache(path.resolve(dir, filename));\r\n\r\n      broadcastHmr(payload);\r\n      pending.delete(filename);\r\n    }, 100);\r\n\r\n    pending.set(filename, timeout);\r\n  });\r\n}\r\n\r\n// \u2500\u2500\u2500 Restart broadcast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Sends a 'restart' message to all SSE clients, then waits 120 ms to give\r\n * them time to receive it before the process exits.\r\n *\r\n * Called by app.ts before `process.exit(75)` when a config file changes.\r\n */\r\nexport function broadcastRestart(): Promise<void> {\r\n  broadcastHmr({ type: 'restart' });\r\n  return new Promise<void>(resolve => setTimeout(resolve, 120));\r\n}"],
+  "mappings": "AAoCA,SAAS,YAAY,aAAa;AAClC,OAAO,UAAU;AACjB,SAAS,WAAW;AACpB,SAAS,gCAAgC;AAQlC,MAAM,aAAa,oBAAI,IAAoB;AAQlD,SAAS,aAAa,SAAuB;AAC3C,QAAM,OAAO,SAAS,KAAK,UAAU,OAAO,CAAC;AAAA;AAAA;AAC7C,aAAW,UAAU,YAAY;AAC/B,QAAI;AACF,aAAO,MAAM,IAAI;AAAA,IACnB,QAAQ;AAEN,iBAAW,OAAO,MAAM;AAAA,IAC1B;AAAA,EACF;AACF;AAaA,SAAS,cAAc,UAA0B;AAE/C,QAAM,eAAe,SAAS,MAAM,SAAS,MAAM;AACnD,QAAM,aAAe,aAAa,QAAQ,eAAe,EAAE;AAI3D,QAAM,MAAM,eAAe,WAAW,eAAe,WACjD,MACA,MAAM,WACH,QAAQ,YAAY,EAAE,EACtB,QAAQ,aAAa,EAAE,EACvB,QAAQ,OAAO,GAAG;AAEzB,SAAO;AACT;AAUA,SAAS,aAAa,UAA0B;AAC9C,QAAM,aAAa,SAAS,QAAQ,OAAO,GAAG;AAE9C,MAAI,WAAW,WAAW,QAAQ,GAAG;AACnC,UAAM,MAAM,cAAc,UAAU;AACpC,WAAO,EAAE,MAAM,UAAU,IAAI;AAAA,EAC/B;AAEA,QAAM,MAAM,KAAK,QAAQ,QAAQ,EAAE,YAAY;AAC/C,MAAI,QAAQ,UAAU,QAAQ,WAAW,QAAQ,WAAW,QAAQ,SAAS;AAC3E,WAAO,EAAE,MAAM,UAAU,KAAK,IAAI;AAAA,EACpC;AAGA,QAAM,gBAAgB,KAAK,SAAS,UAAU,KAAK,QAAQ,QAAQ,CAAC;AACpE,SAAO,EAAE,MAAM,WAAW,WAAW,cAAc;AACrD;AAKA,MAAM,UAAU,oBAAI,IAA4B;AASzC,SAAS,SAAS,KAAa,OAAqB;AACzD,MAAI,CAAC,WAAW,GAAG,EAAG;AAEtB,QAAM,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,QAAQ,aAAa;AACpD,QAAI,CAAC,SAAU;AAGf,QAAI,QAAQ,IAAI,QAAQ,EAAG,cAAa,QAAQ,IAAI,QAAQ,CAAE;AAE9D,UAAM,UAAU,WAAW,MAAM;AAC/B,YAAM,UAAU,aAAa,QAAQ;AACrC,UAAI,KAAK,SAAS,KAAK,aAAa,QAAQ,IAAI,KAAK,UAAU,OAAO,CAAC;AAIvE,UAAI,IAAK,0BAAyB,KAAK,QAAQ,KAAK,QAAQ,CAAC;AAE7D,mBAAa,OAAO;AACpB,cAAQ,OAAO,QAAQ;AAAA,IACzB,GAAG,GAAG;AAEN,YAAQ,IAAI,UAAU,OAAO;AAAA,EAC/B,CAAC;AACH;AAUO,SAAS,mBAAkC;AAChD,eAAa,EAAE,MAAM,UAAU,CAAC;AAChC,SAAO,IAAI,QAAc,aAAW,WAAW,SAAS,GAAG,CAAC;AAC9D;",
+  "names": []
+}

package/dist/html-store.d.ts

@@ -0,0 +1,121 @@
+/**
+ * html-store.ts — Per-Request HTML Head Store
+ *
+ * Provides a request-scoped store that server components can write to via
+ * `useHtml()` during SSR.  The accumulated values are flushed into the
+ * rendered HTML document after the component tree is fully rendered.
+ *
+ * Why globalThis?
+ *   Node's module system may import this file multiple times if the page
+ *   module and the nukejs package resolve to different copies (e.g. when
+ *   running from source in dev with tsx).  Using a well-known Symbol on
+ *   globalThis guarantees all copies share the same store instance.
+ *
+ * Request isolation:
+ *   runWithHtmlStore() creates a fresh store before rendering and clears it
+ *   in the `finally` block, so concurrent requests cannot bleed into each other.
+ *
+ * Title resolution:
+ *   Layouts and pages can both call useHtml({ title: … }).  Layouts typically
+ *   pass a template function:
+ *
+ *     useHtml({ title: (prev) => `${prev} | Acme` })
+ *
+ *   Operations are collected in render order (outermost layout first, page
+ *   last) then resolved *in reverse* so the page's string value is the base
+ *   and layout template functions wrap outward.
+ */
+/** A page sets a literal string; a layout wraps with a template function. */
+export type TitleValue = string | ((prev: string) => string);
+export interface HtmlAttrs {
+    lang?: string;
+    class?: string;
+    style?: string;
+    dir?: string;
+    [attr: string]: string | undefined;
+}
+export interface BodyAttrs {
+    class?: string;
+    style?: string;
+    [attr: string]: string | undefined;
+}
+export interface MetaTag {
+    name?: string;
+    property?: string;
+    httpEquiv?: string;
+    charset?: string;
+    content?: string;
+    [attr: string]: string | undefined;
+}
+export interface LinkTag {
+    rel?: string;
+    href?: string;
+    type?: string;
+    media?: string;
+    as?: string;
+    crossOrigin?: string;
+    integrity?: string;
+    hrefLang?: string;
+    sizes?: string;
+    [attr: string]: string | undefined;
+}
+export interface ScriptTag {
+    src?: string;
+    content?: string;
+    type?: string;
+    defer?: boolean;
+    async?: boolean;
+    crossOrigin?: string;
+    integrity?: string;
+    noModule?: boolean;
+}
+export interface StyleTag {
+    content?: string;
+    media?: string;
+}
+export interface HtmlStore {
+    /** Collected in render order; resolved in reverse so the page title wins. */
+    titleOps: TitleValue[];
+    /** Attributes merged onto <html>; last write wins per attribute. */
+    htmlAttrs: HtmlAttrs;
+    /** Attributes merged onto <body>; last write wins per attribute. */
+    bodyAttrs: BodyAttrs;
+    /** Accumulated in render order: layouts first, page last. */
+    meta: MetaTag[];
+    link: LinkTag[];
+    script: ScriptTag[];
+    style: StyleTag[];
+}
+/**
+ * Runs `fn` inside a fresh HTML store and returns the collected values.
+ *
+ * Usage in SSR:
+ * ```ts
+ * const store = await runWithHtmlStore(async () => {
+ *   appHtml = await renderElementToHtml(element, ctx);
+ * });
+ * // store.titleOps, store.meta, etc. are now populated
+ * ```
+ */
+export declare function runWithHtmlStore(fn: () => Promise<void>): Promise<HtmlStore>;
+/**
+ * Returns the current request's store, or `undefined` if called outside of
+ * a `runWithHtmlStore` context (e.g. in the browser or in a test).
+ */
+export declare function getHtmlStore(): HtmlStore | undefined;
+/**
+ * Resolves the final page title from a list of title operations.
+ *
+ * Operations are walked in *reverse* so the page's value is the starting
+ * point and layout template functions wrap it outward:
+ *
+ * ```
+ * ops = [ (p) => `${p} | Acme`, 'About' ]   ← layout pushed first, page last
+ * Walk in reverse:
+ *   i=1: op = 'About'          → title = 'About'
+ *   i=0: op = (p) => …         → title = 'About | Acme'
+ * ```
+ *
+ * @param fallback  Used when ops is empty (e.g. a page that didn't call useHtml).
+ */
+export declare function resolveTitle(ops: TitleValue[], fallback?: string): string;

package/dist/html-store.js

@@ -0,0 +1,42 @@
+const KEY = /* @__PURE__ */ Symbol.for("__nukejs_html_store__");
+const getGlobal = () => globalThis[KEY] ?? null;
+const setGlobal = (store) => {
+  globalThis[KEY] = store;
+};
+function emptyStore() {
+  return {
+    titleOps: [],
+    htmlAttrs: {},
+    bodyAttrs: {},
+    meta: [],
+    link: [],
+    script: [],
+    style: []
+  };
+}
+async function runWithHtmlStore(fn) {
+  setGlobal(emptyStore());
+  try {
+    await fn();
+    return { ...getGlobal() ?? emptyStore() };
+  } finally {
+    setGlobal(null);
+  }
+}
+function getHtmlStore() {
+  return getGlobal() ?? void 0;
+}
+function resolveTitle(ops, fallback = "") {
+  let title = fallback;
+  for (let i = ops.length - 1; i >= 0; i--) {
+    const op = ops[i];
+    title = typeof op === "string" ? op : op(title);
+  }
+  return title;
+}
+export {
+  getHtmlStore,
+  resolveTitle,
+  runWithHtmlStore
+};
+//# sourceMappingURL=html-store.js.map

package/dist/html-store.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/html-store.ts"],
+  "sourcesContent": ["/**\r\n * html-store.ts \u2014 Per-Request HTML Head Store\r\n *\r\n * Provides a request-scoped store that server components can write to via\r\n * `useHtml()` during SSR.  The accumulated values are flushed into the\r\n * rendered HTML document after the component tree is fully rendered.\r\n *\r\n * Why globalThis?\r\n *   Node's module system may import this file multiple times if the page\r\n *   module and the nukejs package resolve to different copies (e.g. when\r\n *   running from source in dev with tsx).  Using a well-known Symbol on\r\n *   globalThis guarantees all copies share the same store instance.\r\n *\r\n * Request isolation:\r\n *   runWithHtmlStore() creates a fresh store before rendering and clears it\r\n *   in the `finally` block, so concurrent requests cannot bleed into each other.\r\n *\r\n * Title resolution:\r\n *   Layouts and pages can both call useHtml({ title: \u2026 }).  Layouts typically\r\n *   pass a template function:\r\n *\r\n *     useHtml({ title: (prev) => `${prev} | Acme` })\r\n *\r\n *   Operations are collected in render order (outermost layout first, page\r\n *   last) then resolved *in reverse* so the page's string value is the base\r\n *   and layout template functions wrap outward.\r\n */\r\n\r\n// \u2500\u2500\u2500 Public types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/** A page sets a literal string; a layout wraps with a template function. */\r\nexport type TitleValue = string | ((prev: string) => string);\r\n\r\nexport interface HtmlAttrs {\r\n  lang?:  string;\r\n  class?: string;\r\n  style?: string;\r\n  dir?:   string;\r\n  [attr: string]: string | undefined;\r\n}\r\n\r\nexport interface BodyAttrs {\r\n  class?: string;\r\n  style?: string;\r\n  [attr: string]: string | undefined;\r\n}\r\n\r\nexport interface MetaTag {\r\n  name?:       string;\r\n  property?:   string;\r\n  httpEquiv?:  string;\r\n  charset?:    string;\r\n  content?:    string;\r\n  [attr: string]: string | undefined;\r\n}\r\n\r\nexport interface LinkTag {\r\n  rel?:         string;\r\n  href?:        string;\r\n  type?:        string;\r\n  media?:       string;\r\n  as?:          string;\r\n  crossOrigin?: string;\r\n  integrity?:   string;\r\n  hrefLang?:    string;\r\n  sizes?:       string;\r\n  [attr: string]: string | undefined;\r\n}\r\n\r\nexport interface ScriptTag {\r\n  src?:         string;\r\n  content?:     string;\r\n  type?:        string;\r\n  defer?:       boolean;\r\n  async?:       boolean;\r\n  crossOrigin?: string;\r\n  integrity?:   string;\r\n  noModule?:    boolean;\r\n}\r\n\r\nexport interface StyleTag {\r\n  content?: string;\r\n  media?:   string;\r\n}\r\n\r\nexport interface HtmlStore {\r\n  /** Collected in render order; resolved in reverse so the page title wins. */\r\n  titleOps:  TitleValue[];\r\n  /** Attributes merged onto <html>; last write wins per attribute. */\r\n  htmlAttrs: HtmlAttrs;\r\n  /** Attributes merged onto <body>; last write wins per attribute. */\r\n  bodyAttrs: BodyAttrs;\r\n  /** Accumulated in render order: layouts first, page last. */\r\n  meta:      MetaTag[];\r\n  link:      LinkTag[];\r\n  script:    ScriptTag[];\r\n  style:     StyleTag[];\r\n}\r\n\r\n// \u2500\u2500\u2500 GlobalThis storage \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/** Well-known Symbol used to share the store across duplicate module copies. */\r\nconst KEY = Symbol.for('__nukejs_html_store__');\r\n\r\nconst getGlobal = (): HtmlStore | null => (globalThis as any)[KEY] ?? null;\r\nconst setGlobal = (store: HtmlStore | null): void => { (globalThis as any)[KEY] = store; };\r\n\r\nfunction emptyStore(): HtmlStore {\r\n  return {\r\n    titleOps:  [],\r\n    htmlAttrs: {},\r\n    bodyAttrs: {},\r\n    meta:      [],\r\n    link:      [],\r\n    script:    [],\r\n    style:     [],\r\n  };\r\n}\r\n\r\n// \u2500\u2500\u2500 Public API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n\r\n/**\r\n * Runs `fn` inside a fresh HTML store and returns the collected values.\r\n *\r\n * Usage in SSR:\r\n * ```ts\r\n * const store = await runWithHtmlStore(async () => {\r\n *   appHtml = await renderElementToHtml(element, ctx);\r\n * });\r\n * // store.titleOps, store.meta, etc. are now populated\r\n * ```\r\n */\r\nexport async function runWithHtmlStore(fn: () => Promise<void>): Promise<HtmlStore> {\r\n  setGlobal(emptyStore());\r\n  try {\r\n    await fn();\r\n    return { ...(getGlobal() ?? emptyStore()) } as HtmlStore;\r\n  } finally {\r\n    // Always clear the store, even if rendering throws, to prevent leakage\r\n    // into the next request on the same event-loop tick.\r\n    setGlobal(null);\r\n  }\r\n}\r\n\r\n/**\r\n * Returns the current request's store, or `undefined` if called outside of\r\n * a `runWithHtmlStore` context (e.g. in the browser or in a test).\r\n */\r\nexport function getHtmlStore(): HtmlStore | undefined {\r\n  return getGlobal() ?? undefined;\r\n}\r\n\r\n/**\r\n * Resolves the final page title from a list of title operations.\r\n *\r\n * Operations are walked in *reverse* so the page's value is the starting\r\n * point and layout template functions wrap it outward:\r\n *\r\n * ```\r\n * ops = [ (p) => `${p} | Acme`, 'About' ]   \u2190 layout pushed first, page last\r\n * Walk in reverse:\r\n *   i=1: op = 'About'          \u2192 title = 'About'\r\n *   i=0: op = (p) => \u2026         \u2192 title = 'About | Acme'\r\n * ```\r\n *\r\n * @param fallback  Used when ops is empty (e.g. a page that didn't call useHtml).\r\n */\r\nexport function resolveTitle(ops: TitleValue[], fallback = ''): string {\r\n  let title = fallback;\r\n  for (let i = ops.length - 1; i >= 0; i--) {\r\n    const op = ops[i];\r\n    title = typeof op === 'string' ? op : op(title);\r\n  }\r\n  return title;\r\n}\r\n"],
+  "mappings": "AAsGA,MAAM,MAAM,uBAAO,IAAI,uBAAuB;AAE9C,MAAM,YAAY,MAAyB,WAAmB,GAAG,KAAK;AACtE,MAAM,YAAY,CAAC,UAAkC;AAAE,EAAC,WAAmB,GAAG,IAAI;AAAO;AAEzF,SAAS,aAAwB;AAC/B,SAAO;AAAA,IACL,UAAW,CAAC;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,MAAW,CAAC;AAAA,IACZ,MAAW,CAAC;AAAA,IACZ,QAAW,CAAC;AAAA,IACZ,OAAW,CAAC;AAAA,EACd;AACF;AAeA,eAAsB,iBAAiB,IAA6C;AAClF,YAAU,WAAW,CAAC;AACtB,MAAI;AACF,UAAM,GAAG;AACT,WAAO,EAAE,GAAI,UAAU,KAAK,WAAW,EAAG;AAAA,EAC5C,UAAE;AAGA,cAAU,IAAI;AAAA,EAChB;AACF;AAMO,SAAS,eAAsC;AACpD,SAAO,UAAU,KAAK;AACxB;AAiBO,SAAS,aAAa,KAAmB,WAAW,IAAY;AACrE,MAAI,QAAQ;AACZ,WAAS,IAAI,IAAI,SAAS,GAAG,KAAK,GAAG,KAAK;AACxC,UAAM,KAAK,IAAI,CAAC;AAChB,YAAQ,OAAO,OAAO,WAAW,KAAK,GAAG,KAAK;AAAA,EAChD;AACA,SAAO;AACT;",
+  "names": []
+}