Test

webstudio-is · Jun 3, 2024 · 108ec22 · 108ec22
1 parent 5072d5f
commit 108ec22
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/fixtures/webstudio-custom-template/app/__generated__/_index.tsx b/fixtures/webstudio-custom-template/app/__generated__/_index.tsx
diff --git a/fixtures/webstudio-remix-vercel/app/__generated__/_index.tsx b/fixtures/webstudio-remix-vercel/app/__generated__/_index.tsx
diff --git a/packages/cli/src/html-to-jsx.ts b/packages/cli/src/html-to-jsx.ts
@@ -66,6 +66,15 @@ const convertTagName = (tagName: string) => {
   return tag;
 };
 
+const escapeValue = (value: string) =>
+  value
+    .trim()
+    .replace(/\\/g, "\\\\")
+    .replace(/`/g, "\\`")
+    .replace(/\$/g, "\\$")
+    .replace(/\r/g, "\\r")
+    .replace(/\n/g, "\\n");
+
 export const htmlToJsx = (html: string) => {
   const parsedHtml = parseFragment(html);
 
@@ -74,7 +83,11 @@ export const htmlToJsx = (html: string) => {
   for (const walkNode of walkChildNodes(parsedHtml)) {
     switch (walkNode.type) {
       case "text":
-        result += walkNode.value;
+        {
+          const escapedValue = escapeValue(walkNode.value);
+
+          result += escapedValue ? "{`" + escapedValue + "`}" : "";
+        }
         break;
       case "element-start":
         {