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

package/dist/components/Icon/Icon.js

@@ -1,7 +1,7 @@
 import '../../styles.css';/* empty css                    */
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { styled, Badge } from "@mui/material";
+import { Badge, styled } from "@mui/material";
 const sizeMap = {
   xs: 18,
   sm: 24,

package/dist/components/Table/Table.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { Children, isValidElement, useState, useEffect } from "react";
 import { TableContainer, Table as Table$1, TableHead, TableRow, TableCell, Checkbox, Typography, TableBody, Box, Select, MenuItem, IconButton, Button, Snackbar } from "@mui/material";
 import MuiAlert from "@mui/material/Alert";

package/package.json

@@ -1,10 +1,38 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.2",
   "type": "module",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./mui": {
+      "types": "./dist/mui.d.ts"
+    },
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*/*.js",
+      "require": "./dist/components/*/*.cjs"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*/index.d.ts",
+      "import": "./dist/hooks/*/*.js",
+      "require": "./dist/hooks/*/*.cjs"
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css",

package/.dockerignore

@@ -1,8 +0,0 @@
-# Ignore dependencies, build artifacts, and local environment files
-node_modules
-dist
-
-# Ignore git and docker files
-.git
-.gitignore
-.dockerignore

package/.github/workflows/publish.yml

@@ -1,107 +0,0 @@
-name: Node.js CI
-
-on:
-  push:
-    branches: [ "main" ]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [v23.6.1]
-
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          npm-version: '10.9.2'
-          cache: 'npm' # Se asume que package-lock.json está en el repositorio
-      
-      - name: Install dependencies
-        run: npm install --frozen-lockfile # Uso de --frozen-lockfile para CI/CD
-
-      - name: Remove underscore-prefixed directories
-        run: npm run rm --if-present
-
-      - name: Build package
-        run: npm run build --if-present
-      
-      - name: Dist package
-        run: npm run dist --if-present
-
-      - name: Upload build artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: dist-package
-          path: dist/ # Guarda el directorio de distribución como un artefacto
-
-  publish:
-    runs-on: ubuntu-latest
-    needs: build # 👈 Depende del trabajo de construcción
-    environment: production # 👈 Asocia este trabajo con el ambiente 'production'
-    
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-        
-      - name: Download build artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: dist-package
-          path: dist/ # Descarga el artefacto en el directorio 'dist'
-
-      - name: Use Node.js 20.x for publishing
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20.x
-          npm-version: '10.9.2'
-          registry-url: 'https://registry.npmjs.org'
-          
-      - name: Publish package
-        working-directory: dist
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-  
-  notify:
-    runs-on: ubuntu-latest
-    needs: publish
-    environment: production
-    
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-        
-      - name: Get package version
-        id: get_version
-        run: echo "PACKAGE_VERSION=$(npm pkg get version | tr -d '\"')" >> $GITHUB_ENV
-        
-      - name: Get commit message and author
-        id: get_commit_info
-        run: |
-          echo "COMMIT_MESSAGE=$(git log -1 --pretty=format:%s)" >> $GITHUB_ENV
-          echo "COMMIT_AUTHOR=$(git log -1 --pretty=format:%an)" >> $GITHUB_ENV
-        
-      - name: Send Discord notification (Success)
-        if: success()
-        uses: tsickert/discord-webhook@v5.3.0
-        with:
-          webhook-url: ${{ secrets.DISCORD_WEBHOOK_URL }}
-          content: "✅ **Publicación Exitosa:** Nueva versión de la librería de componentes en npm.\n**Paquete:** [@soyfri/shared-library](https://www.npmjs.com/package/@soyfri/shared-library/v/${{ env.PACKAGE_VERSION }})\n**Versión:** `v${{ env.PACKAGE_VERSION }}`\n**Notas del commit:** ${{ env.COMMIT_MESSAGE }}\n**Autor:** ${{ env.COMMIT_AUTHOR }}"
-          username: "GitHub Actions"
-          avatar-url: "https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
-      
-      - name: Send Discord notification (Failure)
-        if: failure()
-        uses: tsickert/discord-webhook@v5.3.0
-        with:
-          webhook-url: ${{ secrets.DISCORD_WEBHOOK_URL }}
-          content: "❌ **Publicación Fallida:** Falló la publicación de la librería de componentes en npm.\n**Commit:** ${{ env.COMMIT_MESSAGE }}\n**Autor:** ${{ env.COMMIT_AUTHOR }}"
-          username: "GitHub Actions"
-          avatar-url: "https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"

package/.prettierrc

@@ -1,3 +0,0 @@
-{
-  "tabWidth": 2
-}

package/.storybook/main.ts

@@ -1,19 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-  "stories": [
-    "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)"
-  ],
-  "addons": [
-    "@storybook/addon-onboarding",
-    "@chromatic-com/storybook",
-    "@storybook/addon-vitest",
-    "@storybook/addon-docs"
-  ],
-  "framework": {
-    "name": "@storybook/react-vite",
-    "options": {}
-  }
-};
-export default config;

package/.storybook/preview.ts

@@ -1,14 +0,0 @@
-import type { Preview } from '@storybook/react-vite'
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/.storybook/vitest.setup.ts

@@ -1,9 +0,0 @@
-import { beforeAll } from 'vitest';
-import { setProjectAnnotations } from '@storybook/react-vite';
-import * as projectAnnotations from './preview';
-
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-const project = setProjectAnnotations([projectAnnotations]);
-
-beforeAll(project.beforeAll);

package/Dockerfile

@@ -1,37 +0,0 @@
-# Use a specific Node.js version for the build environment.
-FROM node:20-alpine AS builder
-
-# Set the working directory in the container.
-WORKDIR /usr/src/app
-
-# Copy package.json and package-lock.json to leverage Docker's layer caching.
-# This step is cached and only re-runs if package*.json files change.
-COPY package*.json ./
-
-# Install project dependencies.
-RUN npm install
-
-# Copy the rest of your application's source code.
-COPY . .
-
-# Run the build script to create the distribution files.
-RUN npm run build --if-present
-
-RUN npm run dist --if-present
-
-# --- Final Stage: Create a lightweight image with only the build artifacts ---
-# Use a minimal base image. 'scratch' is the smallest, 'alpine' is also a good choice.
-FROM scratch
-
-# Set the working directory to the root of your library.
-WORKDIR /usr/src/app
-
-# Copy the built files from the 'builder' stage.
-COPY --from=builder /usr/src/app/dist ./dist
-
-# The final image contains only the 'dist' directory.
-# There is no need for EXPOSE or CMD as this is a component library, not a runnable application.
-
-# You can add a LABEL to describe the image if needed.
-LABEL maintainer="Your Name"
-LABEL version="1.0"

package/build.js

@@ -1,102 +0,0 @@
-import { readFileSync, existsSync, mkdirSync, writeFileSync, copyFileSync } from 'fs';
-import { join, basename } from 'path';
-import { sync } from 'glob';
-
-const projectRoot = process.cwd();
-const srcComponentsDir = join(projectRoot, 'src', 'components');
-const srcHooksDir = join(projectRoot, 'src', 'hooks');
-const distDir = join(projectRoot, 'dist');
-const distComponentsDir = join(distDir, 'components');
-const distHooksDir = join(distDir, 'hooks');
-const originalPackageJsonPath = join(projectRoot, 'package.json');
-const distPackageJsonPath = join(distDir, 'package.json');
-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 = {
-  ".": {
-    "import": "./index.js",
-    "require": "./index.cjs",
-    "types": "./index.d.ts"
-  },
-  "./package.json": "./package.json"
-};
-
-// Función para procesar directorios de forma condicional y crear entradas en exports
-const processDirectories = (sourceDir, distDir, exportPrefix) => {
-  if (!existsSync(sourceDir)) {
-    console.log(`Directorio no encontrado: ${sourceDir}. Saltando.`);
-    return;
-  }
-  
-  if (!existsSync(distDir)) {
-    mkdirSync(distDir, { recursive: true });
-  }
-
-  const componentDirs = 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
-    }
-
-    console.log(`  - Módulo encontrado: ${componentName}`);
-    
-    // Crear carpeta en dist
-    const distModuleFolder = join(distDir, componentName);
-    if (!existsSync(distModuleFolder)) {
-      mkdirSync(distModuleFolder, { recursive: true });
-    }
-
-    // Agregar entrada al objeto exports
-    const exportPath = `./${exportPrefix}/${componentName}`;
-    newExports[exportPath] = {
-      "import": `./${exportPrefix}/${componentName}/${componentName}.js`,
-      "require": `./${exportPrefix}/${componentName}/${componentName}.cjs`,
-      "types": `./${exportPrefix}/${componentName}/${componentName}.d.ts`
-    };
-  });
-};
-
-// Procesar componentes
-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;
-
-// Eliminar propiedades innecesarias
-delete distPackageJson.scripts;
-delete distPackageJson.devDependencies;
-delete distPackageJson.private;
-
-// Asegurarse de que el directorio 'dist' exista
-if (!existsSync(distDir)) {
-  mkdirSync(distDir, { recursive: true });
-}
-
-// 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.');
-} else {
-  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}`);
-console.log('Contenido de la propiedad "exports":', JSON.stringify(newExports, null, 2));

package/chromatic.config.json

@@ -1,5 +0,0 @@
-{
-  "onlyChanged": true,
-  "projectId": "Project:6836406d3794ebfc4012fb25",
-  "zip": true
-}

package/cleanDirectories.js

@@ -1,40 +0,0 @@
-import { promises as fs } from 'fs';
-import { join } from 'path';
-
-// Define the folders to be cleaned (sub-folders will be deleted)
-const foldersToClean = ['components', 'hooks'];
-const srcPath = join(process.cwd(), 'src');
-
-const deleteLowercaseFolders = async () => {
-  console.log('Iniciando el proceso de eliminación de carpetas...');
-  
-  for (const parentFolder of foldersToClean) {
-    const parentPath = join(srcPath, parentFolder);
-
-    if (!await fs.stat(parentPath).catch(() => false)) {
-      console.log(`Directorio padre no encontrado: ${parentPath}. Saltando.`);
-      continue;
-    }
-
-    try {
-      // Leer el contenido del directorio padre y obtener información de los archivos
-      const entries = await fs.readdir(parentPath, { withFileTypes: true });
-
-      for (const entry of entries) {
-        // Check if the entry is a directory and its name starts with a lowercase letter.
-        if (entry.isDirectory() && /^[a-z]/.test(entry.name)) {
-          const folderPath = join(parentPath, entry.name);
-          await fs.rm(folderPath, { recursive: true, force: true });
-          console.log(`- Carpeta eliminada: ${folderPath}`);
-        }
-      }
-    } catch (error) {
-      console.error(`Error al procesar el directorio ${parentPath}:`, error);
-    }
-  }
-
-  console.log('Proceso de limpieza completado.');
-};
-
-// Execute the main function
-deleteLowercaseFolders();

package/rollup.config.cjs

@@ -1,87 +0,0 @@
-const resolve = require('@rollup/plugin-node-resolve');
-const commonjs = require('@rollup/plugin-commonjs');
-const typescript = require('rollup-plugin-typescript2');
-const peerDepsExternal = require('rollup-plugin-peer-deps-external');
-const postcss = require('rollup-plugin-postcss');
-const terser = require('@rollup/plugin-terser');
-// const alias = require('@rollup/plugin-alias'); // 👈 Ya no necesitamos este plugin
-const { globSync } = require('glob');
-const path = require('path');
-const pkg = require('./package.json');
-const projectRootDir = path.resolve(__dirname);
-
-const componentEntryPoints = globSync('src/components/*/index.ts').reduce((acc, file) => {
-  const componentName = path.basename(path.dirname(file));
-  acc[`components/${componentName}`] = file;
-  return acc;
-}, {});
-
-const mainEntry = {
-  index: 'src/index.ts',
-};
-
-module.exports = {
-  input: {
-    ...mainEntry,
-    ...componentEntryPoints,
-  },
-  output: [
-    {
-      dir: 'dist/esm',
-      format: 'esm',
-      sourcemap: true,
-      preserveModules: true,
-      preserveModulesRoot: 'src',
-      entryFileNames: '[name].js',
-      chunkFileNames: '_chunks/chunk-[hash].js',
-      exports: 'named',
-    },
-    {
-      dir: 'dist/cjs',
-      format: 'cjs',
-      sourcemap: true,
-      preserveModules: true,
-      preserveModulesRoot: 'src',
-      entryFileNames: '[name].cjs',
-      chunkFileNames: '_chunks/chunk-[hash].cjs',
-      exports: 'named',
-    },
-  ],
-  plugins: [
-    peerDepsExternal(),
-    // 👈 Configura el alias dentro del plugin 'resolve'
-    resolve({
-      extensions: ['.js', '.jsx', '.ts', '.tsx'],
-      alias: {
-        entries: [
-          { find: '@soyfri/shared-library', replacement: path.resolve(projectRootDir, 'src') }
-        ]
-      }
-    }),
-    commonjs(),
-    typescript({
-      tsconfig: './tsconfig.json',
-      useTsconfigDeclarationDir: true,
-    }),
-    postcss({
-      config: {
-        path: './postcss.config.js',
-      },
-      extensions: ['.css'],
-      minimize: true,
-      extract: true,
-    }),
-    terser(),
-  ],
-  external: [
-    'react',
-    'react-dom',
-    /@mui\/.*/,
-    /@emotion\/.*/,
-    'dayjs',
-    'react-hook-form',
-    'tailwindcss',
-    'autoprefixer',
-    'postcss',
-  ],
-};