myoperator-ui 0.0.60 → 0.0.61

package/dist/index.js

@@ -12,46 +12,170 @@ import prompts from "prompts";
 import ora from "ora";
 
 // src/utils/registry.ts
+function looksLikeTailwindClasses(str) {
+  if (!str || !str.trim()) return false;
+  const nonClassValues = [
+    "button",
+    "submit",
+    "reset",
+    "text",
+    "email",
+    "password",
+    "number",
+    "tel",
+    "url",
+    "search",
+    "checkbox",
+    "radio",
+    "file",
+    "hidden",
+    "image",
+    "color",
+    "date",
+    "time",
+    "datetime-local",
+    "default",
+    "error",
+    "warning",
+    "success",
+    "info",
+    "primary",
+    "secondary",
+    "tertiary",
+    "destructive",
+    "outline",
+    "ghost",
+    "link",
+    "dashed",
+    "solid",
+    "none",
+    "open",
+    "closed",
+    "true",
+    "false",
+    "null",
+    "undefined",
+    "single",
+    "multiple",
+    "listbox",
+    "combobox",
+    "menu",
+    "menuitem",
+    "option",
+    "switch",
+    "small",
+    "medium",
+    "large",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "center",
+    "start",
+    "end",
+    "horizontal",
+    "vertical",
+    "both",
+    "auto",
+    "asc",
+    "desc",
+    "ascending",
+    "descending"
+  ];
+  if (nonClassValues.includes(str.toLowerCase())) return false;
+  if (/^[A-Z][a-zA-Z]*$/.test(str)) return false;
+  if (str.startsWith("@") || str.startsWith(".") || str.startsWith("/") || str.includes("::")) return false;
+  if (/^(@[a-z0-9-]+\/)?[a-z][a-z0-9-]*$/.test(str) && !str.includes(" ")) return false;
+  const words = str.split(/\s+/);
+  return words.some((cls) => {
+    if (!cls) return false;
+    if ((cls.startsWith("aria-") || cls.startsWith("data-")) && !cls.includes("[") && !cls.includes(":")) return false;
+    const singleWordUtilities = /^(flex|grid|block|inline|contents|flow-root|hidden|invisible|visible|static|fixed|absolute|relative|sticky|isolate|isolation-auto|overflow-auto|overflow-hidden|overflow-clip|overflow-visible|overflow-scroll|overflow-x-auto|overflow-y-auto|overscroll-auto|overscroll-contain|overscroll-none|truncate|antialiased|subpixel-antialiased|italic|not-italic|underline|overline|line-through|no-underline|uppercase|lowercase|capitalize|normal-case|ordinal|slashed-zero|lining-nums|oldstyle-nums|proportional-nums|tabular-nums|diagonal-fractions|stacked-fractions|sr-only|not-sr-only|resize|resize-none|resize-x|resize-y|snap-start|snap-end|snap-center|snap-align-none|snap-normal|snap-always|touch-auto|touch-none|touch-pan-x|touch-pan-left|touch-pan-right|touch-pan-y|touch-pan-up|touch-pan-down|touch-pinch-zoom|touch-manipulation|select-none|select-text|select-all|select-auto|will-change-auto|will-change-scroll|will-change-contents|will-change-transform|grow|grow-0|shrink|shrink-0|transform|transform-cpu|transform-gpu|transform-none|transition|transition-none|transition-all|transition-colors|transition-opacity|transition-shadow|transition-transform|animate-none|animate-spin|animate-ping|animate-pulse|animate-bounce)$/;
+    if (singleWordUtilities.test(cls)) return true;
+    if (cls.includes("-")) return true;
+    if (cls.includes("[") && cls.includes("]")) return true;
+    if (cls.includes(":")) return true;
+    return false;
+  });
+}
+function prefixClassString(classString, prefix) {
+  return classString.split(" ").map((cls) => {
+    if (!cls) return cls;
+    if ((cls.startsWith("aria-") || cls.startsWith("data-")) && !cls.includes("[") && !cls.includes(":")) return cls;
+    const variantMatch = cls.match(/^([a-z][a-z0-9]*(-[a-z0-9]+)*:)+/);
+    if (variantMatch) {
+      const variants = variantMatch[0];
+      const utility = cls.slice(variants.length);
+      if (!utility) return cls;
+      if (utility.startsWith("-")) {
+        return `${variants}-${prefix}${utility.slice(1)}`;
+      }
+      return `${variants}${prefix}${utility}`;
+    }
+    if (cls.startsWith("-") && cls.length > 1) {
+      return `-${prefix}${cls.slice(1)}`;
+    }
+    if (cls.startsWith("[&")) {
+      const closeBracket = cls.indexOf("]:");
+      if (closeBracket !== -1) {
+        const selector = cls.slice(0, closeBracket + 2);
+        const utility = cls.slice(closeBracket + 2);
+        if (!utility) return cls;
+        return `${selector}${prefix}${utility}`;
+      }
+      return cls;
+    }
+    return `${prefix}${cls}`;
+  }).join(" ");
+}
 function prefixTailwindClasses(content, prefix) {
   if (!prefix) return content;
-  const cleanPrefix = prefix;
-  return content.replace(/"([^"]+)"/g, (match, classString) => {
-    if (classString.startsWith("@") || classString.startsWith(".") || classString.includes("::")) {
-      return match;
+  content = content.replace(
+    /\bcva\s*\(\s*"([^"]*)"/g,
+    (match, baseClasses) => {
+      if (!looksLikeTailwindClasses(baseClasses)) return match;
+      const prefixed = prefixClassString(baseClasses, prefix);
+      return match.replace(`"${baseClasses}"`, `"${prefixed}"`);
     }
-    if (/^(@[a-z0-9-]+\/)?[a-z][a-z0-9-]*$/.test(classString)) {
-      return match;
+  );
+  content = content.replace(
+    /\bcn\s*\(([^)]+)\)/g,
+    (match, args) => {
+      const prefixedArgs = args.replace(
+        /"([^"]*)"/g,
+        (m, classes) => {
+          if (!looksLikeTailwindClasses(classes)) return m;
+          const prefixed = prefixClassString(classes, prefix);
+          return `"${prefixed}"`;
+        }
+      );
+      return `cn(${prefixedArgs})`;
     }
-    if (!classString.includes(" ") && !classString.includes("-") && !classString.includes(":") && !classString.includes("[")) {
-      return match;
+  );
+  content = content.replace(
+    /className\s*=\s*"([^"]*)"/g,
+    (match, classes) => {
+      if (!looksLikeTailwindClasses(classes)) return match;
+      const prefixed = prefixClassString(classes, prefix);
+      return `className="${prefixed}"`;
     }
-    const prefixedClasses = classString.split(" ").map((cls) => {
-      if (!cls) return cls;
-      const variantMatch = cls.match(/^([a-z-]+:)+/);
-      if (variantMatch) {
-        const variants = variantMatch[0];
-        const utility = cls.slice(variants.length);
-        if (utility.startsWith("-")) {
-          return `${variants}-${cleanPrefix}${utility.slice(1)}`;
-        }
-        return `${variants}${cleanPrefix}${utility}`;
-      }
-      if (cls.startsWith("-")) {
-        return `-${cleanPrefix}${cls.slice(1)}`;
-      }
-      if (cls.startsWith("[&")) {
-        const closeBracket = cls.indexOf("]:");
-        if (closeBracket !== -1) {
-          const selector = cls.slice(0, closeBracket + 2);
-          const utility = cls.slice(closeBracket + 2);
-          return `${selector}${cleanPrefix}${utility}`;
-        }
-        return cls;
-      }
-      return `${cleanPrefix}${cls}`;
-    }).join(" ");
-    return `"${prefixedClasses}"`;
-  });
+  );
+  content = content.replace(
+    /(\w+):\s*"([^"]+)"/g,
+    (match, key, value) => {
+      const nonClassKeys = ["name", "description", "displayName", "type", "role", "id", "htmlFor", "for", "placeholder", "title", "alt", "src", "href", "target", "rel", "method", "action", "enctype", "accept", "pattern", "autocomplete", "value", "defaultValue", "label", "text", "message", "error", "helperText", "ariaLabel", "ariaDescribedBy"];
+      if (nonClassKeys.includes(key)) return match;
+      if (!looksLikeTailwindClasses(value)) return match;
+      const prefixed = prefixClassString(value, prefix);
+      return `${key}: "${prefixed}"`;
+    }
+  );
+  return content;
 }
 async function getRegistry(prefix = "") {
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-ui",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "description": "CLI for adding myOperator UI components to your project",
   "type": "module",
   "exports": "./dist/index.js",