ionbeam 1.0.0-alpha.3 → 1.0.0-alpha.5

package/README.md

@@ -22,17 +22,17 @@ npm install ionbeam
 1. Create your server (`src/server.tsx`) with a simple route:
 
 ```tsx
-import { createServer, Page } from 'ionbeam';
+import { createServer } from 'ionbeam';
 import type { Request, Response } from 'express';
 
 const app = createServer();
 
 app.get('/', async (req: Request, res: Response) => {
-  await req.ionbeam.render(
-    <Page title="Home Page">
+  await req.ionbeam.renderPage("Home",
+    <>
       <h1>Home Page</h1>
       <p>Built with IonBeam - A flexible React SSR framework</p>
-    </Page>
+    </>
   );
 });
 

package/dist/components/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,qBAAqB,KAAK,KAAG,GAAG,CAAC,OAkBrD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,qBAAqB,KAAK,KAAG,GAAG,CAAC,OAoBrD,CAAC"}

package/dist/components/Page/index.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAssets } from "../../utils/assets-context.js";
 export const Page = ({ children, title }) => {
     const { styleSheet, clientScript } = useAssets();
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }), _jsx("title", { children: title }), styleSheet && _jsx("link", { rel: "stylesheet", href: `/${styleSheet}` }), clientScript && _jsx("script", { src: `/${clientScript}`, defer: true })] }), _jsx("body", { children: children })] }));
+    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }), _jsx("title", { children: title }), _jsx("script", { src: "https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js" }), styleSheet && _jsx("link", { rel: "stylesheet", href: `/${styleSheet}` }), clientScript && _jsx("script", { src: `/${clientScript}`, defer: true })] }), _jsx("body", { children: children })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAS,EAAe,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,OAAO,CACL,gBAAM,IAAI,EAAC,IAAI,aACb,2BACE,eAAM,OAAO,EAAC,OAAO,GAAG,EACxB,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,uCAAuC,GAAG,EACxE,0BAAQ,KAAK,GAAS,EACrB,UAAU,IAAI,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,UAAU,EAAE,GAAI,EAC/D,YAAY,IAAI,iBAAQ,GAAG,EAAE,IAAI,YAAY,EAAE,EAAE,KAAK,SAAG,IACrD,EAEP,yBACG,QAAQ,GACJ,IACF,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAO1D,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAS,EAAe,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjD,OAAO,CACL,gBAAM,IAAI,EAAC,IAAI,aACb,2BACE,eAAM,OAAO,EAAC,OAAO,GAAG,EACxB,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,uCAAuC,GAAG,EACxE,0BAAQ,KAAK,GAAS,EACtB,iBAAQ,GAAG,EAAC,8DAA8D,GAAU,EAEnF,UAAU,IAAI,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,UAAU,EAAE,GAAI,EAC/D,YAAY,IAAI,iBAAQ,GAAG,EAAE,IAAI,YAAY,EAAE,EAAE,KAAK,SAAG,IACrD,EAEP,yBACG,QAAQ,GACJ,IACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 export { createServer, ionBeamMiddleware } from './server/index.js';
 export type { ServerOptions, IonBeam } from './server/index.js';
-export { Page } from './components/Page/index.js';
 export { getAsset, getManifest } from './utils/manifest.js';
 export { Builder } from './build/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,6 +1,5 @@
 // Server exports
 export { createServer, ionBeamMiddleware } from './server/index.js';
-export { Page } from './components/Page/index.js';
 // Utility exports
 export { getAsset, getManifest } from './utils/manifest.js';
 // Build exports (for advanced users)

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,kBAAkB;AAClB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE5D,qCAAqC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGpE,kBAAkB;AAClB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE5D,qCAAqC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/server/index.d.ts

@@ -1,4 +1,3 @@
-import { JSX } from 'react/jsx-runtime';
 import { Express, Request, Response, NextFunction } from 'express';
 declare global {
     namespace Express {
@@ -8,19 +7,12 @@ declare global {
     }
 }
 export interface IonBeam {
-    render: (component: JSX.Element) => Promise<void>;
+    renderElement: (element: React.ReactNode) => Promise<void>;
+    renderPage: (title: string, content: React.ReactNode) => Promise<void>;
 }
 export interface ServerOptions {
     staticDir?: string;
 }
-/**
- * Middleware that adds IonBeam context to request object
- * This allows route handlers to access assets and rendering utilities
- */
-export declare function ionBeamMiddleware(options?: ServerOptions): (req: Request, res: Response, next: NextFunction) => void;
-/**
- * Create an Express server with IonBeam defaults
- * Returns a configured Express app that you can customize
- */
-export declare function createServer(options?: ServerOptions): Express;
+export declare const ionBeamMiddleware: () => (req: Request, res: Response, next: NextFunction) => void;
+export declare const createServer: (options?: ServerOptions) => Express;
 //# sourceMappingURL=index.d.ts.map

package/dist/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,OAAO,CAAC;QAChB,UAAU,OAAO;YACf,OAAO,EAAE,OAAO,CAAC;SAClB;KACF;CACF;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,aAAkB,IACnD,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,UAqBxD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAajE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/server/index.tsx"],"names":[],"mappings":"AACA,OAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,OAAO,CAAC;QAChB,UAAU,OAAO;YACf,OAAO,EAAE,OAAO,CAAC;SAClB;KACF;CACF;AAED,MAAM,WAAW,OAAO;IACtB,aAAa,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,SACpB,KAAK,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,SAqBxD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,UAAS,aAAkB,KAAG,OAW1D,CAAA"}

package/dist/server/index.js

@@ -4,39 +4,31 @@ import { prerenderToNodeStream } from 'react-dom/static';
 import { getAsset } from '../utils/manifest.js';
 import { AssetsProvider } from '../utils/assets-context.js';
 import path from 'node:path';
-/**
- * Middleware that adds IonBeam context to request object
- * This allows route handlers to access assets and rendering utilities
- */
-export function ionBeamMiddleware(options = {}) {
+import { Page } from '../components/Page/index.js';
+export const ionBeamMiddleware = () => {
     return (req, res, next) => {
         const clientScript = getAsset('client.js');
         const styleSheet = getAsset('server.css');
-        console.log('IonBeam Middleware: Attaching IonBeam context to request');
-        console.log(` - Client Script: ${clientScript}`);
-        console.log(` - Style Sheet: ${styleSheet}`);
         req.ionbeam = {
-            render: async (element) => {
-                const { prelude } = await prerenderToNodeStream(_jsx(AssetsProvider, { value: { clientScript, styleSheet }, children: element }));
+            renderPage: async (title, element) => {
+                const { prelude } = await prerenderToNodeStream(_jsx(AssetsProvider, { value: { clientScript, styleSheet }, children: _jsx(Page, { title: title, children: element }) }));
                 prelude.pipe(res);
             },
+            renderElement: async (element) => {
+                const { prelude } = await prerenderToNodeStream(element);
+                prelude.pipe(res);
+            }
         };
         next();
     };
-}
-/**
- * Create an Express server with IonBeam defaults
- * Returns a configured Express app that you can customize
- */
-export function createServer(options = {}) {
+};
+export const createServer = (options = {}) => {
     const app = express();
     const staticDir = options.staticDir || path.join(process.cwd(), 'dist', 'static');
-    // Default middleware
     app.use(express.static(staticDir));
     app.use(express.urlencoded({ extended: true }));
     app.use(express.json());
-    // Add IonBeam context to all requests
-    app.use(ionBeamMiddleware(options));
+    app.use(ionBeamMiddleware());
     return app;
-}
+};
 //# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/server/index.tsx"],"names":[],"mappings":";AACA,OAAO,OAAqD,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,IAAI,MAAM,WAAW,CAAC;AAmB7B;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,UAAyB,EAAE;IAC3D,OAAO,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB,EAAE,EAAE;QACzD,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;QAE1C,OAAO,CAAC,GAAG,CAAC,0DAA0D,CAAC,CAAC;QACxE,OAAO,CAAC,GAAG,CAAC,qBAAqB,YAAY,EAAE,CAAC,CAAC;QACjD,OAAO,CAAC,GAAG,CAAC,mBAAmB,UAAU,EAAE,CAAC,CAAC;QAE7C,GAAG,CAAC,OAAO,GAAG;YACZ,MAAM,EAAE,KAAK,EAAE,OAAwB,EAAE,EAAE;gBACzC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,qBAAqB,CAC7C,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,YAChD,OAAO,GACO,CAClB,CAAC;gBACF,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC;SACF,CAAC;QAEF,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,UAAyB,EAAE;IACtD,MAAM,GAAG,GAAG,OAAO,EAAE,CAAC;IACtB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAElF,qBAAqB;IACrB,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAChD,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAExB,sCAAsC;IACtC,GAAG,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpC,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/server/index.tsx"],"names":[],"mappings":";AACA,OAAO,OAAqD,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAmBnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,OAAO,CAAC,GAAY,EAAE,GAAa,EAAE,IAAkB,EAAE,EAAE;QACzD,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC3C,MAAM,UAAU,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;QAE1C,GAAG,CAAC,OAAO,GAAG;YACZ,UAAU,EAAE,KAAK,EAAE,KAAa,EAAE,OAAwB,EAAE,EAAE;gBAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,qBAAqB,CAC7C,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,YACjD,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YAAG,OAAO,GAAQ,GACrB,CAClB,CAAC;gBACF,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC;YACD,aAAa,EAAE,KAAK,EAAE,OAAwB,EAAE,EAAE;gBAChD,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC;gBACzD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACpB,CAAC;SACF,CAAC;QAEF,IAAI,EAAE,CAAC;IACT,CAAC,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,UAAyB,EAAE,EAAW,EAAE;IACnE,MAAM,GAAG,GAAG,OAAO,EAAE,CAAC;IACtB,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAElF,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAChD,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAExB,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE7B,OAAO,GAAG,CAAC;AACb,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionbeam",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.5",
   "description": "A pure React SSR framework with automatic asset hashing and CSS modules",
   "type": "module",
   "main": "./dist/index.js",