MBI

.github/pull_request_template.md

@@ -0,0 +1,57 @@
+# Plantilla PR FrontEnd TEXT & LINES
+
+---
+
+# Descripción
+
+## <!--- Agrega una descripción del cambio en una línea y si se necesita instalar una nueva dependencia-->
+
+---
+
+## Tipo de cambio
+
+- [ ] Corrección de error (cambio no disruptivo que soluciona un problema)
+- [ ] Nueva función (cambio no disruptivo que agrega funcionalidad)
+- [ ] Cambio disruptivo (corrección o función que afecta la compatibilidad existente)
+- [ ] Este cambio requiere una actualización en la documentación
+- [ ] Cambio mínimo (visual o de bajo impacto, sin afectar lógica)
+
+---
+
+## Nueva funcionalidad (si aplica)
+
+- [ ] Repositorio
+- [ ] Modelo
+- [ ] Hook
+- [ ] Rutas y Rutas Individuales
+- [ ] Pagina
+
+Si creaste algo más, ponlo aquí:
+
+- Ejemplo.jsx
+
+---
+
+## ¿Cómo se ha probado?
+
+- [ ] Se utilizó lint para errores
+- [ ] Pasaron las pruebas unitarias (si aplica)
+- [ ] Se probó la funcionalidad y no mostró errores
+- [ ] Visualmente cumple con estándares definidos en el Figma
+
+---
+
+### Cambios menores
+
+- [ ] Este PR realiza un cambio mínimo que no afecta la lógica del sistema
+- [ ] Se validó visualmente el componente afectado
+- [ ] No se realizaron pruebas unitarias porque no aplica
+
+---
+
+## Checklist del evaluador:
+
+- [ ] He determinado que el autor cumplió con todos los puntos mencionados
+- [ ] He determinado que los cambios no tienen un impacto negativo en la aplicación
+- [ ] He notificado al autor del PR en caso de dudas o ajustes necesarios
+- [ ] Una vez que acepte el PR, eliminaré la rama

.github/workflows/on-pr.yaml

@@ -1,10 +1,12 @@
-name: Lint on Pull Request
+name: Test on Pull Request
 
 on:
   pull_request:
     branches:
       - main
       - staging
+      - develop
+      - MBI-1
 
 jobs:
   lint:
@@ -17,10 +19,29 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20.18"
+          node-version: '22.14'
 
       - name: Install dependencies
         run: npm install
 
       - name: Run Linter
         run: npm run lint
+
+  build:
+    runs-on: ubuntu-22.04
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.14'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run Build
+
+        run: npm run build

.gitignore

@@ -24,3 +24,5 @@ dist-ssr
 *.sw?
 
 .env
+
+*storybook.log

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "semi": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "endOfLine": "lf",
+  "jsxSingleQuote": true
+}

.storybook/main.js

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

.storybook/preview.js

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

.storybook/vitest.setup.js

@@ -0,0 +1,9 @@
+import { beforeAll } from 'vitest';
+import { setProjectAnnotations } from '@storybook/react';
+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);

eslint.config.js

@@ -1,65 +1,63 @@
-import js from "@eslint/js";
-import globals from "globals";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
 
 export default [
-  { ignores: ["dist"] },
   {
-    files: ["**/*.{js,jsx}"],
+    ignores: ['dist', '**/*.stories.js', 'vitest.workspace.js', 'vite.config.js'],
+  },
+  {
+    files: ['**/*.{js,jsx}'],
     languageOptions: {
-      ecmaVersion: "latest",
+      ecmaVersion: 'latest',
       globals: globals.browser,
       parserOptions: {
         ecmaFeatures: { jsx: true },
-        sourceType: "module",
+        sourceType: 'module',
       },
     },
     plugins: {
-      "react-hooks": reactHooks,
-      "react-refresh": reactRefresh,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
     },
     rules: {
       ...js.configs.recommended.rules,
       ...reactHooks.configs.recommended.rules,
-      "no-unused-vars": ["error", { varsIgnorePattern: "^[A-Z_]" }],
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
 
       // Additional ESLint rules
-      "object-shorthand": "error",
-      "no-new-object": "error",
-      "default-param-last": "error",
-      "no-new-func": "error",
-      "function-paren-newline": ["error", "consistent"],
-      "no-duplicate-imports": "error",
-      "object-curly-newline": ["error", { consistent: true }],
-      "no-undef": "error",
-      "prefer-const": "error",
-      "one-var": ["error", "never"],
-      "no-multi-assign": "error",
-      "no-plusplus": "error",
-      "operator-linebreak": ["error", "before"],
-      "new-cap": "error",
-      camelcase: "error",
-      "id-length": ["error", { min: 2 }],
-      "nonblock-statement-body-position": ["error", "beside"],
-      "brace-style": ["error", "1tbs", { allowSingleLine: true }],
-      "no-iterator": "error",
-      "no-restricted-syntax": "error",
-      "prefer-arrow-callback": "error",
-      "arrow-spacing": "error",
-      "no-array-constructor": "error",
-      "template-curly-spacing": ["error", "never"],
-      "prefer-template": "error",
-      "no-eval": "error",
-      "no-useless-constructor": "error",
-      "no-dupe-class-members": "error",
-      "class-methods-use-this": "error",
-      "dot-notation": "error",
-      "prefer-exponentiation-operator": "error",
+      'object-shorthand': 'error',
+      'no-new-object': 'error',
+      'default-param-last': 'error',
+      'no-new-func': 'error',
+      'function-paren-newline': ['error', 'consistent'],
+      'no-duplicate-imports': 'error',
+      'object-curly-newline': ['error', { consistent: true }],
+      'no-undef': 'error',
+      'prefer-const': 'error',
+      'one-var': ['error', 'never'],
+      'no-multi-assign': 'error',
+      'no-plusplus': 'error',
+      'operator-linebreak': ['error', 'before'],
+      'new-cap': 'error',
+      camelcase: 'error',
+      'id-length': ['error', { min: 2 }],
+      'nonblock-statement-body-position': ['error', 'beside'],
+      'brace-style': ['error', '1tbs', { allowSingleLine: true }],
+      'no-iterator': 'error',
+      'no-restricted-syntax': 'error',
+      'prefer-arrow-callback': 'error',
+      'arrow-spacing': 'error',
+      'no-array-constructor': 'error',
+      'template-curly-spacing': ['error', 'never'],
+      'prefer-template': 'error',
+      'no-eval': 'error',
+      'no-useless-constructor': 'error',
+      'no-dupe-class-members': 'error',
+      'class-methods-use-this': 'error',
+      'dot-notation': 'error',
+      'prefer-exponentiation-operator': 'error',
     },
   },
 ];

index.html

@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Prueba arquitectura textiles</title>
+    <title>Altertex</title>
   </head>
   <body>
     <div id="root"></div>

jsconfig.json

@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@SRC/*": ["src/*"],
+
+      "@Dominio/*": ["src/Dominio/*"],
+      "@Modelos/*": ["src/Dominio/Modelos/*"],
+      "@Repositorios/*": ["src/Dominio/Repositorios/*"],
+      "@Servicios/*": ["src/Dominio/Servicios/*"],
+
+      "@Vistas/*": ["src/Vistas/*"],
+      "@Componentes/*": ["src/Vistas/Componentes/*"],
+      "@Atomos/*": ["src/Vistas/Componentes/Atomos/*"],
+      "@Moleculas/*": ["src/Vistas/Componentes/Moleculas/*"],
+      "@Organismos/*": ["src/Vistas/Componentes/Organismos/*"],
+      "@Paginas/*": ["src/Vistas/Paginas/*"],
+
+      "@Categorias/*": ["src/Vistas/Paginas/Categorias/*"],
+      "@Clientes/*": ["src/Vistas/Paginas/Clientes/*"],
+      "@Configuracion/*": ["src/Vistas/Paginas/Configuracion/*"],
+      "@Cuotas/*": ["src/Vistas/Paginas/Cuotas/*"],
+      "@Empleados/*": ["src/Vistas/Paginas/Empleados/*"],
+      "@Errores/*": ["src/Vistas/Paginas/Errores/*"],
+      "@Eventos/*": ["src/Vistas/Paginas/Eventos/*"],
+      "@Pedidos/*": ["src/Vistas/Paginas/Pedidos/*"],
+      "@Productos/*": ["src/Vistas/Paginas/Productos/*"],
+      "@Roles/*": ["src/Vistas/Paginas/Roles/*"],
+      "@SetsProductos/*": ["src/Vistas/Paginas/SetsProductos/*"],
+      "@Usuarios/*": ["src/Vistas/Paginas/Usuarios/*"],
+
+      "@IniciarSesion": ["src/Vistas/Paginas/IniciarSesion.jsx"],
+      "@SistemaAdministrativo": ["src/Vistas/Paginas/SistemaAdministrativo.jsx"],
+      "@Tienda": ["src/Vistas/Paginas/Tienda.jsx"],
+
+      "@Rutas/*": ["src/Rutas/*"],
+      "@Constantes/*": ["src/Utilidades/Constantes/*"],
+      "@Hooks/*": ["src/hooks/*"],
+      "@Utilidades/*": ["src/Utilidades/*"],
+      "@Temporal": ["src/temporal.jsx"]
+    }
+  },
+  "include": ["src"]
+}