@smuzi/ssr 0.0.3 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smuzi/ssr",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Simple template engine for generation HTML pages with advanced syntaxes",
   "type": "module",
   "types": "./build/index.d.ts",
@@ -19,8 +19,8 @@
     "access": "public"
   },
   "files": [
-    "./src",
-    "./build",
+    "build/**/*.js",
+    "build/**/*.d.ts",
     "globals.d.ts"
   ],
   "exports": {
@@ -39,17 +39,18 @@
     "#lib/*": "./src/*"
   },
   "dependencies": {
-    "@smuzi/std": "0.2.6"
+    "@smuzi/std": "0.2.8"
   },
   "devDependencies": {
     "@types/node": "^22.15.21",
     "tsx": "^4.20.6",
     "typescript": "^7.0.2",
-    "@smuzi/tests": "0.0.3",
-    "@smuzi/faker": "0.0.5"
+    "@smuzi/tests": "0.0.5",
+    "@smuzi/faker": "0.0.6"
   },
   "scripts": {
     "test": "tsx tests/index.ts",
     "build": "tsc --project tsconfig.build.json"
-  }
+  },
+  "main": "./build/index.js"
 }

package/src/globals.d.ts

@@ -1,10 +0,0 @@
-
-declare global {
-    function _print(value: string): void;
-    async function _component(component: string, slots: Record<string, () => string>): Promise;
-    async function _component(component: string): Promise;
-
-    const _std: typeof import("@smuzi/std");
-}
-
-export {};

package/src/index.ts

@@ -1,212 +0,0 @@
-import * as fs from "node:fs";
-import {
-    uuid,
-    HttpResponse,
-    path,
-    ResponseHttpHeaders,
-    Some,
-    None,
-    Option,
-    dump,
-    Result,
-    Err,
-    Ok,
-    transformError, StdError, panic, Pipe, regexp
-} from "@smuzi/std";
-import * as vm from "node:vm";
-
-import * as _std from "@smuzi/std"
-
-function getPath(pathDir: string, templateName: string, extension: string) {
-    return path.join(pathDir, templateName + "." + extension)
-}
-
-type InputData = Record<string, unknown>
-
-type SSREngineConfig = {
-    pathDir: string,
-    extension: string,
-}
-
-async function runSSRCode(context, code: string): Promise<Result<string, StdError>> {
-    const printFunc = `
-                (async () => {
-                function _print(html) {
-                    _output += html
-                }`;
-    code = `
-                _output = '';
-                ${printFunc}
-                ${code}
-                return _output
-                })()`
-    const script = new vm.Script(code);
-
-    const result = await script.runInContext(context);
-
-    return Ok(result !== undefined ? String(result) : '');
-}
-
-type ForBlock = {
-    start: number,
-    end: number,
-    item: string,
-    iterable: string,
-    body: string,
-}
-
-function findForBlock(templateCode: string): ForBlock | undefined {
-    const openingDirective = /@for\s*\(\s*([A-Za-z_$][\w$]*)\s+of\s+([^)]+?)\s*\)/g;
-    const openingMatch = openingDirective.exec(templateCode);
-
-    if (openingMatch === null || openingMatch.index === undefined) {
-        return undefined;
-    }
-
-    const bodyStart = openingMatch.index + openingMatch[0].length;
-    const directive = /@for\s*\(\s*[A-Za-z_$][\w$]*\s+of\s+[^)]*?\s*\)|@end\b/g;
-    directive.lastIndex = bodyStart;
-
-    let depth = 1;
-    for (const match of templateCode.matchAll(directive)) {
-        if (match[0].startsWith("@for")) {
-            depth += 1;
-            continue;
-        }
-
-        depth -= 1;
-        if (depth === 0 && match.index !== undefined) {
-            return {
-                start: openingMatch.index,
-                end: match.index + match[0].length,
-                item: openingMatch[1],
-                iterable: openingMatch[2],
-                body: templateCode.slice(bodyStart, match.index),
-            };
-        }
-    }
-
-    return undefined;
-}
-
-async function parseCode(context: any, templateCode: string) {
-    try {
-        let renderedTemplate = '';
-        let cursor = 0;
-        let forBlock: ForBlock | undefined;
-
-        while ((forBlock = findForBlock(templateCode.slice(cursor))) !== undefined) {
-            const block = {
-                ...forBlock,
-                start: forBlock.start + cursor,
-                end: forBlock.end + cursor,
-            };
-
-            renderedTemplate += templateCode.slice(cursor, block.start);
-
-            const code = `
-                for (const ${block.item} of (${block.iterable})) {
-                    const res = await _ssrEngine.parseCode(
-                        { [${JSON.stringify(block.item)}]: ${block.item} },
-                        ${JSON.stringify(block.body)}
-                    );
-                    _output += res.unwrap();
-                }`;
-            const renderedBlock = await runSSRCode(context, code);
-
-            if (renderedBlock.isErr()) {
-                return renderedBlock;
-            }
-
-            renderedBlock.runThenOk(html => renderedTemplate += html);
-            cursor = block.end;
-        }
-
-        renderedTemplate += templateCode.slice(cursor);
-
-        return await regexp.asyncReplace(renderedTemplate, /{{([\s\S]*?)}}/g, async (match, code) => {
-                    return await runSSRCode(context, `_print(${code})`)
-                });
-
-
-        // const res1 = Ok(
-        //     templateCode
-        //         //@if(condition)...@else...@end or @if(condition)...@end
-        //         .replace(/@if\s*\(\s*([^)]+)\s*\)([\s\S]*?)(?:@else([\s\S]*?))?@end/g, (match, condition, ifBody, elseBody) => {
-        //             const code = `
-        //                     _print((${condition}) ? \`${ifBody.replace(/`/g, '\\`').replace(/\$/g, '\\$')}\` : \`${(elseBody || '').replace(/`/g, '\\`').replace(/\$/g, '\\$')}\`);
-        //                 `;
-        //             return runSSRCode(context, code);
-        //         })
-        //         //<script ssr>...</script>
-        //         .replace(/<script\b[^>]*\bssr>([\s\S]*?)<\/script>/g, (match, code) => runSSRCode(context, code))
-        //
-        //         //{{ ... }}
-        //         .replace(/{{([\s\S]*?)}}/g, (match, code) => {
-        //             return runSSRCode(context, `_print(${code})`)
-        //         })
-        // );
-    } catch (err) {
-        return Err(transformError(err));
-    }
-}
-
-function createContext(inputData, pathDir, extension )
-{
-    return vm.createContext({
-        ...inputData,
-        _std,
-        _output: '',
-        _ssrEngine: {
-            renderComponent: async (templateNameChild: string, inputDataChild) => {
-                return (renderTemplate(pathDir, extension))(templateNameChild, inputDataChild)
-            },
-            parseCode: async (inputDataChild, templateCode) => {
-                return parseCode(
-                    createContext(
-                        Object.assign(inputDataChild, inputData),
-                        pathDir,
-                        extension
-                    ), templateCode)
-            }
-        },
-    })
-}
-
-function renderTemplate(
-    pathDir: string,
-    extension: string,
-): ( templateName: string,
-     inputData: InputData,
-     slots?: Option
-) => Promise<Result<string, StdError>> {
-    return async (
-        templateName: string,
-        inputData: InputData = {},
-        slots: Option = None()
-    ) => {
-
-        let templateCode = fs.readFileSync(getPath(pathDir, templateName, extension), 'utf-8');
-
-        const context = createContext(inputData, pathDir, extension);
-
-        return parseCode(context, templateCode);
-    }
-}
-
-export function ssrEngine({pathDir = "./src/templates", extension = "html"}: Partial<SSREngineConfig> = {}) {
-
-    const render = renderTemplate(pathDir, extension)
-
-    const response = async (templateName: string, inputData: InputData = {}) => {
-        return (await render(templateName, inputData)).match({
-            Err: err => err,
-            Ok: html => html,
-        });
-    }
-
-    return {
-        render,
-        response,
-    }
-}