npm - @blinkk/root - Versions diffs - 1.0.0-alpha.3 → 1.0.0-alpha.30 - Mend

@blinkk/root 1.0.0-alpha.3 → 1.0.0-alpha.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/bin/root.js +27 -16
package/dist/{chunk-CDPH3RKE.js → chunk-MLJ4KUD5.js} +72 -15
package/dist/chunk-MLJ4KUD5.js.map +1 -0
package/dist/chunk-ZB7R6ZOY.js +31 -0
package/dist/chunk-ZB7R6ZOY.js.map +1 -0
package/dist/cli.d.ts +10 -4
package/dist/cli.js +791 -205
package/dist/cli.js.map +1 -1
package/dist/config-0a9ae264.d.ts +232 -0
package/dist/core.d.ts +52 -5
package/dist/core.js +17 -1
package/dist/core.js.map +1 -1
package/dist/render.d.ts +5 -57
package/dist/render.js +297 -117
package/dist/render.js.map +1 -1
package/package.json +20 -21
package/dist/chunk-CDPH3RKE.js.map +0 -1
package/dist/types-d6c0705e.d.ts +0 -27

package/bin/root.js CHANGED Viewed

@@ -4,26 +4,37 @@ import {createRequire} from 'node:module';
 import path from 'node:path';
 import {fileURLToPath} from 'node:url';
 import {Command} from 'commander';
-import {build, dev, start} from '../dist/cli.js';
+import {build, dev, preview, start} from '../dist/cli.js';
+import {bgGreen, black} from 'kleur/colors';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const require = createRequire(import.meta.url);
 const packageJson = require(path.join(__dirname, '../package.json'));
-const program = new Command('root');
-program.version(packageJson.version);
+async function main() {
+  console.log(`🌱 ${bgGreen(black(' root.js '))} v${packageJson.version}`);
-program
-  .command('build [path]')
-  .description('generates a static build')
-  .action(build);
-program
-  .command('dev [path]')
-  .description('starts the server in development mode')
-  .action(dev);
-program
-  .command('start [path]')
-  .description('starts the server in production mode')
-  .action(start);
+  const program = new Command('root');
+  program.version(packageJson.version);
+  program
+    .command('build [path]')
+    .description('generates a static build')
+    .option('--ssr-only', 'produce a ssr-only build')
+    .option('--mode <mode>', 'see: https://vitejs.dev/guide/env-and-mode.html#modes', 'production')
+    .action(build);
+  program
+    .command('dev [path]')
+    .description('starts the server in development mode')
+    .action(dev);
+  program
+    .command('preview [path]')
+    .description('starts the server in preview mode')
+    .action(preview);
+  program
+    .command('start [path]')
+    .description('starts the server in production mode')
+    .action(start);
+  await program.parseAsync(process.argv);
+}
-program.parse(process.argv);
+main();

package/dist/{chunk-CDPH3RKE.js → chunk-MLJ4KUD5.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 // src/core/components/error-page.tsx
-import { h } from "preact";
+import { jsx, jsxs } from "preact/jsx-runtime";
 function ErrorPage(props) {
   const error = props.error;
   let message = void 0;
@@ -10,7 +10,18 @@ function ErrorPage(props) {
       message = String(error);
     }
   }
-  return /* @__PURE__ */ h("div", null, /* @__PURE__ */ h("div", null, /* @__PURE__ */ h("p", null, "An error occured during route handling or page rendering."), message && /* @__PURE__ */ h("pre", null, message)));
+  return /* @__PURE__ */ jsx("div", {
+    children: /* @__PURE__ */ jsxs("div", {
+      children: [
+        /* @__PURE__ */ jsx("p", {
+          children: "An error occured during route handling or page rendering."
+        }),
+        message && /* @__PURE__ */ jsx("pre", {
+          children: message
+        })
+      ]
+    })
+  });
 }
 // src/core/components/head.ts
@@ -23,22 +34,47 @@ function Head(props) {
     context = useContext(HEAD_CONTEXT);
   } catch (err) {
     console.log(err);
-    throw new Error("<Head> component is not supported in the browser, or during suspense renders.", { cause: err });
+    throw new Error(
+      "<Head> component is not supported in the browser, or during suspense renders.",
+      { cause: err }
+    );
   }
   context.push(props.children);
   return null;
 }
-// src/core/components/script.ts
+// src/core/components/html.ts
 import { createContext as createContext2 } from "preact";
 import { useContext as useContext2 } from "preact/hooks";
-var SCRIPT_CONTEXT = createContext2([]);
+var HTML_CONTEXT = createContext2({ attrs: {} });
+function Html({ children, ...attrs }) {
+  let context;
+  try {
+    context = useContext2(HTML_CONTEXT);
+    context.attrs = attrs;
+  } catch (err) {
+    console.log(err);
+    throw new Error(
+      "<Html> component is not supported in the browser, or during suspense renders.",
+      { cause: err }
+    );
+  }
+  return children;
+}
+// src/core/components/script.ts
+import { createContext as createContext3 } from "preact";
+import { useContext as useContext3 } from "preact/hooks";
+var SCRIPT_CONTEXT = createContext3([]);
 function Script(props) {
   let context;
   try {
-    context = useContext2(SCRIPT_CONTEXT);
+    context = useContext3(SCRIPT_CONTEXT);
   } catch (err) {
-    throw new Error("<Script> component is not supported in the browser, or during suspense renders.", { cause: err });
+    throw new Error(
+      "<Script> component is not supported in the browser, or during suspense renders.",
+      { cause: err }
+    );
   }
   context.push(props);
   return null;
@@ -46,9 +82,9 @@ function Script(props) {
 // src/core/i18n.ts
 import path from "node:path";
-import { createContext as createContext3 } from "preact";
-import { useContext as useContext3 } from "preact/hooks";
-var I18N_CONTEXT = createContext3(null);
+import { createContext as createContext4 } from "preact";
+import { useContext as useContext4 } from "preact/hooks";
+var I18N_CONTEXT = createContext4(null);
 function getTranslations(locale) {
   const translations = {};
   const translationsFiles = import.meta.glob(["/translations/*.json"], {
@@ -64,12 +100,16 @@ function getTranslations(locale) {
   });
   return translations[locale] || {};
 }
-function useTranslations() {
-  const context = useContext3(I18N_CONTEXT);
+function useI18nContext() {
+  const context = useContext4(I18N_CONTEXT);
   if (!context) {
     throw new Error("could not find i18n context");
   }
-  const translations = (context == null ? void 0 : context.translations) || {};
+  return context;
+}
+function useTranslations() {
+  const context = useI18nContext();
+  const translations = context.translations || {};
   const t = (str, params) => {
     let translation = translations[str] || str || "";
     if (params) {
@@ -83,14 +123,31 @@ function useTranslations() {
   return t;
 }
+// src/core/request-context.ts
+import { createContext as createContext5 } from "preact";
+import { useContext as useContext5 } from "preact/hooks";
+var REQUEST_CONTEXT = createContext5(null);
+function useRequestContext() {
+  const context = useContext5(REQUEST_CONTEXT);
+  if (!context) {
+    throw new Error("could not find request context");
+  }
+  return context;
+}
 export {
   ErrorPage,
   HEAD_CONTEXT,
   Head,
+  HTML_CONTEXT,
+  Html,
   SCRIPT_CONTEXT,
   Script,
   I18N_CONTEXT,
   getTranslations,
-  useTranslations
+  useI18nContext,
+  useTranslations,
+  REQUEST_CONTEXT,
+  useRequestContext
 };
-//# sourceMappingURL=chunk-CDPH3RKE.js.map
+//# sourceMappingURL=chunk-MLJ4KUD5.js.map

package/dist/chunk-MLJ4KUD5.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/core/components/error-page.tsx","../src/core/components/head.ts","../src/core/components/html.ts","../src/core/components/script.ts","../src/core/i18n.ts","../src/core/request-context.ts"],"sourcesContent":["export 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 {ComponentChildren, createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\n\nexport interface HtmlContextValue {\n attrs: Record<string, string>;\n}\n\nexport const HTML_CONTEXT = createContext<HtmlContextValue>({attrs: {}});\n\nexport type HtmlProps = preact.JSX.HTMLAttributes<HTMLHtmlElement> & {\n children?: ComponentChildren;\n};\n\n/**\n * The `<Html>` component can be used to update attrs used in the `<html>` tag.\n *\n * Usage:\n *\n * import {Html} from '@blinkk/root';\n *\n * export default function Page() {\n * return (\n * <Html lang={locale}>\n * <h1>Hello world</h1>\n * </Html>\n * );\n * }\n */\nexport function Html({children, ...attrs}: HtmlProps) {\n let context: Record<string, any>;\n try {\n context = useContext(HTML_CONTEXT);\n context.attrs = attrs;\n } catch (err) {\n console.log(err);\n throw new Error(\n '<Html> component is not supported in the browser, or during suspense renders.',\n {cause: err}\n );\n }\n return children;\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 * `/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 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\nexport function useI18nContext() {\n const context = useContext(I18N_CONTEXT);\n if (!context) {\n throw new Error('could not find i18n context');\n }\n return context;\n}\n\nexport function useTranslations() {\n const context = useI18nContext();\n const translations = context.translations || {};\n const t = (str: string, params?: Record<string, string>) => {\n let translation = translations[str] || str || '';\n if (params) {\n for (const key of Object.keys(params)) {\n const val = String(params[key] || '');\n translation = translation.replaceAll(`{${key}}`, val);\n }\n }\n return translation;\n };\n return t;\n}\n","import {createContext} from 'preact';\nimport {useContext} from 'preact/hooks';\nimport {Route} from '../render/router';\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\nexport function useRequestContext() {\n const context = useContext(REQUEST_CONTEXT);\n if (!context) {\n throw new Error('could not find request context');\n }\n return context;\n}\n"],"mappings":";AAkBM,SACE,KADF;AAdC,SAAS,UAAU,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,oBAAC;AAAA,IACC,+BAAC;AAAA,MACC;AAAA,4BAAC;AAAA,UAAE;AAAA,SAAyD;AAAA,QAC3D,WAAW,oBAAC;AAAA,UAAK;AAAA,SAAQ;AAAA;AAAA,KAC5B;AAAA,GACF;AAEJ;;;ACxBA,SAA2B,qBAAoB;AAC/C,SAAQ,kBAAiB;AAElB,IAAM,eAAe,cAAmC,CAAC,CAAC;AAU1D,SAAS,KAAK,OAAkB;AACrC,MAAI;AACJ,MAAI;AACF,cAAU,WAAW,YAAY;AAAA,EACnC,SAAS,KAAP;AACA,YAAQ,IAAI,GAAG;AACf,UAAM,IAAI;AAAA,MACR;AAAA,MACA,EAAC,OAAO,IAAG;AAAA,IACb;AAAA,EACF;AACA,UAAQ,KAAK,MAAM,QAAQ;AAC3B,SAAO;AACT;;;AC1BA,SAA2B,iBAAAA,sBAAoB;AAC/C,SAAQ,cAAAC,mBAAiB;AAMlB,IAAM,eAAeD,eAAgC,EAAC,OAAO,CAAC,EAAC,CAAC;AAqBhE,SAAS,KAAK,EAAC,aAAa,MAAK,GAAc;AACpD,MAAI;AACJ,MAAI;AACF,cAAUC,YAAW,YAAY;AACjC,YAAQ,QAAQ;AAAA,EAClB,SAAS,KAAP;AACA,YAAQ,IAAI,GAAG;AACf,UAAM,IAAI;AAAA,MACR;AAAA,MACA,EAAC,OAAO,IAAG;AAAA,IACb;AAAA,EACF;AACA,SAAO;AACT;;;ACzCA,SAAQ,iBAAAC,sBAAoB;AAC5B,SAAQ,cAAAC,mBAAiB;AAElB,IAAM,iBAAiBD,eAA6B,CAAC,CAAC;AAYtD,SAAS,OAAO,OAAoB;AACzC,MAAI;AACJ,MAAI;AACF,cAAUC,YAAW,cAAc;AAAA,EACrC,SAAS,KAAP;AACA,UAAM,IAAI;AAAA,MACR;AAAA,MACA,EAAC,OAAO,IAAG;AAAA,IACb;AAAA,EACF;AACA,UAAQ,KAAK,KAAK;AAClB,SAAO;AACT;;;AC3BA,OAAO,UAAU;AACjB,SAAQ,iBAAAC,sBAAoB;AAC5B,SAAQ,cAAAC,mBAAiB;AAElB,IAAM,eAAeD,eAAkC,IAAI;AAO3D,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,UAAME,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;AAEO,SAAS,iBAAiB;AAC/B,QAAM,UAAUD,YAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,6BAA6B;AAAA,EAC/C;AACA,SAAO;AACT;AAEO,SAAS,kBAAkB;AAChC,QAAM,UAAU,eAAe;AAC/B,QAAM,eAAe,QAAQ,gBAAgB,CAAC;AAC9C,QAAM,IAAI,CAAC,KAAa,WAAoC;AAC1D,QAAI,cAAc,aAAa,QAAQ,OAAO;AAC9C,QAAI,QAAQ;AACV,iBAAW,OAAO,OAAO,KAAK,MAAM,GAAG;AACrC,cAAM,MAAM,OAAO,OAAO,QAAQ,EAAE;AACpC,sBAAc,YAAY,WAAW,IAAI,QAAQ,GAAG;AAAA,MACtD;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;;;ACjDA,SAAQ,iBAAAE,sBAAoB;AAC5B,SAAQ,cAAAC,mBAAiB;AAmBlB,IAAM,kBAAkBD,eAAqC,IAAI;AAEjE,SAAS,oBAAoB;AAClC,QAAM,UAAUC,YAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,gCAAgC;AAAA,EAClD;AACA,SAAO;AACT;","names":["createContext","useContext","createContext","useContext","createContext","useContext","locale","createContext","useContext"]}

package/dist/chunk-ZB7R6ZOY.js ADDED Viewed

@@ -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-ZB7R6ZOY.js.map

package/dist/chunk-ZB7R6ZOY.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/core/plugin.ts"],"sourcesContent":["import {PluginOption as VitePlugin} from 'vite';\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}\n\nexport interface Plugin {\n name?: string;\n\n /** Configures the root.js express server . */\n configureServer?: ConfigureServerHook;\n\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":";AA6BA,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/cli.d.ts CHANGED Viewed

@@ -1,7 +1,13 @@
-declare function dev(rootDir?: string): void;
+declare function dev(rootProjectDir?: string): Promise<void>;
-declare function build(rootDir?: string): Promise<void>;
+interface BuildOptions {
+    ssrOnly?: boolean;
+    mode?: string;
+}
+declare function build(rootProjectDir?: string, options?: BuildOptions): Promise<void>;
-declare function start(): Promise<void>;
+declare function preview(rootProjectDir?: string): Promise<void>;
-export { build, dev, start };
+declare function start(rootProjectDir?: string): Promise<void>;
+export { build, dev, preview, start };