@blinkk/root 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/render.js

@@ -4,11 +4,9 @@ import {
   I18N_CONTEXT,
   SCRIPT_CONTEXT,
   getTranslations
-} from "./chunk-4SVK7R4Z.js";
+} from "./chunk-ZV52A6YZ.js";
 
 // src/render/render.tsx
-import path2 from "node:path";
-import { h } from "preact";
 import renderToString from "preact-render-to-string";
 
 // src/render/router.ts
@@ -19,13 +17,13 @@ var RouteTrie = class {
   constructor() {
     this.children = {};
   }
-  add(path3, route) {
-    path3 = this.normalizePath(path3);
-    if (path3 === "") {
+  add(path2, route) {
+    path2 = this.normalizePath(path2);
+    if (path2 === "") {
       this.route = route;
       return;
     }
-    const [head, tail] = this.splitPath(path3);
+    const [head, tail] = this.splitPath(path2);
     if (head.startsWith("[...") && head.endsWith("]")) {
       const paramName = head.slice(4, -1);
       this.wildcardChild = new WildcardChild(paramName, route);
@@ -47,9 +45,9 @@ var RouteTrie = class {
     }
     nextNode.add(tail, route);
   }
-  get(path3) {
+  get(path2) {
     const params = {};
-    const route = this.getRoute(path3, params);
+    const route = this.getRoute(path2, params);
     return [route, params];
   }
   walk(cb) {
@@ -79,7 +77,8 @@ var RouteTrie = class {
         addPromise(cb(`/${subpath}${childPath}`, childRoute));
       });
     }
-    return Promise.all(promises);
+    return Promise.all(promises).then(() => {
+    });
   }
   clear() {
     this.children = {};
@@ -113,15 +112,15 @@ var RouteTrie = class {
     }
     return void 0;
   }
-  normalizePath(path3) {
-    return path3.replace(/^\/+/g, "");
+  normalizePath(path2) {
+    return path2.replace(/^\/+/g, "");
   }
-  splitPath(path3) {
-    const i = path3.indexOf("/");
+  splitPath(path2) {
+    const i = path2.indexOf("/");
     if (i === -1) {
-      return [path3, ""];
+      return [path2, ""];
     }
-    return [path3.slice(0, i), path3.slice(i + 1)];
+    return [path2.slice(0, i), path2.slice(i + 1)];
   }
 };
 var ParamChild = class {
@@ -143,9 +142,12 @@ function getRoutes(config) {
   const locales = ((_a = config.i18n) == null ? void 0 : _a.locales) || [];
   const i18nUrlFormat = ((_b = config.i18n) == null ? void 0 : _b.urlFormat) || "/{locale}/{path}";
   const defaultLocale = ((_c = config.i18n) == null ? void 0 : _c.defaultLocale) || "en";
-  const routes = import.meta.glob(["/routes/*.ts", "/routes/**/*.ts", "/routes/*.tsx", "/routes/**/*.tsx"], {
-    eager: true
-  });
+  const routes = import.meta.glob(
+    ["/routes/*.ts", "/routes/**/*.ts", "/routes/*.tsx", "/routes/**/*.tsx"],
+    {
+      eager: true
+    }
+  );
   const trie = new RouteTrie();
   Object.keys(routes).forEach((filePath) => {
     let routePath = filePath.replace(/^\/routes/, "");
@@ -181,38 +183,151 @@ async function getAllPathsForRoute(urlPathFormat, route) {
   const routeModule = route.module;
   if (routeModule.getStaticPaths) {
     const staticPaths = await routeModule.getStaticPaths();
-    staticPaths.paths.forEach((pathParams) => {
-      urlPaths.push({
-        urlPath: replaceParams(urlPathFormat, pathParams.params),
-        params: pathParams.params || {}
-      });
-    });
+    staticPaths.paths.forEach(
+      (pathParams) => {
+        const urlPath = replaceParams(urlPathFormat, pathParams.params);
+        if (pathContainsPlaceholders(urlPath)) {
+          console.warn(
+            `path contains placeholders: ${urlPathFormat}, double check getStaticPaths() and ensure all params are returned`
+          );
+        } else {
+          urlPaths.push({
+            urlPath: replaceParams(urlPathFormat, pathParams.params),
+            params: pathParams.params || {}
+          });
+        }
+      }
+    );
+  } else if (pathContainsPlaceholders(urlPathFormat)) {
+    console.warn(
+      `path contains placeholders: ${urlPathFormat}, did you forget to define getStaticPaths()?`
+    );
   } else {
     urlPaths.push({ urlPath: urlPathFormat, params: {} });
   }
   return urlPaths;
 }
 function replaceParams(urlPathFormat, params) {
-  const urlPath = urlPathFormat.replaceAll(/\[(\.\.\.)?([\w\-_]*)\]/g, (match, _wildcard, key) => {
-    const val = params[key];
-    if (!val) {
-      throw new Error(`unreplaced param ${match} in url: ${urlPathFormat}`);
+  const urlPath = urlPathFormat.replaceAll(
+    /\[(\.\.\.)?([\w\-_]*)\]/g,
+    (match, _wildcard, key) => {
+      const val = params[key];
+      if (!val) {
+        throw new Error(`unreplaced param ${match} in url: ${urlPathFormat}`);
+      }
+      return val;
     }
-    return val;
-  });
+  );
   return urlPath;
 }
+function pathContainsPlaceholders(urlPath) {
+  const segments = urlPath.split("/");
+  return segments.some((segment) => {
+    return segment.startsWith("[") && segment.endsWith("]");
+  });
+}
+
+// src/render/render.tsx
+import { elementsMap } from "virtual:root-elements";
+
+// src/core/components/dev-not-found-page.tsx
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var STYLES = `
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+}
+
+h1 {
+  margin-bottom: 40px;
+}
+
+.route-list {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  column-gap: 24px;
+  row-gap: 8px;
+  padding: 0 40px;
+}
+
+.route-module {
+  text-align: right;
+}
+
+hr {
+  margin: 60px 0;
+}
+`;
+function DevNotFoundPage(props) {
+  const routesList = [];
+  Object.keys(props.sitemap).forEach((urlPath) => {
+    const route = props.sitemap[urlPath].route;
+    routesList.push(Object.assign({}, route, { urlPath }));
+  });
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx("style", {
+        dangerouslySetInnerHTML: { __html: STYLES }
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        children: [
+          /* @__PURE__ */ jsxs("h1", {
+            children: [
+              /* @__PURE__ */ jsx("strong", {
+                children: "404:"
+              }),
+              " Not Found"
+            ]
+          }),
+          routesList.length > 0 ? /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              /* @__PURE__ */ jsx("h2", {
+                children: "Routes found in the project:"
+              }),
+              /* @__PURE__ */ jsx("div", {
+                class: "route-list",
+                children: routesList.map((route) => /* @__PURE__ */ jsxs(Fragment, {
+                  children: [
+                    /* @__PURE__ */ jsx("div", {
+                      class: "route-module",
+                      children: route.modulePath
+                    }),
+                    /* @__PURE__ */ jsx("a", {
+                      class: "route-url",
+                      href: route.urlPath,
+                      children: route.urlPath
+                    })
+                  ]
+                }))
+              })
+            ]
+          }) : /* @__PURE__ */ jsxs(Fragment, {
+            children: [
+              /* @__PURE__ */ jsx("h2", {
+                children: "No routes found in the project"
+              }),
+              /* @__PURE__ */ jsxs("p", {
+                children: [
+                  "Add your first route at ",
+                  /* @__PURE__ */ jsx("code", {
+                    children: "/routes/index.tsx"
+                  })
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx("hr", {}),
+          /* @__PURE__ */ jsx("p", {
+            children: "Note: This page could use some love! If you're interested in helping to style this page, please reach out to the root.js developers!"
+          })
+        ]
+      })
+    ]
+  });
+}
 
 // src/render/render.tsx
-var ELEMENTS_MAP = {};
-var ELEMENTS_MODULES = import.meta.glob([
-  "/elements/**/*.ts",
-  "/elements/**/*.tsx"
-]);
-Object.keys(ELEMENTS_MODULES).forEach((elementPath) => {
-  const parts = path2.parse(elementPath);
-  ELEMENTS_MAP[parts.name] = elementPath;
-});
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
 var Renderer = class {
   constructor(config) {
     this.routes = getRoutes(config);
@@ -223,12 +338,17 @@ var Renderer = class {
     if (route && route.module && route.module.default) {
       return await this.renderRoute(route, { routeParams, assetMap });
     }
-    return this.render404();
+    return { notFound: true };
   }
   async renderRoute(route, options) {
     const routeParams = options.routeParams;
     const assetMap = options.assetMap;
     const Component = route.module.default;
+    if (!Component) {
+      throw new Error(
+        "unable to render route. the route should have a default export that renders a jsx component."
+      );
+    }
     let props = {};
     if (route.module.getStaticProps) {
       const propsData = await route.module.getStaticProps({
@@ -245,21 +365,24 @@ var Renderer = class {
     const translations = getTranslations(locale);
     const headComponents = [];
     const userScripts = [];
-    const vdom = /* @__PURE__ */ h(I18N_CONTEXT.Provider, {
-      value: { locale, translations }
-    }, /* @__PURE__ */ h(SCRIPT_CONTEXT.Provider, {
-      value: userScripts
-    }, /* @__PURE__ */ h(HEAD_CONTEXT.Provider, {
-      value: headComponents
-    }, /* @__PURE__ */ h(Component, {
-      ...props
-    }))));
+    const vdom = /* @__PURE__ */ jsx2(I18N_CONTEXT.Provider, {
+      value: { locale, translations },
+      children: /* @__PURE__ */ jsx2(SCRIPT_CONTEXT.Provider, {
+        value: userScripts,
+        children: /* @__PURE__ */ jsx2(HEAD_CONTEXT.Provider, {
+          value: headComponents,
+          children: /* @__PURE__ */ jsx2(Component, {
+            ...props
+          })
+        })
+      })
+    });
     const mainHtml = renderToString(vdom, {}, { pretty: true });
     const pageAsset = await assetMap.get(route.modulePath);
     const cssDeps = await (pageAsset == null ? void 0 : pageAsset.getCssDeps());
     if (cssDeps) {
       cssDeps.forEach((cssUrl) => {
-        headComponents.push(/* @__PURE__ */ h("link", {
+        headComponents.push(/* @__PURE__ */ jsx2("link", {
           rel: "stylesheet",
           href: cssUrl
         }));
@@ -267,22 +390,23 @@ var Renderer = class {
     }
     const scriptDeps = await this.getScriptDeps(mainHtml, { assetMap });
     scriptDeps.forEach((jsUrls) => {
-      headComponents.push(/* @__PURE__ */ h("script", {
+      headComponents.push(/* @__PURE__ */ jsx2("script", {
         type: "module",
         src: jsUrls
       }));
     });
-    await Promise.all(userScripts.map(async (scriptDep) => {
-      const scriptAsset = await assetMap.get(scriptDep.src);
-      if (!scriptAsset && import.meta.env.PROD) {
-        console.log(`could not find precompiled asset: ${scriptDep.src}`);
-      }
-      const scriptUrl = scriptAsset ? scriptAsset.assetUrl : scriptDep.src;
-      headComponents.push(/* @__PURE__ */ h("script", {
-        type: "module",
-        src: scriptUrl
-      }));
-    }));
+    await Promise.all(
+      userScripts.map(async (scriptDep) => {
+        const scriptAsset = await assetMap.get(scriptDep.src);
+        if (scriptAsset) {
+          const scriptUrl = scriptAsset ? scriptAsset.assetUrl : scriptDep.src;
+          headComponents.push(/* @__PURE__ */ jsx2("script", {
+            type: "module",
+            src: scriptUrl
+          }));
+        }
+      })
+    );
     const html = await this.renderHtml({ mainHtml, locale, headComponents });
     return { html };
   }
@@ -300,18 +424,28 @@ var Renderer = class {
     return sitemap;
   }
   async renderHtml(options) {
-    const page = /* @__PURE__ */ h("html", {
-      lang: options.locale
-    }, /* @__PURE__ */ h("head", null, /* @__PURE__ */ h("meta", {
-      charSet: "utf-8"
-    }), /* @__PURE__ */ h("meta", {
-      name: "viewport",
-      content: "width=device-width, initial-scale=1.0"
-    }), options.headComponents), /* @__PURE__ */ h("body", {
-      dangerouslySetInnerHTML: { __html: options.mainHtml }
-    }));
+    const page = /* @__PURE__ */ jsxs2("html", {
+      lang: options.locale,
+      children: [
+        /* @__PURE__ */ jsxs2("head", {
+          children: [
+            /* @__PURE__ */ jsx2("meta", {
+              charSet: "utf-8"
+            }),
+            options.headComponents
+          ]
+        }),
+        /* @__PURE__ */ jsx2("body", {
+          dangerouslySetInnerHTML: { __html: options.mainHtml }
+        })
+      ]
+    });
     const html = `<!doctype html>
-${renderToString(page, {}, { pretty: true })}
+${renderToString(
+      page,
+      {},
+      { pretty: true }
+    )}
 `;
     return html;
   }
@@ -322,29 +456,45 @@ ${renderToString(page, {}, { pretty: true })}
     };
   }
   async renderError(error) {
-    const mainHtml = renderToString(/* @__PURE__ */ h(ErrorPage, {
+    const mainHtml = renderToString(/* @__PURE__ */ jsx2(ErrorPage, {
       error
     }));
     const html = await this.renderHtml({ mainHtml, locale: "en" });
     return { html };
   }
+  async renderDevNotFound() {
+    const sitemap = await this.getSitemap();
+    const mainHtml = renderToString(/* @__PURE__ */ jsx2(DevNotFoundPage, {
+      sitemap
+    }));
+    const html = await this.renderHtml({
+      mainHtml,
+      locale: "en",
+      headComponents: [/* @__PURE__ */ jsx2("title", {
+        children: "404: Not Found"
+      })]
+    });
+    return { html };
+  }
   async getScriptDeps(html, options) {
     const assetMap = options.assetMap;
     const deps = /* @__PURE__ */ new Set();
     const re = /<(\w[\w-]+\w)/g;
     const matches = Array.from(html.matchAll(re));
-    await Promise.all(matches.map(async (match) => {
-      const tagName = match[1];
-      if (tagName && tagName.includes("-") && tagName in ELEMENTS_MAP) {
-        const modulePath = ELEMENTS_MAP[tagName];
-        const asset = await assetMap.get(modulePath);
-        if (!asset) {
-          return;
+    await Promise.all(
+      matches.map(async (match) => {
+        const tagName = match[1];
+        if (tagName && tagName.includes("-") && tagName in elementsMap) {
+          const modulePath = elementsMap[tagName];
+          const asset = await assetMap.get(modulePath);
+          if (!asset) {
+            return;
+          }
+          const assetJsDeps = await asset.getJsDeps();
+          assetJsDeps.forEach((dep) => deps.add(dep));
         }
-        const assetJsDeps = await asset.getJsDeps();
-        assetJsDeps.forEach((dep) => deps.add(dep));
-      }
-    }));
+      })
+    );
     return Array.from(deps);
   }
 };

package/dist/render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/render/render.tsx","../src/render/router.ts","../src/render/route-trie.ts"],"sourcesContent":["import path from 'node:path';\nimport {h, ComponentChildren} from 'preact';\nimport renderToString from 'preact-render-to-string';\nimport {getRoutes, RouteModule, Route, getAllPathsForRoute} from './router';\nimport {HEAD_CONTEXT} from '../core/components/head';\nimport {ErrorPage} from '../core/components/error-page';\nimport {getTranslations, I18N_CONTEXT} from '../core/i18n';\nimport {ScriptProps, SCRIPT_CONTEXT} from '../core/components/script';\nimport {AssetMap} from './asset-map/asset-map';\nimport {RootConfig} from '../core/config';\nimport {RouteTrie} from './route-trie';\n\n// TODO(stevenle): this should be added via config.\nconst ELEMENTS_MAP: Record<string, string> = {};\nconst ELEMENTS_MODULES = import.meta.glob([\n  '/elements/**/*.ts',\n  '/elements/**/*.tsx',\n]) as Record<string, () => Promise<RouteModule>>;\nObject.keys(ELEMENTS_MODULES).forEach((elementPath) => {\n  const parts = path.parse(elementPath);\n  ELEMENTS_MAP[parts.name] = elementPath;\n});\n\ninterface RenderOptions {\n  assetMap: AssetMap;\n}\n\ninterface RenderHtmlOptions {\n  mainHtml: string;\n  locale: string;\n  headComponents?: ComponentChildren[];\n}\n\nexport class Renderer {\n  private routes: RouteTrie<Route>;\n\n  constructor(config: RootConfig) {\n    this.routes = getRoutes(config);\n  }\n\n  async render(\n    url: string,\n    options: RenderOptions\n  ): Promise<{html: string; notFound?: boolean}> {\n    const assetMap = options.assetMap;\n    const [route, routeParams] = this.routes.get(url);\n    if (route && route.module && route.module.default) {\n      return await this.renderRoute(route, {routeParams, assetMap});\n    }\n    return this.render404();\n  }\n\n  async renderRoute(\n    route: Route,\n    options: {routeParams: Record<string, string>; assetMap: AssetMap}\n  ): Promise<{html: string; notFound?: boolean}> {\n    const routeParams = options.routeParams;\n    const assetMap = options.assetMap;\n    const Component = route.module.default;\n    let props = {};\n    if (route.module.getStaticProps) {\n      const propsData = await route.module.getStaticProps({\n        params: routeParams,\n      });\n      if (propsData.notFound) {\n        return this.render404();\n      }\n      if (propsData.props) {\n        props = propsData.props;\n      }\n    }\n\n    const locale = route.locale;\n    const translations = getTranslations(locale);\n\n    const headComponents: ComponentChildren[] = [];\n    const userScripts: ScriptProps[] = [];\n    const vdom = (\n      <I18N_CONTEXT.Provider value={{locale, translations}}>\n        <SCRIPT_CONTEXT.Provider value={userScripts}>\n          <HEAD_CONTEXT.Provider value={headComponents}>\n            <Component {...props} />\n          </HEAD_CONTEXT.Provider>\n        </SCRIPT_CONTEXT.Provider>\n      </I18N_CONTEXT.Provider>\n    );\n    const mainHtml = renderToString(vdom, {}, {pretty: true});\n\n    // Walk the page's dependency tree for CSS dependencies that are added via\n    // `import 'foo.scss'` or `import 'foo.module.scss'`.\n    const pageAsset = await assetMap.get(route.modulePath);\n    const cssDeps = await pageAsset?.getCssDeps();\n    if (cssDeps) {\n      cssDeps.forEach((cssUrl) => {\n        headComponents.push(<link rel=\"stylesheet\" href={cssUrl} />);\n      });\n    }\n\n    // Parse the HTML for custom elements that are found within the project\n    // and automatically inject the script deps for them.\n    const scriptDeps = await this.getScriptDeps(mainHtml, {assetMap});\n    scriptDeps.forEach((jsUrls) => {\n      headComponents.push(<script type=\"module\" src={jsUrls} />);\n    });\n\n    // Add user defined scripts added via the `<Script>` component.\n    await Promise.all(\n      userScripts.map(async (scriptDep) => {\n        const scriptAsset = await assetMap.get(scriptDep.src);\n        if (!scriptAsset && import.meta.env.PROD) {\n          console.log(`could not find precompiled asset: ${scriptDep.src}`);\n        }\n        const scriptUrl = scriptAsset ? scriptAsset.assetUrl : scriptDep.src;\n        headComponents.push(<script type=\"module\" src={scriptUrl} />);\n      })\n    );\n\n    const html = await this.renderHtml({mainHtml, locale, headComponents});\n    return {html};\n  }\n\n  async getSitemap(): Promise<\n    Record<string, {route: Route; params: Record<string, string>}>\n  > {\n    const sitemap: Record<\n      string,\n      {route: Route; params: Record<string, string>}\n    > = {};\n    await this.routes.walk(async (urlPath: string, route: Route) => {\n      const routePaths = await getAllPathsForRoute(urlPath, route);\n      routePaths.forEach((routePath) => {\n        sitemap[routePath.urlPath] = {\n          route,\n          params: routePath.params,\n        };\n      });\n    });\n    return sitemap;\n  }\n\n  private async renderHtml(options: RenderHtmlOptions) {\n    const page = (\n      <html lang={options.locale}>\n        <head>\n          <meta charSet=\"utf-8\" />\n          <meta\n            name=\"viewport\"\n            content=\"width=device-width, initial-scale=1.0\"\n          />\n          {options.headComponents}\n        </head>\n        <body dangerouslySetInnerHTML={{__html: options.mainHtml}} />\n      </html>\n    );\n    const html = `<!doctype html>\\n${renderToString(\n      page,\n      {},\n      {pretty: true}\n    )}\\n`;\n    return html;\n  }\n\n  async render404() {\n    return {\n      html: '<!doctype html><html><title>404 Not Found</title><h1>404 Not Found</h1>',\n      notFound: true,\n    };\n  }\n\n  async renderError(error: unknown) {\n    const mainHtml = renderToString(<ErrorPage error={error} />);\n    const html = await this.renderHtml({mainHtml, locale: 'en'});\n    return {html};\n  }\n\n  private async getScriptDeps(\n    html: string,\n    options: {assetMap: AssetMap}\n  ): Promise<string[]> {\n    const assetMap = options.assetMap as AssetMap;\n    const deps = new Set<string>();\n\n    const re = /<(\\w[\\w-]+\\w)/g;\n    const matches = Array.from(html.matchAll(re));\n    await Promise.all(\n      matches.map(async (match) => {\n        const tagName = match[1];\n        // Custom elements require a dash.\n        if (tagName && tagName.includes('-') && tagName in ELEMENTS_MAP) {\n          const modulePath = ELEMENTS_MAP[tagName];\n          const asset = await assetMap.get(modulePath);\n          if (!asset) {\n            return;\n          }\n          const assetJsDeps = await asset.getJsDeps();\n          assetJsDeps.forEach((dep) => deps.add(dep));\n        }\n      })\n    );\n\n    return Array.from(deps);\n  }\n}\n","import path from 'node:path';\nimport {RootConfig} from '../core/config';\nimport {GetStaticPaths, GetStaticProps} from '../core/types';\nimport {RouteTrie} from './route-trie';\n\nexport interface RouteModule {\n  default: any;\n  getStaticPaths?: GetStaticPaths;\n  getStaticProps?: GetStaticProps;\n}\n\nexport interface Route {\n  modulePath: string;\n  module: RouteModule;\n  locale: string;\n}\n\nexport function getRoutes(config: RootConfig) {\n  const locales = config.i18n?.locales || [];\n  const i18nUrlFormat = config.i18n?.urlFormat || '/{locale}/{path}';\n  const defaultLocale = config.i18n?.defaultLocale || 'en';\n\n  const routes = import.meta.glob(\n    ['/routes/*.ts', '/routes/**/*.ts', '/routes/*.tsx', '/routes/**/*.tsx'],\n    {\n      eager: true,\n    }\n  );\n  const trie = new RouteTrie<Route>();\n  Object.keys(routes).forEach((filePath) => {\n    let routePath = filePath.replace(/^\\/routes/, '');\n    const parts = path.parse(routePath);\n    if (parts.name.startsWith('_')) {\n      return;\n    }\n    if (parts.name === 'index') {\n      routePath = parts.dir;\n    } else {\n      routePath = path.join(parts.dir, parts.name);\n    }\n    trie.add(routePath, {\n      modulePath: filePath,\n      module: routes[filePath] as RouteModule,\n      locale: defaultLocale,\n    });\n\n    // At the moment, all routes are assumed to use the site-wide i18n config.\n    // TODO(stevenle): provide routes with a way to override the default\n    // i18n serving behavior.\n    locales.forEach((locale) => {\n      const localeRoutePath = i18nUrlFormat\n        .replace('{locale}', locale)\n        .replace('{path}', routePath.replace(/^\\/*/, ''));\n      if (localeRoutePath !== routePath) {\n        trie.add(localeRoutePath, {\n          modulePath: filePath,\n          module: routes[filePath] as RouteModule,\n          locale: locale,\n        });\n      }\n    });\n  });\n  return trie;\n}\n\nexport async function getAllPathsForRoute(\n  urlPathFormat: string,\n  route: Route\n): Promise<Array<{urlPath: string; params: Record<string, string>}>> {\n  const urlPaths: Array<{urlPath: string; params: Record<string, string>}> = [];\n  const routeModule = route.module;\n  if (routeModule.getStaticPaths) {\n    const staticPaths = await routeModule.getStaticPaths();\n    staticPaths.paths.forEach(\n      (pathParams: {params: Record<string, string>}) => {\n        urlPaths.push({\n          urlPath: replaceParams(urlPathFormat, pathParams.params),\n          params: pathParams.params || {},\n        });\n      }\n    );\n  } else {\n    urlPaths.push({urlPath: urlPathFormat, params: {}});\n  }\n  return urlPaths;\n}\n\nexport function replaceParams(\n  urlPathFormat: string,\n  params: Record<string, string>\n) {\n  const urlPath = urlPathFormat.replaceAll(\n    /\\[(\\.\\.\\.)?([\\w\\-_]*)\\]/g,\n    (match: string, _wildcard: string, key: string) => {\n      const val = params[key];\n      if (!val) {\n        throw new Error(`unreplaced param ${match} in url: ${urlPathFormat}`);\n      }\n      return val;\n    }\n  );\n  return urlPath;\n}\n","/**\n * A trie data structure that stores routes. The trie supports `:param` and\n * `*wildcard` values.\n */\nexport class RouteTrie<T> {\n  private children: Record<string, RouteTrie<T>> = {};\n  private paramChild?: ParamChild<T>;\n  private wildcardChild?: WildcardChild<T>;\n  private route?: T;\n\n  /**\n   * Adds a route to the trie.\n   */\n  add(path: string, route: T) {\n    path = this.normalizePath(path);\n\n    // If the end was reached, save the value to the node.\n    if (path === '') {\n      this.route = route;\n      return;\n    }\n\n    const [head, tail] = this.splitPath(path);\n    if (head.startsWith('[...') && head.endsWith(']')) {\n      const paramName = head.slice(4, -1);\n      this.wildcardChild = new WildcardChild(paramName, route);\n      return;\n    }\n\n    let nextNode: RouteTrie<T>;\n    if (head.startsWith('[') && head.endsWith(']')) {\n      if (!this.paramChild) {\n        const paramName = head.slice(1, -1);\n        this.paramChild = new ParamChild(paramName);\n      }\n      nextNode = this.paramChild.trie;\n    } else {\n      nextNode = this.children[head];\n      if (!nextNode) {\n        nextNode = new RouteTrie();\n        this.children[head] = nextNode;\n      }\n    }\n    nextNode.add(tail, route);\n  }\n\n  /**\n   * Returns a route mapped to the given path and any parameter values from the\n   * URL.\n   */\n  get(path: string): [T | undefined, Record<string, string>] {\n    const params = {};\n    const route = this.getRoute(path, params);\n    return [route, params];\n  }\n\n  /**\n   * Walks the route trie and calls a callback function for each route.\n   */\n  walk(cb: (urlPath: string, route: T) => Promise<any> | void): Promise<any> {\n    const promises: Array<Promise<any>> = [];\n    const addPromise = (promise: Promise<any> | void) => {\n      if (promise) {\n        promises.push(promise);\n      }\n    };\n    if (this.route) {\n      addPromise(cb('/', this.route));\n    }\n    if (this.paramChild) {\n      const param = `[${this.paramChild.name}]`;\n      this.paramChild.trie.walk((childPath: string, route: T) => {\n        const paramUrlPath = `/${param}${childPath}`;\n        addPromise(cb(paramUrlPath, route));\n      });\n    }\n    if (this.wildcardChild) {\n      const wildcardUrlPath = `/[...${this.wildcardChild.name}]`;\n      addPromise(cb(wildcardUrlPath, this.wildcardChild.route));\n    }\n    for (const subpath of Object.keys(this.children)) {\n      const childTrie = this.children[subpath];\n      childTrie.walk((childPath: string, childRoute: T) => {\n        addPromise(cb(`/${subpath}${childPath}`, childRoute));\n      });\n    }\n    return Promise.all(promises);\n  }\n\n  /**\n   * Removes all routes from the trie.\n   */\n  clear() {\n    this.children = {};\n    this.paramChild = undefined;\n    this.wildcardChild = undefined;\n    this.route = undefined;\n  }\n\n  private getRoute(\n    urlPath: string,\n    params: Record<string, string>\n  ): T | undefined {\n    urlPath = this.normalizePath(urlPath);\n    if (urlPath === '') {\n      return this.route;\n    }\n\n    const [head, tail] = this.splitPath(urlPath);\n\n    const child = this.children[head];\n    if (child) {\n      const route = child.getRoute(tail, params);\n      if (route) {\n        return route;\n      }\n    }\n\n    if (this.paramChild) {\n      const route = this.paramChild.trie.getRoute(tail, params);\n      if (route) {\n        params[this.paramChild.name] = head;\n        return route;\n      }\n    }\n\n    if (this.wildcardChild) {\n      params[this.wildcardChild.name] = urlPath;\n      return this.wildcardChild.route;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Normalizes a path for inclusion into the route trie.\n   */\n  private normalizePath(path: string) {\n    // Remove leading slashes.\n    return path.replace(/^\\/+/g, '');\n  }\n\n  /**\n   * Splits the parent directory from its children, e.g.:\n   *\n   *     splitPath(\"foo/bar/baz\") -> [\"foo\", \"bar/baz\"]\n   */\n  private splitPath(path: string): [string, string] {\n    const i = path.indexOf('/');\n    if (i === -1) {\n      return [path, ''];\n    }\n    return [path.slice(0, i), path.slice(i + 1)];\n  }\n}\n\n/**\n * A node in the RouteTrie for a :param child.\n */\nclass ParamChild<T> {\n  readonly name: string;\n  readonly trie: RouteTrie<T> = new RouteTrie();\n\n  constructor(name: string) {\n    this.name = name;\n  }\n}\n\n/**\n * A node in the RouteTrie for a *wildcard child.\n */\nclass WildcardChild<T> {\n  readonly name: string;\n  readonly route: T;\n\n  constructor(name: string, route: T) {\n    this.name = name;\n    this.route = route;\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/render/render.tsx","../src/render/router.ts","../src/render/route-trie.ts","../src/core/components/dev-not-found-page.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport {ComponentChildren} from 'preact';\nimport renderToString from 'preact-render-to-string';\nimport {getRoutes, Route, getAllPathsForRoute} from './router';\nimport {HEAD_CONTEXT} from '../core/components/head';\nimport {ErrorPage} from '../core/components/error-page';\nimport {getTranslations, I18N_CONTEXT} from '../core/i18n';\nimport {ScriptProps, SCRIPT_CONTEXT} from '../core/components/script';\nimport {AssetMap} from './asset-map/asset-map';\nimport {RootConfig} from '../core/config';\nimport {RouteTrie} from './route-trie';\nimport {elementsMap} from 'virtual:root-elements';\nimport {DevNotFoundPage} from '../core/components/dev-not-found-page';\n\ninterface RenderOptions {\n  assetMap: AssetMap;\n}\n\ninterface RenderHtmlOptions {\n  mainHtml: string;\n  locale: string;\n  headComponents?: ComponentChildren[];\n}\n\nexport class Renderer {\n  private routes: RouteTrie<Route>;\n\n  constructor(config: RootConfig) {\n    this.routes = getRoutes(config);\n  }\n\n  async render(\n    url: string,\n    options: RenderOptions\n  ): Promise<{html?: string; notFound?: boolean}> {\n    const assetMap = options.assetMap;\n    const [route, routeParams] = this.routes.get(url);\n    if (route && route.module && route.module.default) {\n      return await this.renderRoute(route, {routeParams, assetMap});\n    }\n    return {notFound: true};\n  }\n\n  async renderRoute(\n    route: Route,\n    options: {routeParams: Record<string, string>; assetMap: AssetMap}\n  ): Promise<{html?: string; notFound?: boolean}> {\n    const routeParams = options.routeParams;\n    const assetMap = options.assetMap;\n    const Component = route.module.default;\n    if (!Component) {\n      throw new Error(\n        'unable to render route. the route should have a default export that renders a jsx component.'\n      );\n    }\n    let props = {};\n    if (route.module.getStaticProps) {\n      const propsData = await route.module.getStaticProps({\n        params: routeParams,\n      });\n      if (propsData.notFound) {\n        return this.render404();\n      }\n      if (propsData.props) {\n        props = propsData.props;\n      }\n    }\n\n    const locale = route.locale;\n    const translations = getTranslations(locale);\n\n    const headComponents: ComponentChildren[] = [];\n    const userScripts: ScriptProps[] = [];\n    const vdom = (\n      <I18N_CONTEXT.Provider value={{locale, translations}}>\n        <SCRIPT_CONTEXT.Provider value={userScripts}>\n          <HEAD_CONTEXT.Provider value={headComponents}>\n            <Component {...props} />\n          </HEAD_CONTEXT.Provider>\n        </SCRIPT_CONTEXT.Provider>\n      </I18N_CONTEXT.Provider>\n    );\n    const mainHtml = renderToString(vdom, {}, {pretty: true});\n\n    // Walk the page's dependency tree for CSS dependencies that are added via\n    // `import 'foo.scss'` or `import 'foo.module.scss'`.\n    const pageAsset = await assetMap.get(route.modulePath);\n    const cssDeps = await pageAsset?.getCssDeps();\n    if (cssDeps) {\n      cssDeps.forEach((cssUrl) => {\n        headComponents.push(<link rel=\"stylesheet\" href={cssUrl} />);\n      });\n    }\n\n    // Parse the HTML for custom elements that are found within the project\n    // and automatically inject the script deps for them.\n    const scriptDeps = await this.getScriptDeps(mainHtml, {assetMap});\n    scriptDeps.forEach((jsUrls) => {\n      headComponents.push(<script type=\"module\" src={jsUrls} />);\n    });\n\n    // Add user defined scripts added via the `<Script>` component.\n    await Promise.all(\n      userScripts.map(async (scriptDep) => {\n        const scriptAsset = await assetMap.get(scriptDep.src);\n        if (scriptAsset) {\n          const scriptUrl = scriptAsset ? scriptAsset.assetUrl : scriptDep.src;\n          headComponents.push(<script type=\"module\" src={scriptUrl} />);\n        }\n      })\n    );\n\n    const html = await this.renderHtml({mainHtml, locale, headComponents});\n    return {html};\n  }\n\n  async getSitemap(): Promise<\n    Record<string, {route: Route; params: Record<string, string>}>\n  > {\n    const sitemap: Record<\n      string,\n      {route: Route; params: Record<string, string>}\n    > = {};\n    await this.routes.walk(async (urlPath: string, route: Route) => {\n      const routePaths = await getAllPathsForRoute(urlPath, route);\n      routePaths.forEach((routePath) => {\n        sitemap[routePath.urlPath] = {\n          route,\n          params: routePath.params,\n        };\n      });\n    });\n    return sitemap;\n  }\n\n  private async renderHtml(options: RenderHtmlOptions) {\n    const page = (\n      <html lang={options.locale}>\n        <head>\n          <meta charSet=\"utf-8\" />\n          {options.headComponents}\n        </head>\n        <body dangerouslySetInnerHTML={{__html: options.mainHtml}} />\n      </html>\n    );\n    const html = `<!doctype html>\\n${renderToString(\n      page,\n      {},\n      {pretty: true}\n    )}\\n`;\n    return html;\n  }\n\n  async render404() {\n    return {\n      html: '<!doctype html><html><title>404 Not Found</title><h1>404 Not Found</h1>',\n      notFound: true,\n    };\n  }\n\n  async renderError(error: unknown) {\n    const mainHtml = renderToString(<ErrorPage error={error} />);\n    const html = await this.renderHtml({mainHtml, locale: 'en'});\n    return {html};\n  }\n\n  async renderDevNotFound() {\n    const sitemap = await this.getSitemap();\n    const mainHtml = renderToString(<DevNotFoundPage sitemap={sitemap} />);\n    const html = await this.renderHtml({\n      mainHtml,\n      locale: 'en',\n      headComponents: [<title>404: Not Found</title>],\n    });\n    return {html};\n  }\n\n  private async getScriptDeps(\n    html: string,\n    options: {assetMap: AssetMap}\n  ): Promise<string[]> {\n    const assetMap = options.assetMap as AssetMap;\n    const deps = new Set<string>();\n\n    const re = /<(\\w[\\w-]+\\w)/g;\n    const matches = Array.from(html.matchAll(re));\n    await Promise.all(\n      matches.map(async (match) => {\n        const tagName = match[1];\n        // Custom elements require a dash.\n        if (tagName && tagName.includes('-') && tagName in elementsMap) {\n          const modulePath = elementsMap[tagName];\n          const asset = await assetMap.get(modulePath);\n          if (!asset) {\n            return;\n          }\n          const assetJsDeps = await asset.getJsDeps();\n          assetJsDeps.forEach((dep) => deps.add(dep));\n        }\n      })\n    );\n\n    return Array.from(deps);\n  }\n}\n","import path from 'node:path';\nimport {ComponentType} from 'preact';\nimport {RootConfig} from '../core/config';\nimport {GetStaticPaths, GetStaticProps} from '../core/types';\nimport {RouteTrie} from './route-trie';\n\nexport interface RouteModule {\n  default?: ComponentType<unknown>;\n  getStaticPaths?: GetStaticPaths;\n  getStaticProps?: GetStaticProps;\n}\n\nexport interface Route {\n  modulePath: string;\n  module: RouteModule;\n  locale: string;\n}\n\nexport function getRoutes(config: RootConfig) {\n  const locales = config.i18n?.locales || [];\n  const i18nUrlFormat = config.i18n?.urlFormat || '/{locale}/{path}';\n  const defaultLocale = config.i18n?.defaultLocale || 'en';\n\n  const routes = import.meta.glob(\n    ['/routes/*.ts', '/routes/**/*.ts', '/routes/*.tsx', '/routes/**/*.tsx'],\n    {\n      eager: true,\n    }\n  );\n  const trie = new RouteTrie<Route>();\n  Object.keys(routes).forEach((filePath) => {\n    let routePath = filePath.replace(/^\\/routes/, '');\n    const parts = path.parse(routePath);\n    if (parts.name.startsWith('_')) {\n      return;\n    }\n    if (parts.name === 'index') {\n      routePath = parts.dir;\n    } else {\n      routePath = path.join(parts.dir, parts.name);\n    }\n    trie.add(routePath, {\n      modulePath: filePath,\n      module: routes[filePath] as RouteModule,\n      locale: defaultLocale,\n    });\n\n    // At the moment, all routes are assumed to use the site-wide i18n config.\n    // TODO(stevenle): provide routes with a way to override the default\n    // i18n serving behavior.\n    locales.forEach((locale) => {\n      const localeRoutePath = i18nUrlFormat\n        .replace('{locale}', locale)\n        .replace('{path}', routePath.replace(/^\\/*/, ''));\n      if (localeRoutePath !== routePath) {\n        trie.add(localeRoutePath, {\n          modulePath: filePath,\n          module: routes[filePath] as RouteModule,\n          locale: locale,\n        });\n      }\n    });\n  });\n  return trie;\n}\n\nexport async function getAllPathsForRoute(\n  urlPathFormat: string,\n  route: Route\n): Promise<Array<{urlPath: string; params: Record<string, string>}>> {\n  const urlPaths: Array<{urlPath: string; params: Record<string, string>}> = [];\n  const routeModule = route.module;\n  if (routeModule.getStaticPaths) {\n    const staticPaths = await routeModule.getStaticPaths();\n    staticPaths.paths.forEach(\n      (pathParams: {params: Record<string, string>}) => {\n        const urlPath = replaceParams(urlPathFormat, pathParams.params);\n        if (pathContainsPlaceholders(urlPath)) {\n          console.warn(\n            `path contains placeholders: ${urlPathFormat}, double check getStaticPaths() and ensure all params are returned`\n          );\n        } else {\n          urlPaths.push({\n            urlPath: replaceParams(urlPathFormat, pathParams.params),\n            params: pathParams.params || {},\n          });\n        }\n      }\n    );\n  } else if (pathContainsPlaceholders(urlPathFormat)) {\n    console.warn(\n      `path contains placeholders: ${urlPathFormat}, did you forget to define getStaticPaths()?`\n    );\n  } else {\n    urlPaths.push({urlPath: urlPathFormat, params: {}});\n  }\n  return urlPaths;\n}\n\nexport function replaceParams(\n  urlPathFormat: string,\n  params: Record<string, string>\n) {\n  const urlPath = urlPathFormat.replaceAll(\n    /\\[(\\.\\.\\.)?([\\w\\-_]*)\\]/g,\n    (match: string, _wildcard: string, key: string) => {\n      const val = params[key];\n      if (!val) {\n        throw new Error(`unreplaced param ${match} in url: ${urlPathFormat}`);\n      }\n      return val;\n    }\n  );\n  return urlPath;\n}\n\nfunction pathContainsPlaceholders(urlPath: string) {\n  const segments = urlPath.split('/');\n  return segments.some((segment) => {\n    return segment.startsWith('[') && segment.endsWith(']');\n  });\n}\n","/**\n * A trie data structure that stores routes. The trie supports `:param` and\n * `*wildcard` values.\n */\nexport class RouteTrie<T> {\n  private children: Record<string, RouteTrie<T>> = {};\n  private paramChild?: ParamChild<T>;\n  private wildcardChild?: WildcardChild<T>;\n  private route?: T;\n\n  /**\n   * Adds a route to the trie.\n   */\n  add(path: string, route: T) {\n    path = this.normalizePath(path);\n\n    // If the end was reached, save the value to the node.\n    if (path === '') {\n      this.route = route;\n      return;\n    }\n\n    const [head, tail] = this.splitPath(path);\n    if (head.startsWith('[...') && head.endsWith(']')) {\n      const paramName = head.slice(4, -1);\n      this.wildcardChild = new WildcardChild(paramName, route);\n      return;\n    }\n\n    let nextNode: RouteTrie<T>;\n    if (head.startsWith('[') && head.endsWith(']')) {\n      if (!this.paramChild) {\n        const paramName = head.slice(1, -1);\n        this.paramChild = new ParamChild(paramName);\n      }\n      nextNode = this.paramChild.trie;\n    } else {\n      nextNode = this.children[head];\n      if (!nextNode) {\n        nextNode = new RouteTrie();\n        this.children[head] = nextNode;\n      }\n    }\n    nextNode.add(tail, route);\n  }\n\n  /**\n   * Returns a route mapped to the given path and any parameter values from the\n   * URL.\n   */\n  get(path: string): [T | undefined, Record<string, string>] {\n    const params = {};\n    const route = this.getRoute(path, params);\n    return [route, params];\n  }\n\n  /**\n   * Walks the route trie and calls a callback function for each route.\n   */\n  walk(cb: (urlPath: string, route: T) => Promise<void> | void): Promise<void> {\n    const promises: Array<Promise<void>> = [];\n    const addPromise = (promise: Promise<void> | void) => {\n      if (promise) {\n        promises.push(promise);\n      }\n    };\n    if (this.route) {\n      addPromise(cb('/', this.route));\n    }\n    if (this.paramChild) {\n      const param = `[${this.paramChild.name}]`;\n      this.paramChild.trie.walk((childPath: string, route: T) => {\n        const paramUrlPath = `/${param}${childPath}`;\n        addPromise(cb(paramUrlPath, route));\n      });\n    }\n    if (this.wildcardChild) {\n      const wildcardUrlPath = `/[...${this.wildcardChild.name}]`;\n      addPromise(cb(wildcardUrlPath, this.wildcardChild.route));\n    }\n    for (const subpath of Object.keys(this.children)) {\n      const childTrie = this.children[subpath];\n      childTrie.walk((childPath: string, childRoute: T) => {\n        addPromise(cb(`/${subpath}${childPath}`, childRoute));\n      });\n    }\n    return Promise.all(promises).then(() => {});\n  }\n\n  /**\n   * Removes all routes from the trie.\n   */\n  clear() {\n    this.children = {};\n    this.paramChild = undefined;\n    this.wildcardChild = undefined;\n    this.route = undefined;\n  }\n\n  private getRoute(\n    urlPath: string,\n    params: Record<string, string>\n  ): T | undefined {\n    urlPath = this.normalizePath(urlPath);\n    if (urlPath === '') {\n      return this.route;\n    }\n\n    const [head, tail] = this.splitPath(urlPath);\n\n    const child = this.children[head];\n    if (child) {\n      const route = child.getRoute(tail, params);\n      if (route) {\n        return route;\n      }\n    }\n\n    if (this.paramChild) {\n      const route = this.paramChild.trie.getRoute(tail, params);\n      if (route) {\n        params[this.paramChild.name] = head;\n        return route;\n      }\n    }\n\n    if (this.wildcardChild) {\n      params[this.wildcardChild.name] = urlPath;\n      return this.wildcardChild.route;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Normalizes a path for inclusion into the route trie.\n   */\n  private normalizePath(path: string) {\n    // Remove leading slashes.\n    return path.replace(/^\\/+/g, '');\n  }\n\n  /**\n   * Splits the parent directory from its children, e.g.:\n   *\n   *     splitPath(\"foo/bar/baz\") -> [\"foo\", \"bar/baz\"]\n   */\n  private splitPath(path: string): [string, string] {\n    const i = path.indexOf('/');\n    if (i === -1) {\n      return [path, ''];\n    }\n    return [path.slice(0, i), path.slice(i + 1)];\n  }\n}\n\n/**\n * A node in the RouteTrie for a :param child.\n */\nclass ParamChild<T> {\n  readonly name: string;\n  readonly trie: RouteTrie<T> = new RouteTrie();\n\n  constructor(name: string) {\n    this.name = name;\n  }\n}\n\n/**\n * A node in the RouteTrie for a *wildcard child.\n */\nclass WildcardChild<T> {\n  readonly name: string;\n  readonly route: T;\n\n  constructor(name: string, route: T) {\n    this.name = name;\n    this.route = route;\n  }\n}\n","import {Route} from '../../render/router';\n\nconst STYLES = `\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n}\n\nh1 {\n  margin-bottom: 40px;\n}\n\n.route-list {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  column-gap: 24px;\n  row-gap: 8px;\n  padding: 0 40px;\n}\n\n.route-module {\n  text-align: right;\n}\n\nhr {\n  margin: 60px 0;\n}\n`;\n\ninterface DevNotFoundPageProps {\n  sitemap: Record<string, {route: Route; params: Record<string, string>}>;\n}\n\nexport function DevNotFoundPage(props: DevNotFoundPageProps) {\n  const routesList: Array<Route & {urlPath: string}> = [];\n  Object.keys(props.sitemap).forEach((urlPath) => {\n    const route = props.sitemap[urlPath].route;\n    routesList.push(Object.assign({}, route, {urlPath}));\n  });\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{__html: STYLES}}></style>\n      <div>\n        <h1>\n          <strong>404:</strong> Not Found\n        </h1>\n        {routesList.length > 0 ? (\n          <>\n            <h2>Routes found in the project:</h2>\n            <div class=\"route-list\">\n              {routesList.map((route) => (\n                <>\n                  <div class=\"route-module\">{route.modulePath}</div>\n                  <a class=\"route-url\" href={route.urlPath}>\n                    {route.urlPath}\n                  </a>\n                </>\n              ))}\n            </div>\n          </>\n        ) : (\n          <>\n            <h2>No routes found in the project</h2>\n            <p>\n              Add your first route at <code>/routes/index.tsx</code>\n            </p>\n          </>\n        )}\n        <hr />\n        <p>\n          Note: This page could use some love! If you're interested in helping\n          to style this page, please reach out to the root.js developers!\n        </p>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":["path","jsx","jsxs"]}

package/package.json

@@ -1,8 +1,15 @@
 {
   "name": "@blinkk/root",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.10",
   "author": "s@blinkk.com",
   "license": "MIT",
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "files": [
+    "bin/*",
+    "dist/**/*"
+  ],
   "bin": {
     "root": "./bin/root.js"
   },
@@ -26,13 +33,6 @@
       "types": "./dist/render.d.ts"
     }
   },
-  "files": [
-    "bin/*",
-    "dist/**/*"
-  ],
-  "engines": {
-    "node": ">=16.0.0"
-  },
   "dependencies": {
     "bundle-require": "^3.1.0",
     "commander": "^9.4.0",
@@ -41,6 +41,7 @@
     "fs-extra": "^10.1.0",
     "html-minifier-terser": "^7.0.0",
     "joycon": "^3.1.1",
+    "kleur": "^4.1.5",
     "sass": "^1.49.9",
     "tiny-glob": "^0.2.9",
     "vite": "^3.1.0"
@@ -54,17 +55,20 @@
     "@types/fs-extra": "^9.0.13",
     "@types/html-minifier-terser": "^7.0.0",
     "@types/node": "^18.7.14",
+    "@types/preact-custom-element": "^4.0.1",
     "nodemon": "^2.0.19",
     "preact": "^10.10.6",
+    "preact-custom-element": "^4.2.1",
     "preact-render-to-string": "^5.2.3",
     "rollup": "^2.79.0",
-    "tsup": "^5.12.1",
+    "tsup": "^6.2.3",
     "typescript": "^4.7.4",
     "vitest": "^0.18.1"
   },
   "scripts": {
     "build": "rm -rf dist && tsup-node",
     "dev": "nodemon --watch src -e ts,tsx --exec pnpm build",
-    "test": "pnpm build && vitest"
+    "test": "pnpm build && vitest run",
+    "test:watch": "pnpm build && vitest"
   }
 }

package/dist/chunk-4SVK7R4Z.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/components/error-page.tsx","../src/core/components/head.ts","../src/core/components/script.ts","../src/core/i18n.ts"],"sourcesContent":["import {h} from 'preact';\n\nexport interface ErrorPageProps {\n  error: unknown;\n}\n\nexport function ErrorPage(props: ErrorPageProps) {\n  const error = props.error;\n\n  let message = undefined;\n  if (import.meta.env.DEV) {\n    if (error instanceof Error) {\n      message = error.stack;\n    } else {\n      message = String(error);\n    }\n  }\n\n  return (\n    <div>\n      <div>\n        <p>An error occured during route handling or page rendering.</p>\n        {message && <pre>{message}</pre>}\n      </div>\n    </div>\n  );\n}\n","import {ComponentChildren, createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\n\nexport const HEAD_CONTEXT = createContext<ComponentChildren[]>([]);\n\nexport interface HeadProps {\n  children?: ComponentChildren;\n}\n\n/**\n * The <Head> component can be used for injecting elements into the HTML head\n * tag from any part of a page.\n */\nexport function Head(props: HeadProps) {\n  let context: ComponentChildren[];\n  try {\n    context = useContext(HEAD_CONTEXT);\n  } catch (err) {\n    console.log(err);\n    throw new Error(\n      '<Head> component is not supported in the browser, or during suspense renders.',\n      {cause: err}\n    );\n  }\n  context.push(props.children);\n  return null;\n}\n","import {createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\n\nexport const SCRIPT_CONTEXT = createContext<ScriptProps[]>([]);\n\nexport interface ScriptProps {\n  src: string;\n  type?: string;\n}\n\n/**\n * The <Script> component is used for rendering any custom script modules. At\n * the moment, the system only pre-renders and bundles files that are in the\n * `src/bundles` folder at the root of the project.\n */\nexport function Script(props: ScriptProps) {\n  let context: ScriptProps[];\n  try {\n    context = useContext(SCRIPT_CONTEXT);\n  } catch (err) {\n    throw new Error(\n      '<Script> component is not supported in the browser, or during suspense renders.',\n      {cause: err}\n    );\n  }\n  context.push(props);\n  return null;\n}\n","import path from 'node:path';\nimport {createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\n\nexport const I18N_CONTEXT = createContext<I18nContext | null>(null);\n\nexport interface I18nContext {\n  locale: string;\n  translations: Record<string, string>;\n}\n\nexport function t(str: string, params?: Record<string, string>) {\n  const context = useContext(I18N_CONTEXT);\n  if (!context) {\n    throw new Error('could not find i18n context');\n  }\n  const translations = context?.translations || {};\n  let translation = translations[str] || str;\n  if (params) {\n    for (const key in params) {\n      const val = String(params[key] || '');\n      translation = translation.replaceAll(`{${key}}`, val);\n    }\n  }\n  return translation;\n}\n\nexport function getTranslations(locale: string): Record<string, string> {\n  const translations: Record<string, Record<string, string>> = {};\n  const translationsFiles = import.meta.glob(['/translations/*.json'], {\n    eager: true,\n  }) as Record<string, {default?: Record<string, string>}>;\n  Object.keys(translationsFiles).forEach((translationPath) => {\n    const parts = path.parse(translationPath);\n    const locale = parts.name;\n    const module = translationsFiles[translationPath];\n    if (module && module.default) {\n      translations[locale] = module.default;\n    }\n  });\n  return translations[locale] || {};\n}\n"],"mappings":";AAAA;AAMO,mBAAmB,OAAuB;AAC/C,QAAM,QAAQ,MAAM;AAEpB,MAAI,UAAU;AACd,MAAI,YAAY,IAAI,KAAK;AACvB,QAAI,iBAAiB,OAAO;AAC1B,gBAAU,MAAM;AAAA,IAClB,OAAO;AACL,gBAAU,OAAO,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,SACE,kBAAC,aACC,kBAAC,aACC,kBAAC,WAAE,2DAAyD,GAC3D,WAAW,kBAAC,aAAK,OAAQ,CAC5B,CACF;AAEJ;;;AC1BA;AACA;AAEO,IAAM,eAAe,cAAmC,CAAC,CAAC;AAU1D,cAAc,OAAkB;AACrC,MAAI;AACJ,MAAI;AACF,cAAU,WAAW,YAAY;AAAA,EACnC,SAAS,KAAP;AACA,YAAQ,IAAI,GAAG;AACf,UAAM,IAAI,MACR,iFACA,EAAC,OAAO,IAAG,CACb;AAAA,EACF;AACA,UAAQ,KAAK,MAAM,QAAQ;AAC3B,SAAO;AACT;;;AC1BA;AACA;AAEO,IAAM,iBAAiB,eAA6B,CAAC,CAAC;AAYtD,gBAAgB,OAAoB;AACzC,MAAI;AACJ,MAAI;AACF,cAAU,YAAW,cAAc;AAAA,EACrC,SAAS,KAAP;AACA,UAAM,IAAI,MACR,mFACA,EAAC,OAAO,IAAG,CACb;AAAA,EACF;AACA,UAAQ,KAAK,KAAK;AAClB,SAAO;AACT;;;AC3BA;AACA;AACA;AAEO,IAAM,eAAe,eAAkC,IAAI;AAO3D,WAAW,KAAa,QAAiC;AAC9D,QAAM,UAAU,YAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,6BAA6B;AAAA,EAC/C;AACA,QAAM,eAAe,oCAAS,iBAAgB,CAAC;AAC/C,MAAI,cAAc,aAAa,QAAQ;AACvC,MAAI,QAAQ;AACV,eAAW,OAAO,QAAQ;AACxB,YAAM,MAAM,OAAO,OAAO,QAAQ,EAAE;AACpC,oBAAc,YAAY,WAAW,IAAI,QAAQ,GAAG;AAAA,IACtD;AAAA,EACF;AACA,SAAO;AACT;AAEO,yBAAyB,QAAwC;AACtE,QAAM,eAAuD,CAAC;AAC9D,QAAM,oBAAoB,YAAY,KAAK,CAAC,sBAAsB,GAAG;AAAA,IACnE,OAAO;AAAA,EACT,CAAC;AACD,SAAO,KAAK,iBAAiB,EAAE,QAAQ,CAAC,oBAAoB;AAC1D,UAAM,QAAQ,KAAK,MAAM,eAAe;AACxC,UAAM,UAAS,MAAM;AACrB,UAAM,SAAS,kBAAkB;AACjC,QAAI,UAAU,OAAO,SAAS;AAC5B,mBAAa,WAAU,OAAO;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,aAAa,WAAW,CAAC;AAClC;","names":[]}

package/dist/config-5b8f6033.d.ts

@@ -1,15 +0,0 @@
-import { UserConfig } from 'vite';
-
-interface RootConfig {
-    i18n?: RootI18nConfig;
-    vite?: UserConfig;
-    sitemap?: boolean;
-}
-interface RootI18nConfig {
-    locales?: string[];
-    defaultLocale?: string;
-    urlFormat?: string;
-}
-declare function defineConfig(config: RootConfig): RootConfig;
-
-export { RootConfig as R, RootI18nConfig as a, defineConfig as d };