web build

.github/workflows/build.yml

@@ -4,9 +4,8 @@ on:
     push:
         branches:
             - main
-    # pull_request:
+        tags:
-    # release:
+            - 'v*'
-    # types: [created]
 
 jobs:
     build:

electron.vite.config.mjs

@@ -1,48 +1,16 @@
 import { resolve } from 'path'
 import { defineConfig } from 'electron-vite'
-import vue from '@vitejs/plugin-vue'
+import { sharedConfig } from './vite.shared'
-import { toSass } from './src/renderer/src/libs/sass-utils'
-import theme from './src/renderer/src/libs/theme'
 
 export default defineConfig({
     main: {},
     preload: {},
     renderer: {
-        plugins: [vue()],
+        ...sharedConfig,
         resolve: {
             alias: {
                 '@': resolve('src/renderer/src'),
             },
         },
-        css: {
-            preprocessorOptions: {
-                scss: {
-                    api: 'modern-compiler',
-                    additionalData:
-                        '@use "/src/styles/_functions.scss" as *; @use "/src/styles/_font-style.scss" as *;',
-                    functions: {
-                        'get($keys)': function (keys) {
-                            keys = keys
-                                .toString()
-                                .replace(/['"]+/g, '')
-                                .split('.')
-
-                            let result = theme
-                            for (let i = 0; i < keys.length; i++) {
-                                result = result[keys[i]]
-                            }
-
-                            return toSass(result)
-                        },
-                        'getColors()': function () {
-                            return toSass(theme.colors)
-                        },
-                        'getThemes()': function () {
-                            return toSass(theme.themes)
-                        },
-                    },
-                },
-            },
-        },
     },
 })

package.json

@@ -14,7 +14,9 @@
         "format": "prettier --write .",
         "start": "electron-vite preview",
         "dev": "electron-vite dev",
+        "dev:web": "vite",
         "build": "electron-vite build",
+        "build:web": "vite build",
         "postinstall": "electron-builder install-app-deps",
         "build:unpack": "npm run build && electron-builder --dir",
         "build:win": "npm run build && electron-builder --win",

vite.config.js

@@ -0,0 +1,20 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import { sharedConfig } from './vite.shared'
+
+export default defineConfig({
+    ...sharedConfig,
+    root: 'src/renderer',
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        },
+    },
+    server: {
+        port: 3000,
+    },
+    build: {
+        outDir: '../../dist/renderer',
+    },
+})

vite.shared.js

@@ -0,0 +1,34 @@
+import vue from '@vitejs/plugin-vue'
+import { toSass } from './src/renderer/src/libs/sass-utils'
+import theme from './src/renderer/src/libs/theme'
+
+export const sharedConfig = {
+    plugins: [vue()],
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: 'modern-compiler',
+                additionalData:
+                    '@use "/src/styles/_functions.scss" as *; @use "/src/styles/_font-style.scss" as *;',
+                functions: {
+                    'get($keys)': function (keys) {
+                        keys = keys.toString().replace(/['"]+/g, '').split('.')
+
+                        let result = theme
+                        for (let i = 0; i < keys.length; i++) {
+                            result = result[keys[i]]
+                        }
+
+                        return toSass(result)
+                    },
+                    'getColors()': function () {
+                        return toSass(theme.colors)
+                    },
+                    'getThemes()': function () {
+                        return toSass(theme.themes)
+                    },
+                },
+            },
+        },
+    },
+}