From d42dc79415cf65873f504575579adf19dfdd4a1d Mon Sep 17 00:00:00 2001 From: Alphons Joseph <93847055+Crazypersonalph@users.noreply.github.com> Date: Mon, 17 Mar 2025 10:17:42 +0800 Subject: [PATCH] feat: sourcemaps are an env variable now --- package.json | 2 +- vite-dev.config.ts | 87 ---------------------------------------------- vite.config.ts | 4 ++- 3 files changed, 4 insertions(+), 89 deletions(-) delete mode 100644 vite-dev.config.ts diff --git a/package.json b/package.json index c1c70f8a..035beb48 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ "build:chrome": "cross-env MODE=chrome vite build", "build:firefox": "cross-env MODE=firefox vite build", "build:safari": "cross-env MODE=safari vite build", - "build:dev": "cross-env MODE=chrome vite build --config vite-dev.config.ts && cross-env MODE=firefox vite build --config vite-dev.config.ts", + "build:dev": "cross-env MODE=chrome SOURCEMAP=true vite build && cross-env MODE=firefox SOURCEMAP=true vite build", "convert:safari": "xcrun safari-web-extension-converter dist/safari --project-location . --app-name $npm_package_name-safari", "dependency-graph": "depcruise src --include-only \"^src\" --output-type dot | dot -T svg > dependency-graph.svg", "release": "gh release create $npm_package_name@$npm_package_version ./dist/*.zip --generate-notes", diff --git a/vite-dev.config.ts b/vite-dev.config.ts deleted file mode 100644 index e0e7f2db..00000000 --- a/vite-dev.config.ts +++ /dev/null @@ -1,87 +0,0 @@ -import { defineConfig } from 'vite'; -import { join, resolve } from 'path'; - -import { updateManifestPlugin } from './lib/patchPackage'; -import { base64Loader } from './lib/base64loader'; -import type { BuildTarget } from './lib/types'; -import ClosePlugin from './lib/closePlugin'; - -import react from '@vitejs/plugin-react'; -import million from "million/compiler"; -//import MillionLint from '@million/lint'; - -import { svelte } from '@sveltejs/vite-plugin-svelte' -import tailwindcss from '@tailwindcss/vite'; - -import { chrome } from './src/manifests/chrome'; -import { brave } from './src/manifests/brave'; -import { edge } from './src/manifests/edge'; -import { firefox } from './src/manifests/firefox'; -import { opera } from './src/manifests/opera'; -import { safari } from './src/manifests/safari'; -import { crx } from '@crxjs/vite-plugin'; - -const targets: BuildTarget[] = [ - chrome, brave, edge, firefox, opera, safari -] - -const mode = process.env.MODE || 'chrome'; - -export default defineConfig(({ command }) => ({ - plugins: [ - base64Loader, - react(), - tailwindcss(), - svelte({ - emitCss: false - }), - million.vite({ auto: true }), - //MillionLint.vite(), /* enable for testing and debugging performance */ - crx({ - manifest: targets.find(t => t.browser === mode.toLowerCase())?.manifest ?? chrome.manifest, - browser: mode.toLowerCase() === "firefox" ? "firefox" : "chrome" - }), - updateManifestPlugin(), - ...(command === 'build' ? [ClosePlugin()] : []) - ], - root: resolve(__dirname, './src'), - resolve: { - alias: { - '@': resolve(__dirname, './src') - }, - }, - server: { - port: 5173, - hmr: { - host: "localhost", - protocol: "ws", - port: 5173 - } - }, - css: { - preprocessorOptions: { - scss: { - api: 'modern' - } - } - }, - optimizeDeps: { - include: ['@babel/runtime/helpers/extends', '@babel/runtime/helpers/interopRequireDefault'], - }, - legacy: { - skipWebSocketTokenCheck: true, - }, - build: { - outDir: resolve(__dirname, 'dist', mode), - emptyOutDir: false, - minify: false, - sourcemap: "inline", - rollupOptions: { - input: { - settings: join(__dirname, 'src', 'interface', 'index.html'), - migration: join(__dirname, 'src', 'seqta', 'utils', 'migration', 'migrate.html'), - pageState: join(__dirname, 'src', 'pageState.js'), - } - } - } -})); \ No newline at end of file diff --git a/vite.config.ts b/vite.config.ts index 200ad4e3..4f80b022 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -25,7 +25,8 @@ const targets: BuildTarget[] = [ chrome, brave, edge, firefox, opera, safari ] -const mode = process.env.MODE || 'chrome'; +const mode = process.env.MODE || 'chrome'; // Check the environment variable to determine which build type to use. +const sourcemap = (process.env.SOURCEMAP === "true") || false; // Check whether we want sourcemaps. export default defineConfig(({ command }) => ({ plugins: [ @@ -75,6 +76,7 @@ export default defineConfig(({ command }) => ({ outDir: resolve(__dirname, 'dist', mode), emptyOutDir: false, minify: false, + sourcemap: sourcemap, rollupOptions: { input: { settings: join(__dirname, 'src', 'interface', 'index.html'),