npm - @dropi/ui - Versions diffs - 0.1.26 → 0.1.27 - Mend

@dropi/ui 0.1.26 → 0.1.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/package.json +1 -1
package/scripts/setup.js +38 -2

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dropi/ui",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Dropi Design System — Web Components for Angular, React and Vue",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/scripts/setup.js CHANGED Viewed

@@ -254,14 +254,50 @@ dropi-icon:not(.hydrated) {
     const layoutPath = layoutCandidates.find(f => fs.existsSync(f));
     if (layoutPath) {
       let layout = fs.readFileSync(layoutPath, 'utf8');
+      let layoutChanged = false;
+      // Agregar suppressHydrationWarning al <body>
+      if (!layout.includes('suppressHydrationWarning')) {
+        layout = layout.replace(/<body(\s[^>]*)?>/, (_, attrs) => {
+          const existing = attrs || '';
+          return `<body${existing} suppressHydrationWarning>`;
+        });
+        layoutChanged = true;
+      }
+      // Agregar Lottie script antes del cierre de </body>
       if (!layout.includes('lottie-player.js')) {
-        // Agregar script antes del cierre de </body>
         layout = layout.replace(
           /(<\/body>)/,
           `        {/* lottie-player: needed by DropiAlertModal animations */}\n        <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" async />\n      $1`
         );
+        layoutChanged = true;
+      }
+      if (layoutChanged) {
         fs.writeFileSync(layoutPath, layout);
-        log(`${path.relative(projectRoot, layoutPath)}: Lottie script agregado.`, 'ok');
+        log(`${path.relative(projectRoot, layoutPath)}: layout configurado.`, 'ok');
+      }
+    }
+    // Agregar --webpack a scripts dev/build si Next.js >= 16 (Turbopack incompatible con @stencil/ssr)
+    if (isNextJsSsr) {
+      const nextVersion = pkg.dependencies?.['next'] || pkg.devDependencies?.['next'] || '';
+      const majorVersion = parseInt(nextVersion.replace(/[^0-9]/, ''), 10);
+      if (majorVersion >= 16) {
+        const pkgPath = path.join(projectRoot, 'package.json');
+        let projectPkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+        let pkgChanged = false;
+        ['dev', 'build'].forEach(script => {
+          if (projectPkg.scripts?.[script] && !projectPkg.scripts[script].includes('--webpack')) {
+            projectPkg.scripts[script] += ' --webpack';
+            pkgChanged = true;
+          }
+        });
+        if (pkgChanged) {
+          fs.writeFileSync(pkgPath, JSON.stringify(projectPkg, null, 2) + '\n');
+          log('package.json: --webpack agregado a scripts dev/build (Next.js 16+ requiere webpack con @stencil/ssr).', 'ok');
+        }
       }
     }
   }