@moriajs/renderer 0.1.1

package/.turbo/turbo-build.log

@@ -0,0 +1,4 @@
+
+> @moriajs/renderer@0.1.1 build C:\Codes\node\2026\github\moriajs\packages\renderer
+> tsc
+

package/.turbo/turbo-typecheck.log

@@ -0,0 +1,10 @@
+
+> @moriajs/renderer@0.0.1 typecheck C:\Codes\node\2026\github\moriajs\packages\renderer
+> tsc --noEmit
+
+src/index.ts(46,34): error TS7016: Could not find a declaration file for module 'mithril-node-render'. 'C:/Codes/node/2026/github/moriajs/node_modules/.pnpm/mithril-node-render@3.0.2_mithril@2.3.8/node_modules/mithril-node-render/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/mithril-node-render` if it exists or add a new declaration (.d.ts) file containing `declare module 'mithril-node-render';`
+src/index.ts(89,58): error TS2304: Cannot find name 'Element'.
+src/index.ts(99,16): error TS2304: Cannot find name 'window'.
+src/index.ts(100,17): error TS2304: Cannot find name 'window'.
+ ELIFECYCLE  Command failed with exit code 2.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Guntur D
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @moriajs/renderer
+ *
+ * Hybrid SSR/CSR rendering engine for Mithril.js.
+ * Provides server-side rendering with mithril-node-render
+ * and client-side hydration.
+ */
+/**
+ * Options for rendering a page.
+ */
+export interface RenderOptions {
+    /** Page title */
+    title?: string;
+    /** Meta tags for the page head */
+    meta?: Record<string, string>;
+    /** Initial data to hydrate on the client */
+    initialData?: Record<string, unknown>;
+    /** HTML lang attribute */
+    lang?: string;
+}
+/**
+ * Render a Mithril component to an HTML string (server-side).
+ *
+ * Uses mithril-node-render to produce static HTML from Mithril vnodes.
+ *
+ * @example
+ * ```ts
+ * import { renderToString } from '@moriajs/renderer';
+ * import MyPage from './pages/Home.js';
+ *
+ * const html = await renderToString(MyPage, {
+ *   title: 'Home — My App',
+ *   initialData: { user: { name: 'Guntur' } },
+ * });
+ * ```
+ */
+export declare function renderToString(component: any, options?: RenderOptions): Promise<string>;
+/**
+ * Hydrate a server-rendered Mithril component on the client.
+ * Call this in your entry-client.ts.
+ *
+ * @example
+ * ```ts
+ * import { hydrate } from '@moriajs/renderer';
+ * import App from './App.js';
+ *
+ * hydrate(App, document.getElementById('app')!);
+ * ```
+ */
+export declare function hydrate(component: any, container: Element): Promise<void>;
+/**
+ * Get hydration data injected by the server.
+ */
+export declare function getHydrationData<T = Record<string, unknown>>(): T | undefined;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAsB,cAAc,CAEhC,SAAS,EAAE,GAAG,EACd,OAAO,GAAE,aAAkB,GAC5B,OAAO,CAAC,MAAM,CAAC,CAkCjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,OAAO,CAEzB,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,OAAO,GACnB,OAAO,CAAC,IAAI,CAAC,CAIf;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAM7E"}

package/dist/index.js

@@ -0,0 +1,85 @@
+/**
+ * @moriajs/renderer
+ *
+ * Hybrid SSR/CSR rendering engine for Mithril.js.
+ * Provides server-side rendering with mithril-node-render
+ * and client-side hydration.
+ */
+/**
+ * Render a Mithril component to an HTML string (server-side).
+ *
+ * Uses mithril-node-render to produce static HTML from Mithril vnodes.
+ *
+ * @example
+ * ```ts
+ * import { renderToString } from '@moriajs/renderer';
+ * import MyPage from './pages/Home.js';
+ *
+ * const html = await renderToString(MyPage, {
+ *   title: 'Home — My App',
+ *   initialData: { user: { name: 'Guntur' } },
+ * });
+ * ```
+ */
+export async function renderToString(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+component, options = {}) {
+    // mithril-node-render has no type declarations — use string import
+    const renderModule = await Function('return import("mithril-node-render")')();
+    const mModule = await Function('return import("mithril")')();
+    const render = renderModule.default;
+    const m = mModule.default;
+    const componentHtml = await render(m(component));
+    const metaTags = options.meta
+        ? Object.entries(options.meta)
+            .map(([name, content]) => `<meta name="${name}" content="${content}">`)
+            .join('\n    ')
+        : '';
+    const hydrationScript = options.initialData
+        ? `<script>window.__MORIA_DATA__ = ${JSON.stringify(options.initialData)};</script>`
+        : '';
+    return `<!DOCTYPE html>
+<html lang="${options.lang ?? 'en'}">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    ${metaTags}
+    <title>${options.title ?? 'MoriaJS App'}</title>
+  </head>
+  <body>
+    <div id="app">${componentHtml}</div>
+    ${hydrationScript}
+    <script type="module" src="/src/entry-client.ts"></script>
+  </body>
+</html>`;
+}
+/**
+ * Hydrate a server-rendered Mithril component on the client.
+ * Call this in your entry-client.ts.
+ *
+ * @example
+ * ```ts
+ * import { hydrate } from '@moriajs/renderer';
+ * import App from './App.js';
+ *
+ * hydrate(App, document.getElementById('app')!);
+ * ```
+ */
+export async function hydrate(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+component, container) {
+    const mModule = await import('mithril');
+    const m = mModule.default;
+    m.mount(container, component);
+}
+/**
+ * Get hydration data injected by the server.
+ */
+export function getHydrationData() {
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return window.__MORIA_DATA__;
+    }
+    return undefined;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgBH;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc;AAChC,8DAA8D;AAC9D,SAAc,EACd,UAAyB,EAAE;IAE3B,mEAAmE;IACnE,MAAM,YAAY,GAAG,MAAO,QAAQ,CAAC,sCAAsC,CAAC,EAAgE,CAAC;IAC7I,MAAM,OAAO,GAAG,MAAO,QAAQ,CAAC,0BAA0B,CAAC,EAAsD,CAAC;IAElH,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC;IACpC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAE1B,MAAM,aAAa,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI;QACzB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;aACzB,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,eAAe,IAAI,cAAc,OAAO,IAAI,CAAC;aACtE,IAAI,CAAC,QAAQ,CAAC;QACnB,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,eAAe,GAAG,OAAO,CAAC,WAAW;QACvC,CAAC,CAAC,mCAAmC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY;QACpF,CAAC,CAAC,EAAE,CAAC;IAET,OAAO;cACG,OAAO,CAAC,IAAI,IAAI,IAAI;;;;MAI5B,QAAQ;aACD,OAAO,CAAC,KAAK,IAAI,aAAa;;;oBAGvB,aAAa;MAC3B,eAAe;;;QAGb,CAAC;AACT,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,OAAO;AACzB,8DAA8D;AAC9D,SAAc,EACd,SAAkB;IAElB,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAC1B,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAClC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC5B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAChC,8DAA8D;QAC9D,OAAQ,MAAc,CAAC,cAA+B,CAAC;IAC3D,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@moriajs/renderer",
+  "version": "0.1.1",
+  "type": "module",
+  "description": "MoriaJS renderer — Mithril.js SSR/CSR hybrid rendering engine",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "mithril": "^2.2.0",
+    "mithril-node-render": "^3.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.0",
+    "rimraf": "^6.0.0",
+    "@types/mithril": "^2.2.0",
+    "@types/node": "^22.0.0"
+  },
+  "peerDependencies": {
+    "@moriajs/core": "0.1.1"
+  },
+  "license": "MIT",
+  "author": "Guntur-D <guntur.d.npm@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/guntur-d/moriajs.git",
+    "directory": "packages/renderer"
+  },
+  "homepage": "https://github.com/guntur-d/moriajs/tree/main/packages/renderer#readme",
+  "bugs": {
+    "url": "https://github.com/guntur-d/moriajs/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist .turbo"
+  }
+}

package/src/index.ts

@@ -0,0 +1,110 @@
+/**
+ * @moriajs/renderer
+ *
+ * Hybrid SSR/CSR rendering engine for Mithril.js.
+ * Provides server-side rendering with mithril-node-render
+ * and client-side hydration.
+ */
+
+/**
+ * Options for rendering a page.
+ */
+export interface RenderOptions {
+    /** Page title */
+    title?: string;
+    /** Meta tags for the page head */
+    meta?: Record<string, string>;
+    /** Initial data to hydrate on the client */
+    initialData?: Record<string, unknown>;
+    /** HTML lang attribute */
+    lang?: string;
+}
+
+/**
+ * Render a Mithril component to an HTML string (server-side).
+ *
+ * Uses mithril-node-render to produce static HTML from Mithril vnodes.
+ *
+ * @example
+ * ```ts
+ * import { renderToString } from '@moriajs/renderer';
+ * import MyPage from './pages/Home.js';
+ *
+ * const html = await renderToString(MyPage, {
+ *   title: 'Home — My App',
+ *   initialData: { user: { name: 'Guntur' } },
+ * });
+ * ```
+ */
+export async function renderToString(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    component: any,
+    options: RenderOptions = {}
+): Promise<string> {
+    // mithril-node-render has no type declarations — use string import
+    const renderModule = await (Function('return import("mithril-node-render")')() as Promise<{ default: (vnode: unknown) => Promise<string> }>);
+    const mModule = await (Function('return import("mithril")')() as Promise<{ default: (tag: unknown) => unknown }>);
+
+    const render = renderModule.default;
+    const m = mModule.default;
+
+    const componentHtml = await render(m(component));
+
+    const metaTags = options.meta
+        ? Object.entries(options.meta)
+            .map(([name, content]) => `<meta name="${name}" content="${content}">`)
+            .join('\n    ')
+        : '';
+
+    const hydrationScript = options.initialData
+        ? `<script>window.__MORIA_DATA__ = ${JSON.stringify(options.initialData)};</script>`
+        : '';
+
+    return `<!DOCTYPE html>
+<html lang="${options.lang ?? 'en'}">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    ${metaTags}
+    <title>${options.title ?? 'MoriaJS App'}</title>
+  </head>
+  <body>
+    <div id="app">${componentHtml}</div>
+    ${hydrationScript}
+    <script type="module" src="/src/entry-client.ts"></script>
+  </body>
+</html>`;
+}
+
+/**
+ * Hydrate a server-rendered Mithril component on the client.
+ * Call this in your entry-client.ts.
+ *
+ * @example
+ * ```ts
+ * import { hydrate } from '@moriajs/renderer';
+ * import App from './App.js';
+ *
+ * hydrate(App, document.getElementById('app')!);
+ * ```
+ */
+export async function hydrate(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    component: any,
+    container: Element
+): Promise<void> {
+    const mModule = await import('mithril');
+    const m = mModule.default;
+    m.mount(container, component);
+}
+
+/**
+ * Get hydration data injected by the server.
+ */
+export function getHydrationData<T = Record<string, unknown>>(): T | undefined {
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return (window as any).__MORIA_DATA__ as T | undefined;
+    }
+    return undefined;
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "outDir": "dist",
+        "rootDir": "src",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ]
+    },
+    "include": [
+        "src"
+    ]
+}