uilint 0.2.140 → 0.2.142

package/dist/index.js

@@ -12,10 +12,11 @@ import {
   readRuleConfigsFromConfig,
   updateRuleConfigInConfig,
   updateRuleSeverityInConfig
-} from "./chunk-RYRHWTLC.js";
+} from "./chunk-7GQXW4CT.js";
 import {
+  discoverPlugins,
   loadPluginESLintRules
-} from "./chunk-RUMBVNPY.js";
+} from "./chunk-WG2WZTB2.js";
 import {
   createSpinner,
   intro,
@@ -242,12 +243,12 @@ async function initializeLangfuseIfEnabled() {
       }) => {
         let resolveTrace;
         let generationRef;
-        let traceRef;
+        let _traceRef;
         let endData;
         const tracePromise = startActiveObservation(
           `uilint-${name}`,
           async (span) => {
-            traceRef = span;
+            _traceRef = span;
             span.update({
               input: { operation: name },
               metadata: {
@@ -1416,10 +1417,13 @@ import {
   readdirSync,
   readFileSync as readFileSync2,
   mkdirSync as mkdirSync3,
-  writeFileSync as writeFileSync3
+  writeFileSync as writeFileSync3,
+  unlinkSync
 } from "fs";
+import { createServer } from "http";
 import { createRequire as createRequire3 } from "module";
 import { dirname as dirname5, resolve as resolve6, relative as relative2, join as join3, parse } from "path";
+import { URL } from "url";
 import { WebSocketServer, WebSocket } from "ws";
 import { watch } from "chokidar";
 import { findWorkspaceRoot as findWorkspaceRoot4 } from "uilint-core/node";
@@ -1741,7 +1745,7 @@ function collectScopeBoundaries(ast) {
       return;
     }
     if (node.type === "ArrowFunctionExpression") {
-      let name = null;
+      const name = null;
       const returnsJsx = containsJsxReturn(node.body);
       if (range && loc) {
         const scopeType = determineScopeType(name, true, false, returnsJsx);
@@ -1937,7 +1941,7 @@ function findContainingJsxElement(ast, offset) {
   walk(ast);
   return result.innermost?.type ?? null;
 }
-function findEnclosingScopeBatch(source, positions, options) {
+function findEnclosingScopeBatch(source, positions, _options) {
   const localRequire2 = createRequire(import.meta.url);
   const { parse: parse2 } = localRequire2("@typescript-eslint/typescript-estree");
   let ast;
@@ -2120,7 +2124,7 @@ async function lintFileWithDataLoc(absolutePath, projectCwd, onProgress) {
       lineStarts = buildLineStarts(fileCode);
       spans = buildJsxElementSpans(fileCode, dataLocFile);
       progress(`JSX map: ${spans.length} element(s)`);
-    } catch (e) {
+    } catch {
       progress("JSX map failed (falling back to unmapped issues)");
       spans = [];
       lineStarts = [];
@@ -2208,6 +2212,29 @@ function isSentinelIssue(issue) {
   if (!issue.ruleId || !issue.messageId) return false;
   return getSentinelKeys().has(`${issue.ruleId}:${issue.messageId}`);
 }
+var DEFAULT_PORT = 9234;
+var PORT_RANGE_SIZE = 10;
+function isPortAvailable(port) {
+  return new Promise((resolve11) => {
+    const srv = createServer();
+    srv.once("error", () => {
+      resolve11(false);
+    });
+    srv.once("listening", () => {
+      srv.close(() => resolve11(true));
+    });
+    srv.listen(port, "127.0.0.1");
+  });
+}
+async function findAvailablePort(preferred) {
+  for (let offset = 0; offset < PORT_RANGE_SIZE; offset++) {
+    const port = preferred + offset;
+    if (await isPortAvailable(port)) return port;
+  }
+  throw new Error(
+    `No available ports in range ${preferred}\u2013${preferred + PORT_RANGE_SIZE - 1}`
+  );
+}
 function pickAppRoot(params) {
   const { cwd, workspaceRoot } = params;
   if (detectNextAppRouter(cwd)) return cwd;
@@ -2433,9 +2460,11 @@ async function getESLintForProject2(projectCwd) {
   try {
     const req = createRequire3(join3(projectCwd, "package.json"));
     const mod = req("eslint");
-    const ESLintCtor = mod?.ESLint ?? mod?.default?.ESLint ?? mod?.default ?? mod;
+    const modDefault = mod?.default;
+    const ESLintCtor = mod?.ESLint ?? modDefault?.ESLint ?? mod?.default ?? mod;
     if (!ESLintCtor) return null;
-    const eslint = new ESLintCtor({ cwd: projectCwd });
+    const Ctor = ESLintCtor;
+    const eslint = new Ctor({ cwd: projectCwd });
     eslintInstances2.set(projectCwd, eslint);
     return eslint;
   } catch {
@@ -2449,9 +2478,11 @@ async function getESLintWithOverrides(projectCwd, overrideRules, instanceCache)
   try {
     const req = createRequire3(join3(projectCwd, "package.json"));
     const mod = req("eslint");
-    const ESLintCtor = mod?.ESLint ?? mod?.default?.ESLint ?? mod?.default ?? mod;
+    const modDefault = mod?.default;
+    const ESLintCtor = mod?.ESLint ?? modDefault?.ESLint ?? mod?.default ?? mod;
     if (!ESLintCtor) return null;
-    const eslint = new ESLintCtor({
+    const Ctor = ESLintCtor;
+    const eslint = new Ctor({
       cwd: projectCwd,
       overrideConfig: { rules: overrideRules }
     });
@@ -2668,7 +2699,7 @@ async function handleMessage(ws, data) {
         });
         setImmediate(async () => {
           try {
-            const semanticStart = Date.now();
+            const _semanticStart = Date.now();
             const semanticIssues = await lintFileSemantic(filePath, (phase) => {
               sendMessage(ws, { type: "lint:progress", filePath, requestId, phase });
             });
@@ -2831,8 +2862,9 @@ async function handleMessage(ws, data) {
       const analyzer = await getVisionAnalyzerInstance();
       const releaseOllama = await acquireOllamaMutex();
       try {
-        const analyzerModel = typeof analyzer?.getModel === "function" ? analyzer.getModel() : void 0;
-        const analyzerBaseUrl = typeof analyzer?.getBaseUrl === "function" ? analyzer.getBaseUrl() : void 0;
+        const analyzerObj = analyzer;
+        const analyzerModel = typeof analyzerObj?.getModel === "function" ? analyzerObj.getModel() : void 0;
+        const analyzerBaseUrl = typeof analyzerObj?.getBaseUrl === "function" ? analyzerObj.getBaseUrl() : void 0;
         if (!screenshot) {
           sendMessage(ws, {
             type: "vision:result",
@@ -2894,11 +2926,12 @@ async function handleMessage(ws, data) {
           }
         }
         const elapsed = Date.now() - startedAt;
-        logVisionDone(route, result.issues.length, elapsed);
+        const resultIssues = result.issues;
+        logVisionDone(route, resultIssues.length, elapsed);
         sendMessage(ws, {
           type: "vision:result",
           route,
-          issues: result.issues,
+          issues: resultIssues,
           analysisTime: result.analysisTime,
           requestId
         });
@@ -2928,7 +2961,8 @@ async function handleMessage(ws, data) {
           sendMessage(ws, { type: "vision:status", available: false, requestId });
           break;
         }
-        const model = typeof analyzer.getModel === "function" ? analyzer.getModel() : void 0;
+        const analyzerObj = analyzer;
+        const model = typeof analyzerObj.getModel === "function" ? analyzerObj.getModel() : void 0;
         sendMessage(ws, { type: "vision:status", available: true, model, requestId });
       } catch {
         sendMessage(ws, { type: "vision:status", available: false, requestId });
@@ -3354,14 +3388,15 @@ function handleRuleConfigSet(ws, ruleId, severity, options, requestId) {
   }
 }
 async function serve(options) {
-  const port = options.port || 9234;
+  const preferredPort = options.port || DEFAULT_PORT;
   const useDashboardUI = process.stdout.isTTY && !options.noDashboard;
   if (useDashboardUI) {
     enableDashboard();
   } else {
     disableDashboard();
   }
-  await loadPluginESLintRules();
+  const pluginManifests = await discoverPlugins();
+  await loadPluginESLintRules(pluginManifests);
   const cwd = process.cwd();
   const wsRoot = findWorkspaceRoot4(cwd);
   const appRoot = pickAppRoot({ cwd, workspaceRoot: wsRoot });
@@ -3385,7 +3420,64 @@ async function serve(options) {
     fileWatcher.add(coveragePath);
     logServerInfo(`Watching coverage`, coveragePath);
   }
-  const wss = new WebSocketServer({ port });
+  const port = await findAvailablePort(preferredPort);
+  if (port !== preferredPort) {
+    logServerInfo(`Port ${preferredPort} in use, using ${port}`);
+  }
+  const httpServer = createServer((req, res) => {
+    if (req.method === "OPTIONS") {
+      res.writeHead(204, {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Methods": "GET, OPTIONS",
+        "Access-Control-Allow-Headers": "Content-Type"
+      });
+      res.end();
+      return;
+    }
+    const parsedUrl = new URL(req.url ?? "/", `http://localhost:${port}`);
+    if (parsedUrl.pathname === "/_uilint/info") {
+      const probePath = parsedUrl.searchParams.get("probe");
+      let probeExists;
+      if (probePath) {
+        const absolute = join3(appRoot, probePath);
+        probeExists = existsSync5(absolute);
+      }
+      res.writeHead(200, {
+        "Content-Type": "application/json",
+        "Access-Control-Allow-Origin": "*"
+      });
+      res.end(
+        JSON.stringify({
+          appRoot,
+          workspaceRoot: wsRoot,
+          serverCwd: cwd,
+          port,
+          pid: process.pid,
+          ...probeExists !== void 0 && { probeExists }
+        })
+      );
+      return;
+    }
+    res.writeHead(404);
+    res.end();
+  });
+  const wss = new WebSocketServer({ noServer: true });
+  httpServer.on("upgrade", (request, socket, head) => {
+    wss.handleUpgrade(request, socket, head, (ws) => {
+      wss.emit("connection", ws, request);
+    });
+  });
+  httpServer.listen(port, "127.0.0.1");
+  const portFilePath = join3(appRoot, ".uilint", "port");
+  const uilintDir = join3(appRoot, ".uilint");
+  if (!existsSync5(uilintDir)) mkdirSync3(uilintDir, { recursive: true });
+  writeFileSync3(portFilePath, String(port), "utf-8");
+  function removePortFile() {
+    try {
+      unlinkSync(portFilePath);
+    } catch {
+    }
+  }
   const PING_INTERVAL = 3e4;
   const aliveClients = /* @__PURE__ */ new WeakSet();
   const pingInterval = setInterval(() => {
@@ -3469,12 +3561,14 @@ async function serve(options) {
   });
   setServerRunning(port);
   if (useDashboardUI) {
-    const { renderDashboard } = await import("./render-3GGNWYTF.js");
+    const { renderDashboard } = await import("./render-43OMCORR.js");
     const { waitUntilExit } = renderDashboard({
       onQuit: () => {
         clearInterval(pingInterval);
         wss.close();
+        httpServer.close();
         fileWatcher?.close();
+        removePortFile();
       },
       onRebuildIndex: () => {
         buildDuplicatesIndex(appRoot);
@@ -3487,7 +3581,9 @@ async function serve(options) {
         logServerInfo("Shutting down...");
         clearInterval(pingInterval);
         wss.close();
+        httpServer.close();
         fileWatcher?.close();
+        removePortFile();
         resolve11();
       });
     });
@@ -3565,7 +3661,8 @@ function listScreenshotSidecars(dirPath) {
   for (const p of entries) {
     try {
       const json = loadJsonFile(p);
-      const issues = Array.isArray(json?.issues) ? json.issues : json?.analysisResult?.issues;
+      const analysisResult = json?.analysisResult;
+      const issues = Array.isArray(json?.issues) ? json.issues : analysisResult?.issues;
       out.push({
         path: p,
         filename: json?.filename || json?.screenshotFile || p.split("/").pop() || p,
@@ -4535,7 +4632,7 @@ import { fileURLToPath } from "url";
 
 // src/commands/manifest/index.ts
 import { Command as Command6 } from "commander";
-import { existsSync as existsSync8, mkdirSync as mkdirSync5, writeFileSync as writeFileSync5 } from "fs";
+import { existsSync as existsSync7, mkdirSync as mkdirSync4, writeFileSync as writeFileSync4 } from "fs";
 import { dirname as dirname8, resolve as resolve10 } from "path";
 
 // src/commands/manifest/generator.ts
@@ -4578,11 +4675,10 @@ function getGitInfo(cwd) {
 function buildRuleMetadata(appRoot) {
   const eslintConfigPath = findEslintConfigFile(appRoot);
   const currentRuleConfigs = eslintConfigPath ? readRuleConfigsFromConfig(eslintConfigPath) : /* @__PURE__ */ new Map();
-  return ruleRegistry2.filter((rule) => currentRuleConfigs.has(`uilint/${rule.id}`)).map((rule) => {
-    const fullId = `uilint/${rule.id}`;
-    const currentConfig = currentRuleConfigs.get(fullId);
+  return ruleRegistry2.filter((rule) => currentRuleConfigs.has(rule.id)).map((rule) => {
+    const currentConfig = currentRuleConfigs.get(rule.id);
     return {
-      id: fullId,
+      id: `uilint/${rule.id}`,
       name: rule.name,
       description: rule.description,
       category: rule.category,
@@ -4733,7 +4829,8 @@ function createManifestCommand() {
   return cmd;
 }
 async function buildManifest(options) {
-  await loadPluginESLintRules();
+  const pluginManifests = await discoverPlugins();
+  await loadPluginESLintRules(pluginManifests);
   const startTime = Date.now();
   const outputPath = resolve10(process.cwd(), options.output);
   if (!options.quiet) {
@@ -4756,11 +4853,11 @@ async function buildManifest(options) {
       }
     });
     const outputDir = dirname8(outputPath);
-    if (!existsSync8(outputDir)) {
-      mkdirSync5(outputDir, { recursive: true });
+    if (!existsSync7(outputDir)) {
+      mkdirSync4(outputDir, { recursive: true });
     }
     const json = options.pretty ? JSON.stringify(manifest, null, 2) : JSON.stringify(manifest);
-    writeFileSync5(outputPath, json, "utf-8");
+    writeFileSync4(outputPath, json, "utf-8");
     const elapsed = ((Date.now() - startTime) / 1e3).toFixed(1);
     const sizeKb = Math.round(Buffer.byteLength(json) / 1024);
     if (!options.quiet) {
@@ -4794,7 +4891,7 @@ async function buildManifest(options) {
 
 // src/commands/socket/index.ts
 import { Command as Command7 } from "commander";
-import { readFileSync as readFileSync5, existsSync as existsSync9 } from "fs";
+import { readFileSync as readFileSync5, existsSync as existsSync8 } from "fs";
 import chalk6 from "chalk";
 
 // src/commands/socket/client.ts
@@ -5125,25 +5222,22 @@ function formatMessage(msg, json) {
       }
       return lines.join("\n");
     }
-    // Vision messages: types live in the plugin package but still flow through the WebSocket
     case "vision:status": {
-      const m = msg;
-      if (m.available) {
-        return `${chalk6.cyan("vision:status")} ${chalk6.green("available")} (${m.model})`;
+      if (msg.available) {
+        return `${chalk6.cyan("vision:status")} ${chalk6.green("available")} (${msg.model})`;
       }
       return `${chalk6.cyan("vision:status")} ${chalk6.red("not available")}`;
     }
     case "vision:result": {
-      const m = msg;
       const lines = [
-        `${chalk6.cyan("vision:result")} ${m.route} (${m.analysisTime}ms)`
+        `${chalk6.cyan("vision:result")} ${msg.route} (${msg.analysisTime}ms)`
       ];
-      if (m.error) {
-        lines.push(chalk6.red(`  Error: ${m.error}`));
-      } else if (m.issues.length === 0) {
+      if (msg.error) {
+        lines.push(chalk6.red(`  Error: ${msg.error}`));
+      } else if (msg.issues.length === 0) {
         lines.push(chalk6.green("  No issues found"));
       } else {
-        for (const issue of m.issues) {
+        for (const issue of msg.issues) {
           const severity = issue.severity === "error" ? chalk6.red("error") : issue.severity === "warning" ? chalk6.yellow("warn") : chalk6.blue("info");
           lines.push(`  ${severity} [${issue.category}] ${issue.message}`);
           if (issue.dataLoc) {
@@ -5262,13 +5356,13 @@ Available commands:
             console.log(chalk6.red("Usage: vision:analyze <route> <manifestFile> [screenshotFile]"));
           } else {
             const manifestPath = args[1];
-            if (!existsSync9(manifestPath)) {
+            if (!existsSync8(manifestPath)) {
               console.log(chalk6.red(`Manifest file not found: ${manifestPath}`));
             } else {
               const manifest = JSON.parse(readFileSync5(manifestPath, "utf-8"));
               const params = { route: args[0], manifest };
               if (args[2]) {
-                if (existsSync9(args[2])) {
+                if (existsSync8(args[2])) {
                   const imageBuffer = readFileSync5(args[2]);
                   params.screenshot = imageBuffer.toString("base64");
                 } else {
@@ -5608,18 +5702,9 @@ program.command("update").description("Update existing style guide with new styl
     llm: options.llm
   });
 });
-program.command("init").description("Initialize UILint integration").option("--force", "Overwrite existing configuration files").option("--react", "Install React DevTool (non-interactive)").option("--eslint", "Install ESLint rules (non-interactive)").option("--genstyleguide", "Generate styleguide (non-interactive)").option("--skill", "Install Claude skill (non-interactive)").action(async (options) => {
-  const { initUI } = await import("./init-ui-YAXRGBIJ.js");
-  await initUI({
-    force: options.force,
-    react: options.react,
-    eslint: options.eslint,
-    genstyleguide: options.genstyleguide,
-    skill: options.skill
-  });
-});
+var initCommand = program.command("init").description("Initialize UILint integration").option("--force", "Overwrite existing configuration files").option("--react", "Install React DevTool (non-interactive)").option("--eslint", "Install ESLint rules (non-interactive)").option("--genstyleguide", "Generate styleguide (non-interactive)").option("--skill", "Install Claude skill (non-interactive)");
 program.command("remove").description("Remove UILint components from your project").option("--dry-run", "Preview changes without removing anything").option("-y, --yes", "Skip confirmation prompt").action(async (options) => {
-  const { removeUI } = await import("./remove-ui-RHRSEUWJ.js");
+  const { removeUI } = await import("./remove-ui-ZHW4GUFL.js");
   await removeUI({ dryRun: options.dryRun, yes: options.yes });
 });
 program.command("serve").description("Start WebSocket server for real-time UI linting").option("-p, --port <number>", "Port to listen on", "9234").option("--no-dashboard", "Disable dashboard UI (use simple logging)").action(async (options) => {
@@ -5671,7 +5756,7 @@ program.addCommand(createDuplicatesCommand());
 program.addCommand(createManifestCommand());
 program.addCommand(createSocketCommand());
 program.command("upgrade").description("Update installed ESLint rules to latest versions").option("--check", "Show available updates without applying").option("-y, --yes", "Auto-confirm all updates").option("--dry-run", "Show what would change without modifying files").option("--rule <id>", "Upgrade only a specific rule").action(async (options) => {
-  const { upgrade } = await import("./upgrade-2EVTOYTJ.js");
+  const { upgrade } = await import("./upgrade-TPZ62BT2.js");
   await upgrade({
     check: options.check,
     yes: options.yes,
@@ -5679,5 +5764,25 @@ program.command("upgrade").description("Update installed ESLint rules to latest
     rule: options.rule
   });
 });
-program.parse();
+async function main() {
+  const { discoverPlugins: discoverPlugins2 } = await import("./plugin-loader-O6PNFN6D.js");
+  const pluginManifests = await discoverPlugins2();
+  for (const manifest of pluginManifests) {
+    initCommand.option(`--${manifest.cliFlag}`, manifest.cliDescription);
+  }
+  initCommand.action(async (options) => {
+    const plugins = pluginManifests.filter((m) => options[m.cliFlag]).map((m) => m.cliFlag);
+    const { initUI } = await import("./init-ui-KJYYI5DH.js");
+    await initUI({
+      force: options.force,
+      react: options.react,
+      eslint: options.eslint,
+      genstyleguide: options.genstyleguide,
+      skill: options.skill,
+      plugins: plugins.length > 0 ? plugins : void 0
+    });
+  });
+  await program.parseAsync();
+}
+main();
 //# sourceMappingURL=index.js.map