@nocios/crudify-components 2.0.44 → 2.0.60

package/.github/workflows/ci.yml

@@ -0,0 +1,70 @@
+name: Test & Quality Check
+
+on:
+  push:
+    branches: [main, stg, prod]
+  pull_request:
+    branches: [main, stg, prod]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - uses: actions/checkout@v4.2.2
+
+      - name: Use Node.js 24.12.0
+        uses: actions/setup-node@v4.1.0
+        with:
+          node-version: '24.12.0'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4.0.0
+        with:
+          version: 10.28.2
+
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4.2.0
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run linter
+        run: pnpm run lint --if-present
+        continue-on-error: true
+
+      - name: Run type check
+        run: pnpm run typecheck --if-present
+        continue-on-error: true
+
+      - name: Run tests with coverage
+        run: pnpm test -- --run
+        timeout-minutes: 5
+
+      - name: Upload coverage to Codecov
+        if: success()
+        uses: codecov/codecov-action@v5.1.2
+        with:
+          files: ./coverage/coverage-final.json
+          flags: unittests
+          name: codecov-umbrella
+        continue-on-error: true
+
+      - name: Build package
+        run: pnpm run build
+
+      - name: Check bundle size
+        run: pnpm run build:analyze --if-present
+        continue-on-error: true

package/.husky/pre-commit

@@ -0,0 +1,26 @@
+#!/usr/bin/env sh
+
+# Cargar variables de entorno (archivo simple, sin comandos)
+. ~/.zshenv 2>/dev/null
+
+echo "Running pre-commit checks (fast)..."
+
+# 0. Format staged files with Prettier
+echo "\n[0/4] Formatting staged files..."
+pnpm exec lint-staged || exit 1
+
+# 1. Auto-increment version
+echo "\n[1/4] Bumping version..."
+node scripts/bump-version.cjs || exit 1
+git add package.json
+
+# 2. TypeCheck (mas rapido, detecta errores de tipos)
+echo "\n[2/4] Type checking..."
+pnpm run typecheck || exit 1
+
+# 3. Lint (rapido, detecta problemas de codigo)
+echo "\n[3/4] Linting..."
+pnpm run lint || exit 1
+
+echo "\n✅ Pre-commit checks passed!"
+echo "Note: Tests, build and sonar will run on pre-push"

package/.husky/pre-push

@@ -0,0 +1,30 @@
+#!/usr/bin/env sh
+
+# Cargar variables de entorno (archivo simple, sin comandos)
+. ~/.zshenv 2>/dev/null
+
+echo "Running pre-push checks (comprehensive)..."
+
+# 1. TypeCheck
+echo "\n[1/5] Type checking..."
+pnpm run typecheck || exit 1
+
+# 2. Lint
+echo "\n[2/5] Linting..."
+pnpm run lint || exit 1
+
+# 3. Tests con coverage
+echo "\n[3/5] Running tests..."
+pnpm run test:coverage || exit 1
+
+# 4. Build (valida que el bundle se genera)
+echo "\n[4/5] Building..."
+pnpm run build || exit 1
+
+echo "\n✅ All critical checks passed!"
+
+# 5. Sonar (no bloqueante - si falla, el push continua)
+echo "\n[5/5] Running sonar analysis (non-blocking)..."
+pnpm run sonar || echo "⚠️  Sonar analysis failed, but push will continue"
+
+echo "\n🚀 Ready to push!"

package/.prettierignore

@@ -0,0 +1,18 @@
+# Dependencies
+node_modules
+pnpm-lock.yaml
+
+# Build outputs
+dist
+coverage
+.scannerwork
+
+# Logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+
+# Misc
+.DS_Store
+.env
+.env.*

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "endOfLine": "lf"
+}

package/.scannerwork/report-task.txt

@@ -0,0 +1,6 @@
+projectKey=nocios_crudify-components
+serverUrl=http://localhost:9000
+serverVersion=26.1.0.118079
+dashboardUrl=http://localhost:9000/dashboard?id=nocios_crudify-components
+ceTaskId=dd307102-0399-458e-9b8e-3816161c5f79
+ceTaskUrl=http://localhost:9000/api/ce/task?id=dd307102-0399-458e-9b8e-3816161c5f79

package/README.md

@@ -75,18 +75,18 @@ VITE_TEST_LOGIN_ACTIONS=createUser,forgotPassword
 #### 2. Configurar Providers
 
 ```tsx
-import { SessionProvider, crudify } from "@nocios/crudify-components";
+import { SessionProvider, crudify } from '@nocios/crudify-components';
 
 function App() {
   useEffect(() => {
     // Inicializar crudify (opcional)
     const initCrudify = async () => {
       const publicApiKey = import.meta.env.VITE_TEST_PUBLIC_API_KEY;
-      const environment = import.meta.env.VITE_TEST_ENV || "dev";
+      const environment = import.meta.env.VITE_TEST_ENV || 'dev';
 
       if (publicApiKey) {
         crudify.config(environment);
-        await crudify.init(publicApiKey, "debug");
+        await crudify.init(publicApiKey, 'debug');
       }
     };
 
@@ -97,12 +97,12 @@ function App() {
     <SessionProvider
       options={{
         autoRestore: true,
-        enableLogging: process.env.NODE_ENV === "development",
+        enableLogging: process.env.NODE_ENV === 'development',
       }}
       config={{
         publicApiKey: import.meta.env.VITE_TEST_PUBLIC_API_KEY,
         env: import.meta.env.VITE_TEST_ENV,
-        loginActions: import.meta.env.VITE_TEST_LOGIN_ACTIONS?.split(","),
+        loginActions: import.meta.env.VITE_TEST_LOGIN_ACTIONS?.split(','),
       }}
     >
       <YourApp />
@@ -114,17 +114,17 @@ function App() {
 #### 3. Usar CrudifyLogin con configuración automática
 
 ```tsx
-import { CrudifyLogin } from "@nocios/crudify-components";
+import { CrudifyLogin } from '@nocios/crudify-components';
 
 function LoginPage() {
   return (
     <CrudifyLogin
       onLoginSuccess={(userData) => {
-        console.log("Login exitoso:", userData);
+        console.log('Login exitoso:', userData);
         // Navegar al dashboard
       }}
       onError={(error) => {
-        console.error("Error en login:", error);
+        console.error('Error en login:', error);
       }}
     />
   );
@@ -145,8 +145,8 @@ La librería las detectará automáticamente:
 // En producción, la configuración se lee de cookies automáticamente
 <SessionProvider
   config={{
-    appName: "Mi App",
-    colors: { primaryColor: "#1976d2" },
+    appName: 'Mi App',
+    colors: { primaryColor: '#1976d2' },
     // publicApiKey, env y loginActions se leen de cookies automáticamente
   }}
 >
@@ -159,13 +159,13 @@ La librería las detectará automáticamente:
 ### useAuth - Autenticación
 
 ```tsx
-import { useAuth } from "@nocios/crudify-components";
+import { useAuth } from '@nocios/crudify-components';
 
 function LoginComponent() {
   const { login, logout, isAuthenticated, isLoading } = useAuth();
 
   const handleLogin = async () => {
-    const result = await login("user@example.com", "password");
+    const result = await login('user@example.com', 'password');
   };
 
   return isAuthenticated ? (
@@ -181,7 +181,7 @@ function LoginComponent() {
 ### useUserData - Datos del Usuario
 
 ```tsx
-import { useUserData } from "@nocios/crudify-components";
+import { useUserData } from '@nocios/crudify-components';
 
 function UserProfile() {
   const { userData, sessionData, isLoading } = useUserData();
@@ -201,17 +201,17 @@ function UserProfile() {
 ### useData - Operaciones CRUD
 
 ```tsx
-import { useData } from "@nocios/crudify-components";
+import { useData } from '@nocios/crudify-components';
 
 function ProductManager() {
   const { create, read, update, remove } = useData();
 
   const createProduct = async () => {
-    await create("products", { name: "Nuevo Producto", price: 99.99 });
+    await create('products', { name: 'Nuevo Producto', price: 99.99 });
   };
 
   const getProducts = async () => {
-    const products = await read("products", { limit: 10 });
+    const products = await read('products', { limit: 10 });
   };
 
   return <button onClick={createProduct}>Crear Producto</button>;
@@ -223,20 +223,20 @@ function ProductManager() {
 ### CrudifyLogin - Login Completo
 
 ```tsx
-import { CrudifyLogin, SessionProvider } from "@nocios/crudify-components";
+import { CrudifyLogin, SessionProvider } from '@nocios/crudify-components';
 
 function AuthPage() {
   return (
     <SessionProvider
       config={{
-        appName: "Mi App",
-        logo: "/logo.png",
-        colors: { primaryColor: "#1976d2" },
+        appName: 'Mi App',
+        logo: '/logo.png',
+        colors: { primaryColor: '#1976d2' },
       }}
     >
       <CrudifyLogin
         onLoginSuccess={(userData) => {
-          console.log("Login exitoso:", userData);
+          console.log('Login exitoso:', userData);
         }}
         language="es"
       />
@@ -248,7 +248,7 @@ function AuthPage() {
 ### ProtectedRoute - Protección de Rutas
 
 ```tsx
-import { ProtectedRoute } from "@nocios/crudify-components";
+import { ProtectedRoute } from '@nocios/crudify-components';
 
 function App() {
   return (
@@ -262,13 +262,21 @@ function App() {
 ### Policies - Gestión de Políticas Públicas
 
 ```tsx
-import { Policies, POLICY_ACTIONS, PolicyAction } from "@nocios/crudify-components";
+import { Policies, POLICY_ACTIONS, PolicyAction } from '@nocios/crudify-components';
 
 function ModuleConfiguration() {
   const [policies, setPolicies] = useState([]);
-  const availableFields = ["name", "email", "description", "status"];
+  const availableFields = ['name', 'email', 'description', 'status'];
 
-  return <Policies policies={policies} onChange={setPolicies} availableFields={availableFields} errors={null} isSubmitting={false} />;
+  return (
+    <Policies
+      policies={policies}
+      onChange={setPolicies}
+      availableFields={availableFields}
+      errors={null}
+      isSubmitting={false}
+    />
+  );
 }
 ```
 
@@ -277,11 +285,11 @@ function ModuleConfiguration() {
 Re-exporta completamente `@nocios/crudify-sdk`:
 
 ```tsx
-import { crudify } from "@nocios/crudify-components";
+import { crudify } from '@nocios/crudify-components';
 
 // Usar directamente la API de crudify
-const result = await crudify.create("users", userData);
-const users = await crudify.read("users");
+const result = await crudify.create('users', userData);
+const users = await crudify.read('users');
 ```
 
 ## 🛠️ Utilidades
@@ -289,7 +297,7 @@ const users = await crudify.read("users");
 ### JWT Utils
 
 ```tsx
-import { decodeJwtSafely, getCurrentUserEmail } from "@nocios/crudify-components";
+import { decodeJwtSafely, getCurrentUserEmail } from '@nocios/crudify-components';
 
 const payload = decodeJwtSafely(token);
 const email = getCurrentUserEmail();
@@ -298,7 +306,7 @@ const email = getCurrentUserEmail();
 ### Error Handler
 
 ```tsx
-import { handleCrudifyError, getErrorMessage } from "@nocios/crudify-components";
+import { handleCrudifyError, getErrorMessage } from '@nocios/crudify-components';
 
 try {
   // operación
@@ -311,9 +319,9 @@ try {
 ## 🚀 Ejemplo Completo
 
 ```tsx
-import React from "react";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
-import { SessionProvider, ProtectedRoute, CrudifyLogin, useSessionContext } from "@nocios/crudify-components";
+import React from 'react';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import { SessionProvider, ProtectedRoute, CrudifyLogin, useSessionContext } from '@nocios/crudify-components';
 
 function Dashboard() {
   const { sessionData, logout } = useSessionContext();
@@ -329,8 +337,8 @@ function Dashboard() {
 
 function LoginPage() {
   return (
-    <div style={{ maxWidth: "400px", margin: "0 auto" }}>
-      <CrudifyLogin onLoginSuccess={(userData) => console.log("Login:", userData)} />
+    <div style={{ maxWidth: '400px', margin: '0 auto' }}>
+      <CrudifyLogin onLoginSuccess={(userData) => console.log('Login:', userData)} />
     </div>
   );
 }
@@ -361,7 +369,7 @@ function App() {
 Tipos completos incluidos:
 
 ```tsx
-import type { CrudifyLoginProps, UseAuthReturn, UserProfile, TokenData } from "@nocios/crudify-components";
+import type { CrudifyLoginProps, UseAuthReturn, UserProfile, TokenData } from '@nocios/crudify-components';
 ```
 
 ## 🌐 Internacionalización