@pandacss/parser 0.0.0-dev-20230626085107 → 0.0.0-dev-20230626124525

package/dist/index.js

@@ -206,7 +206,7 @@ function createParser(options) {
   if (jsx) {
     importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
   }
-  return function parse3(sourceFile) {
+  return function parse2(sourceFile) {
     if (!sourceFile)
       return;
     const filePath = sourceFile.getFilePath();
@@ -497,23 +497,24 @@ const render = ${fileStr.snip(templateStart, templateEnd).toString()}`
 };
 
 // src/svelte-to-tsx.ts
-var svelte = __toESM(require("svelte/compiler"));
 var import_magic_string2 = __toESM(require("magic-string"));
+var regex_style_tags = /<!--[^]*?-->|<style(\s[^]*?)?(?:>([^]*?)<\/style>|\/>)/gi;
+var regex_script_tags = /<!--[^]*?-->|<script(\s[^]*?)?(?:>([^]*?)<\/script>|\/>)/gi;
 var svelteToTsx = (code) => {
   try {
-    const parsed = svelte.parse(code);
-    const fileStr = new import_magic_string2.default(code);
-    if (parsed.instance && parsed.instance.content) {
-      const content = parsed.instance.content;
-      fileStr.update(parsed.instance.start, parsed.instance.end, code.slice(content.start, content.end));
+    const scripts = [];
+    const original = new import_magic_string2.default(code);
+    let match2;
+    while ((match2 = regex_script_tags.exec(code)) != null) {
+      const [fullMatch, _attributesStr, scriptContent] = match2;
+      if (scriptContent) {
+        scripts.push(scriptContent);
+        original.remove(match2.index, match2.index + fullMatch.length);
+      }
     }
-    const moduleContext = parsed.module ? fileStr.snip(parsed.module.start, parsed.module.end) : "";
-    const scriptContent = parsed.instance ? fileStr.snip(parsed.instance.start, parsed.instance.end) : "";
-    const templateContent = parsed.html.children?.map((child) => fileStr.snip(child.start, child.end)).join("").trimStart() ?? "";
-    const transformed = new import_magic_string2.default(
-      `${moduleContext + "\n"}${scriptContent + "\n"}
-const render = <div>${templateContent}</div>`
-    );
+    const templateContent = original.toString().trimStart().replace(regex_style_tags, "").replace(regex_style_tags, "");
+    const transformed = `${scripts.join("")}
+const render = <div>${templateContent}</div>`;
     return transformed.toString().trim();
   } catch (err) {
     return "";

package/dist/index.mjs

@@ -168,7 +168,7 @@ function createParser(options) {
   if (jsx) {
     importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
   }
-  return function parse3(sourceFile) {
+  return function parse2(sourceFile) {
     if (!sourceFile)
       return;
     const filePath = sourceFile.getFilePath();
@@ -459,23 +459,24 @@ const render = ${fileStr.snip(templateStart, templateEnd).toString()}`
 };
 
 // src/svelte-to-tsx.ts
-import * as svelte from "svelte/compiler";
 import MagicString2 from "magic-string";
+var regex_style_tags = /<!--[^]*?-->|<style(\s[^]*?)?(?:>([^]*?)<\/style>|\/>)/gi;
+var regex_script_tags = /<!--[^]*?-->|<script(\s[^]*?)?(?:>([^]*?)<\/script>|\/>)/gi;
 var svelteToTsx = (code) => {
   try {
-    const parsed = svelte.parse(code);
-    const fileStr = new MagicString2(code);
-    if (parsed.instance && parsed.instance.content) {
-      const content = parsed.instance.content;
-      fileStr.update(parsed.instance.start, parsed.instance.end, code.slice(content.start, content.end));
+    const scripts = [];
+    const original = new MagicString2(code);
+    let match2;
+    while ((match2 = regex_script_tags.exec(code)) != null) {
+      const [fullMatch, _attributesStr, scriptContent] = match2;
+      if (scriptContent) {
+        scripts.push(scriptContent);
+        original.remove(match2.index, match2.index + fullMatch.length);
+      }
     }
-    const moduleContext = parsed.module ? fileStr.snip(parsed.module.start, parsed.module.end) : "";
-    const scriptContent = parsed.instance ? fileStr.snip(parsed.instance.start, parsed.instance.end) : "";
-    const templateContent = parsed.html.children?.map((child) => fileStr.snip(child.start, child.end)).join("").trimStart() ?? "";
-    const transformed = new MagicString2(
-      `${moduleContext + "\n"}${scriptContent + "\n"}
-const render = <div>${templateContent}</div>`
-    );
+    const templateContent = original.toString().trimStart().replace(regex_style_tags, "").replace(regex_style_tags, "");
+    const transformed = `${scripts.join("")}
+const render = <div>${templateContent}</div>`;
     return transformed.toString().trim();
   } catch (err) {
     return "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.0.0-dev-20230626085107",
+  "version": "0.0.0-dev-20230626124525",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,19 +14,18 @@
     "@vue/compiler-sfc": "^3.3.4",
     "lil-fp": "1.4.5",
     "magic-string": "^0.30.0",
-    "svelte": "^4.0.0",
     "ts-morph": "18.0.0",
     "ts-pattern": "4.3.0",
-    "@pandacss/extractor": "0.0.0-dev-20230626085107",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230626085107",
-    "@pandacss/logger": "0.0.0-dev-20230626085107",
-    "@pandacss/shared": "0.0.0-dev-20230626085107",
-    "@pandacss/types": "0.0.0-dev-20230626085107"
+    "@pandacss/extractor": "0.0.0-dev-20230626124525",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230626124525",
+    "@pandacss/logger": "0.0.0-dev-20230626124525",
+    "@pandacss/shared": "0.0.0-dev-20230626124525",
+    "@pandacss/types": "0.0.0-dev-20230626124525"
   },
   "devDependencies": {
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.0.0-dev-20230626085107",
-    "@pandacss/generator": "0.0.0-dev-20230626085107"
+    "@pandacss/fixture": "0.0.0-dev-20230626124525",
+    "@pandacss/generator": "0.0.0-dev-20230626124525"
   },
   "files": [
     "dist"