myoperator-ui 0.0.38 → 0.0.40

package/dist/index.js

@@ -1075,13 +1075,29 @@ async function init() {
   const packageJsonPath = path2.join(cwd, "package.json");
   let hasBootstrap = false;
   let isESM = false;
+  let detectedTailwindVersion = null;
   if (await fs2.pathExists(packageJsonPath)) {
     const packageJson2 = await fs2.readJson(packageJsonPath);
     hasBootstrap = !!(packageJson2.dependencies?.bootstrap || packageJson2.devDependencies?.bootstrap);
     isESM = packageJson2.type === "module";
+    const tailwindDep = packageJson2.dependencies?.tailwindcss || packageJson2.devDependencies?.tailwindcss;
+    if (tailwindDep) {
+      if (tailwindDep.match(/^[\^~]?4/)) {
+        detectedTailwindVersion = "v4";
+      } else if (tailwindDep.match(/^[\^~]?3/)) {
+        detectedTailwindVersion = "v3";
+      }
+    }
+    if (packageJson2.dependencies?.["@tailwindcss/postcss"] || packageJson2.devDependencies?.["@tailwindcss/postcss"]) {
+      detectedTailwindVersion = "v4";
+    }
     if (hasBootstrap) {
       console.log(chalk2.blue("  \u2139 Bootstrap detected - will configure Tailwind to avoid conflicts\n"));
     }
+    if (detectedTailwindVersion) {
+      console.log(chalk2.blue(`  \u2139 Tailwind CSS ${detectedTailwindVersion} detected
+`));
+    }
   }
   const detectGlobalCss = async () => {
     const cssOptions = [
@@ -1115,18 +1131,22 @@ async function init() {
   };
   const detectedCss = await detectGlobalCss();
   const detectedTailwindConfig = await detectTailwindConfig();
-  const response = await prompts2([
-    {
-      type: "select",
-      name: "tailwindVersion",
-      message: "Which Tailwind CSS version are you using?",
-      choices: [
-        { title: "Tailwind CSS v4 (latest)", value: "v4" },
-        { title: "Tailwind CSS v3", value: "v3" }
-      ],
-      initial: 0
-    }
-  ]);
+  let tailwindVersion = detectedTailwindVersion;
+  if (!tailwindVersion) {
+    const response2 = await prompts2([
+      {
+        type: "select",
+        name: "tailwindVersion",
+        message: "Which Tailwind CSS version are you using?",
+        choices: [
+          { title: "Tailwind CSS v4 (latest)", value: "v4" },
+          { title: "Tailwind CSS v3", value: "v3" }
+        ],
+        initial: 0
+      }
+    ]);
+    tailwindVersion = response2.tailwindVersion;
+  }
   const componentsPath = "src/components/ui";
   const utilsPath = "src/lib/utils.ts";
   const tailwindConfig = detectedTailwindConfig;
@@ -1193,7 +1213,7 @@ export function cn(...inputs: ClassValue[]) {
     await fs2.ensureDir(componentsFullPath);
     const globalCssPath = path2.join(cwd, globalCss);
     let cssContent;
-    if (response.tailwindVersion === "v4") {
+    if (tailwindVersion === "v4") {
       cssContent = hasBootstrap ? CSS_VARIABLES_V4_BOOTSTRAP : CSS_VARIABLES_V4;
     } else {
       cssContent = CSS_VARIABLES_V3;
@@ -1206,7 +1226,7 @@ export function cn(...inputs: ClassValue[]) {
     } else {
       const existingCss = await fs2.readFile(globalCssPath, "utf-8");
       if (!existingCss.includes("myOperator UI") && !existingCss.includes("--mo-background:")) {
-        let updateCss = response.tailwindVersion === "v3";
+        let updateCss = tailwindVersion === "v3";
         if (!updateCss) {
           spinner.stop();
           const result = await prompts2({
@@ -1229,7 +1249,7 @@ export function cn(...inputs: ClassValue[]) {
       }
     }
     let tailwindUpdated = false;
-    if (response.tailwindVersion === "v3" && tailwindConfig) {
+    if (tailwindVersion === "v3" && tailwindConfig) {
       const tailwindConfigPath = path2.join(cwd, tailwindConfig);
       if (!await fs2.pathExists(tailwindConfigPath)) {
         await fs2.writeFile(tailwindConfigPath, getTailwindConfig(scopeTailwind));
@@ -1244,7 +1264,7 @@ export function cn(...inputs: ClassValue[]) {
     }
     const postcssConfigPath = path2.join(cwd, "postcss.config.js");
     let postcssConfigContent;
-    if (response.tailwindVersion === "v4") {
+    if (tailwindVersion === "v4") {
       postcssConfigContent = isESM ? `export default {
   plugins: {
     '@tailwindcss/postcss': {},

package/package.json

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