svelte2tsx 0.7.52 → 0.7.53

package/index.js

@@ -2810,12 +2810,9 @@ function handleAttribute(str, attr, parent, preserveCase, svelte5Plus, element)
             if (!needsNumberConversion) {
                 attributeValue.push(quote);
             }
-            if (includesTemplateLiteralQuote && attrVal.data.split('\n').length > 1) {
-                // Multiline attribute value text which can't be wrapped in a template literal
-                // -> ensure it's still a valid transformation by transforming the actual line break
-                str.overwrite(attrVal.start, attrVal.end, attrVal.data.split('\n').join('\\n'), {
-                    contentOnly: true
-                });
+            const escapedValue = tryEscapeAttributeValue(attrVal.data, !includesTemplateLiteralQuote);
+            if (escapedValue !== null) {
+                str.overwrite(attrVal.start, attrVal.end, escapedValue, { contentOnly: true });
             }
             attributeValue.push([attrVal.start, attrVal.end]);
             if (!needsNumberConversion) {
@@ -2849,6 +2846,15 @@ function handleAttribute(str, attr, parent, preserveCase, svelte5Plus, element)
 function attributeValueIsOfType(value, type) {
     return value !== true && value.length == 1 && value[0].type == type;
 }
+function tryEscapeAttributeValue(str, useTemplateLiteral) {
+    // Multiline attribute value text which can't be wrapped in a template literal
+    // -> ensure it's still a valid transformation by transforming the actual line break
+    // \ is not a valid escape in HTML, but it could be part of the attribute value and would break the generated code
+    if (!str.includes('\\') && (useTemplateLiteral || !str.includes('\n'))) {
+        return null;
+    }
+    return JSON.stringify(str).slice(1, -1);
+}
 
 /**
  * This needs to be called on the way out, not on the way on, when walking,

package/index.mjs

@@ -2790,12 +2790,9 @@ function handleAttribute(str, attr, parent, preserveCase, svelte5Plus, element)
             if (!needsNumberConversion) {
                 attributeValue.push(quote);
             }
-            if (includesTemplateLiteralQuote && attrVal.data.split('\n').length > 1) {
-                // Multiline attribute value text which can't be wrapped in a template literal
-                // -> ensure it's still a valid transformation by transforming the actual line break
-                str.overwrite(attrVal.start, attrVal.end, attrVal.data.split('\n').join('\\n'), {
-                    contentOnly: true
-                });
+            const escapedValue = tryEscapeAttributeValue(attrVal.data, !includesTemplateLiteralQuote);
+            if (escapedValue !== null) {
+                str.overwrite(attrVal.start, attrVal.end, escapedValue, { contentOnly: true });
             }
             attributeValue.push([attrVal.start, attrVal.end]);
             if (!needsNumberConversion) {
@@ -2829,6 +2826,15 @@ function handleAttribute(str, attr, parent, preserveCase, svelte5Plus, element)
 function attributeValueIsOfType(value, type) {
     return value !== true && value.length == 1 && value[0].type == type;
 }
+function tryEscapeAttributeValue(str, useTemplateLiteral) {
+    // Multiline attribute value text which can't be wrapped in a template literal
+    // -> ensure it's still a valid transformation by transforming the actual line break
+    // \ is not a valid escape in HTML, but it could be part of the attribute value and would break the generated code
+    if (!str.includes('\\') && (useTemplateLiteral || !str.includes('\n'))) {
+        return null;
+    }
+    return JSON.stringify(str).slice(1, -1);
+}
 
 /**
  * This needs to be called on the way out, not on the way on, when walking,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte2tsx",
-  "version": "0.7.52",
+  "version": "0.7.53",
   "description": "Convert Svelte components to TSX for type checking",
   "author": "The Svelte Community",
   "license": "MIT",
@@ -29,7 +29,6 @@
     "@types/node": "^18.0.0",
     "@types/unist": "^2.0.3",
     "@types/vfile": "^3.0.2",
-    "builtin-modules": "^3.3.0",
     "estree-walker": "^2.0.1",
     "magic-string": "^0.30.11",
     "mocha": "^9.2.0",