@necrolab/dashboard 0.4.3

package/vite.config.js

@@ -0,0 +1,63 @@
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { readFileSync } from "node:fs";
+
+const pkg = JSON.parse(readFileSync("./package.json", "utf-8"));
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    build: {
+        rollupOptions: {
+            output: {
+                manualChunks: {
+                    vue: ["vue", "vue-router", "pinia"],
+                    ui: ["@vueuse/core", "vue-virtual-scroller"],
+                    utils: ["@msgpack/msgpack", "websocket-heartbeat-js"]
+                }
+            }
+        },
+        target: "esnext",
+        cssCodeSplit: true,
+        sourcemap: false,
+        minify: "esbuild",
+        emptyOutDir: false
+    },
+    optimizeDeps: {
+        include: ["vue", "vue-router", "pinia", "@vueuse/core"],
+        exclude: ["sharp"]
+    },
+    define: {
+        __APP_VERSION__: JSON.stringify(pkg.version),
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+    },
+    plugins: [
+        vue({
+            template: {
+                compilerOptions: {
+                    isCustomElement: (tag) => tag.startsWith("necro-")
+                }
+            }
+        })
+    ],
+    resolve: {
+        alias: {
+            "@": fileURLToPath(new URL("./src", import.meta.url))
+        }
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: "modern-compiler",
+                silenceDeprecations: ["legacy-js-api"]
+            }
+        },
+        devSourcemap: true
+    },
+    server: {
+        port: 5173,
+        strictPort: true,
+        host: true,
+        cors: true
+    }
+});

package/vue.config.js

@@ -0,0 +1,32 @@
+module.exports = {
+  chainWebpack: (config) => {
+    config.plugin('preload').tap((options) => {
+      options[0].as = (entry) => {
+        if (/\.css$/.test(entry)) return 'style';
+        if (/\.woff$/.test(entry)) return 'font';
+        if (/\.png$/.test(entry)) return 'image';
+        return 'script';
+      };
+      options[0].include = 'allAssets';
+      // options[0].fileWhitelist: [/\.files/, /\.to/, /\.include/]
+      // options[0].fileBlacklist: [/\.files/, /\.to/, /\.exclude/]
+      return options;
+    });
+  },
+  pwa: {
+    name: 'Necro Lab',
+    themeColor: '#4DBA87',
+    msTileColor: '#000000',
+    appleMobileWebAppCapable: 'yes',
+    appleMobileWebAppStatusBarStyle: 'black',
+
+    // configure the workbox plugin
+    // workboxPluginMode: 'InjectManifest',
+    workboxPluginMode: "GenerateSW",
+    workboxOptions: {
+      // swSrc is required in InjectManifest mode.
+      swSrc: 'dev/sw.js',
+      // ...other Workbox options...
+    }
+  }
+};

package/workbox-config.js

@@ -0,0 +1,66 @@
+module.exports = {
+    globDirectory: "public/",
+    globPatterns: [
+        "**/*.{png,ico,svg,jpg,jpeg,webp}",
+        "manifest.json"
+    ],
+    swDest: "public/sw.js",
+    sourcemap: false,
+    skipWaiting: true,
+    clientsClaim: true,
+    ignoreURLParametersMatching: [/^utm_/, /^fbclid$/],
+    cleanupOutdatedCaches: true,
+    runtimeCaching: [
+        {
+            urlPattern: /\.(?:png|jpg|jpeg|svg|gif|webp|ico)$/,
+            handler: "CacheFirst",
+            options: {
+                cacheName: "images",
+                expiration: {
+                    maxEntries: 150,
+                    maxAgeSeconds: 60 * 60 * 24 * 30 // 30 days
+                }
+            }
+        },
+        {
+            urlPattern: /\.(?:js|css)$/,
+            handler: "StaleWhileRevalidate",
+            options: {
+                cacheName: "static-resources",
+                expiration: {
+                    maxEntries: 50,
+                    maxAgeSeconds: 60 * 60 * 24 * 7 // 1 week
+                }
+            }
+        },
+        {
+            urlPattern: /^https:\/\/fonts\.googleapis\.com\//,
+            handler: "StaleWhileRevalidate",
+            options: {
+                cacheName: "google-fonts-stylesheets"
+            }
+        },
+        {
+            urlPattern: /^https:\/\/fonts\.gstatic\.com\//,
+            handler: "CacheFirst",
+            options: {
+                cacheName: "google-fonts-webfonts",
+                expiration: {
+                    maxEntries: 10,
+                    maxAgeSeconds: 60 * 60 * 24 * 365 // 1 year
+                }
+            }
+        },
+        {
+            urlPattern: /\/flags\//,
+            handler: "CacheFirst",
+            options: {
+                cacheName: "country-flags",
+                expiration: {
+                    maxEntries: 50,
+                    maxAgeSeconds: 60 * 60 * 24 * 90 // 90 days
+                }
+            }
+        }
+    ]
+};