@treelocator/init 0.1.4 → 0.1.6

package/dist/index.js

@@ -49,9 +49,26 @@ function detectProject() {
     info.framework = "svelte";
   } else if (deps.preact) {
     info.framework = "preact";
-  } else if (deps["solid-js"]) {
+  } else if (deps["solid-js"] || deps["vite-plugin-solid"]) {
     info.framework = "solid";
   }
+  if (info.buildTool === "vite" && info.configFile) {
+    try {
+      const viteConfig = fs.readFileSync(info.configFile, "utf-8");
+      if (viteConfig.includes("vite-plugin-solid") || viteConfig.includes("solidPlugin")) {
+        info.framework = "solid";
+      } else if (viteConfig.includes("@vitejs/plugin-react") || viteConfig.includes("react()")) {
+        info.framework = "react";
+      } else if (viteConfig.includes("@vitejs/plugin-vue") || viteConfig.includes("vue()")) {
+        info.framework = "vue";
+      } else if (viteConfig.includes("@sveltejs/vite-plugin-svelte") || viteConfig.includes("svelte()")) {
+        info.framework = "svelte";
+      } else if (viteConfig.includes("@preact/preset-vite") || viteConfig.includes("preact()")) {
+        info.framework = "preact";
+      }
+    } catch {
+    }
+  }
   const entryPaths = [
     "src/main.tsx",
     "src/main.ts",
@@ -95,6 +112,11 @@ function updateViteConfig(configFile, framework) {
     console.log(pc.yellow("TreeLocatorJS babel plugin already configured in vite.config"));
     return;
   }
+  const babelConfig = `babel: {
+        plugins: [
+          ["@locator/babel-jsx/dist", { env: "development" }],
+        ],
+      }`;
   if (framework === "react") {
     const reactPluginRegex = /react\(\s*\)/;
     const reactPluginWithOptionsRegex = /react\(\s*\{/;
@@ -102,22 +124,50 @@ function updateViteConfig(configFile, framework) {
       content = content.replace(
         reactPluginRegex,
         `react({
-      babel: {
-        plugins: [
-          ["@locator/babel-jsx/dist", { env: "development" }],
-        ],
-      },
+      ${babelConfig},
     })`
       );
     } else if (reactPluginWithOptionsRegex.test(content)) {
       content = content.replace(
         /react\(\s*\{/,
         `react({
-      babel: {
-        plugins: [
-          ["@locator/babel-jsx/dist", { env: "development" }],
-        ],
-      },`
+      ${babelConfig},`
+      );
+    }
+  }
+  if (framework === "solid") {
+    const solidPluginRegex = /solidPlugin\(\s*\)/;
+    const solidPluginWithOptionsRegex = /solidPlugin\(\s*\{/;
+    if (solidPluginRegex.test(content)) {
+      content = content.replace(
+        solidPluginRegex,
+        `solidPlugin({
+      ${babelConfig},
+    })`
+      );
+    } else if (solidPluginWithOptionsRegex.test(content)) {
+      content = content.replace(
+        /solidPlugin\(\s*\{/,
+        `solidPlugin({
+      ${babelConfig},`
+      );
+    }
+  }
+  if (framework === "preact") {
+    const preactPluginRegex = /preact\(\s*\)/;
+    const preactPluginWithOptionsRegex = /preact\(\s*\{/;
+    if (preactPluginRegex.test(content)) {
+      content = content.replace(
+        preactPluginRegex,
+        `preact({
+      ${babelConfig},
+    })`
+      );
+    } else if (preactPluginWithOptionsRegex.test(content)) {
+      content = content.replace(
+        /preact\(\s*\{/,
+        `preact({
+      ${babelConfig},`
       );
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treelocator/init",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Setup wizard for TreeLocatorJS - auto-configure component ancestry tracking",
   "bin": {
     "treelocatorjs": "./dist/index.js",
@@ -48,5 +48,5 @@
     "component-ancestry"
   ],
   "license": "MIT",
-  "gitHead": "a36be153e103505d6814e0d8b5c3a5cb17c1df0c"
+  "gitHead": "d2ab8db8032c185681da7d9a667e13105a1b0db4"
 }