weloop-kosign 1.0.4 → 1.0.6

package/package.json

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

package/scripts/cli-remote.js

@@ -151,7 +151,52 @@ async function installPackages(packages) {
   
   try {
     const installCmd = getInstallCommand(packageManager, packages);
-    execSync(installCmd, { stdio: 'inherit', cwd: process.cwd() });
+    
+    // Filter out ERESOLVE peer dependency warnings while keeping errors
+    if (packageManager === 'npm') {
+      const { spawn } = require('child_process');
+      const [cmd, ...args] = installCmd.split(' ');
+      
+      await new Promise((resolve, reject) => {
+        const proc = spawn(cmd, args, {
+          cwd: process.cwd(),
+          stdio: ['inherit', 'inherit', 'pipe'],
+          shell: true
+        });
+        
+        let stderr = '';
+        proc.stderr.on('data', (data) => {
+          const output = data.toString();
+          // Filter out ERESOLVE warnings but keep actual errors
+          if (!output.includes('ERESOLVE overriding peer dependency') && 
+              !output.includes('npm warn ERESOLVE')) {
+            process.stderr.write(data);
+          }
+          stderr += output;
+        });
+        
+        proc.on('close', (code) => {
+          if (code !== 0) {
+            // Check if it's a real error (not just warnings)
+            const hasRealError = stderr.includes('npm error') && 
+                                 !stderr.match(/npm error.*ERESOLVE/);
+            if (hasRealError) {
+              reject(new Error(`Installation failed with code ${code}`));
+            } else {
+              // Installation succeeded despite warnings
+              resolve();
+            }
+          } else {
+            resolve();
+          }
+        });
+        
+        proc.on('error', reject);
+      });
+    } else {
+      execSync(installCmd, { stdio: 'inherit', cwd: process.cwd() });
+    }
+    
     success(`Dependencies installed successfully`);
   } catch (error) {
     warn(`Failed to install dependencies automatically`);
@@ -550,7 +595,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 +605,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 +626,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 +639,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 +680,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 +754,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 +903,7 @@ Examples:
     case 'css':
     case 'styles':
       const config = loadComponentsConfig();
-      await installCSSStyles(config, registryUrl, options.overwrite);
+      await installCSSStyles(config, registryUrl, options.overwrite, false);
       break;
     
     default: