build: switch from yarn to npm to manage js dependencies and move js contents to root

yarn v1 is being deprecated and starts to have some issues Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2023-11-14 17:24:42 +01:00
parent 32055122c3
commit 2e72f6faf4
595 changed files with 12078 additions and 7843 deletions
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,110 @@
+import vue from "@vitejs/plugin-vue";
+import { defineConfig } from "vite";
+import path from "path";
+import { VitePWA } from "vite-plugin-pwa";
+import { visualizer } from "rollup-plugin-visualizer";
+
+export default defineConfig(({ command }) => {
+  const isDev = command !== "build";
+  if (isDev) {
+    // Terminate the watcher when Phoenix quits
+    process.stdin.on("close", () => {
+      process.exit(0);
+    });
+
+    process.stdin.resume();
+  }
+
+  return {
+    plugins: [
+      vue(),
+      VitePWA({
+        registerType: "autoUpdate",
+        strategies: "injectManifest",
+        srcDir: "src",
+        filename: "service-worker.ts",
+        // injectRegister: "auto",
+        // devOptions: {
+        //   enabled: true,
+        // },
+        manifest: {
+          name: "Mobilizon",
+          short_name: "Mobilizon",
+          orientation: "portrait-primary",
+          theme_color: "#ffd599",
+          icons: [
+            {
+              src: "./img/icons/android-chrome-192x192.png",
+              sizes: "192x192",
+              type: "image/png",
+            },
+            {
+              src: "./img/icons/android-chrome-512x512.png",
+              sizes: "512x512",
+              type: "image/png",
+            },
+            {
+              src: "./img/icons/android-chrome-maskable-192x192.png",
+              sizes: "192x192",
+              type: "image/png",
+              purpose: "maskable",
+            },
+            {
+              src: "./img/icons/android-chrome-maskable-512x512.png",
+              sizes: "512x512",
+              type: "image/png",
+              purpose: "maskable",
+            },
+          ],
+        },
+      }),
+      visualizer(),
+    ],
+    build: {
+      manifest: true,
+      outDir: path.resolve(__dirname, "priv/static"),
+      emptyOutDir: true,
+      sourcemap: true,
+      rollupOptions: {
+        // overwrite default .html entry
+        input: {
+          main: "src/main.ts",
+        },
+      },
+    },
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "./src"),
+        unfetch: path.resolve(
+          __dirname,
+          "node_modules",
+          "unfetch",
+          "dist",
+          "unfetch.mjs"
+        ),
+      },
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          sassOptions: {
+            quietDeps: true,
+          },
+        },
+      },
+    },
+    test: {
+      environment: "jsdom",
+      resolve: {
+        alias: {
+          "@": path.resolve(__dirname, "./src"),
+        },
+      },
+      coverage: {
+        reporter: ["text", "json", "html"],
+      },
+      setupFiles: path.resolve(__dirname, "./tests/unit/setup.ts"),
+      include: [path.resolve(__dirname, "./tests/unit/specs/**/*.spec.ts")],
+    },
+  };
+});