@blinkk/root 1.0.0-alpha.8 → 1.0.0-beta.0

package/bin/root.js

@@ -20,7 +20,7 @@ async function main() {
     .command('build [path]')
     .description('generates a static build')
     .option('--ssr-only', 'produce a ssr-only build')
-    .option('--mode', 'see: https://vitejs.dev/guide/env-and-mode.html#modes', 'production')
+    .option('--mode <mode>', 'see: https://vitejs.dev/guide/env-and-mode.html#modes', 'production')
     .action(build);
   program
     .command('dev [path]')

package/dist/chunk-DTEQ2AIW.js

@@ -0,0 +1,31 @@
+// src/core/plugin.ts
+async function configureServerPlugins(server, callback, plugins, options) {
+  const postHooks = [];
+  for (const plugin of plugins) {
+    if (plugin.configureServer) {
+      const postHook = await plugin.configureServer(server, options);
+      if (postHook) {
+        postHooks.push(postHook);
+      }
+    }
+  }
+  callback();
+  for (const postHook of postHooks) {
+    await postHook();
+  }
+}
+function getVitePlugins(plugins) {
+  const vitePlugins = [];
+  for (const plugin of plugins) {
+    if (plugin.vitePlugins) {
+      vitePlugins.push(...plugin.vitePlugins);
+    }
+  }
+  return vitePlugins;
+}
+
+export {
+  configureServerPlugins,
+  getVitePlugins
+};
+//# sourceMappingURL=chunk-DTEQ2AIW.js.map

package/dist/chunk-DTEQ2AIW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/plugin.ts"],"sourcesContent":["import {PluginOption as VitePlugin} from 'vite';\nimport {RootConfig} from './config';\nimport {Server} from './types';\n\ntype MaybePromise<T> = T | Promise<T>;\n\nexport type ConfigureServerHook = (\n  server: Server,\n  options: ConfigureServerOptions\n) => MaybePromise<void> | MaybePromise<() => void>;\n\nexport interface ConfigureServerOptions {\n  type: 'dev' | 'preview' | 'prod';\n  rootConfig: RootConfig;\n}\n\nexport interface Plugin {\n  [key: string]: any;\n  /** The name of the plugin. */\n  name?: string;\n  /**\n   * Configures the root.js express server. Any middleware defined by the plugin\n   * will be added to the server first. If a callback fn is returned, it will\n   * be called after the root.js middlewares are added.\n   */\n  configureServer?: ConfigureServerHook;\n  /**\n   * Returns a list of deps to bundle for ssr. The files will be bundled and\n   * output to `dist/server/`. The return value should be a map of\n   * `{output filename => input filepath}`.\n   *\n   * E.g. a value of `{foo: 'path/to/bar.js'}` will output `dist/server/foo.js`.\n   *\n   * @experimental This config is subject to change to be incorporated into a\n   * broader config option called \"ssr\" or \"ssrOptions\".\n   */\n  ssrInput?: () => {[entryAlias: string]: string};\n  /** Adds vite plugins. */\n  vitePlugins?: VitePlugin[];\n}\n\n/**\n * Runs the pre-hook configureServer method of every plugin, calls a callback\n * function, and then runs the configureServer's post-hook if provided. Plugins\n * provide a post-hook by returning a callback function from configureServer.\n */\nexport async function configureServerPlugins(\n  server: Server,\n  callback: () => Promise<void>,\n  plugins: Plugin[],\n  options: ConfigureServerOptions\n) {\n  const postHooks: Array<() => void> = [];\n\n  // Call the `configureServer()` method for each plugin.\n  for (const plugin of plugins) {\n    if (plugin.configureServer) {\n      const postHook = await plugin.configureServer(server, options);\n      if (postHook) {\n        postHooks.push(postHook);\n      }\n    }\n  }\n\n  // Register any built-in middleware.\n  callback();\n\n  // Run any post hooks returned by `plugin.configureServer()`.\n  for (const postHook of postHooks) {\n    await postHook();\n  }\n}\n\nexport function getVitePlugins(plugins: Plugin[]): VitePlugin[] {\n  const vitePlugins: VitePlugin[] = [];\n  for (const plugin of plugins) {\n    if (plugin.vitePlugins) {\n      vitePlugins.push(...plugin.vitePlugins);\n    }\n  }\n  return vitePlugins;\n}\n"],"mappings":";AA8CA,eAAsB,uBACpB,QACA,UACA,SACA,SACA;AACA,QAAM,YAA+B,CAAC;AAGtC,aAAW,UAAU,SAAS;AAC5B,QAAI,OAAO,iBAAiB;AAC1B,YAAM,WAAW,MAAM,OAAO,gBAAgB,QAAQ,OAAO;AAC7D,UAAI,UAAU;AACZ,kBAAU,KAAK,QAAQ;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAGA,WAAS;AAGT,aAAW,YAAY,WAAW;AAChC,UAAM,SAAS;AAAA,EACjB;AACF;AAEO,SAAS,eAAe,SAAiC;AAC9D,QAAM,cAA4B,CAAC;AACnC,aAAW,UAAU,SAAS;AAC5B,QAAI,OAAO,aAAa;AACtB,kBAAY,KAAK,GAAG,OAAO,WAAW;AAAA,IACxC;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-GGQGZ7ZE.js

@@ -0,0 +1,61 @@
+// src/utils/elements.ts
+var ELEMENT_RE = /^[a-z][\w-]*-[\w-]*$/;
+var HTML_ELEMENTS_REGEX = /<([a-z][\w-]*-[\w-]*)/g;
+function isValidTagName(tagName) {
+  return ELEMENT_RE.test(tagName);
+}
+function parseTagNames(src) {
+  const tagNames = /* @__PURE__ */ new Set();
+  const matches = Array.from(src.matchAll(HTML_ELEMENTS_REGEX));
+  for (const match of matches) {
+    const tagName = match[1];
+    tagNames.add(tagName);
+  }
+  return Array.from(tagNames);
+}
+
+// src/render/html-minify.ts
+import { createRequire } from "module";
+var require2 = createRequire(import.meta.url);
+var { minify } = require2("html-minifier-terser");
+async function htmlMinify(html, options) {
+  const minifyOptions = options || {
+    collapseWhitespace: true,
+    removeComments: true,
+    preserveLineBreaks: true
+  };
+  try {
+    const min = await minify(html, minifyOptions);
+    return min.trimStart();
+  } catch (e) {
+    console.error("failed to minify html:", e);
+    return html;
+  }
+}
+
+// src/render/html-pretty.ts
+import { createRequire as createRequire2 } from "module";
+var require3 = createRequire2(import.meta.url);
+var beautify = require3("js-beautify");
+async function htmlPretty(html, options) {
+  const prettyOptions = options || {
+    indent_size: 0,
+    end_with_newline: true,
+    extra_liners: []
+  };
+  try {
+    const output = beautify.html(html, prettyOptions);
+    return output.trimStart();
+  } catch (e) {
+    console.error("failed to pretty html:", e);
+    return html;
+  }
+}
+
+export {
+  isValidTagName,
+  parseTagNames,
+  htmlMinify,
+  htmlPretty
+};
+//# sourceMappingURL=chunk-GGQGZ7ZE.js.map

package/dist/chunk-GGQGZ7ZE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/elements.ts","../src/render/html-minify.ts","../src/render/html-pretty.ts"],"sourcesContent":["export const ELEMENT_RE = /^[a-z][\\w-]*-[\\w-]*$/;\nexport const HTML_ELEMENTS_REGEX = /<([a-z][\\w-]*-[\\w-]*)/g;\n\n/**\n * Returns true if the tagName is a valid custom element tag.\n */\nexport function isValidTagName(tagName: string) {\n  return ELEMENT_RE.test(tagName);\n}\n\n/**\n * Returns a list of custom elements used in a src string (e.g. HTML, jsx, lit).\n * NOTE: the impl uses a simple regex, so tagNames used in comments and attr\n * values may be included.\n */\nexport function parseTagNames(src: string): string[] {\n  const tagNames = new Set<string>();\n  const matches = Array.from(src.matchAll(HTML_ELEMENTS_REGEX));\n  for (const match of matches) {\n    const tagName = match[1];\n    tagNames.add(tagName);\n  }\n  return Array.from(tagNames);\n}\n","import {createRequire} from 'module';\nconst require = createRequire(import.meta.url);\nconst {minify} = require('html-minifier-terser');\nimport type {Options} from 'html-minifier-terser';\n\nexport type HtmlMinifyOptions = Options;\n\nexport async function htmlMinify(\n  html: string,\n  options?: HtmlMinifyOptions\n): Promise<string> {\n  const minifyOptions = options || {\n    collapseWhitespace: true,\n    removeComments: true,\n    preserveLineBreaks: true,\n  };\n  try {\n    const min = await minify(html, minifyOptions);\n    return min.trimStart();\n  } catch (e) {\n    console.error('failed to minify html:', e);\n    return html;\n  }\n}\n","import {createRequire} from 'module';\nconst require = createRequire(import.meta.url);\nconst beautify = require('js-beautify');\nimport type {HTMLBeautifyOptions} from 'js-beautify';\n\nexport type HtmlPrettyOptions = HTMLBeautifyOptions;\n\nexport async function htmlPretty(\n  html: string,\n  options?: HtmlPrettyOptions\n): Promise<string> {\n  const prettyOptions = options || {\n    indent_size: 0,\n    end_with_newline: true,\n    extra_liners: [],\n  };\n  try {\n    const output = beautify.html(html, prettyOptions);\n    return output.trimStart();\n  } catch (e) {\n    console.error('failed to pretty html:', e);\n    return html;\n  }\n}\n"],"mappings":";AAAO,IAAM,aAAa;AACnB,IAAM,sBAAsB;AAK5B,SAAS,eAAe,SAAiB;AAC9C,SAAO,WAAW,KAAK,OAAO;AAChC;AAOO,SAAS,cAAc,KAAuB;AACnD,QAAM,WAAW,oBAAI,IAAY;AACjC,QAAM,UAAU,MAAM,KAAK,IAAI,SAAS,mBAAmB,CAAC;AAC5D,aAAW,SAAS,SAAS;AAC3B,UAAM,UAAU,MAAM;AACtB,aAAS,IAAI,OAAO;AAAA,EACtB;AACA,SAAO,MAAM,KAAK,QAAQ;AAC5B;;;ACvBA,SAAQ,qBAAoB;AAC5B,IAAMA,WAAU,cAAc,YAAY,GAAG;AAC7C,IAAM,EAAC,OAAM,IAAIA,SAAQ,sBAAsB;AAK/C,eAAsB,WACpB,MACA,SACiB;AACjB,QAAM,gBAAgB,WAAW;AAAA,IAC/B,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,oBAAoB;AAAA,EACtB;AACA,MAAI;AACF,UAAM,MAAM,MAAM,OAAO,MAAM,aAAa;AAC5C,WAAO,IAAI,UAAU;AAAA,EACvB,SAAS,GAAP;AACA,YAAQ,MAAM,0BAA0B,CAAC;AACzC,WAAO;AAAA,EACT;AACF;;;ACvBA,SAAQ,iBAAAC,sBAAoB;AAC5B,IAAMC,WAAUD,eAAc,YAAY,GAAG;AAC7C,IAAM,WAAWC,SAAQ,aAAa;AAKtC,eAAsB,WACpB,MACA,SACiB;AACjB,QAAM,gBAAgB,WAAW;AAAA,IAC/B,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,cAAc,CAAC;AAAA,EACjB;AACA,MAAI;AACF,UAAM,SAAS,SAAS,KAAK,MAAM,aAAa;AAChD,WAAO,OAAO,UAAU;AAAA,EAC1B,SAAS,GAAP;AACA,YAAQ,MAAM,0BAA0B,CAAC;AACzC,WAAO;AAAA,EACT;AACF;","names":["require","createRequire","require"]}

package/dist/chunk-WTSNW7BB.js

@@ -0,0 +1,68 @@
+// src/core/components/Html.tsx
+import { createContext } from "preact";
+import { useContext } from "preact/hooks";
+import { Fragment, jsx } from "preact/jsx-runtime";
+var HTML_CONTEXT = createContext(null);
+var Html = ({ children, ...attrs }) => {
+  const context = useContext(HTML_CONTEXT);
+  if (!context) {
+    throw new Error(
+      "HTML_CONTEXT not found, double-check usage of the <Html> component"
+    );
+  }
+  context.htmlAttrs = attrs;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children
+  });
+};
+
+// src/core/hooks/useI18nContext.ts
+import path from "node:path";
+import { createContext as createContext2 } from "preact";
+import { useContext as useContext2 } from "preact/hooks";
+var I18N_CONTEXT = createContext2(null);
+function useI18nContext() {
+  const context = useContext2(I18N_CONTEXT);
+  if (!context) {
+    throw new Error("I18N_CONTEXT not found");
+  }
+  return context;
+}
+function getTranslations(locale) {
+  const translations = {};
+  const translationsFiles = import.meta.glob(["/translations/*.json"], {
+    eager: true
+  });
+  Object.keys(translationsFiles).forEach((translationPath) => {
+    const parts = path.parse(translationPath);
+    const locale2 = parts.name;
+    const module = translationsFiles[translationPath];
+    if (module && module.default) {
+      translations[locale2] = module.default;
+    }
+  });
+  return translations[locale] || {};
+}
+
+// src/core/hooks/useRequestContext.ts
+import { createContext as createContext3 } from "preact";
+import { useContext as useContext3 } from "preact/hooks";
+var REQUEST_CONTEXT = createContext3(null);
+function useRequestContext() {
+  const context = useContext3(REQUEST_CONTEXT);
+  if (!context) {
+    throw new Error("REQUEST_CONTEXT not found");
+  }
+  return context;
+}
+
+export {
+  HTML_CONTEXT,
+  Html,
+  I18N_CONTEXT,
+  useI18nContext,
+  getTranslations,
+  REQUEST_CONTEXT,
+  useRequestContext
+};
+//# sourceMappingURL=chunk-WTSNW7BB.js.map

package/dist/chunk-WTSNW7BB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/components/Html.tsx","../src/core/hooks/useI18nContext.ts","../src/core/hooks/useRequestContext.ts"],"sourcesContent":["import {ComponentChildren, FunctionalComponent, createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\n\nexport interface HtmlContext {\n  htmlAttrs: preact.JSX.HTMLAttributes<HTMLHtmlElement>;\n  headAttrs: preact.JSX.HTMLAttributes<HTMLHeadElement>;\n  headComponents: ComponentChildren[];\n  bodyAttrs: preact.JSX.HTMLAttributes<HTMLBodyElement>;\n  scriptDeps: Array<preact.JSX.HTMLAttributes<HTMLScriptElement>>;\n}\n\nexport const HTML_CONTEXT = createContext<HtmlContext | null>(null);\n\nexport type HtmlProps = preact.JSX.HTMLAttributes<HTMLHtmlElement> & {\n  children?: ComponentChildren;\n};\n\n/**\n * The `<Html>` component can be used to update attrs in the `<html>` tag.\n *\n * Usage:\n *\n * ```tsx\n * <Html lang=\"en-US\">\n *   <h1>Hello world</h1>\n * </Html>\n * ```\n */\nexport const Html: FunctionalComponent<HtmlProps> = ({children, ...attrs}) => {\n  const context = useContext(HTML_CONTEXT);\n  if (!context) {\n    throw new Error(\n      'HTML_CONTEXT not found, double-check usage of the <Html> component'\n    );\n  }\n  context.htmlAttrs = attrs;\n  return <>{children}</>;\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\n/**\n * A hook that returns information about the current i18n context, including the\n * locale for the given route and a map of translations for that locale.\n */\nexport function useI18nContext() {\n  const context = useContext(I18N_CONTEXT);\n  if (!context) {\n    throw new Error('I18N_CONTEXT not found');\n  }\n  return context;\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","import {createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\nimport {Route} from '../types';\n\nexport interface RequestContext {\n  /** The route file. */\n  route: Route;\n  /**\n   * Route param values. E.g. for a route like `routes/blog/[slug].tsx`,\n   * visiting `/blog/foo` will pass {slug: 'foo'} here.\n   */\n  routeParams: Record<string, string>;\n  /** Props passed to the route's server component. */\n  props: any;\n  /** The current locale. */\n  locale: string;\n  /** Translations map for the current locale. */\n  translations: Record<string, string>;\n}\n\nexport const REQUEST_CONTEXT = createContext<RequestContext | null>(null);\n\n/**\n * A hook that returns information about the current route.\n *\n * Usage:\n *\n * ```ts\n * const ctx = useRequestContext();\n * ctx.route.src;\n * // => 'routes/index.tsx'\n * ```\n */\nexport function useRequestContext() {\n  const context = useContext(REQUEST_CONTEXT);\n  if (!context) {\n    throw new Error('REQUEST_CONTEXT not found');\n  }\n  return context;\n}\n"],"mappings":";AAAA,SAAgD,qBAAoB;AACpE,SAAQ,kBAAiB;AAmChB;AAzBF,IAAM,eAAe,cAAkC,IAAI;AAiB3D,IAAM,OAAuC,CAAC,EAAC,aAAa,MAAK,MAAM;AAC5E,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,UAAQ,YAAY;AACpB,SAAO;AAAA,IAAG;AAAA,GAAS;AACrB;;;ACrCA,OAAO,UAAU;AACjB,SAAQ,iBAAAA,sBAAoB;AAC5B,SAAQ,cAAAC,mBAAiB;AAElB,IAAM,eAAeD,eAAkC,IAAI;AAW3D,SAAS,iBAAiB;AAC/B,QAAM,UAAUC,YAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC1C;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,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,UAAMC,UAAS,MAAM;AACrB,UAAM,SAAS,kBAAkB;AACjC,QAAI,UAAU,OAAO,SAAS;AAC5B,mBAAaA,WAAU,OAAO;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,aAAa,WAAW,CAAC;AAClC;;;ACrCA,SAAQ,iBAAAC,sBAAoB;AAC5B,SAAQ,cAAAC,mBAAiB;AAmBlB,IAAM,kBAAkBD,eAAqC,IAAI;AAajE,SAAS,oBAAoB;AAClC,QAAM,UAAUC,YAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,2BAA2B;AAAA,EAC7C;AACA,SAAO;AACT;","names":["createContext","useContext","locale","createContext","useContext"]}