@xaendar/compiler 0.5.2 → 0.5.4

package/dist/xaendar-compiler.es.js

@@ -1,4 +1,4 @@
-import { Stack, indent } from "@xaendar/common";
+import { Stack, assertIsValidElementName, indent } from "@xaendar/common";
 import ts from "typescript";
 //#region ../packages/compiler/src/lexer/types/lexer-state.enum.ts
 /**
@@ -2219,8 +2219,10 @@ function processConstDeclaration(node, _nodeName, _parentNode, context) {
 */
 function processElement(node, nodeName, parentNode, context) {
 	const childrenContext = new Context([], context);
+	const tagName = node.tagName;
+	assertIsValidElementName(tagName);
 	return [
-		`const ${nodeName} = document.createElement("${node.tagName}");`,
+		`const ${nodeName} = document.createElement("${tagName}");`,
 		...node.attributes?.map((attr) => {
 			const value = attr.value;
 			return typeof value === "string" ? `${nodeName}.setAttribute('${attr.name}', ${value});` : `unwatchFns.push(effect(() => ${nodeName}.setAttribute('${attr.name}', ${resolveExpression(value.expression, context)})));`;
@@ -2296,7 +2298,7 @@ function processFor(node, nodeName, parentNode, parentContext) {
 		],
 		args: [itemsName, counterName]
 	});
-	mainBlock.push("(() => {", ...indent("let localUnwatchFns = [];", "const unwatch = () => {", ...indent("localUnwatchFns?.forEach(fn => fn());", "localUnwatchFns = [];", "unwatchFns = unwatchFns.filter(fn => !localUnwatchFns.includes(fn));"), "};", "unwatchFns.push(", ...indent("effect(() => {", ...indent("unwatch();", `const ${itemsName} = ${iterableExpr};`, "Signal.subtle.untrack(() => {", ...indent(`for (let ${counterName} = 0; ${counterName} < ${itemsName}.length; ${counterName}++) {`, ...indent(`localUnwatchFns.push(...this.for_${nodeName}(${itemsName}, ${counterName}));`, "unwatchFns.push(...localUnwatchFns);"), "}"), "});"), "})"), ");"), "})();");
+	mainBlock.push("(() => {", ...indent("let localUnwatchFns = [];", "const unwatch = () => {", ...indent("unwatchFns = unwatchFns.filter(fn => !localUnwatchFns.includes(fn));", "localUnwatchFns?.forEach(fn => fn());", "localUnwatchFns = [];"), "};", "unwatchFns.push(", ...indent("effect(() => {", ...indent("unwatch();", `const ${itemsName} = ${iterableExpr};`, "Signal.subtle.untrack(() => {", ...indent(`for (let ${counterName} = 0; ${counterName} < ${itemsName}.length; ${counterName}++) {`, ...indent(`localUnwatchFns.push(...this.for_${nodeName}(${itemsName}, ${counterName}));`, "unwatchFns.push(...localUnwatchFns);"), "}"), "});"), "})"), ");"), "})();");
 	return {
 		mainBlock,
 		fns: functionsToProcess
@@ -2356,7 +2358,7 @@ function processIf(node, nodeName, parentNode, context) {
 	return {
 		mainBlock: [
 			"(() => {",
-			...indent("let state;", "let localUnwatchFns = []", "const checkAndUpdateState = (newState, fn) => {", ...indent("if (state === newState) {", ...indent("return;"), "}", "state = newState;", "unwatch();", "localUnwatchFns = Signal.subtle.untrack(fn);", "unwatchFns.push(...localUnwatchFns);"), "};", "const unwatch = () => {", ...indent("localUnwatchFns?.forEach(fn => fn());", "unwatchFns = unwatchFns.filter(fn => !localUnwatchFns.includes(fn));", "localUnwatchFns = [];"), "}", "unwatchFns.push(", ...indent("effect(() => {", ...indent(...mainBlock), "})"), ");"),
+			...indent("let state;", "let localUnwatchFns = []", "const checkAndUpdateState = (newState, fn) => {", ...indent("if (state === newState) {", ...indent("return;"), "}", "state = newState;", "unwatch();", "localUnwatchFns = Signal.subtle.untrack(fn);", "unwatchFns.push(...localUnwatchFns);"), "};", "const unwatch = () => {", ...indent("unwatchFns = unwatchFns.filter(fn => !localUnwatchFns.includes(fn));", "localUnwatchFns?.forEach(fn => fn());", "localUnwatchFns = [];"), "}", "unwatchFns.push(", ...indent("effect(() => {", ...indent(...mainBlock), "})"), ");"),
 			"})();"
 		],
 		fns: functionsToProcess
@@ -2392,7 +2394,7 @@ function processSwitch(node, nodeName, parentNode, context) {
 	return {
 		mainBlock: [
 			"(() => {",
-			...indent("let localUnwatchFns = []", "const unwatch = () => {", ...indent("localUnwatchFns?.forEach(fn => fn());", "unwatchFns = unwatchFns.filter(fn => !localUnwatchFns.includes(fn));", "localUnwatchFns = [];"), "}", "unwatchFns.push(", ...indent("effect(() => {", ...indent("unwatch();", ...mainBlock), "})"), ");"),
+			...indent("let localUnwatchFns = []", "const unwatch = () => {", ...indent("unwatchFns = unwatchFns.filter(fn => !localUnwatchFns.includes(fn));", "localUnwatchFns?.forEach(fn => fn());", "localUnwatchFns = [];"), "}", "unwatchFns.push(", ...indent("effect(() => {", ...indent("unwatch();", ...mainBlock), "})"), ");"),
 			"})();"
 		],
 		fns: functionsToProcess

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaendar/compiler",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "A library for transpiling Xaendar Templates into JavaScript code",
   "sideEffects": false,
   "type": "module",
@@ -16,8 +16,8 @@
     }
   },
   "dependencies": {
-    "@xaendar/common": "0.5.2",
-    "@xaendar/types": "0.5.2",
+    "@xaendar/common": "0.5.4",
+    "@xaendar/types": "0.5.4",
     "typescript": "^6.0.3"
   }
 }