@blinkk/root 2.5.11 → 2.5.12-alpha.0

package/dist/jsx.js

@@ -0,0 +1,21 @@
+import {
+  Fragment,
+  createContext,
+  createElement,
+  jsx,
+  options,
+  renderJsxToString,
+  useContext
+} from "./chunk-P6EPJRRM.js";
+export {
+  Fragment,
+  createContext,
+  createElement,
+  createElement as h,
+  jsx,
+  jsx as jsxs,
+  options,
+  renderJsxToString,
+  useContext
+};
+//# sourceMappingURL=jsx.js.map

package/dist/jsx.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/middleware.d.ts

@@ -1,10 +1,11 @@
-import { b as RootConfig, s as Request, t as Response, N as NextFunction } from './types-BXpvdaTX.js';
-export { D as SESSION_COOKIE, F as SaveSessionOptions, J as Session, E as SessionMiddlewareOptions, I as sessionMiddleware } from './types-BXpvdaTX.js';
+import { b as RootConfig, s as Request, t as Response, N as NextFunction } from './types-yeULDLJI.js';
+export { D as SESSION_COOKIE, F as SaveSessionOptions, J as Session, E as SessionMiddlewareOptions, I as sessionMiddleware } from './types-yeULDLJI.js';
 import { RequestHandler } from 'express';
 import 'preact';
 import 'vite';
 import 'html-minifier-terser';
 import 'js-beautify';
+import './jsx-render-BCCySLjz.js';
 
 /**
  * Middleware that injects the root.js project config into the request context.

package/dist/node.d.ts

@@ -1,10 +1,11 @@
-import { b as RootConfig } from './types-BXpvdaTX.js';
+import { b as RootConfig } from './types-yeULDLJI.js';
 import { PackageInfo } from 'workspace-tools';
 import { ViteDevServer } from 'vite';
 import 'express';
 import 'preact';
 import 'html-minifier-terser';
 import 'js-beautify';
+import './jsx-render-BCCySLjz.js';
 
 interface ConfigOptions {
     command: string;

package/dist/render.d.ts

@@ -1,6 +1,7 @@
-export { K as Renderer } from './types-BXpvdaTX.js';
+export { K as Renderer } from './types-yeULDLJI.js';
 import 'express';
 import 'preact';
 import 'vite';
 import 'html-minifier-terser';
 import 'js-beautify';
+import './jsx-render-BCCySLjz.js';

package/dist/render.js

@@ -12,6 +12,9 @@ import {
   htmlPretty,
   parseTagNames
 } from "./chunk-3KGEENDW.js";
+import {
+  renderJsxToString
+} from "./chunk-P6EPJRRM.js";
 
 // src/render/render.tsx
 import crypto from "crypto";
@@ -19,7 +22,6 @@ import path2 from "path";
 import {
   options as preactOptions
 } from "preact";
-import { renderToString } from "preact-render-to-string";
 
 // src/core/pages/ErrorPage.tsx
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
@@ -13150,7 +13152,7 @@ var Renderer = class {
           preactHook(vnode);
         }
       };
-      mainHtml = renderToString(vdom);
+      mainHtml = await this.renderJsx(vdom);
       preactOptions.vnode = preactHook;
     } catch (err) {
       preactOptions.vnode = preactHook;
@@ -13457,6 +13459,26 @@ var Renderer = class {
     });
     return orderedSitemap;
   }
+  getJsxRenderOptions() {
+    return this.rootConfig.jsxRenderer || {};
+  }
+  /**
+   * Renders JSX via either the `@blinkk/root/jsx` package or
+   * `preact-render-to-string` depending if the `jsxRenderer` config is set up
+   * in `root.config.ts`.
+   */
+  async renderJsx(vnode) {
+    if (this.rootConfig.jsxRenderer?.mode) {
+      return renderJsxToString(vnode, this.getJsxRenderOptions());
+    }
+    const { renderToString } = await import("preact-render-to-string");
+    if (!renderToString) {
+      throw new Error(
+        'failed to render jsx. either install preact-render-to-string or add the "jsxRenderer" config to root.config.ts'
+      );
+    }
+    return renderToString(vnode);
+  }
   getConfiguredStyleEntries() {
     const styleEntries = this.rootConfig.styles?.entries || [];
     const basePath = this.rootConfig.base || "/";
@@ -13471,11 +13493,23 @@ var Renderer = class {
         /* @__PURE__ */ jsx4("meta", { charSet: "utf-8" }),
         options?.headComponents
       ] }),
-      /* @__PURE__ */ jsx4("body", { ...bodyAttrs, dangerouslySetInnerHTML: { __html: html } })
+      /* @__PURE__ */ jsx4(
+        "body",
+        {
+          ...bodyAttrs,
+          dangerouslySetInnerHTML: { __html: this.ensureNewline(html) }
+        }
+      )
     ] });
+    const content = await this.renderJsx(page);
     return `<!doctype html>
-${renderToString(page)}
-`;
+${content}`;
+  }
+  ensureNewline(str) {
+    if (!str.endsWith("\n")) {
+      return str + "\n";
+    }
+    return str;
   }
   async render404(options) {
     const basePath = this.rootConfig.base || "/";
@@ -13490,7 +13524,7 @@ ${renderToString(page)}
         { currentPath, route, routeParams, locale: "en" }
       );
     }
-    const mainHtml = renderToString(
+    const mainHtml = await this.renderJsx(
       /* @__PURE__ */ jsx4(
         ErrorPage,
         {
@@ -13526,7 +13560,7 @@ ${renderToString(page)}
         { currentPath, route, routeParams, locale: "en" }
       );
     }
-    const mainHtml = renderToString(
+    const mainHtml = await this.renderJsx(
       /* @__PURE__ */ jsx4(
         ErrorPage,
         {
@@ -13553,7 +13587,7 @@ ${renderToString(page)}
   }
   async renderDevServer404(req) {
     const sitemap = await this.getSitemap();
-    const mainHtml = renderToString(
+    const mainHtml = await this.renderJsx(
       /* @__PURE__ */ jsx4(DevNotFoundPage, { req, sitemap })
     );
     const html = await this.renderHtml(mainHtml, {
@@ -13563,7 +13597,7 @@ ${renderToString(page)}
   }
   async renderDevServer500(req, error) {
     const [route, routeParams] = this.router.get(req.path);
-    const mainHtml = renderToString(
+    const mainHtml = await this.renderJsx(
       /* @__PURE__ */ jsx4(
         DevErrorPage,
         {