Update

2025-02-28 20:42:24 +01:00
parent de3a3a8ce4
commit ff0b919d62
932 changed files with 127824 additions and 4703 deletions
@@ -1,10 +1,117 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+import { defineConfig, UserConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import { VitePWA, VitePWAOptions } from "vite-plugin-pwa";
+import viteCompression from "vite-plugin-compression";

-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  optimizeDeps: {
-    // exclude: ['lucide-react'],
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const { dependencies } = JSON.parse(
+  fs.readFileSync(path.join(dirname, "package.json"), "utf-8")
+) as { dependencies: Record<string, string> };
+
+const vendorPackages: string[] = [
+  "react",
+  "react-router-dom",
+  "react-router",
+  "react-dom",
+];
+
+function renderChunks(deps: Record<string, string>) {
+  const chunks: Record<string, string[]> = {};
+  Object.keys(deps).forEach((key) => {
+    if (vendorPackages.includes(key)) return;
+    chunks[key] = [key];
+  });
+  return chunks;
+}
+
+export const OUTPUT_DIRECTORY = "dist";
+
+const pwaConfig: Partial<VitePWAOptions> = {
+  injectRegister: "script",
+  registerType: "autoUpdate",
+  devOptions: {
+    enabled: true,
  },
-});
+  manifest: {
+    icons: [
+      {
+        src: "/icons/pwa-64x64.png",
+        sizes: "64x64",
+        type: "image/png",
+      },
+      {
+        src: "/icons/pwa-192x192.png",
+        sizes: "192x192",
+        type: "image/png",
+      },
+      {
+        src: "/icons/apple-touch-icon-180x180.png",
+        sizes: "180x180",
+        type: "image/png",
+      },
+      {
+        src: "/icons/pwa-512x512.png",
+        sizes: "512x512",
+        type: "image/png",
+      },
+      {
+        src: "/icons/maskable-icon-512x512.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "maskable",
+      },
+    ],
+    name: "Baas Wireframe",
+    short_name: "BaasW",
+    display: "standalone",
+    background_color: "#ffffff",
+    description: "A Wireframe Builder tool.",
+    theme_color: "#000000",
+    start_url: "/admin/login",
+  },
+};
+
+const config: UserConfig = {
+  plugins: [
+    react(),
+    VitePWA(pwaConfig),
+    viteCompression({
+      algorithm: "brotliCompress",
+      filter: /\.(js|mjs|json|css|html|svg)$/i,
+    }),
+  ],
+  build: {
+    outDir: OUTPUT_DIRECTORY,
+    sourcemap: false,
+    rollupOptions: {
+      external: ["fsevents"],
+      output: {
+        manualChunks: {
+          vendor: vendorPackages,
+          ...renderChunks(dependencies),
+        },
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      "@/components": path.resolve(dirname, "./src/components"),
+      "@/pages": path.resolve(dirname, "./src/pages"),
+      "@/utils": path.resolve(dirname, "./src/utils"),
+      "@/assets": path.resolve(dirname, "./src/assets"),
+      "@/context": path.resolve(dirname, "./src/context"),
+      "@/routes": path.resolve(dirname, "./src/routes"),
+      "@/hooks": path.resolve(dirname, "./src/hooks"),
+      "@": path.resolve(dirname, "./src"),
+    },
+  },
+  server: {
+    port: 3001,
+  },
+};
+
+export default defineConfig(config);