weloop-kosign 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weloop-kosign",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "CLI tool for installing Weloop UI components",
   "keywords": [
     "weloop",

package/scripts/cli-remote.js

@@ -550,7 +550,7 @@ async function fetchCSSFromRegistry(registryUrl) {
   return await fetchText(sourceCssPath);
 }
 
-async function installCSSStyles(config, registryUrl, forceUpdate = false) {
+async function installCSSStyles(config, registryUrl, forceUpdate = false, silent = false) {
   const cssPath = config.tailwind?.css || 'app/globals.css';
   const fullCssPath = path.join(process.cwd(), cssPath);
   
@@ -560,13 +560,17 @@ async function installCSSStyles(config, registryUrl, forceUpdate = false) {
     const existingContent = fs.readFileSync(fullCssPath, 'utf-8');
     hasWeloopStylesInFile = hasWeloopStyles(existingContent);
     
-    if (forceUpdate && hasWeloopStylesInFile) {
-      info('Updating existing Weloop styles...');
+    // If styles already exist and not forcing update, skip silently
+    if (hasWeloopStylesInFile && !forceUpdate && silent) {
+      return;
     }
   }
   
   try {
-    info('Installing CSS styles...');
+    if (!silent) {
+      info('Installing CSS styles...');
+    }
+    
     const cssContent = await fetchCSSFromRegistry(registryUrl);
     ensureDirectoryExists(path.dirname(fullCssPath));
     
@@ -577,9 +581,11 @@ async function installCSSStyles(config, registryUrl, forceUpdate = false) {
     if (forceUpdate && fs.existsSync(fullCssPath)) {
       // --overwrite: Replace entire file
       fs.writeFileSync(fullCssPath, processedCssContent);
-      success(`Overwritten ${cssPath} with Weloop styles`);
-      if (hasTwAnimate) {
-        info(`   tw-animate-css import included`);
+      if (!silent) {
+        success(`Overwritten ${cssPath} with Weloop styles`);
+        if (hasTwAnimate) {
+          info(`   tw-animate-css import included`);
+        }
       }
     } else if (fs.existsSync(fullCssPath)) {
       // Normal mode: Merge intelligently
@@ -588,30 +594,36 @@ async function installCSSStyles(config, registryUrl, forceUpdate = false) {
                                 existing.includes('@tailwind base');
       
       if (hasWeloopStylesInFile) {
-        // Replace existing Weloop styles
+        // Replace existing Weloop styles (only if different)
         let weloopStyles = removeTailwindImport(processedCssContent);
         weloopStyles = ensureTwAnimateImport(weloopStyles, hasTwAnimate);
         const finalContent = replaceWeloopStyles(existing, weloopStyles, hasTwAnimate);
-        fs.writeFileSync(fullCssPath, finalContent);
-        success(`Updated ${cssPath} with Weloop styles`);
-        info(`   Existing Weloop styles were replaced with latest version`);
+        
+        // Only update if content actually changed
+        if (finalContent !== existing) {
+          fs.writeFileSync(fullCssPath, finalContent);
+          if (!silent) {
+            success(`Updated ${cssPath} with Weloop styles`);
+          }
+        }
+        // If no changes, silently skip
       } else if (hasTailwindImport) {
         // Merge after Tailwind imports
         let weloopStyles = removeTailwindImport(processedCssContent);
         weloopStyles = ensureTwAnimateImport(weloopStyles, hasTwAnimate);
         const merged = mergeCSSWithTailwind(existing, weloopStyles, hasTwAnimate);
         fs.writeFileSync(fullCssPath, merged);
-        success(`Updated ${cssPath} with Weloop styles`);
-        if (hasTwAnimate) {
-          info(`   tw-animate-css import included`);
+        if (!silent) {
+          success(`Updated ${cssPath} with Weloop styles`);
+          if (hasTwAnimate) {
+            info(`   tw-animate-css import included`);
+          }
+          info(`   Your existing styles are preserved`);
         }
-        info(`   Your existing styles are preserved`);
       } else {
         // No Tailwind imports, prepend everything
-        // Remove duplicates from processedCssContent first
         let finalCssContent = removeDuplicateTwAnimateImports(processedCssContent);
         
-        // Only add if not already present
         if (hasTwAnimate && !finalCssContent.match(/@import\s+["']tw-animate-css["'];?\s*\n?/)) {
           if (finalCssContent.includes('@import "tailwindcss"')) {
             finalCssContent = finalCssContent.replace(
@@ -623,25 +635,31 @@ async function installCSSStyles(config, registryUrl, forceUpdate = false) {
           }
         }
         fs.writeFileSync(fullCssPath, finalCssContent + '\n\n' + existing);
-        success(`Updated ${cssPath} with Weloop styles`);
-        if (hasTwAnimate) {
-          info(`   tw-animate-css import included`);
+        if (!silent) {
+          success(`Updated ${cssPath} with Weloop styles`);
+          if (hasTwAnimate) {
+            info(`   tw-animate-css import included`);
+          }
         }
       }
     } else {
       // Create new file
       fs.writeFileSync(fullCssPath, processedCssContent);
-      success(`Created ${cssPath} with Weloop styles`);
-      if (hasTwAnimate) {
-        info(`   tw-animate-css import included`);
+      if (!silent) {
+        success(`Created ${cssPath} with Weloop styles`);
+        if (hasTwAnimate) {
+          info(`   tw-animate-css import included`);
+        }
       }
     }
   } catch (err) {
-    warn(`Could not automatically install CSS styles: ${err.message}`);
-    info(`\n   To add styles manually:`);
-    info(`   1. Download: ${registryUrl.replace('/registry', '/app/globals.css')}`);
-    info(`   2. Add the CSS variables to your ${cssPath} file`);
-    info(`   3. Or copy from: https://gitlab.com/Sophanithchrek/weloop-shadcn-next-app/-/raw/main/app/globals.css\n`);
+    if (!silent) {
+      warn(`Could not automatically install CSS styles: ${err.message}`);
+      info(`\n   To add styles manually:`);
+      info(`   1. Download: ${registryUrl.replace('/registry', '/app/globals.css')}`);
+      info(`   2. Add the CSS variables to your ${cssPath} file`);
+      info(`   3. Or copy from: https://gitlab.com/Sophanithchrek/weloop-shadcn-next-app/-/raw/main/app/globals.css\n`);
+    }
   }
 }
 
@@ -691,8 +709,8 @@ async function installComponent(componentName, options = {}) {
     await installPackages(['tw-animate-css']);
   }
   
-  // Install CSS styles early (before component installation)
-  await installCSSStyles(config, registryUrl);
+  // Install CSS styles early (before component installation) - silent if already installed
+  await installCSSStyles(config, registryUrl, false, true);
   
   // Get paths from components.json
   const uiAlias = config.aliases?.ui || '@/components/ui';
@@ -840,7 +858,7 @@ Examples:
     case 'css':
     case 'styles':
       const config = loadComponentsConfig();
-      await installCSSStyles(config, registryUrl, options.overwrite);
+      await installCSSStyles(config, registryUrl, options.overwrite, false);
       break;
     
     default: