@nuvio/vite-plugin 0.5.4 → 1.0.0

package/dist/{chunk-KTNIIC2D.js → chunk-QAQAJG7B.js}

@@ -14089,13 +14089,156 @@ var require_lib3 = __commonJS({
   }
 });
 
-// src/read-dep-version.ts
+// src/resolve-classname-mode.ts
+var PATCHABLE_MODES = /* @__PURE__ */ new Set([
+  "literal-only",
+  "cn-basic",
+  "cn-conditional",
+  "classnames-static"
+]);
+function resolvePatchClassNameMode(entry, pluginDefault = "literal-only") {
+  const detected = entry.classNameMode;
+  if (detected && PATCHABLE_MODES.has(detected)) {
+    return detected;
+  }
+  return pluginDefault;
+}
+
+// src/detect-libraries.ts
 import * as fs from "fs";
 import * as path from "path";
+function hasDep(packageJson, name) {
+  const sections = ["dependencies", "devDependencies", "peerDependencies"];
+  for (const key of sections) {
+    const deps = packageJson[key];
+    if (deps && typeof deps === "object" && name in deps) {
+      return true;
+    }
+  }
+  return false;
+}
+function dirHasUiComponents(dirAbs) {
+  try {
+    const names = fs.readdirSync(dirAbs);
+    return names.some((n) => /\.(tsx|jsx)$/.test(n));
+  } catch {
+    return false;
+  }
+}
+function pathExists(root, rel) {
+  return fs.existsSync(path.join(root, rel));
+}
+function detectProjectLibraries(projectRootAbs, packageJson) {
+  const root = path.resolve(projectRootAbs);
+  const found = /* @__PURE__ */ new Set();
+  let pkg = packageJson;
+  if (!pkg) {
+    try {
+      pkg = JSON.parse(fs.readFileSync(path.join(root, "package.json"), "utf8"));
+    } catch {
+      pkg = {};
+    }
+  }
+  for (const rel of ["components/ui", "src/components/ui"]) {
+    const uiDir = path.join(root, rel);
+    if (dirHasUiComponents(uiDir)) {
+      found.add("shadcn");
+      break;
+    }
+  }
+  if (hasDep(pkg, "daisyui")) {
+    found.add("daisyui");
+  }
+  const pkgName = String(pkg.name ?? "");
+  if (/tailadmin/i.test(pkgName)) {
+    found.add("tailadmin");
+  }
+  if (pathExists(root, "src/layout/AppSidebar.tsx") || pathExists(root, "src/components/ecommerce")) {
+    found.add("tailadmin");
+  }
+  return [...found];
+}
+
+// src/handle-tag-element.ts
+import fs2 from "fs";
+import path2 from "path";
+import { insertDataNuvioIdAtLocation, isValidNuvioId } from "@nuvio/ast-engine";
+import {
+  PROTOCOL_VERSION,
+  serializeServerMessage
+} from "@nuvio/shared";
+import { assertPathWithinRoot } from "@nuvio/shared/secure-path";
+async function handleTagElementMessage(ws, msg, ctx) {
+  const ackFail = (errorCode, errorMessage) => {
+    ws.send(
+      serializeServerMessage({
+        type: "tagElementAck",
+        protocolVersion: PROTOCOL_VERSION,
+        requestId: msg.requestId,
+        ok: false,
+        errorCode,
+        errorMessage
+      })
+    );
+  };
+  if (!isValidNuvioId(msg.nuvioId)) {
+    ackFail("invalid_id", "Id must be segmented lowercase (e.g. page.title)");
+    return;
+  }
+  if (ctx.idToEntry.has(msg.nuvioId) || ctx.duplicateIds.some((d) => d.id === msg.nuvioId)) {
+    ackFail("duplicate_id", "That id is already used \u2014 pick another name");
+    return;
+  }
+  const fileAbs = path2.isAbsolute(msg.file) ? path2.resolve(msg.file) : path2.resolve(ctx.projectRoot, msg.file);
+  try {
+    assertPathWithinRoot(ctx.writeGuardRoot, fileAbs);
+  } catch (e) {
+    ackFail("path_escape", String(e));
+    return;
+  }
+  let source;
+  try {
+    source = fs2.readFileSync(fileAbs, "utf8");
+  } catch (e) {
+    ackFail("read_error", String(e));
+    return;
+  }
+  const result = await insertDataNuvioIdAtLocation(
+    source,
+    fileAbs,
+    msg.line,
+    msg.column,
+    msg.nuvioId
+  );
+  if (!result.ok) {
+    ackFail(result.code, result.message);
+    return;
+  }
+  try {
+    fs2.writeFileSync(fileAbs, result.source, "utf8");
+  } catch (e) {
+    ackFail("write_error", String(e));
+    return;
+  }
+  ctx.onIndexRebuilt();
+  ws.send(
+    serializeServerMessage({
+      type: "tagElementAck",
+      protocolVersion: PROTOCOL_VERSION,
+      requestId: msg.requestId,
+      ok: true,
+      id: result.id
+    })
+  );
+}
+
+// src/read-dep-version.ts
+import * as fs3 from "fs";
+import * as path3 from "path";
 function readPackageVersion(rootAbs, pkgName) {
-  const pkgPath = path.join(rootAbs, "node_modules", pkgName, "package.json");
+  const pkgPath = path3.join(rootAbs, "node_modules", pkgName, "package.json");
   try {
-    const raw = fs.readFileSync(pkgPath, "utf8");
+    const raw = fs3.readFileSync(pkgPath, "utf8");
     const json = JSON.parse(raw);
     return typeof json.version === "string" ? json.version : void 0;
   } catch {
@@ -14103,7 +14246,7 @@ function readPackageVersion(rootAbs, pkgName) {
   }
 }
 function readRuntimeVersions(projectRootAbs) {
-  const root = path.resolve(projectRootAbs);
+  const root = path3.resolve(projectRootAbs);
   return {
     viteVersion: readPackageVersion(root, "vite"),
     reactVersion: readPackageVersion(root, "react"),
@@ -14124,18 +14267,26 @@ function pathnameFromUpgradeUrl(url) {
 }
 
 // src/source-index.ts
-import * as fs2 from "fs";
-import * as path3 from "path";
+import * as fs4 from "fs";
+import * as path5 from "path";
 import { parse as parse2 } from "@babel/parser";
 import traverseImport2 from "@babel/traverse";
 import fg from "fast-glob";
 
 // src/source-index-metadata.ts
 var t2 = __toESM(require_lib3(), 1);
+import {
+  classifyHostClassNameMode,
+  readFlattenedClassName
+} from "@nuvio/ast-engine";
+import {
+  libraryGuidanceForEntry,
+  resolveEntryLibraryHint
+} from "@nuvio/shared";
 
 // src/source-index-text-targets.ts
 var t = __toESM(require_lib3(), 1);
-import path2 from "path";
+import path4 from "path";
 var TEXT_TAG_PRIORITY = [
   "h1",
   "h2",
@@ -14274,7 +14425,7 @@ function tryAddTarget(openingPath, hostId, hostCtx, fileAbs, seen, targets) {
   targets.push({
     key,
     label: formatLabel(tagName, textPreview, nuvioId),
-    file: path2.resolve(fileAbs),
+    file: path4.resolve(fileAbs),
     line: loc.line,
     column: loc.column,
     tagName,
@@ -14357,7 +14508,7 @@ function collectStyleTargets(hostOpeningPath, hostId, hostCtx, fileAbs) {
     targets.push({
       key: nuvioId === hostId ? "host" : nuvioId,
       label: nuvioId === hostId ? `${tagName} \xB7 container` : `${tagName} \xB7 ${nuvioId}`,
-      file: path2.resolve(fileAbs),
+      file: path4.resolve(fileAbs),
       line: loc.line,
       column: loc.column,
       tagName,
@@ -14429,27 +14580,32 @@ function readClassName(opening) {
   }
   return { hasLiteralClassName: false, classNameComputed: false };
 }
-function readClassNameWithMode(opening, classNameMode) {
-  const direct = readClassName(opening);
-  if (direct.hasLiteralClassName || classNameMode !== "cn-basic") {
-    return direct;
+function readClassNameDetected(opening) {
+  const mode = classifyHostClassNameMode(opening);
+  if (mode === "unsupported") {
+    return {
+      hasLiteralClassName: false,
+      classNameComputed: true,
+      classNameMode: mode
+    };
   }
-  for (const attr of opening.attributes) {
-    if (attr.type !== "JSXAttribute" || attr.name.type !== "JSXIdentifier" || attr.name.name !== "className") {
-      continue;
-    }
-    if (attr.value?.type === "JSXExpressionContainer" && attr.value.expression.type === "CallExpression" && attr.value.expression.callee.type === "Identifier" && (attr.value.expression.callee.name === "cn" || attr.value.expression.callee.name === "clsx") && attr.value.expression.arguments.every((arg) => arg.type === "StringLiteral")) {
-      return {
-        hasLiteralClassName: true,
-        classNameValue: attr.value.expression.arguments.map((arg) => arg.value).join(" "),
-        classNameComputed: false
-      };
-    }
+  const flattened = readFlattenedClassName(opening, mode);
+  if (flattened !== void 0) {
+    return {
+      hasLiteralClassName: true,
+      classNameValue: flattened,
+      classNameComputed: false,
+      classNameMode: mode
+    };
   }
-  return direct;
+  const direct = readClassName(opening);
+  return {
+    ...direct,
+    classNameMode: mode
+  };
 }
-function isInsideMap2(path4) {
-  let p = path4.parentPath;
+function isInsideMap2(path6) {
+  let p = path6.parentPath;
   while (p) {
     if (p.isCallExpression()) {
       const callee = p.node.callee;
@@ -14461,8 +14617,8 @@ function isInsideMap2(path4) {
   }
   return false;
 }
-function findEnclosingComponentName(path4) {
-  let p = path4.parentPath;
+function findEnclosingComponentName(path6) {
+  let p = path6.parentPath;
   while (p) {
     if (p.isFunctionDeclaration()) {
       const id = p.node.id;
@@ -14571,14 +14727,14 @@ function inferHierarchyRole(ctx, hostId) {
   }
   return "unknown";
 }
-function analyzeHost(openingPath, classNameMode = "literal-only") {
+function analyzeHost(openingPath, _legacyClassNameMode) {
   const opening = openingPath.node;
   const parent = openingPath.parentPath;
   if (!parent?.isJSXElement()) {
     return null;
   }
   const tagName = getTagName2(opening);
-  const classInfo = readClassNameWithMode(opening, classNameMode);
+  const classInfo = readClassNameDetected(opening);
   const insideMap = isInsideMap2(openingPath);
   const textEditable = !jsxElementHasElementChildren2(parent.node);
   return {
@@ -14587,11 +14743,12 @@ function analyzeHost(openingPath, classNameMode = "literal-only") {
     hasLiteralClassName: classInfo.hasLiteralClassName,
     classNameValue: classInfo.classNameValue,
     classNameComputed: classInfo.classNameComputed,
+    classNameMode: classInfo.classNameMode,
     insideMap,
     textEditable
   };
 }
-function computeRiskMetadata(ctx) {
+function computeRiskMetadata(ctx, libraryHint) {
   const unsupportedReasons = [];
   let riskLevel = "safe";
   const isNative = NATIVE_TAG.test(ctx.tagName);
@@ -14605,19 +14762,29 @@ function computeRiskMetadata(ctx) {
   if (ctx.classNameComputed) {
     setRisk("unsupported");
     unsupportedReasons.push(
-      "className is not a string literal \uFFFD only literal className strings are patchable in this version."
+      ctx.classNameMode === "unsupported" ? "className uses a dynamic pattern nuvio cannot patch safely yet (e.g. variables, template literals, or complex cn() args)." : "className is not patchable for this element."
     );
   }
   if (ctx.insideMap) {
     setRisk("caution");
     unsupportedReasons.push(
-      "Element is inside a .map() \uFFFD text/class changes may affect every rendered item."
+      "Element is inside a .map() ? text/class changes may affect every rendered item."
     );
   }
   if (!isNative) {
     setRisk("caution");
+    const libraryNote = libraryGuidanceForEntry({
+      id: "",
+      file: "",
+      line: 0,
+      column: 0,
+      tagName: ctx.tagName,
+      libraryHint,
+      riskLevel,
+      hasLiteralClassName: ctx.hasLiteralClassName
+    });
     unsupportedReasons.push(
-      "Custom React component \uFFFD className must forward to a DOM node for visual changes."
+      libraryNote ?? "Custom React component ? className must forward to a DOM node for visual changes."
     );
   }
   let textEditable = ctx.textEditable;
@@ -14629,7 +14796,7 @@ function computeRiskMetadata(ctx) {
   }
   if (ctx.hasLiteralClassName && ctx.classNameValue?.includes("dark:")) {
     setRisk("caution");
-    unsupportedReasons.push("Responsive/dark: utilities present \uFFFD edit with care.");
+    unsupportedReasons.push("Responsive/dark: utilities present ? edit with care.");
   }
   const structuralEditable = (riskLevel === "safe" || riskLevel === "caution") && !ctx.insideMap && !ctx.classNameComputed;
   return {
@@ -14639,8 +14806,9 @@ function computeRiskMetadata(ctx) {
     structuralEditable
   };
 }
-function buildIndexEntry(base, ctx, openingPath) {
-  const risk = computeRiskMetadata(ctx);
+function buildIndexEntry(base, ctx, openingPath, detectedLibraries = []) {
+  const libraryHint = ctx.libraryHint ?? resolveEntryLibraryHint(base.file, ctx.tagName, detectedLibraries);
+  const risk = computeRiskMetadata(ctx, libraryHint);
   const textTargets = openingPath !== void 0 ? collectTextTargets(openingPath, base.id, ctx, base.file) : void 0;
   const styleTargets = openingPath !== void 0 ? collectStyleTargets(openingPath, base.id, ctx, base.file) : void 0;
   const patchHostId = textTargets && textTargets.length > 0 ? resolveEntryPatchHostId(base.id, ctx, textTargets) : base.id;
@@ -14664,7 +14832,9 @@ function buildIndexEntry(base, ctx, openingPath) {
     patchHostId,
     primaryTextTargetKey,
     textTargets: textTargets && textTargets.length > 0 ? textTargets : void 0,
-    styleTargets: styleTargets && styleTargets.length > 0 ? styleTargets : void 0
+    styleTargets: styleTargets && styleTargets.length > 0 ? styleTargets : void 0,
+    classNameMode: ctx.classNameMode,
+    libraryHint
   };
 }
 
@@ -14704,19 +14874,19 @@ function parseTableDataArray(code, file) {
   }
   const traverseFn = getTraverseFn();
   traverseFn(ast, {
-    VariableDeclarator(path4) {
-      if (!t3.isIdentifier(path4.node.id)) {
+    VariableDeclarator(path6) {
+      if (!t3.isIdentifier(path6.node.id)) {
         return;
       }
-      const name = path4.node.id.name;
+      const name = path6.node.id.name;
       if (!name.endsWith("Data") && name !== "tableData") {
         return;
       }
-      if (!t3.isArrayExpression(path4.node.init)) {
+      if (!t3.isArrayExpression(path6.node.init)) {
         return;
       }
       const rows = [];
-      for (const el of path4.node.init.elements) {
+      for (const el of path6.node.init.elements) {
         if (!el || !t3.isObjectExpression(el)) {
           continue;
         }
@@ -14736,7 +14906,7 @@ function parseTableDataArray(code, file) {
         rows.push({ rowKey, fields });
       }
       if (rows.length > 0) {
-        const line = path4.node.loc?.start.line ?? 1;
+        const line = path6.node.loc?.start.line ?? 1;
         out.set(name, { rows, line });
       }
     }
@@ -14924,11 +15094,16 @@ function extractIdsFromSource(fileAbs, code, options) {
         const pushEntry = (id) => {
           const ctx = analyzeHost(p, options?.classNameMode ?? "literal-only");
           if (!ctx) {
-            acc.push({ id, file: path3.resolve(fileAbs), line, column });
+            acc.push({ id, file: path5.resolve(fileAbs), line, column });
             return;
           }
           acc.push(
-            buildIndexEntry({ id, file: path3.resolve(fileAbs), line, column }, ctx, p)
+            buildIndexEntry(
+              { id, file: path5.resolve(fileAbs), line, column },
+              ctx,
+              p,
+              options?.detectedLibraries ?? []
+            )
           );
         };
         if (prop === "data-nuvio-id") {
@@ -14961,10 +15136,10 @@ function extractIdsFromSource(fileAbs, code, options) {
   return acc;
 }
 function buildSourceIndex(rootAbs, globPatterns, options) {
-  const root = path3.resolve(rootAbs);
+  const root = path5.resolve(rootAbs);
   const parseErrors = [];
   const normalizedPatterns = globPatterns.map((g) => {
-    const resolved = path3.isAbsolute(g) ? path3.resolve(g) : path3.resolve(root, g);
+    const resolved = path5.isAbsolute(g) ? path5.resolve(g) : path5.resolve(root, g);
     return resolved.replace(/\\/g, "/");
   });
   const matched = fg.sync(normalizedPatterns, {
@@ -14978,12 +15153,12 @@ function buildSourceIndex(rootAbs, globPatterns, options) {
   for (const file of files) {
     let code;
     try {
-      code = fs2.readFileSync(file, "utf8");
+      code = fs4.readFileSync(file, "utf8");
     } catch (e) {
       parseErrors.push({ file, message: String(e) });
       continue;
     }
-    fileToSource.set(path3.resolve(file), code);
+    fileToSource.set(path5.resolve(file), code);
     let occurrences;
     try {
       occurrences = extractIdsFromSource(file, code, options);
@@ -15046,7 +15221,7 @@ function isBetterIndex(candidate, current) {
   return false;
 }
 function pickBestSourceIndex(rootCandidates, globPatterns, options) {
-  const roots = [...new Set(rootCandidates.map((r) => path3.resolve(r)).filter((r) => r.length > 0))];
+  const roots = [...new Set(rootCandidates.map((r) => path5.resolve(r)).filter((r) => r.length > 0))];
   if (roots.length === 0) {
     return {
       entries: [],
@@ -15066,6 +15241,11 @@ function pickBestSourceIndex(rootCandidates, globPatterns, options) {
 }
 
 export {
+  __toESM,
+  resolvePatchClassNameMode,
+  detectProjectLibraries,
+  handleTagElementMessage,
+  require_lib3 as require_lib,
   readRuntimeVersions,
   pathnameFromUpgradeUrl,
   extractIdsFromSource,