@torpor/view 0.4.2 → 0.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@torpor/view",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Torpor's view library, for writing and mounting components",
   "type": "module",
   "exports": {

package/src/compile/build/client/addPushDevBoundary.ts

@@ -10,13 +10,16 @@ export default function addPushDevBoundary(
 	if (status.options.dev === true) {
 		status.imports.add("t_push_dev_bound");
 
-		let nameHasQuotes =
+		// Ensure the name is wrapped with quotes, and internal quotes are escaped
+		const nameHasQuotes =
 			(name.startsWith("'") && name.endsWith("'")) ||
 			(name.startsWith('"') && name.endsWith('"')) ||
-			name.startsWith("`") ||
-			name.endsWith("`");
-		if (!nameHasQuotes) {
-			name = `"${name}"`;
+			(name.startsWith("`") && name.endsWith("`"));
+		if (nameHasQuotes) {
+			const quote = name[0];
+			name = quote + name.substring(1, name.length - 1).replaceAll(quote, "\\" + quote) + quote;
+		} else {
+			name = `"${name.replaceAll('"', '\\"')}"`;
 		}
 
 		b.append(`t_push_dev_bound("${type}", ${name});`);

package/src/compile/build/client/replaceForVarNames.ts

@@ -8,7 +8,7 @@ export default function replaceForVarNames(value: string, status: BuildStatus):
 	// get it from the loop data to trigger an update when it is changed
 	for (let varName of status.forVarNames) {
 		value = value.replaceAll(
-			new RegExp(`(^|\\s|\\(|\\[|\\{|!)${varName[0]}($|\\s|\\.|\\(|\\)|\\[|\\]|\\}|;)`, "g"),
+			new RegExp(`(^|\\s|\\(|\\[|\\{|!)${varName[0]}($|\\s|\\.|,|\\(|\\)|\\[|\\]|\\}|;)`, "g"),
 			`$1${varName[1]}$2`,
 		);
 	}