@soyfri/shared-library 2.0.0-beta.0 → 2.0.0-beta.1

package/build.js

@@ -15,79 +15,117 @@ const readmePath = join(projectRoot, 'README.md');
 // Leer el package.json original
 const originalPackageJson = JSON.parse(readFileSync(originalPackageJsonPath, 'utf8'));
 
-// Inicializar el nuevo objeto exports
-let newExports = {
+// Inicializar el nuevo objeto exports.
+// IMPORTANTE: el workflow publica con `working-directory: dist`, por lo que
+// `dist/` es la RAÍZ del paquete publicado. Todos los paths acá son relativos
+// a dist/ (es decir, sin el prefijo "./dist/").
+const newExports = {
   ".": {
+    "types": "./index.d.ts",
     "import": "./index.js",
-    "require": "./index.cjs",
-    "types": "./index.d.ts"
+    "require": "./index.cjs"
+  },
+  "./styles.css": "./styles.css",
+  "./mui": {
+    "types": "./mui.d.ts"
   },
   "./package.json": "./package.json"
 };
 
-// Función para procesar directorios de forma condicional y crear entradas en exports
-const processDirectories = (sourceDir, distDir, exportPrefix) => {
+// Función para procesar directorios y crear entradas en exports.
+//
+// Nota sobre los archivos generados por vite (según `vite.config.js`):
+//   - Runtime:     components/<Name>/<Name>.js  y  .cjs
+//   - Types barrel components/<Name>/index.d.ts  (el archivo barrel de src/components/<Name>/index.ts)
+//   - Types comp.: components/<Name>/<Name>.d.ts (el archivo del componente src/components/<Name>/<Name>.tsx)
+//
+// Para el consumer, el import `@soyfri/shared-library/components/<Name>` debe
+// resolver al BARREL, por lo tanto:
+//   - types  → ./components/<Name>/index.d.ts   (barrel types)
+//   - import → ./components/<Name>/<Name>.js    (barrel runtime)
+//   - require→ ./components/<Name>/<Name>.cjs   (barrel runtime)
+const processDirectories = (sourceDir, distSubDir, exportPrefix) => {
   if (!existsSync(sourceDir)) {
     console.log(`Directorio no encontrado: ${sourceDir}. Saltando.`);
     return;
   }
-  
-  if (!existsSync(distDir)) {
-    mkdirSync(distDir, { recursive: true });
+
+  if (!existsSync(distSubDir)) {
+    mkdirSync(distSubDir, { recursive: true });
   }
 
-  const componentDirs = sync(`${sourceDir}/*/`);
-  
+  const moduleDirs = sync(`${sourceDir}/*/`);
+
   console.log(`Buscando módulos en: ${sourceDir}`);
-  
-  componentDirs.forEach(componentDirPath => {
-    const componentName = basename(componentDirPath);
-    
-    // Verificar si el nombre de la carpeta tiene la inicial en mayúscula
-    if (!/^[A-Z]/.test(componentName)) {
-      console.log(`  - Saltando '${componentName}' porque su carpeta no empieza con mayúscula.`);
-      return; // Saltar este componente
+
+  moduleDirs.forEach(moduleDirPath => {
+    const moduleName = basename(moduleDirPath);
+
+    // Saltar módulos privados (_shared, _utils, etc.) y los que no empiezan con mayúscula.
+    if (!/^[A-Z]/.test(moduleName)) {
+      console.log(`  - Saltando '${moduleName}' porque no empieza con mayúscula.`);
+      return;
     }
 
-    console.log(`  - Módulo encontrado: ${componentName}`);
-    
-    // Crear carpeta en dist
-    const distModuleFolder = join(distDir, componentName);
+    console.log(`  - Módulo encontrado: ${moduleName}`);
+
+    // Asegurar que exista la carpeta en dist (vite ya la debería haber creado,
+    // pero esto es idempotente).
+    const distModuleFolder = join(distSubDir, moduleName);
     if (!existsSync(distModuleFolder)) {
       mkdirSync(distModuleFolder, { recursive: true });
     }
 
-    // Agregar entrada al objeto exports
-    const exportPath = `./${exportPrefix}/${componentName}`;
+    const exportPath = `./${exportPrefix}/${moduleName}`;
     newExports[exportPath] = {
-      "import": `./${exportPrefix}/${componentName}/${componentName}.js`,
-      "require": `./${exportPrefix}/${componentName}/${componentName}.cjs`,
-      "types": `./${exportPrefix}/${componentName}/${componentName}.d.ts`
+      "types": `./${exportPrefix}/${moduleName}/index.d.ts`,
+      "import": `./${exportPrefix}/${moduleName}/${moduleName}.js`,
+      "require": `./${exportPrefix}/${moduleName}/${moduleName}.cjs`
     };
   });
 };
 
-// Procesar componentes
+// Procesar componentes y hooks.
 processDirectories(srcComponentsDir, distComponentsDir, 'components');
-
-// Procesar hooks
 processDirectories(srcHooksDir, distHooksDir, 'hooks');
 
-// Crear una copia del package.json original para dist
-const distPackageJson = { ...originalPackageJson };
-distPackageJson.exports = newExports;
+// Construir el package.json de dist/ partiendo del original, pero corrigiendo
+// los paths de `main`, `module` y `types` para que sean flat (sin prefijo "dist/")
+// porque dist/ ES la raíz del paquete publicado.
+const distPackageJson = {
+  ...originalPackageJson,
+  main: "./index.cjs",
+  module: "./index.js",
+  types: "./index.d.ts",
+  exports: newExports,
+  // Declarar qué archivos forman parte del tarball.
+  files: [
+    "index.js",
+    "index.cjs",
+    "index.d.ts",
+    "index.js.map",
+    "index.cjs.map",
+    "mui.d.ts",
+    "styles.css",
+    "components",
+    "hooks",
+    "theme"
+  ],
+  // Side effects: el CSS tiene side effects, el resto es tree-shakeable.
+  sideEffects: ["**/*.css"]
+};
 
-// Eliminar propiedades innecesarias
+// Eliminar propiedades innecesarias para el paquete publicado.
 delete distPackageJson.scripts;
 delete distPackageJson.devDependencies;
 delete distPackageJson.private;
+delete distPackageJson.overrides;
 
-// Asegurarse de que el directorio 'dist' exista
 if (!existsSync(distDir)) {
   mkdirSync(distDir, { recursive: true });
 }
 
-// Copiar README.md a la carpeta dist
+// Copiar README.md a la carpeta dist.
 if (existsSync(readmePath)) {
   copyFileSync(readmePath, join(distDir, 'README.md'));
   console.log('Copiando README.md a la carpeta dist.');
@@ -95,7 +133,6 @@ if (existsSync(readmePath)) {
   console.log('No se encontró README.md en la raíz del proyecto. Saltando.');
 }
 
-// Escribir el nuevo package.json en dist/
 writeFileSync(distPackageJsonPath, JSON.stringify(distPackageJson, null, 2), 'utf8');
 
 console.log(`\n'package.json' generado exitosamente en: ${distPackageJsonPath}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.1",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",