@xaendar/compiler 0.7.16 → 0.7.18

package/dist/xaendar-compiler.es.js

@@ -514,9 +514,16 @@ function generateElement(node, parentNode, index, compilerContext, anchor) {
 	const nodeName = getElementIdentifier(node, parentNode, index);
 	const tagName = node.tagName;
 	const retval = {
-		code: [`const ${nodeName} = _renderElement(${parentNode}, context, ${anchor}, '${tagName}',`],
+		code: [],
 		functionsToProcess: /* @__PURE__ */ new Map()
 	};
+	switch (tagName) {
+		case "svg":
+			retval.code.push("context.createElement = createSVGElement");
+			break;
+		case "math": retval.code.push("context.createElement = createMATHMLElement");
+	}
+	retval.code.push(`const ${nodeName} = _renderElement(${parentNode}, context, ${anchor}, '${tagName}',`);
 	attributes.length ? retval.code.push(...indent([
 		"[",
 		...indent(attributes),
@@ -527,6 +534,10 @@ function generateElement(node, parentNode, index, compilerContext, anchor) {
 		...indent(events),
 		"]"
 	]), ");") : retval.code[retval.code.length - 1] = `${retval.code[retval.code.length - 1]} []);`;
+	switch (tagName) {
+		case "svg":
+		case "math": retval.code.push("context.createElement = createElement");
+	}
 	if (node.children.length) {
 		retval.functionsToProcess.set(`${nodeName}Children`, {
 			fn: {
@@ -861,16 +872,13 @@ var Generator = class {
 		renderFunctions.push(...indent(["return context;"]), "}");
 		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);",
-				...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));
-					if (precode) code.unshift(precode);
-					return code;
-				}).flat(),
-				fnData.fn.isForBody ? "return { context, update };" : "return context;"
-			]), "}");
+			renderFunctions.push(`\n${key}(${fnData.args?.join(", ")}) {`, ...indent(["const context = new Context(this, parentContext);"]));
+			if (precode) renderFunctions.push(indent(precode));
+			renderFunctions.push(...indent([...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));
+				return code;
+			}).flat(), fnData.fn.isForBody ? "return { context, update };" : "return context;"]), "}");
 		}
 		return renderFunctions.join("\n");
 	}

package/package.json

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