@nocios/crudify-components 2.0.61 → 2.0.88

package/eslint.config.mjs

@@ -1,140 +0,0 @@
-import tseslint from '@typescript-eslint/eslint-plugin';
-import tsparser from '@typescript-eslint/parser';
-import react from 'eslint-plugin-react';
-import reactHooks from 'eslint-plugin-react-hooks';
-
-export default [
-  {
-    ignores: ['dist/**', 'node_modules/**', 'coverage/**'],
-  },
-  // Configuracion para archivos TypeScript (.ts)
-  {
-    files: ['src/**/*.ts'],
-    languageOptions: {
-      parser: tsparser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-      },
-    },
-    plugins: {
-      '@typescript-eslint': tseslint,
-    },
-    rules: {
-      ...tseslint.configs.recommended.rules,
-      '@typescript-eslint/no-unused-vars': [
-        'error',
-        { argsIgnorePattern: '^_', varsIgnorePattern: '^_', destructuredArrayIgnorePattern: '^_' },
-      ],
-      '@typescript-eslint/no-explicit-any': 'warn',
-      '@typescript-eslint/explicit-function-return-type': 'off',
-      '@typescript-eslint/no-non-null-assertion': 'warn',
-      'curly': ['error', 'all'],
-      'brace-style': ['error', '1tbs', { allowSingleLine: false }],
-      'no-console': 'warn',
-      'no-restricted-syntax': [
-        'error',
-        {
-          selector: 'ExportDefaultDeclaration',
-          message: 'Prefer named exports instead of default exports',
-        },
-      ],
-    },
-  },
-  // Configuracion para archivos React (.tsx)
-  {
-    files: ['src/**/*.tsx'],
-    languageOptions: {
-      parser: tsparser,
-      parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        ecmaFeatures: {
-          jsx: true,
-        },
-      },
-    },
-    plugins: {
-      '@typescript-eslint': tseslint,
-      react: react,
-      'react-hooks': reactHooks,
-    },
-    settings: {
-      react: {
-        version: 'detect',
-      },
-    },
-    rules: {
-      ...tseslint.configs.recommended.rules,
-      ...react.configs.recommended.rules,
-      ...reactHooks.configs.recommended.rules,
-      '@typescript-eslint/no-unused-vars': [
-        'error',
-        { argsIgnorePattern: '^_', varsIgnorePattern: '^_', destructuredArrayIgnorePattern: '^_' },
-      ],
-      '@typescript-eslint/no-explicit-any': 'warn',
-      '@typescript-eslint/explicit-function-return-type': 'off',
-      '@typescript-eslint/no-non-null-assertion': 'warn',
-      'curly': ['error', 'all'],
-      'brace-style': ['error', '1tbs', { allowSingleLine: false }],
-      'no-console': 'warn',
-      // React 17+ no requiere importar React
-      'react/react-in-jsx-scope': 'off',
-      // Props spreading es comun en componentes UI
-      'react/jsx-props-no-spreading': 'off',
-      // Usamos TypeScript para validar props, no necesitamos prop-types
-      'react/prop-types': 'off',
-      // Para componentes, permitir default exports (warn en lugar de error)
-      'no-restricted-syntax': [
-        'warn',
-        {
-          selector: 'ExportDefaultDeclaration',
-          message: 'Consider using named exports instead of default exports',
-        },
-      ],
-    },
-  },
-  // Configuracion mas permisiva para archivos de test
-  {
-    files: [
-      'src/**/*.test.ts',
-      'src/**/*.test.tsx',
-      'src/**/*.spec.ts',
-      'src/**/*.spec.tsx',
-      'src/__tests__/**/*.ts',
-      'src/__tests__/**/*.tsx',
-    ],
-    rules: {
-      '@typescript-eslint/no-unused-vars': 'warn',
-      '@typescript-eslint/no-explicit-any': 'off',
-      '@typescript-eslint/no-unsafe-function-type': 'off',
-      '@typescript-eslint/no-non-null-assertion': 'off',
-      '@typescript-eslint/ban-ts-comment': 'off',
-      'no-console': 'off',
-    },
-  },
-  // Configuracion para hooks .ts (agregar react-hooks y permitir default exports con warning)
-  {
-    files: ['src/**/hooks/**/*.ts', 'src/hooks/**/*.ts'],
-    plugins: {
-      'react-hooks': reactHooks,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'no-restricted-syntax': [
-        'warn',
-        {
-          selector: 'ExportDefaultDeclaration',
-          message: 'Consider using named exports instead of default exports',
-        },
-      ],
-    },
-  },
-  // Configuracion para archivos de declaracion (.d.ts) - permiten default exports para CSS modules
-  {
-    files: ['src/**/*.d.ts'],
-    rules: {
-      'no-restricted-syntax': 'off',
-    },
-  },
-];

package/scripts/bump-version.cjs

@@ -1,23 +0,0 @@
-/**
- * Auto-increment patch version in package.json
- *
- * This script increments the patch version (e.g., 2.0.44 -> 2.0.45)
- * and writes it back to package.json
- */
-const fs = require('fs');
-const path = require('path');
-
-const packagePath = path.join(__dirname, '../package.json');
-const pkg = JSON.parse(fs.readFileSync(packagePath, 'utf8'));
-
-// Parse current version
-const [major, minor, patch] = pkg.version.split('.').map(Number);
-
-// Increment patch version
-const newVersion = `${major}.${minor}.${patch + 1}`;
-
-// Update package.json
-pkg.version = newVersion;
-fs.writeFileSync(packagePath, JSON.stringify(pkg, null, 2) + '\n');
-
-console.log(`✓ Version bumped: ${major}.${minor}.${patch} → ${newVersion}`);

package/sonar-project.properties

@@ -1,23 +0,0 @@
-# Identificacion del proyecto
-sonar.projectKey=nocios_crudify-components
-sonar.projectName=crudify-components
-sonar.projectVersion=2.0.44
-
-# Configuracion de fuentes
-sonar.sources=src
-sonar.tests=tests
-sonar.sourceEncoding=UTF-8
-
-# Reporte de cobertura
-sonar.typescript.lcov.reportPaths=coverage/lcov.info
-sonar.javascript.lcov.reportPaths=coverage/lcov.info
-
-# Exclusiones
-sonar.exclusions=**/node_modules/**,**/dist/**,**/*.test.ts,**/*.spec.ts,**/*.test.tsx,**/*.spec.tsx,**/example/**
-sonar.coverage.exclusions=**/index.ts,**/types.ts,**/types.d.ts,**/*.d.ts
-
-# Inclusiones de tests
-sonar.test.inclusions=tests/**/*.test.ts,tests/**/*.spec.ts,tests/**/*.test.tsx,tests/**/*.spec.tsx
-
-# Quality Gate
-sonar.qualitygate.wait=true

package/tests/helpers/testUtils.tsx

@@ -1,89 +0,0 @@
-/**
- * Test Utilities
- * Common utilities and helpers for testing
- */
-
-import { render, RenderOptions, RenderResult } from '@testing-library/react';
-import { ReactElement, ReactNode } from 'react';
-
-/**
- * Custom render function with providers
- */
-export function renderWithProviders(ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>): RenderResult {
-  function Wrapper({ children }: { children: ReactNode }) {
-    return <>{children}</>;
-  }
-
-  return render(ui, { wrapper: Wrapper, ...options });
-}
-
-/**
- * Wait for a condition to be true
- */
-export async function waitForCondition(condition: () => boolean, timeout = 5000): Promise<void> {
-  const startTime = Date.now();
-  while (!condition()) {
-    if (Date.now() - startTime > timeout) {
-      throw new Error('Timeout waiting for condition');
-    }
-    await new Promise((resolve) => setTimeout(resolve, 50));
-  }
-}
-
-/**
- * Mock localStorage
- */
-export function mockLocalStorage() {
-  const store: Record<string, string> = {};
-
-  return {
-    getItem: (key: string) => store[key] || null,
-    setItem: (key: string, value: string) => {
-      store[key] = value;
-    },
-    removeItem: (key: string) => {
-      delete store[key];
-    },
-    clear: () => {
-      Object.keys(store).forEach((key) => delete store[key]);
-    },
-    get length() {
-      return Object.keys(store).length;
-    },
-    key: (index: number) => Object.keys(store)[index] || null,
-  };
-}
-
-/**
- * Create mock JWT token
- */
-export function createMockJWT(payload: Record<string, any>, exp?: number): string {
-  const header = btoa(JSON.stringify({ alg: 'HS256', typ: 'JWT' }));
-  const body = btoa(
-    JSON.stringify({
-      ...payload,
-      exp: exp || Math.floor(Date.now() / 1000) + 3600,
-      iat: Math.floor(Date.now() / 1000),
-    })
-  );
-  const signature = btoa('mock-signature');
-  return `${header}.${body}.${signature}`;
-}
-
-/**
- * Sleep utility for tests
- */
-export const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
-
-/**
- * Mock fetch response
- */
-export function mockFetchResponse(data: any, status = 200) {
-  return Promise.resolve({
-    ok: status >= 200 && status < 300,
-    status,
-    json: () => Promise.resolve(data),
-    text: () => Promise.resolve(JSON.stringify(data)),
-    headers: new Headers(),
-  } as Response);
-}

package/tests/hooks/useSession/testUtils.tsx

@@ -1,212 +0,0 @@
-/**
- * Utilidades compartidas para tests de useSession
- * Incluye mocks, factories y wrappers
- */
-
-import React from 'react';
-import { vi } from 'vitest';
-import { TokenData } from '../../../src/utils/tokenStorage';
-
-// =============================
-// MOCK FACTORIES
-// =============================
-
-/**
- * Crea datos de token mock para tests
- */
-export function createMockTokens(overrides?: Partial<TokenData>): TokenData {
-  const now = Date.now();
-  return {
-    accessToken: 'mock-access-token',
-    refreshToken: 'mock-refresh-token',
-    expiresAt: now + 15 * 60 * 1000, // 15 minutos
-    refreshExpiresAt: now + 7 * 24 * 60 * 60 * 1000, // 7 días
-    ...overrides,
-  };
-}
-
-/**
- * Crea tokens expirados para tests
- */
-export function createExpiredTokens(): TokenData {
-  const now = Date.now();
-  return {
-    accessToken: 'expired-access-token',
-    refreshToken: 'expired-refresh-token',
-    expiresAt: now - 1000, // Ya expiró
-    refreshExpiresAt: now + 7 * 24 * 60 * 60 * 1000,
-  };
-}
-
-/**
- * Crea tokens que expiran pronto para tests
- */
-export function createExpiringSoonTokens(): TokenData {
-  const now = Date.now();
-  return {
-    accessToken: 'expiring-access-token',
-    refreshToken: 'expiring-refresh-token',
-    expiresAt: now + 2 * 60 * 1000, // 2 minutos (menos de 5)
-    refreshExpiresAt: now + 7 * 24 * 60 * 60 * 1000,
-  };
-}
-
-// =============================
-// MOCK SESSION MANAGER
-// =============================
-
-export function createMockSessionManager() {
-  return {
-    getInstance: vi.fn(),
-    initialize: vi.fn().mockResolvedValue(undefined),
-    login: vi.fn().mockResolvedValue({ success: true, tokens: createMockTokens() }),
-    logout: vi.fn().mockResolvedValue(undefined),
-    refreshTokens: vi.fn().mockResolvedValue(true),
-    refreshTokensSilent: vi.fn().mockResolvedValue(true),
-    getTokenInfo: vi.fn().mockResolvedValue({
-      crudifyTokens: {
-        accessToken: 'mock-access-token',
-        refreshToken: 'mock-refresh-token',
-        expiresAt: Date.now() + 15 * 60 * 1000,
-        refreshExpiresAt: Date.now() + 7 * 24 * 60 * 60 * 1000,
-        expiresIn: 15 * 60 * 1000,
-      },
-    }),
-    isAuthenticated: vi.fn().mockResolvedValue(true),
-    isRefreshing: vi.fn().mockReturnValue(false),
-    updateLastActivity: vi.fn(),
-    setupResponseInterceptor: vi.fn(),
-    getTimeSinceLastActivity: vi.fn().mockReturnValue(0),
-    clearSession: vi.fn().mockResolvedValue(undefined),
-    // ✅ FASE 5: Nuevo método para verificar sesión activa
-    getIsSessionActive: vi.fn().mockReturnValue(true),
-  };
-}
-
-// =============================
-// MOCK TOKEN STORAGE
-// =============================
-
-export function createMockTokenStorage() {
-  const subscribers: Array<(tokens: TokenData | null, eventType: string, hadPreviousTokens: boolean) => void> = [];
-
-  return {
-    saveTokens: vi.fn().mockResolvedValue(undefined),
-    getTokens: vi.fn().mockResolvedValue(createMockTokens()),
-    clearTokens: vi.fn().mockResolvedValue(undefined),
-    hasValidTokens: vi.fn().mockResolvedValue(true),
-    getExpirationInfo: vi.fn().mockResolvedValue({
-      expiresAt: Date.now() + 15 * 60 * 1000,
-      refreshExpiresAt: Date.now() + 7 * 24 * 60 * 60 * 1000,
-    }),
-    subscribeToChanges: vi.fn((callback) => {
-      subscribers.push(callback);
-      return () => {
-        const index = subscribers.indexOf(callback);
-        if (index > -1) {
-          subscribers.splice(index, 1);
-        }
-      };
-    }),
-    SYNC_EVENTS: {
-      TOKENS_CLEARED: 'TOKENS_CLEARED',
-      TOKENS_UPDATED: 'TOKENS_UPDATED',
-    },
-    // Helper para simular eventos en tests
-    _emitEvent: (tokens: TokenData | null, eventType: string, hadPreviousTokens: boolean) => {
-      subscribers.forEach((cb) => cb(tokens, eventType, hadPreviousTokens));
-    },
-  };
-}
-
-// =============================
-// MOCK AUTH EVENT BUS
-// =============================
-
-export function createMockAuthEventBus() {
-  const subscribers: Array<(event: { type: string; details?: Record<string, unknown> }) => void> = [];
-
-  return {
-    subscribe: vi.fn((callback) => {
-      subscribers.push(callback);
-      return () => {
-        const index = subscribers.indexOf(callback);
-        if (index > -1) {
-          subscribers.splice(index, 1);
-        }
-      };
-    }),
-    emit: vi.fn(),
-    // Helper para simular eventos en tests
-    _emitEvent: (type: string, details?: Record<string, unknown>) => {
-      subscribers.forEach((cb) => cb({ type, details }));
-    },
-  };
-}
-
-// =============================
-// MOCK NAVIGATION TRACKER
-// =============================
-
-export function createMockNavigationTracker() {
-  const subscribers: Array<() => void> = [];
-
-  return {
-    getInstance: vi.fn().mockReturnThis(),
-    subscribe: vi.fn((callback) => {
-      subscribers.push(callback);
-      return () => {
-        const index = subscribers.indexOf(callback);
-        if (index > -1) {
-          subscribers.splice(index, 1);
-        }
-      };
-    }),
-    // Helper para simular navegación en tests
-    _emitNavigation: () => {
-      subscribers.forEach((cb) => cb());
-    },
-  };
-}
-
-// =============================
-// REACT WRAPPER
-// =============================
-
-/**
- * Wrapper para tests de hooks con React
- */
-export function createWrapper() {
-  return function Wrapper({ children }: { children: React.ReactNode }) {
-    return <>{children}</>;
-  };
-}
-
-// =============================
-// WAIT UTILITIES
-// =============================
-
-/**
- * Espera un tiempo específico
- */
-export function wait(ms: number): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-/**
- * Espera hasta que una condición sea verdadera
- */
-export async function waitFor(
-  condition: () => boolean,
-  options: { timeout?: number; interval?: number } = {}
-): Promise<void> {
-  const { timeout = 5000, interval = 50 } = options;
-  const startTime = Date.now();
-
-  while (!condition()) {
-    if (Date.now() - startTime > timeout) {
-      throw new Error('waitFor timeout');
-    }
-    await wait(interval);
-  }
-}

package/tests/setup.ts

@@ -1,139 +0,0 @@
-/**
- * Test Setup File
- * Configures the testing environment with all necessary mocks and utilities
- */
-
-import { afterEach, beforeEach, vi } from 'vitest';
-import { cleanup } from '@testing-library/react';
-import '@testing-library/jest-dom/vitest';
-
-// Mock window.history para tests
-const originalPushState = window.history.pushState;
-const originalReplaceState = window.history.replaceState;
-
-beforeEach(() => {
-  // Restaurar métodos originales antes de cada test
-  window.history.pushState = originalPushState;
-  window.history.replaceState = originalReplaceState;
-});
-
-// Cleanup after each test case
-afterEach(() => {
-  cleanup();
-  localStorage.clear();
-  sessionStorage.clear();
-  vi.clearAllMocks();
-
-  // Cleanup después de cada test
-  window.history.pushState = originalPushState;
-  window.history.replaceState = originalReplaceState;
-});
-
-// Mock window.matchMedia
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: vi.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: vi.fn(),
-    removeListener: vi.fn(),
-    addEventListener: vi.fn(),
-    removeEventListener: vi.fn(),
-    dispatchEvent: vi.fn(),
-  })),
-});
-
-// Mock IntersectionObserver
-(globalThis as any).IntersectionObserver = class IntersectionObserver {
-  constructor() {}
-  disconnect() {}
-  observe() {}
-  takeRecords() {
-    return [];
-  }
-  unobserve() {}
-};
-
-// Mock crypto for UUID generation and Web Crypto API
-// The subtle mock provides functional encryption/decryption for tests
-const mockSubtle = {
-  // SHA-256 digest - returns deterministic hash based on input
-  digest: async (_algorithm: string, data: ArrayBuffer): Promise<ArrayBuffer> => {
-    const input = new Uint8Array(data);
-    const result = new Uint8Array(32);
-    // Simple deterministic "hash" for testing - XOR bytes into result
-    for (let i = 0; i < input.length; i++) {
-      result[i % 32] ^= input[i];
-    }
-    return result.buffer;
-  },
-
-  // Import key material for PBKDF2
-  importKey: async (
-    _format: string,
-    _keyData: ArrayBuffer,
-    _algorithm: string,
-    _extractable: boolean,
-    _keyUsages: string[]
-  ): Promise<CryptoKey> => {
-    return { type: 'secret' } as CryptoKey;
-  },
-
-  // Derive key using PBKDF2
-  deriveKey: async (
-    _algorithm: object,
-    _baseKey: CryptoKey,
-    _derivedKeyType: object,
-    _extractable: boolean,
-    _keyUsages: string[]
-  ): Promise<CryptoKey> => {
-    return { type: 'secret' } as CryptoKey;
-  },
-
-  // AES-GCM encrypt - simple XOR for reversible mock encryption
-  encrypt: async (
-    _algorithm: { name: string; iv: Uint8Array },
-    _key: CryptoKey,
-    data: ArrayBuffer
-  ): Promise<ArrayBuffer> => {
-    const input = new Uint8Array(data);
-    const output = new Uint8Array(input.length);
-    for (let i = 0; i < input.length; i++) {
-      output[i] = input[i] ^ 42; // Simple XOR with constant
-    }
-    return output.buffer;
-  },
-
-  // AES-GCM decrypt - reverse of encrypt
-  decrypt: async (
-    _algorithm: { name: string; iv: Uint8Array },
-    _key: CryptoKey,
-    data: ArrayBuffer
-  ): Promise<ArrayBuffer> => {
-    const input = new Uint8Array(data);
-    const output = new Uint8Array(input.length);
-    for (let i = 0; i < input.length; i++) {
-      output[i] = input[i] ^ 42; // XOR with same constant reverses encryption
-    }
-    return output.buffer;
-  },
-};
-
-Object.defineProperty(globalThis, 'crypto', {
-  value: {
-    randomUUID: () => 'test-uuid-' + Math.random().toString(36).substring(2, 15),
-    getRandomValues: (arr: Uint8Array) => {
-      for (let i = 0; i < arr.length; i++) {
-        arr[i] = Math.floor(Math.random() * 256);
-      }
-      return arr;
-    },
-    subtle: mockSubtle,
-  },
-});
-
-// Global test timeout
-vi.setConfig({ testTimeout: 10000 });
-
-console.log('✅ Test environment setup complete');

package/tests/vitest.d.ts

@@ -1 +0,0 @@
-/// <reference types="vitest/globals" />

package/vitest.config.ts

@@ -1,39 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import path from 'path';
-
-export default defineConfig({
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['./tests/setup.ts'],
-    include: ['tests/**/*.test.{ts,tsx}'],
-    testTimeout: 10000, // 10 seconds timeout for tests
-    hookTimeout: 10000, // 10 seconds timeout for hooks
-    pool: 'forks', // Use forks pool for better isolation in CI
-    poolOptions: {
-      forks: {
-        singleFork: true, // Use single fork to reduce memory usage
-      },
-    },
-    coverage: {
-      provider: 'v8',
-      reporter: ['text', 'json', 'html', 'lcov'],
-      include: ['src/**/*.{ts,tsx}'],
-      exclude: [
-        'node_modules/',
-        'tests/',
-        'dist/',
-        '**/*.d.ts',
-        '**/*.config.*',
-        '**/mockData.ts',
-        '**/testUtils.tsx',
-        '**/testUtils.ts',
-      ],
-    },
-  },
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
-    },
-  },
-});