@slim-lang/core 1.2.0

package/src/format.js

@@ -0,0 +1,81 @@
+import fs from "node:fs"
+
+function analyze(code) {
+    const info = [{ reindentable: true, depth: 0 }]
+    let state = "code"
+    let depth = 0
+    let teDepth = 0
+
+    for (let i = 0; i < code.length; i++) {
+        const c = code[i]
+        const n = code[i + 1]
+
+        if (c === "\n") {
+            if (state === "line") state = "code"
+            info.push({ reindentable: state === "code", depth })
+            continue
+        }
+
+        if (state === "code") {
+            if (c === "'") state = "single"
+            else if (c === '"') state = "double"
+            else if (c === "`") state = "template"
+            else if (c === "/" && n === "/") { state = "line"; i++ }
+            else if (c === "/" && n === "*") { state = "block"; i++ }
+            else if (c === "{" || c === "(" || c === "[") depth++
+            else if (c === "}" || c === ")" || c === "]") depth = Math.max(0, depth - 1)
+        } else if (state === "single") {
+            if (c === "\\") i++
+            else if (c === "'") state = "code"
+        } else if (state === "double") {
+            if (c === "\\") i++
+            else if (c === '"') state = "code"
+        } else if (state === "template") {
+            if (c === "\\") i++
+            else if (c === "`") state = "code"
+            else if (c === "$" && n === "{") { i++; teDepth = 1; state = "templateExpr" }
+        } else if (state === "templateExpr") {
+            if (c === "{") teDepth++
+            else if (c === "}") { teDepth--; if (teDepth === 0) state = "template" }
+            else if (c === "'" || c === '"' || c === "`") {
+                const quote = c
+                i++
+                while (i < code.length && code[i] !== quote) {
+                    if (code[i] === "\\") i++
+                    i++
+                }
+            }
+        } else if (state === "block") {
+            if (c === "*" && n === "/") { i++; state = "code" }
+        }
+    }
+
+    return info
+}
+
+export function formatSlim(code) {
+    const normalized = code.replace(/\r\n/g, "\n")
+    const lines = normalized.split("\n")
+    const perLine = analyze(normalized)
+
+    const out = lines.map((line, index) => {
+        const info = perLine[index]
+        if (!info || !info.reindentable) return line
+
+        const trimmed = line.trim()
+        if (trimmed === "") return ""
+
+        let depth = info.depth
+        if (/^[}\])]/.test(trimmed)) depth = Math.max(0, depth - 1)
+        return "    ".repeat(depth) + trimmed
+    })
+
+    return out.join("\n").replace(/\n+$/, "") + "\n"
+}
+
+export function formatFile(file) {
+    const original = fs.readFileSync(file, "utf8")
+    const formatted = formatSlim(original)
+    if (formatted !== original) fs.writeFileSync(file, formatted)
+    return formatted !== original
+}

package/src/handlers/errorHandler.js

@@ -0,0 +1,43 @@
+import { formatError } from "../external/classErrors.js"
+
+process.on("unhandledRejection", (err, promise) => {
+    if (err?.tag) {
+        console.error(formatError(
+            err.tag,
+            err.message,
+            err.file       ?? null,
+            err.line       ?? null,
+            err.col        ?? null,
+            err.sourceLine ?? null,
+        ))
+        process.exit(1)
+    }
+
+    console.error(formatError(
+        "Error",
+        err?.message ?? String(err),
+        null, null, null, null
+    ))
+    process.exit(1)
+})
+
+process.on("uncaughtException", (err) => {
+    if (err?.tag) {
+        console.error(formatError(
+            err.tag,
+            err.message,
+            err.file       ?? null,
+            err.line       ?? null,
+            err.col        ?? null,
+            err.sourceLine ?? null,
+        ))
+        process.exit(1)
+    }
+
+    console.error(formatError(
+        "Error",
+        err?.message ?? String(err),
+        null, null, null, null
+    ))
+    process.exit(1)
+})

package/src/handlers/parser/components.js

@@ -0,0 +1,250 @@
+import { tokenize } from "../../lexer.js"
+
+const OPENERS = new Set(["(", "[", "{", "${"])
+const CLOSERS = new Set([")", "]", "}"])
+
+// Find the top-level template return, skipping setup callbacks.
+function templateReturnStart(body) {
+    let depth = 0
+    for (const t of tokenize(body)) {
+        if (t.type === "punct") {
+            if (OPENERS.has(t.value)) depth++
+            else if (CLOSERS.has(t.value)) depth--
+        } else if (depth === 0 && t.type === "name" && t.keyword && t.value === "return") {
+            return t.start
+        }
+    }
+    return -1
+}
+
+function parseComponentsEdits(code) {
+    const edits = [];
+    let i = 0;
+
+    while (i < code.length) {
+        const match = code.slice(i).match(
+            /\b(?:(isolated|element)(?:\s*\(\s*["']([^"']+)["']\s*\))?\s+)?component\b/
+        );
+
+        if (!match) break;
+
+        const modifier = match[1] ?? null;
+        const tag = match[2] ?? null;
+        const start = i + match.index;
+
+        let p = start + match[0].length;
+
+        while (/\s/.test(code[p])) p++;
+
+        const nameStart = p;
+        while (/[a-zA-Z0-9_$]/.test(code[p])) p++;
+        const name = code.slice(nameStart, p);
+
+        while (/\s/.test(code[p])) p++;
+
+        if (code[p] !== "(")
+            throw new Error(`Expected "(" after component ${name}`);
+
+        let depth = 1;
+        const argsStart = ++p;
+
+        while (depth) {
+            if (code[p] === "(") depth++;
+            else if (code[p] === ")") depth--;
+            p++;
+        }
+
+        const args = code.slice(argsStart, p - 1).trim();
+
+        while (/\s/.test(code[p])) p++;
+
+        if (code[p] !== "{")
+            throw new Error(`Expected "{" after component ${name}`);
+
+        depth = 1;
+        const bodyStart = ++p;
+
+        while (depth) {
+            if (code[p] === "{") depth++;
+            else if (code[p] === "}") depth--;
+            p++;
+        }
+
+        const body = code.slice(bodyStart, p - 1);
+
+        edits.push({ start, end: p, replacement: buildComponent(name, args, body, modifier, tag) });
+
+        i = p;
+    }
+
+    return edits;
+}
+
+function parseComponents(code) {
+    const edits = parseComponentsEdits(code);
+    let out = "";
+    let cursor = 0;
+    for (const { start, end, replacement } of edits) {
+        out += code.slice(cursor, start) + replacement;
+        cursor = end;
+    }
+    return out + code.slice(cursor);
+}
+
+function componentBinding(name, args) {
+    const trimmed = args.trim();
+
+    if (!trimmed) return "";
+    if (trimmed.startsWith("{") && trimmed.endsWith("}")) return trimmed;
+    if (/^[A-Za-z_$][\w$]*$/.test(trimmed)) return trimmed;
+
+    throw new Error(
+        `Component "${name}" arguments must be a single object name (e.g. "props") or a destructuring pattern (e.g. "{ content }"), got: "${trimmed}"`
+    );
+}
+
+// Escape template text without changing nested interpolations.
+function escapeTemplateBackticks(s) {
+    const n = s.length;
+    let out = "";
+    let i = 0;
+    let depth = 0;
+    while (i < n) {
+        const c = s[i];
+        if (c === "\\") { out += c + (s[i + 1] ?? ""); i += 2; continue; }
+        if (depth === 0) {
+            if (c === "`") { out += "\\`"; i++; continue; }
+            if (c === "$" && s[i + 1] === "{") { out += "${"; i += 2; depth = 1; continue; }
+            out += c; i++; continue;
+        }
+        if (c === "'" || c === "\"" || c === "`") {
+            const q = c;
+            out += c; i++;
+            while (i < n) {
+                if (s[i] === "\\") { out += s[i] + (s[i + 1] ?? ""); i += 2; continue; }
+                out += s[i];
+                if (s[i] === q) { i++; break; }
+                i++;
+            }
+            continue;
+        }
+        if (c === "{") depth++;
+        else if (c === "}") depth--;
+        out += c; i++;
+    }
+    return out;
+}
+
+// Explicit tags need a hyphen; implicit tags use the slim- kebab-case prefix.
+function elementTag(name, explicit) {
+    if (explicit) {
+        if (!explicit.includes("-")) {
+            throw new Error(
+                `Component "${name}": a custom element tag must contain a hyphen, got "${explicit}"`
+            );
+        }
+        return explicit;
+    }
+
+    const kebab = name
+        .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+        .replace(/[_\s]+/g, "-")
+        .toLowerCase();
+
+    return `slim-${kebab}`;
+}
+
+// The same factory supports plain components and custom-element hosts.
+function buildElementComponent(name, binding, before, html, explicitTag) {
+    const tag = elementTag(name, explicitTag);
+    const param = binding ? `${binding} = {}` : "__unused__ = {}";
+    const quoted = JSON.stringify(tag);
+
+    return `
+        const ${name} = (__props__ = {}) => ${name}.__render__(__props__);
+        ${name}.__component__ = true
+        ${name}.tag = ${quoted}
+        ${name}.__render__ = (${param}, __host__ = null) => {
+        	const s = {};
+        	const __mounts__ = [];
+        	const __connects__ = [];
+        	const __unmounts__ = [];
+        	const onMount = (fn) => __mounts__.push(fn);
+        	const onConnect = (fn) => __connects__.push(fn);
+        	const onUnmount = (fn) => __unmounts__.push(fn);
+            ${before};
+            const __el__ = htmlToVdom(__html__\`${html}\`).toElement();
+
+            if (!__host__) {
+                for (const fn of __mounts__) fn(__el__);
+                __lifecycle__(__el__, __connects__, __unmounts__);
+                return __el__;
+            }
+
+            __adopt_into__(__host__, __el__);
+            for (const fn of __mounts__) fn(__host__);
+            return { connects: __connects__, unmounts: __unmounts__ };
+        };
+        __define_element__(${quoted}, ${name}.__render__)
+        `;
+}
+
+function buildComponent(name, args, body, modifier = null, tag = null) {
+    const returnStart = templateReturnStart(body);
+
+    if (returnStart === -1) {
+        throw new Error(`Component "${name}" must contain return`);
+    }
+
+    const before = body.slice(0, returnStart).trim();
+
+    let template = body.slice(returnStart + "return".length).trim();
+    if (template.startsWith("(") && template.endsWith(")")) {
+        template = template.slice(1, -1).trim();
+    }
+    const html = escapeTemplateBackticks(template);
+    const binding = componentBinding(name, args);
+    const param = binding ? `${binding} = {}` : "";
+
+    if (modifier === "element") {
+        return buildElementComponent(name, binding, before, html, tag);
+    }
+
+    const isolated = modifier === "isolated";
+
+    if(!isolated) {
+        return `
+        const ${name} = (${param}) => {
+        	const s = {};
+        	const __mounts__ = [];
+        	const __connects__ = [];
+        	const __unmounts__ = [];
+        	const onMount = (fn) => __mounts__.push(fn);
+        	const onConnect = (fn) => __connects__.push(fn);
+        	const onUnmount = (fn) => __unmounts__.push(fn);
+            ${before};
+            const __el__ = htmlToVdom(__html__\`${html}\`).toElement();
+            for (const fn of __mounts__) fn(__el__);
+            __lifecycle__(__el__, __connects__, __unmounts__);
+            return __el__;
+        };
+        ${name}.__component__ = true
+        `;
+    }
+    else {
+        const fnBody = `const __mounts__=[];const __connects__=[];const __unmounts__=[];const onMount=(fn)=>__mounts__.push(fn);const onConnect=(fn)=>__connects__.push(fn);const onUnmount=(fn)=>__unmounts__.push(fn);${before}; const __el__ = htmlToVdom(__html__\`${html}\`).toElement(); for (const fn of __mounts__) fn(__el__); __lifecycle__(__el__, __connects__, __unmounts__); return __el__;`;
+
+        return `
+        const ${name} = (__props__ = {}) => {
+            return new Function(${JSON.stringify(binding)}, ${JSON.stringify(fnBody)})(__props__);
+        };
+        ${name}.__component__ = true
+        `;
+    }
+}
+
+export {
+    parseComponents,
+    parseComponentsEdits,
+    buildComponent
+}