jgest-react-vite 1.1.2

package/template/src/store/ThemeStore/Themes/themes.ts

@@ -0,0 +1,28 @@
+import { createTheme } from '@mui/material/styles';
+import type { Theme } from '@mui/material/styles';
+
+export const darkTheme: Theme = createTheme({
+    palette: {
+        mode: 'dark',
+        background: {
+            default: '#303030',
+            paper: '#424242',
+        },
+    },
+});
+export const lightTheme: Theme = createTheme({
+    palette: {
+        mode: 'light',
+        background: {
+            default: '#f5f5f5',
+            paper: '#ffffff',
+        },
+    },
+});
+
+export const themes = {
+    light: lightTheme,
+    dark: darkTheme,
+};
+
+export type ThemeMode = keyof typeof themes;

package/template/src/store/ThemeStore/themeStore.ts

@@ -0,0 +1,28 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+import type { ThemeMode } from './Themes/themes';
+
+// Interfaz para el estado del tema
+interface ThemeState {
+    mode: ThemeMode;
+    toggleTheme: () => void;
+    setMode: (mode: ThemeMode) => void;
+}
+
+// Store de Zustand para gestionar el tema de la aplicación
+export const themeStore = create<ThemeState>()(
+    persist(
+        (set) => ({
+            mode: 'light', // Modo por defecto
+            toggleTheme: () => {
+                set((state) => ({
+                    mode: state.mode === 'light' ? 'dark' : 'light',
+                }));
+            },
+            setMode: (mode) => set({ mode }),
+        }),
+        {
+            name: 'theme-storage', // Nombre del almacenamiento en localStorage
+        },
+    ),
+);

package/template/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/template/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/template/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/vite.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  server: {
+    proxy: {
+      '/newApi': {
+        target: 'https://192.168.150.92:8003',
+        changeOrigin: true, // Cambiar el origen del host de la solicitud
+        secure: false, // Ignorar el error de certificado (autofirmado)
+        rewrite: (path) => path.replace(/^\/newApi/, '/api')
+      },
+    },
+  },
+})