sommark 4.3.0 → 4.5.0

package/cli/cli.mjs

@@ -12,6 +12,7 @@ import { printOutput, printLex, printParse } from "./commands/print.js";
 import { runInit } from "./commands/init.js";
 import { runShow } from "./commands/show.js";
 import { runColor } from "./commands/color.js";
+import { runBundle } from "./commands/bundle.js";
 import { extensions } from "./constants.js";
 
 // ========================================================================== //
@@ -57,6 +58,14 @@ async function main() {
 		return;
 	}
 
+	// 4.5. Bundle
+	if (command === "bundle") {
+		const targetDir = args.find(a => !a.startsWith("--") && a !== "bundle");
+		const flags     = args.filter(a => a.startsWith("--"));
+		await runBundle(targetDir, flags);
+		return;
+	}
+
 
 
 	// 5. Show

package/cli/commands/bundle.js

@@ -0,0 +1,144 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { cliError, formatMessage } from "../../core/errors.js";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const DIST_SRC = path.resolve(__dirname, "../../dist");
+
+const BUNDLES = {
+    "--lite":         { file: "sommark.browser.lite.js",  label: "Lite bundle",   note: "no WASM — static/runtime blocks disabled" },
+    "--only-lexer":   { file: "sommark.lexer.js",         label: "Lexer bundle",  note: "lexSync, lex, TOKEN_TYPES, labels only" },
+    "--only-parser":  { file: "sommark.parser.js",        label: "Parser bundle", note: "lexSync, lex, parseSync, parse, TOKEN_TYPES, labels only" },
+};
+
+async function copyDir(src, dest) {
+    await fs.mkdir(dest, { recursive: true });
+    const entries = await fs.readdir(src, { withFileTypes: true });
+    for (const entry of entries) {
+        const srcPath  = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name);
+        if (entry.isDirectory()) {
+            await copyDir(srcPath, destPath);
+        } else {
+            await fs.copyFile(srcPath, destPath);
+        }
+    }
+}
+
+async function getDirSize(dir) {
+    let total = 0;
+    const entries = await fs.readdir(dir, { withFileTypes: true });
+    for (const entry of entries) {
+        const full = path.join(dir, entry.name);
+        if (entry.isDirectory()) {
+            total += await getDirSize(full);
+        } else {
+            const stat = await fs.stat(full);
+            total += stat.size;
+        }
+    }
+    return total;
+}
+
+async function ensureDir(outDir) {
+    let exists = false;
+    try {
+        const stat = await fs.stat(outDir);
+        if (!stat.isDirectory()) {
+            cliError([
+                `{line}<$red:Target path$> <$yellow:'${outDir}'$> <$red:already exists but is a file, not a directory.$>{line}`
+            ]);
+        }
+        exists = true;
+    } catch (err) {
+        if (err.code !== "ENOENT") throw err;
+    }
+    if (!exists) {
+        try {
+            await fs.mkdir(outDir, { recursive: true });
+        } catch (err) {
+            cliError([
+                `{line}<$red:Could not create directory$> <$yellow:'${outDir}'$>{N}`,
+                `<$blue:${err.message}$>{line}`
+            ]);
+        }
+    }
+}
+
+export async function runBundle(targetDir, flags = []) {
+    const outDir = targetDir ? path.resolve(process.cwd(), targetDir) : process.cwd();
+
+    // Partial bundle (--lite, --only-lexer, --only-parser)
+    const partialFlag = flags.find(f => BUNDLES[f]);
+    if (partialFlag) {
+        const { file, label, note } = BUNDLES[partialFlag];
+        const src = path.resolve(DIST_SRC, file);
+
+        try {
+            await fs.access(src);
+        } catch {
+            cliError([
+                `{line}<$red:${label} not found at$> <$yellow:'${src}'$>{N}`,
+                `<$red:Your SomMark installation may be incomplete or corrupted.$>{line}`
+            ]);
+        }
+
+        await ensureDir(outDir);
+
+        const dest = path.join(outDir, file);
+        try {
+            await fs.copyFile(src, dest);
+        } catch (err) {
+            cliError([
+                `{line}<$red:Failed to copy ${label.toLowerCase()} to$> <$yellow:'${dest}'$>{N}`,
+                `<$blue:${err.message}$>{line}`
+            ]);
+        }
+
+        const stats = await fs.stat(dest);
+        const date  = new Date().toLocaleString();
+        console.log(formatMessage(
+            [
+                `{line}[<$yellow: STATUS$> : <$green: SUCCESS$>]{line}`,
+                `<$blue:${label}$> <$yellow:'${file}'$> <$blue:copied to$> <$yellow:'${outDir}'$>{N}`,
+                `<$blue:Size:$> <$yellow:${(stats.size / 1024).toFixed(1)} KB$> <$yellow:(${note})$>{N}`,
+                `<$blue:Date:$> <$yellow:${date}$>{line}`
+            ].join("")
+        ));
+        return;
+    }
+
+    // Full: copy entire dist folder
+    try {
+        await fs.access(DIST_SRC);
+    } catch {
+        cliError([
+            `{line}<$red:dist folder not found at$> <$yellow:'${DIST_SRC}'$>{N}`,
+            `<$red:Your SomMark installation may be incomplete or corrupted.$>{line}`
+        ]);
+    }
+
+    await ensureDir(outDir);
+
+    try {
+        await copyDir(DIST_SRC, outDir);
+    } catch (err) {
+        cliError([
+            `{line}<$red:Failed to copy bundle to$> <$yellow:'${outDir}'$>{N}`,
+            `<$blue:${err.message}$>{line}`
+        ]);
+    }
+
+    const totalSize = await getDirSize(outDir);
+    const date      = new Date().toLocaleString();
+    console.log(formatMessage(
+        [
+            `{line}[<$yellow: STATUS$> : <$green: SUCCESS$>]{line}`,
+            `<$blue:Bundle copied to$> <$yellow:'${outDir}'$>{N}`,
+            `<$blue:Total size:$> <$yellow:${(totalSize / 1024).toFixed(1)} KB$>{N}`,
+            `<$blue:Date:$> <$yellow:${date}$>{line}`
+        ].join("")
+    ));
+}

package/cli/commands/help.js

@@ -22,6 +22,10 @@ export function getHelp(unknown_option = true) {
 		"{N}  <$green:show config [file]$>    <$cyan: Display the configuration data (for a specific file or CWD)$>",
 		"{N}  <$green:show --path-config [file]$>    <$cyan: Display the absolute path to the active config file$>",
 		"{N}  <$green:color on|off$>   <$cyan: Help on enabling colors via Environment Variables$>",
+		"{N}  <$green:bundle [dir]$>                  <$cyan: Copy the full browser bundle (JS + WASM) to a directory$>",
+		"{N}  <$green:bundle [dir] --lite$>           <$cyan: Lite bundle — no WASM, static/runtime blocks disabled$>",
+		"{N}  <$green:bundle [dir] --only-lexer$>     <$cyan: Lexer only — lexSync, lex, TOKEN_TYPES, labels$>",
+		"{N}  <$green:bundle [dir] --only-parser$>    <$cyan: Parser only — lexSync, parseSync and above$>",
 
 		"{N}{N}<$yellow:Transpilation Options:$>",
 		"{N}<$yellow:Usage:$> <$blue:sommark [option] [targetFile] [option] [outputFile] [outputDir]$>",

package/cli/constants.js

@@ -4,7 +4,7 @@
  */
 
 /** @type {Array<string>} List of recognized CLI flags and commands. */
-export const options = ["-v", "--version", "-h", "--help", "--html", "--markdown", "--mdx", "--json", "--jsonc", "--text", "--xml", "--print", "-p", "--lex", "--parse", "list"];
+export const options = ["-v", "--version", "-h", "--help", "--html", "--markdown", "--mdx", "--json", "--jsonc", "--text", "--xml", "--print", "-p", "--lex", "--parse", "list", "bundle"];
 
 /** @type {Object<string, string>} Map of output formats to their respective file extensions. */
 export const extensions = {

package/core/evaluator.stub.js

@@ -0,0 +1,44 @@
+// Lite-mode stub — same interface as evaluator.js but without QuickJS/WASM.
+// Static and runtime blocks throw a clear error instead of executing.
+
+const LITE_ERROR =
+    "[SomMark lite] static ${}$ and runtime ${}$ blocks are not supported in lite mode. " +
+    "Use the full SomMark bundle to enable JS evaluation.";
+
+export function setCompilerClass(_cls) {}
+
+class EvaluatorStub {
+    setDefaultFs(_fs) {}
+
+    get active() {
+        return this;
+    }
+
+    async init(_baseDir, _security, _settings, _mapperFile) {}
+
+    destroy() {}
+
+    pushScope() {}
+
+    async popScope() {}
+
+    inject(_vars) {}
+
+    async execute(_code) {
+        throw new Error(LITE_ERROR);
+    }
+
+    hasDynamicTag(_id) {
+        return false;
+    }
+
+    getDynamicTagOptions(_id) {
+        return null;
+    }
+
+    async executeDynamicTag(_id, _payload) {
+        throw new Error(LITE_ERROR);
+    }
+}
+
+export default new EvaluatorStub();

package/core/helpers/lib.js

@@ -18,7 +18,7 @@ export function registerHostSettings(settings) {
     hostSettings = settings || {};
 }
 
-const version = "4.3.0";
+const version = "4.5.0";
 
 const SomMark = {
     version,

package/core/transpiler.js

@@ -45,7 +45,7 @@ function getNodeText(node) {
  * @param {Object} mapper_file - The rules for how to convert each node.
  * @returns {Promise<string>} - The final text for this node.
  */
-async function generateOutput(ast, i, format, mapper_file, security = {}, parentId = null, generateRuntimeOutput = false, hideRuntimeOutput = false, instance = null) {
+async function generateOutput(ast, i, format, mapper_file, security = {}, parentId = null, generateRuntimeOutput = false, hideRuntimeOutput = false, instance = null, idState = null) {
 	const node = Array.isArray(ast) ? ast[i] : ast;
 	if (!node) return "";
 
@@ -60,7 +60,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 		if (node.body) {
 			evaluator.pushScope();
 			for (let j = 0; j < node.body.length; j++) {
-				bodyOutput += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+				bodyOutput += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 			}
 			await evaluator.popScope();
 		}
@@ -168,7 +168,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 			});
 
 			for (let j = 0; j < cleanedBody.length; j++) {
-				output += await generateOutput(cleanedBody, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+				output += await generateOutput(cleanedBody, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 			}
 
 			await evaluator.popScope();
@@ -191,7 +191,12 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 
 		const hasRuntime = node.body?.some(child => child.type === RUNTIME_LOGIC);
 		if (hasRuntime) {
-			secretId = `sommark-${node.id.toLowerCase()}-${randomBytesHex(4)}`;
+			if (idState?.mode === 'replay') {
+				secretId = idState.ids[idState.idx++] ?? `sommark-${node.id.toLowerCase()}-${randomBytesHex(4)}`;
+			} else {
+				secretId = `sommark-${node.id.toLowerCase()}-${randomBytesHex(4)}`;
+				if (idState?.mode === 'record') idState.ids.push(secretId);
+			}
 		}
 	}
 
@@ -247,7 +252,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 			let resolvedBody = "";
 			evaluator.pushScope();
 			for (let j = 0; j < node.body.length; j++) {
-				resolvedBody += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+				resolvedBody += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 			}
 			await evaluator.popScope();
 			content = dedentBy(resolvedBody, node.range?.start?.character || 0);
@@ -257,7 +262,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 			let childrenOutput = "";
 			if (node.body) {
 				for (let j = 0; j < node.body.length; j++) {
-					childrenOutput += await generateOutput(node.body, j, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+					childrenOutput += await generateOutput(node.body, j, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 				}
 			}
 			return childrenOutput;
@@ -369,7 +374,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 
 					case FOR_EACH:
 					case BLOCK:
-						bodyOutput = await generateOutput(body_node, 0, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+						bodyOutput = await generateOutput(body_node, 0, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 						break;
 
 					case RUNTIME_LOGIC:
@@ -488,6 +493,31 @@ export async function transpiler(optionsOrAst, format, mapperFile) {
 		settings.fs = instance.fs;
 	}
 
+	const generateRuntimeOutput = optionsOrAst?.generateRuntimeOutput || false;
+	const hideRuntimeOutput = optionsOrAst?.hideRuntimeOutput || false;
+	const dualOutput = optionsOrAst?.dualOutput || false;
+
+	if (dualOutput && (generateRuntimeOutput || hideRuntimeOutput)) {
+		const flags = [
+			generateRuntimeOutput && "\x1b[36mgenerateRuntimeOutput\x1b[0m",
+			hideRuntimeOutput     && "\x1b[36mhideRuntimeOutput\x1b[0m"
+		].filter(Boolean).join(" and ");
+		console.warn(
+			`\n[SomMark] \x1b[33m⚠ Ignored options when dualOutput is true\x1b[0m\n` +
+			`  ${flags} ${generateRuntimeOutput && hideRuntimeOutput ? "are" : "is"} ignored when \x1b[32mdualOutput: true\x1b[0m is set.\n` +
+			`  \x1b[2mdualOutput manages both HTML and JS passes internally — no need to set those flags.\x1b[0m\n`
+		);
+	} else if (generateRuntimeOutput && hideRuntimeOutput) {
+		console.warn(
+			"\n[SomMark] \x1b[33m⚠ Conflicting options — output will be empty\x1b[0m\n" +
+			"  \x1b[36mgenerateRuntimeOutput: true\x1b[0m  →  outputs only JS, suppresses all HTML\n" +
+			"  \x1b[36mhideRuntimeOutput: true\x1b[0m      →  suppresses all JS output\n" +
+			"  Together they cancel each other out and produce nothing.\n" +
+			"  \x1b[2mHint: use one at a time, or \x1b[0m\x1b[32mdualOutput: true\x1b[0m\x1b[2m to get [html, js] in one call.\x1b[0m\n"
+		);
+		return "";
+	}
+
 	// Initialize Logic Sandbox
 	await evaluator.init(null, security, settings, targetMapper);
 	// Inject global data
@@ -499,8 +529,63 @@ export async function transpiler(optionsOrAst, format, mapperFile) {
 	let output = "";
 	let prev_body_node = null;
 	let prev_was_silent = false;
-	const generateRuntimeOutput = optionsOrAst?.generateRuntimeOutput || false;
-	const hideRuntimeOutput = optionsOrAst?.hideRuntimeOutput || false;
+
+	if (dualOutput) {
+		const idState = { mode: 'record', ids: [], idx: 0 };
+
+		// HTML pass — generate HTML, record element IDs for runtime blocks
+		let htmlOutput = "";
+		try {
+			for (let i = 0; i < body.length; i++) {
+				const node = body[i];
+				const blockOutput = await generateOutput(body, i, targetFormat, targetMapper, security, null, false, true, instance, idState);
+				let finalBlockOutput = blockOutput;
+				if (prev_was_silent && node.type === TEXT) finalBlockOutput = finalBlockOutput.replace(/^\n/, "");
+				if (finalBlockOutput) {
+					htmlOutput += finalBlockOutput;
+					prev_was_silent = false;
+				} else {
+					prev_was_silent = true;
+					if ((node.type === COMMENT || node.type === COMMENT_BLOCK) && targetMapper?.options?.removeComments) {
+						const nextNode = body[i + 1];
+						if (nextNode && nextNode.type === TEXT && (nextNode.text === "\n" || nextNode.text === "\r\n")) i++;
+					}
+				}
+			}
+		} finally {
+			evaluator.destroy();
+		}
+
+		// JS pass — replay the same IDs so querySelector targets match HTML
+		idState.mode = 'replay';
+		idState.idx = 0;
+		prev_was_silent = false;
+
+		await evaluator.init(null, security, settings, targetMapper);
+		evaluator.inject(placeholders);
+		evaluator.inject(variables);
+
+		let jsOutput = "";
+		try {
+			for (let i = 0; i < body.length; i++) {
+				const node = body[i];
+				const blockOutput = await generateOutput(body, i, targetFormat, targetMapper, security, null, true, false, instance, idState);
+				let finalBlockOutput = blockOutput;
+				if (prev_was_silent && node.type === TEXT) finalBlockOutput = finalBlockOutput.replace(/^\n/, "");
+				if (finalBlockOutput) {
+					jsOutput += finalBlockOutput;
+					prev_was_silent = false;
+				} else {
+					prev_was_silent = true;
+				}
+			}
+		} finally {
+			evaluator.destroy();
+		}
+
+		return [htmlOutput.trim(), jsOutput.trim()];
+	}
+
 	try {
 		for (let i = 0; i < body.length; i++) {
 			const node = body[i];

package/dist/sommark.browser.js

@@ -9184,7 +9184,7 @@ function registerHostSettings(settings) {
     hostSettings = settings || {};
 }
 
-const version = "4.3.0";
+const version = "4.5.0";
 
 const SomMark$1 = {
     version,
@@ -10577,7 +10577,7 @@ function getNodeText$1(node) {
  * @param {Object} mapper_file - The rules for how to convert each node.
  * @returns {Promise<string>} - The final text for this node.
  */
-async function generateOutput(ast, i, format, mapper_file, security = {}, parentId = null, generateRuntimeOutput = false, hideRuntimeOutput = false, instance = null) {
+async function generateOutput(ast, i, format, mapper_file, security = {}, parentId = null, generateRuntimeOutput = false, hideRuntimeOutput = false, instance = null, idState = null) {
 	const node = Array.isArray(ast) ? ast[i] : ast;
 	if (!node) return "";
 
@@ -10592,7 +10592,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 		if (node.body) {
 			Evaluator$1.pushScope();
 			for (let j = 0; j < node.body.length; j++) {
-				bodyOutput += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+				bodyOutput += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 			}
 			await Evaluator$1.popScope();
 		}
@@ -10700,7 +10700,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 			});
 
 			for (let j = 0; j < cleanedBody.length; j++) {
-				output += await generateOutput(cleanedBody, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+				output += await generateOutput(cleanedBody, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 			}
 
 			await Evaluator$1.popScope();
@@ -10723,7 +10723,12 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 
 		const hasRuntime = node.body?.some(child => child.type === RUNTIME_LOGIC);
 		if (hasRuntime) {
-			secretId = `sommark-${node.id.toLowerCase()}-${randomBytesHex(4)}`;
+			if (idState?.mode === 'replay') {
+				secretId = idState.ids[idState.idx++] ?? `sommark-${node.id.toLowerCase()}-${randomBytesHex(4)}`;
+			} else {
+				secretId = `sommark-${node.id.toLowerCase()}-${randomBytesHex(4)}`;
+				if (idState?.mode === 'record') idState.ids.push(secretId);
+			}
 		}
 	}
 
@@ -10779,7 +10784,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 			let resolvedBody = "";
 			Evaluator$1.pushScope();
 			for (let j = 0; j < node.body.length; j++) {
-				resolvedBody += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+				resolvedBody += await generateOutput(node.body, j, format, mapper_file, security, parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 			}
 			await Evaluator$1.popScope();
 			content = dedentBy(resolvedBody, node.range?.start?.character || 0);
@@ -10789,7 +10794,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 			let childrenOutput = "";
 			if (node.body) {
 				for (let j = 0; j < node.body.length; j++) {
-					childrenOutput += await generateOutput(node.body, j, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+					childrenOutput += await generateOutput(node.body, j, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 				}
 			}
 			return childrenOutput;
@@ -10900,7 +10905,7 @@ async function generateOutput(ast, i, format, mapper_file, security = {}, parent
 
 					case FOR_EACH:
 					case BLOCK:
-						bodyOutput = await generateOutput(body_node, 0, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance);
+						bodyOutput = await generateOutput(body_node, 0, format, mapper_file, security, secretId || parentId, generateRuntimeOutput, hideRuntimeOutput, instance, idState);
 						break;
 
 					case RUNTIME_LOGIC:
@@ -11019,6 +11024,31 @@ async function transpiler(optionsOrAst, format, mapperFile) {
 		settings.fs = instance.fs;
 	}
 
+	const generateRuntimeOutput = optionsOrAst?.generateRuntimeOutput || false;
+	const hideRuntimeOutput = optionsOrAst?.hideRuntimeOutput || false;
+	const dualOutput = optionsOrAst?.dualOutput || false;
+
+	if (dualOutput && (generateRuntimeOutput || hideRuntimeOutput)) {
+		const flags = [
+			generateRuntimeOutput && "\x1b[36mgenerateRuntimeOutput\x1b[0m",
+			hideRuntimeOutput     && "\x1b[36mhideRuntimeOutput\x1b[0m"
+		].filter(Boolean).join(" and ");
+		console.warn(
+			`\n[SomMark] \x1b[33m⚠ Ignored options when dualOutput is true\x1b[0m\n` +
+			`  ${flags} ${generateRuntimeOutput && hideRuntimeOutput ? "are" : "is"} ignored when \x1b[32mdualOutput: true\x1b[0m is set.\n` +
+			`  \x1b[2mdualOutput manages both HTML and JS passes internally — no need to set those flags.\x1b[0m\n`
+		);
+	} else if (generateRuntimeOutput && hideRuntimeOutput) {
+		console.warn(
+			"\n[SomMark] \x1b[33m⚠ Conflicting options — output will be empty\x1b[0m\n" +
+			"  \x1b[36mgenerateRuntimeOutput: true\x1b[0m  →  outputs only JS, suppresses all HTML\n" +
+			"  \x1b[36mhideRuntimeOutput: true\x1b[0m      →  suppresses all JS output\n" +
+			"  Together they cancel each other out and produce nothing.\n" +
+			"  \x1b[2mHint: use one at a time, or \x1b[0m\x1b[32mdualOutput: true\x1b[0m\x1b[2m to get [html, js] in one call.\x1b[0m\n"
+		);
+		return "";
+	}
+
 	// Initialize Logic Sandbox
 	await Evaluator$1.init(null, security, settings, targetMapper);
 	// Inject global data
@@ -11030,8 +11060,63 @@ async function transpiler(optionsOrAst, format, mapperFile) {
 	let output = "";
 	let prev_body_node = null;
 	let prev_was_silent = false;
-	const generateRuntimeOutput = optionsOrAst?.generateRuntimeOutput || false;
-	const hideRuntimeOutput = optionsOrAst?.hideRuntimeOutput || false;
+
+	if (dualOutput) {
+		const idState = { mode: 'record', ids: [], idx: 0 };
+
+		// HTML pass — generate HTML, record element IDs for runtime blocks
+		let htmlOutput = "";
+		try {
+			for (let i = 0; i < body.length; i++) {
+				const node = body[i];
+				const blockOutput = await generateOutput(body, i, targetFormat, targetMapper, security, null, false, true, instance, idState);
+				let finalBlockOutput = blockOutput;
+				if (prev_was_silent && node.type === TEXT$1) finalBlockOutput = finalBlockOutput.replace(/^\n/, "");
+				if (finalBlockOutput) {
+					htmlOutput += finalBlockOutput;
+					prev_was_silent = false;
+				} else {
+					prev_was_silent = true;
+					if ((node.type === COMMENT || node.type === COMMENT_BLOCK) && targetMapper?.options?.removeComments) {
+						const nextNode = body[i + 1];
+						if (nextNode && nextNode.type === TEXT$1 && (nextNode.text === "\n" || nextNode.text === "\r\n")) i++;
+					}
+				}
+			}
+		} finally {
+			Evaluator$1.destroy();
+		}
+
+		// JS pass — replay the same IDs so querySelector targets match HTML
+		idState.mode = 'replay';
+		idState.idx = 0;
+		prev_was_silent = false;
+
+		await Evaluator$1.init(null, security, settings, targetMapper);
+		Evaluator$1.inject(placeholders);
+		Evaluator$1.inject(variables);
+
+		let jsOutput = "";
+		try {
+			for (let i = 0; i < body.length; i++) {
+				const node = body[i];
+				const blockOutput = await generateOutput(body, i, targetFormat, targetMapper, security, null, true, false, instance, idState);
+				let finalBlockOutput = blockOutput;
+				if (prev_was_silent && node.type === TEXT$1) finalBlockOutput = finalBlockOutput.replace(/^\n/, "");
+				if (finalBlockOutput) {
+					jsOutput += finalBlockOutput;
+					prev_was_silent = false;
+				} else {
+					prev_was_silent = true;
+				}
+			}
+		} finally {
+			Evaluator$1.destroy();
+		}
+
+		return [htmlOutput.trim(), jsOutput.trim()];
+	}
+
 	try {
 		for (let i = 0; i < body.length; i++) {
 			const node = body[i];
@@ -14095,7 +14180,7 @@ class SomMark {
 	 * @param {string} [options.baseDir=null] - The base directory for resolving relative paths.
 	 */
 	constructor(options = {}) {
-		const { src, ast = null, format, mapperFile = null, filename = "anonymous", removeComments = true, placeholders = {}, customProps = [], fallbackTarget = "style", outputValidator = null, importAliases = {}, importStack = [], baseDir = null, moduleCache = null, showSpinner = true, security = {}, generateRuntimeOutput = false, hideRuntimeOutput = false, moduleIdentityToken = null } = options;
+		const { src, ast = null, format, mapperFile = null, filename = "anonymous", removeComments = true, placeholders = {}, customProps = [], fallbackTarget = "style", outputValidator = null, importAliases = {}, importStack = [], baseDir = null, moduleCache = null, showSpinner = true, security = {}, generateRuntimeOutput = false, hideRuntimeOutput = false, dualOutput = false, moduleIdentityToken = null } = options;
 		this.rawSettings = options;
 		this.src = src;
 		this.ast = ast;
@@ -14107,6 +14192,7 @@ class SomMark {
 		this.customProps = customProps;
 		this.generateRuntimeOutput = generateRuntimeOutput;
 		this.hideRuntimeOutput = hideRuntimeOutput;
+		this.dualOutput = dualOutput;
 		this.cwd = options.baseDir || (options.files ? "/" : defaultCwd);
 		this.fs = options.fs
 			|| (options.files ? new VirtualFS(options.files) : null)
@@ -14322,6 +14408,7 @@ class SomMark {
 				settings: this.rawSettings,
 				generateRuntimeOutput: this.generateRuntimeOutput,
 				hideRuntimeOutput: this.hideRuntimeOutput,
+				dualOutput: this.dualOutput,
 				instance: this
 			});