@xaendar/compiler 0.7.10 → 0.7.11

package/dist/xaendar-compiler.es.js

@@ -532,15 +532,12 @@ function generateElement(node, parentNode, index, compilerContext, anchor) {
 			fn: {
 				node,
 				parentNode: nodeName,
-				context: compilerContext
+				context: compilerContext,
+				precode: getPrecode(tagName)
 			},
-			args: [
-				nodeName,
-				"parentContext",
-				"namespace"
-			]
+			args: [nodeName, "parentContext"]
 		});
-		retval.code.push(`this.${nodeName}Children(${nodeName}, context, ${tagName === "svg" ? "'svg'" : "namespace"});`);
+		retval.code.push(`this.${nodeName}Children(${nodeName}, context);`);
 	}
 	return retval;
 }
@@ -593,6 +590,13 @@ function mapEvents(events, compilerContext) {
 	compilerContext.removeIdentifier("$event");
 	return mappedEvents;
 }
+function getPrecode(tagName) {
+	switch (tagName) {
+		case "svg": return "context.createElement = (tagName) => document.createElementNS(SVG_NS,  tagName);";
+		case "math": return "context.createElement = (tagName) => document.createElementNS(MATHML_NS,  tagName);";
+		default: return "";
+	}
+}
 //#endregion
 //#region ../packages/compiler/src/generator/states/generate-for.state.ts
 /**
@@ -626,7 +630,7 @@ function mapEvents(events, compilerContext) {
 * @param compilerContext - The enclosing scope context.
 * @returns Array of generated code lines.
 */
-function generateFor(node, parentNode, index, compilerContext, anchor) {
+function generateFor(node, parentNode, index, compilerContext) {
 	const retVal = {
 		code: [],
 		functionsToProcess: /* @__PURE__ */ new Map()
@@ -670,7 +674,6 @@ function generateFor(node, parentNode, index, compilerContext, anchor) {
 			"parentContext",
 			itemsName,
 			counterName,
-			"namespace",
 			"anchor"
 		]
 	});
@@ -717,7 +720,6 @@ function generateIf(node, parentNode, index, compilerContext) {
 		args: [
 			ifKey,
 			"parentContext",
-			"namespace",
 			"anchor"
 		]
 	});
@@ -742,7 +744,6 @@ function generateIf(node, parentNode, index, compilerContext) {
 			args: [
 				parentNode,
 				"parentContext",
-				"namespace",
 				"anchor"
 			]
 		});
@@ -767,7 +768,6 @@ function generateIf(node, parentNode, index, compilerContext) {
 			args: [
 				parentNode,
 				"parentContext",
-				"namespace",
 				"anchor"
 			]
 		});
@@ -805,7 +805,6 @@ function generateSwitch(node, parentNode, index, compilerContext) {
 			args: [
 				caseKey,
 				"parentContext",
-				"namespace",
 				"anchor"
 			]
 		});
@@ -852,11 +851,7 @@ var Generator = class {
 	generate() {
 		this._nodeToProcess.clear();
 		const compilerContext = new CompilerContext();
-		const renderFunctions = ["_render() {", ...indent([
-			`const ${ROOT_NODE} = this._root;`,
-			"const context = new Context(this);",
-			"const namespace = undefined;"
-		])];
+		const renderFunctions = ["_render() {", ...indent([`const ${ROOT_NODE} = this._root;`, "const context = new Context(this, { createElement: document.createElement, get: () => undefined });"])];
 		if (this._cssVariableName) renderFunctions.push(indent(`${ROOT_NODE}.adoptedStyleSheets = [${this._cssVariableName}];`));
 		for (let i = 0; i < this._ast.length; i++) {
 			const { code, functionsToProcess } = this._processNode(this._ast[i], ROOT_NODE, i.toString(), compilerContext, null);
@@ -867,7 +862,7 @@ var Generator = class {
 		for (const [key, fnData] of this._nodeToProcess.entries()) {
 			const { node, parentNode, context, precode, anchor } = fnData.fn;
 			renderFunctions.push(`\n${key}(${fnData.args?.join(", ")}) {`, ...indent([
-				"const context = new Context(this, parentContext, namespace);",
+				"const context = new Context(this, parentContext);",
 				...node.children.map((child, i) => {
 					const { code, functionsToProcess } = this._processNode(child, parentNode, i.toString(), context, anchor ?? null);
 					functionsToProcess?.forEach((value, key) => this._nodeToProcess.set(key, value));

package/package.json

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