@treelocator/init 0.1.8 → 0.2.0

package/dist/index.js

@@ -106,6 +106,171 @@ function getInstallCommand(pm, packages) {
       return `npm install -D ${pkgs}`;
   }
 }
+function checkConfiguration(info) {
+  const results = [];
+  const pkgPath = path.join(process.cwd(), "package.json");
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+  const deps = { ...pkg.dependencies, ...pkg.devDependencies };
+  if (deps["@treelocator/runtime"]) {
+    results.push({
+      name: "@treelocator/runtime",
+      status: "ok",
+      message: `Installed (${deps["@treelocator/runtime"]})`
+    });
+  } else {
+    results.push({
+      name: "@treelocator/runtime",
+      status: "error",
+      message: "Not installed",
+      fix: getInstallCommand(info.packageManager, ["@treelocator/runtime"])
+    });
+  }
+  const needsBabelJsx = info.buildTool === "vite" && info.framework !== "vue" && info.framework !== "svelte";
+  if (needsBabelJsx) {
+    if (deps["@locator/babel-jsx"]) {
+      results.push({
+        name: "@locator/babel-jsx",
+        status: "ok",
+        message: `Installed (${deps["@locator/babel-jsx"]})`
+      });
+    } else {
+      results.push({
+        name: "@locator/babel-jsx",
+        status: "error",
+        message: "Not installed (required for JSX frameworks with Vite)",
+        fix: getInstallCommand(info.packageManager, ["@locator/babel-jsx"])
+      });
+    }
+  } else if (info.buildTool === "next") {
+    if (deps["@locator/webpack-loader"]) {
+      results.push({
+        name: "@locator/webpack-loader",
+        status: "ok",
+        message: `Installed (${deps["@locator/webpack-loader"]})`
+      });
+    } else {
+      results.push({
+        name: "@locator/webpack-loader",
+        status: "error",
+        message: "Not installed (required for Next.js)",
+        fix: getInstallCommand(info.packageManager, ["@locator/webpack-loader"])
+      });
+    }
+  }
+  if (info.configFile && fs.existsSync(info.configFile)) {
+    const configContent = fs.readFileSync(info.configFile, "utf-8");
+    if (needsBabelJsx) {
+      if (configContent.includes("@locator/babel-jsx") || configContent.includes("locator/babel-jsx")) {
+        results.push({
+          name: `${info.configFile} babel plugin`,
+          status: "ok",
+          message: "Babel plugin configured"
+        });
+      } else {
+        const hasBabelConfig = configContent.includes("babel:");
+        if (hasBabelConfig) {
+          results.push({
+            name: `${info.configFile} babel plugin`,
+            status: "warning",
+            message: "Babel config exists but @locator/babel-jsx not found",
+            fix: `Add ["@locator/babel-jsx/dist", { env: "development" }] to babel.plugins`
+          });
+        } else {
+          results.push({
+            name: `${info.configFile} babel plugin`,
+            status: "error",
+            message: "Babel plugin not configured",
+            fix: `Add babel: { plugins: [["@locator/babel-jsx/dist", { env: "development" }]] } to your framework plugin options`
+          });
+        }
+      }
+    } else if (info.buildTool === "next") {
+      if (configContent.includes("@locator/webpack-loader") || configContent.includes("locator/webpack-loader")) {
+        results.push({
+          name: `${info.configFile} webpack loader`,
+          status: "ok",
+          message: "Webpack loader configured"
+        });
+      } else {
+        results.push({
+          name: `${info.configFile} webpack loader`,
+          status: "error",
+          message: "Webpack loader not configured",
+          fix: `Add webpack config with @locator/webpack-loader to ${info.configFile}`
+        });
+      }
+    }
+  } else if (info.configFile) {
+    results.push({
+      name: `${info.configFile}`,
+      status: "error",
+      message: "Config file not found",
+      fix: `Create ${info.configFile}`
+    });
+  }
+  if (info.entryFile && fs.existsSync(info.entryFile)) {
+    const entryContent = fs.readFileSync(info.entryFile, "utf-8");
+    if (entryContent.includes("@treelocator/runtime")) {
+      results.push({
+        name: `${info.entryFile} runtime import`,
+        status: "ok",
+        message: "Runtime imported"
+      });
+    } else {
+      results.push({
+        name: `${info.entryFile} runtime import`,
+        status: "warning",
+        message: "Runtime not imported (optional but recommended)",
+        fix: `Add: import "@treelocator/runtime"`
+      });
+    }
+  }
+  return results;
+}
+function printCheckResults(results) {
+  let hasErrors = false;
+  let hasWarnings = false;
+  console.log(pc.bold("\nConfiguration Check Results:\n"));
+  for (const result of results) {
+    let icon;
+    let color;
+    switch (result.status) {
+      case "ok":
+        icon = "\u2713";
+        color = pc.green;
+        break;
+      case "warning":
+        icon = "\u26A0";
+        color = pc.yellow;
+        hasWarnings = true;
+        break;
+      case "error":
+        icon = "\u2717";
+        color = pc.red;
+        hasErrors = true;
+        break;
+    }
+    console.log(`  ${color(icon)} ${pc.bold(result.name)}`);
+    console.log(`    ${color(result.message)}`);
+    if (result.fix) {
+      console.log(`    ${pc.dim("Fix:")} ${pc.cyan(result.fix)}`);
+    }
+    console.log();
+  }
+  if (hasErrors) {
+    console.log(pc.red(pc.bold("Some required configurations are missing.")));
+    console.log(pc.dim("Run without --check to set up TreeLocatorJS.\n"));
+    return false;
+  } else if (hasWarnings) {
+    console.log(pc.yellow(pc.bold("Configuration looks good with minor warnings.")));
+    console.log(pc.green("TreeLocatorJS should work correctly.\n"));
+    return true;
+  } else {
+    console.log(pc.green(pc.bold("All configurations are correct!")));
+    console.log(pc.green("TreeLocatorJS is properly set up.\n"));
+    return true;
+  }
+}
 function updateViteConfig(configFile, framework) {
   let content = fs.readFileSync(configFile, "utf-8");
   if (content.includes("@locator/babel-jsx")) {
@@ -136,20 +301,26 @@ function updateViteConfig(configFile, framework) {
     }
   }
   if (framework === "solid") {
-    const solidPluginRegex = /solidPlugin\(\s*\)/;
-    const solidPluginWithOptionsRegex = /solidPlugin\(\s*\{/;
+    const solidPluginRegex = /solid(?:Plugin)?\(\s*\)/;
+    const solidPluginWithOptionsRegex = /solid(?:Plugin)?\(\s*\{/;
     if (solidPluginRegex.test(content)) {
       content = content.replace(
         solidPluginRegex,
-        `solidPlugin({
+        (match) => {
+          const funcName = match.includes("solidPlugin") ? "solidPlugin" : "solid";
+          return `${funcName}({
       ${babelConfig},
-    })`
+    })`;
+        }
       );
     } else if (solidPluginWithOptionsRegex.test(content)) {
       content = content.replace(
-        /solidPlugin\(\s*\{/,
-        `solidPlugin({
-      ${babelConfig},`
+        /solid(?:Plugin)?\(\s*\{/,
+        (match) => {
+          const funcName = match.includes("solidPlugin") ? "solidPlugin" : "solid";
+          return `${funcName}({
+      ${babelConfig},`;
+        }
       );
     }
   }
@@ -255,9 +426,25 @@ export function LocatorProvider({ children }: { children: React.ReactNode }) {
   fs.writeFileSync(entryFile, content);
   console.log(pc.green(`Updated ${entryFile}`));
 }
-async function main() {
+async function runCheck(info) {
+  console.log(pc.bold(pc.cyan("\n  TreeLocatorJS Configuration Check\n")));
+  console.log(pc.dim("Detected:"));
+  console.log(pc.dim(`  Package manager: ${info.packageManager}`));
+  console.log(pc.dim(`  Build tool: ${info.buildTool}`));
+  console.log(pc.dim(`  Framework: ${info.framework}`));
+  console.log(pc.dim(`  Config file: ${info.configFile || "not found"}`));
+  console.log(pc.dim(`  Entry file: ${info.entryFile || "not found"}`));
+  if (info.buildTool === "unknown") {
+    console.log(pc.red("\nCould not detect build tool (Vite or Next.js)."));
+    console.log(pc.dim("TreeLocatorJS currently supports Vite and Next.js projects."));
+    process.exit(1);
+  }
+  const results = checkConfiguration(info);
+  const isOk = printCheckResults(results);
+  process.exit(isOk ? 0 : 1);
+}
+async function runSetup(info) {
   console.log(pc.bold(pc.cyan("\n  TreeLocatorJS Setup Wizard\n")));
-  const info = detectProject();
   console.log(pc.dim("Detected:"));
   console.log(pc.dim(`  Package manager: ${info.packageManager}`));
   console.log(pc.dim(`  Build tool: ${info.buildTool}`));
@@ -285,7 +472,9 @@ async function main() {
   }
   const packages = ["@treelocator/runtime"];
   if (info.buildTool === "vite") {
-    packages.push("@locator/babel-jsx");
+    if (info.framework !== "vue" && info.framework !== "svelte") {
+      packages.push("@locator/babel-jsx");
+    }
   } else if (info.buildTool === "next") {
     packages.push("@locator/webpack-loader");
   }
@@ -299,12 +488,18 @@ Installing ${packages.join(", ")}...`));
     process.exit(1);
   }
   if (info.configFile) {
-    console.log(pc.dim(`
+    const needsConfigUpdate = info.buildTool === "next" || info.buildTool === "vite" && info.framework !== "vue" && info.framework !== "svelte";
+    if (needsConfigUpdate) {
+      console.log(pc.dim(`
 Updating ${info.configFile}...`));
-    if (info.buildTool === "vite") {
-      updateViteConfig(info.configFile, info.framework);
-    } else if (info.buildTool === "next") {
-      updateNextConfig(info.configFile);
+      if (info.buildTool === "vite") {
+        updateViteConfig(info.configFile, info.framework);
+      } else if (info.buildTool === "next") {
+        updateNextConfig(info.configFile);
+      }
+    } else {
+      console.log(pc.dim(`
+No config update needed for ${info.framework} (uses built-in source tracking)`));
     }
   }
   if (info.entryFile) {
@@ -316,4 +511,36 @@ Updating ${info.entryFile}...`));
   console.log(pc.bold(pc.green("\nTreeLocatorJS installed successfully!")));
   console.log(pc.dim("\nUsage: Hold Alt and click any component to copy its ancestry.\n"));
 }
+async function main() {
+  const args = process.argv.slice(2);
+  const isCheck = args.includes("--check") || args.includes("-c") || args.includes("check");
+  const isHelp = args.includes("--help") || args.includes("-h") || args.includes("help");
+  if (isHelp) {
+    console.log(`
+${pc.bold(pc.cyan("TreeLocatorJS Setup"))}
+
+${pc.bold("Usage:")}
+  npx @treelocator/init          Install and configure TreeLocatorJS
+  npx @treelocator/init check    Check if configuration is correct
+  npx @treelocator/init --help   Show this help message
+
+${pc.bold("Options:")}
+  --check, -c, check    Verify existing configuration without making changes
+  --help, -h, help      Show this help message
+
+${pc.bold("What it checks:")}
+  \u2022 @treelocator/runtime package is installed
+  \u2022 @locator/babel-jsx (Vite) or @locator/webpack-loader (Next.js) is installed
+  \u2022 Build config has the babel plugin / webpack loader configured
+  \u2022 Entry file imports the runtime (optional)
+`);
+    process.exit(0);
+  }
+  const info = detectProject();
+  if (isCheck) {
+    await runCheck(info);
+  } else {
+    await runSetup(info);
+  }
+}
 main().catch(console.error);

package/package.json

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