weloop-kosign 1.0.9 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weloop-kosign",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "CLI tool for installing Weloop UI components",
   "keywords": [
     "weloop",
@@ -26,5 +26,8 @@
   ],
   "engines": {
     "node": ">=18.0.0"
+  },
+  "scripts": {
+    "postpublish": "node scripts/postpublish.js"
   }
 }

package/scripts/cli-remote.js

@@ -472,6 +472,18 @@ function removeDuplicateTwAnimateImports(cssContent) {
   return cssContent;
 }
 
+function removeDuplicateCustomVariant(cssContent) {
+  const variantPattern = /@custom-variant\s+dark\s+\(&:is\(\.dark \*\)\);\s*\n?/g;
+  const matches = cssContent.match(variantPattern);
+
+  if (matches && matches.length > 1) {
+    const withoutVariants = cssContent.replace(variantPattern, '');
+    return `@custom-variant dark (&:is(.dark *));\n\n${withoutVariants.trimStart()}`;
+  }
+
+  return cssContent;
+}
+
 function processTwAnimateImport(cssContent, hasTwAnimate, forceUpdate = false) {
   const twAnimatePattern = /@import\s+["']tw-animate-css["'];?\s*\n?/g;
   let processed = cssContent;
@@ -550,12 +562,22 @@ function mergeCSSWithTailwind(existing, weloopStyles, hasTwAnimate) {
   const hasTwAnimateInExisting = existing.match(/@import\s+["']tw-animate-css["'];?\s*\n?/);
   const hasTwAnimateInWeloop = weloopStyles.match(/@import\s+["']tw-animate-css["'];?\s*\n?/);
   
+  // If the existing file already has the tw-animate import, strip it from the
+  // Weloop styles to avoid duplicating it in the merge output.
+  let weloopStylesCleaned = weloopStyles;
+  if (hasTwAnimateInExisting && hasTwAnimateInWeloop) {
+    weloopStylesCleaned = weloopStyles.replace(
+      /@import\s+["']tw-animate-css["'];?\s*\n?/g,
+      ''
+    );
+  }
+  
   let importsToAdd = '';
   if (hasTwAnimate && !hasTwAnimateInExisting && !hasTwAnimateInWeloop) {
     importsToAdd = '@import "tw-animate-css";\n';
   }
-  
-  return beforeTailwind + tailwindMatch[0] + importsToAdd + weloopStyles + '\n' + afterTailwind;
+
+  return beforeTailwind + tailwindMatch[0] + importsToAdd + weloopStylesCleaned + '\n' + afterTailwind;
 }
 
 function replaceWeloopStyles(existing, newStyles, hasTwAnimate) {
@@ -642,7 +664,9 @@ async function installCSSStyles(config, registryUrl, forceUpdate = false, silent
         // Replace existing Weloop styles (only if different)
         let weloopStyles = removeTailwindImport(processedCssContent);
         weloopStyles = ensureTwAnimateImport(weloopStyles, hasTwAnimate);
-        const finalContent = replaceWeloopStyles(existing, weloopStyles, hasTwAnimate);
+        let finalContent = replaceWeloopStyles(existing, weloopStyles, hasTwAnimate);
+        finalContent = removeDuplicateTwAnimateImports(finalContent);
+        finalContent = removeDuplicateCustomVariant(finalContent);
         
         // Only update if content actually changed
         if (finalContent !== existing) {
@@ -656,7 +680,9 @@ async function installCSSStyles(config, registryUrl, forceUpdate = false, silent
         // Merge after Tailwind imports
         let weloopStyles = removeTailwindImport(processedCssContent);
         weloopStyles = ensureTwAnimateImport(weloopStyles, hasTwAnimate);
-        const merged = mergeCSSWithTailwind(existing, weloopStyles, hasTwAnimate);
+        let merged = mergeCSSWithTailwind(existing, weloopStyles, hasTwAnimate);
+        merged = removeDuplicateTwAnimateImports(merged);
+        merged = removeDuplicateCustomVariant(merged);
         fs.writeFileSync(fullCssPath, merged);
         if (!silent) {
           success(`Updated ${cssPath} with Weloop styles`);