myoperator-ui 0.0.33 → 0.0.35

package/dist/index.js

@@ -903,6 +903,17 @@ var CSS_VARIABLES_V3 = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+/* Reset Bootstrap button styles for myOperator UI components */
+@layer components {
+  .inline-flex[class*="rounded"],
+  button.bg-\\[\\#343E55\\],
+  button.bg-\\[\\#E8EAED\\],
+  button.bg-transparent {
+    border: none;
+    box-shadow: none;
+  }
+}
+
 @layer base {
   :root {
     --background: 0 0% 100%;
@@ -1072,6 +1083,38 @@ async function init() {
       console.log(chalk2.blue("  \u2139 Bootstrap detected - will configure Tailwind to avoid conflicts\n"));
     }
   }
+  const detectGlobalCss = async () => {
+    const cssOptions = [
+      "src/index.css",
+      "src/styles/globals.css",
+      "src/styles/index.css",
+      "src/app/globals.css",
+      "app/globals.css",
+      "styles/globals.css"
+    ];
+    for (const css of cssOptions) {
+      if (await fs2.pathExists(path2.join(cwd, css))) {
+        return css;
+      }
+    }
+    return "src/index.css";
+  };
+  const detectTailwindConfig = async () => {
+    const configOptions = [
+      "tailwind.config.js",
+      "tailwind.config.ts",
+      "tailwind.config.mjs",
+      "tailwind.config.cjs"
+    ];
+    for (const config of configOptions) {
+      if (await fs2.pathExists(path2.join(cwd, config))) {
+        return config;
+      }
+    }
+    return "tailwind.config.js";
+  };
+  const detectedCss = await detectGlobalCss();
+  const detectedTailwindConfig = await detectTailwindConfig();
   const response = await prompts2([
     {
       type: "select",
@@ -1082,55 +1125,29 @@ async function init() {
         { title: "Tailwind CSS v3", value: "v3" }
       ],
       initial: 0
-    },
-    {
-      type: "text",
-      name: "componentsPath",
-      message: "Where would you like to install components?",
-      initial: "src/components/ui"
-    },
-    {
-      type: "text",
-      name: "utilsPath",
-      message: "Where is your utils file?",
-      initial: "src/lib/utils.ts"
-    },
-    {
-      type: (prev, values) => values.tailwindVersion === "v3" ? "text" : null,
-      name: "tailwindConfig",
-      message: "Where is your tailwind.config.js?",
-      initial: "tailwind.config.js"
-    },
-    {
-      type: "text",
-      name: "globalCss",
-      message: "Where is your global CSS file?",
-      initial: "src/index.css"
-    },
-    {
-      // Only show for Bootstrap + v3 projects (v4 uses @source directive in CSS)
-      type: (prev, values) => hasBootstrap && values.tailwindVersion === "v3" ? "confirm" : null,
-      name: "scopeTailwind",
-      message: "Scope Tailwind to only components/ui? (recommended for Bootstrap projects)",
-      initial: true
     }
   ]);
+  const componentsPath = "src/components/ui";
+  const utilsPath = "src/lib/utils.ts";
+  const tailwindConfig = detectedTailwindConfig;
+  const globalCss = detectedCss;
+  const scopeTailwind = hasBootstrap;
   const spinner = ora2("Initializing project...").start();
   try {
     const config = {
       ...DEFAULT_CONFIG,
       tailwind: {
         ...DEFAULT_CONFIG.tailwind,
-        config: response.tailwindConfig || "tailwind.config.js",
-        css: response.globalCss
+        config: tailwindConfig,
+        css: globalCss
       },
       aliases: {
         ...DEFAULT_CONFIG.aliases,
-        ui: `@/${response.componentsPath.replace("src/", "")}`
+        ui: `@/${componentsPath.replace("src/", "")}`
       }
     };
     await fs2.writeJson(configPath, config, { spaces: 2 });
-    const utilsPath = path2.join(cwd, response.utilsPath);
+    const utilsFullPath = path2.join(cwd, utilsPath);
     const cnUtilsContent = `import { type ClassValue, clsx } from "clsx"
 import { twMerge } from "tailwind-merge"
 
@@ -1140,12 +1157,12 @@ export function cn(...inputs: ClassValue[]) {
 `;
     let utilsCreated = false;
     let utilsUpdated = false;
-    if (!await fs2.pathExists(utilsPath)) {
-      await fs2.ensureDir(path2.dirname(utilsPath));
-      await fs2.writeFile(utilsPath, cnUtilsContent);
+    if (!await fs2.pathExists(utilsFullPath)) {
+      await fs2.ensureDir(path2.dirname(utilsFullPath));
+      await fs2.writeFile(utilsFullPath, cnUtilsContent);
       utilsCreated = true;
     } else {
-      const existingUtils = await fs2.readFile(utilsPath, "utf-8");
+      const existingUtils = await fs2.readFile(utilsFullPath, "utf-8");
       if (!existingUtils.includes("export function cn") && !existingUtils.includes("export const cn")) {
         let updatedContent = existingUtils;
         const hasClsxImport = existingUtils.includes('from "clsx"') || existingUtils.includes("from 'clsx'");
@@ -1168,13 +1185,13 @@ export function cn(...inputs: ClassValue[]) {
 }
 `;
         updatedContent = updatedContent.trimEnd() + "\n" + cnFunction;
-        await fs2.writeFile(utilsPath, updatedContent);
+        await fs2.writeFile(utilsFullPath, updatedContent);
         utilsUpdated = true;
       }
     }
-    const componentsPath = path2.join(cwd, response.componentsPath);
-    await fs2.ensureDir(componentsPath);
-    const globalCssPath = path2.join(cwd, response.globalCss);
+    const componentsFullPath = path2.join(cwd, componentsPath);
+    await fs2.ensureDir(componentsFullPath);
+    const globalCssPath = path2.join(cwd, globalCss);
     let cssContent;
     if (response.tailwindVersion === "v4") {
       cssContent = hasBootstrap ? CSS_VARIABLES_V4_BOOTSTRAP : CSS_VARIABLES_V4;
@@ -1195,7 +1212,7 @@ export function cn(...inputs: ClassValue[]) {
           const result = await prompts2({
             type: "confirm",
             name: "updateCss",
-            message: `${response.globalCss} exists. Add myOperator UI imports to the top?`,
+            message: `${globalCss} exists. Add myOperator UI imports to the top?`,
             initial: true
           });
           updateCss = result.updateCss;
@@ -1212,9 +1229,8 @@ export function cn(...inputs: ClassValue[]) {
       }
     }
     let tailwindUpdated = false;
-    const scopeTailwind = response.scopeTailwind || false;
-    if (response.tailwindVersion === "v3" && response.tailwindConfig) {
-      const tailwindConfigPath = path2.join(cwd, response.tailwindConfig);
+    if (response.tailwindVersion === "v3" && tailwindConfig) {
+      const tailwindConfigPath = path2.join(cwd, tailwindConfig);
       if (!await fs2.pathExists(tailwindConfigPath)) {
         await fs2.writeFile(tailwindConfigPath, getTailwindConfig(scopeTailwind));
         tailwindUpdated = true;
@@ -1286,18 +1302,18 @@ export function cn(...inputs: ClassValue[]) {
     spinner.succeed("Project initialized successfully!");
     console.log(chalk2.green("\n  \u2713 Created components.json"));
     if (utilsCreated) {
-      console.log(chalk2.green(`  \u2713 Created ${response.utilsPath}`));
+      console.log(chalk2.green(`  \u2713 Created ${utilsPath}`));
     } else if (utilsUpdated) {
-      console.log(chalk2.green(`  \u2713 Added cn() function to ${response.utilsPath}`));
+      console.log(chalk2.green(`  \u2713 Added cn() function to ${utilsPath}`));
     } else {
-      console.log(chalk2.green(`  \u2713 ${response.utilsPath} already has cn() function`));
+      console.log(chalk2.green(`  \u2713 ${utilsPath} already has cn() function`));
     }
-    console.log(chalk2.green(`  \u2713 Created ${response.componentsPath}`));
+    console.log(chalk2.green(`  \u2713 Created ${componentsPath}`));
     if (cssUpdated) {
-      console.log(chalk2.green(`  \u2713 Updated ${response.globalCss} with CSS variables`));
+      console.log(chalk2.green(`  \u2713 Updated ${globalCss} with CSS variables`));
     }
     if (tailwindUpdated) {
-      console.log(chalk2.green(`  \u2713 Updated ${response.tailwindConfig} with theme colors`));
+      console.log(chalk2.green(`  \u2713 Updated ${tailwindConfig} with theme colors`));
       if (scopeTailwind) {
         console.log(chalk2.blue(`    \u2139 Tailwind scoped to components/ui only (Bootstrap can be used elsewhere)`));
       }

package/package.json

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