fix app env

Author: prc5

.yarn/install-state.gz

@@ -41,8 +41,10 @@
     "@nx/vite": "20.3.3",
     "@nx/web": "20.3.3",
     "@nx/workspace": "20.3.3",
+    "lucide-react": "^0.476.0",
     "nx": "20.3.3",
-    "regenerator-runtime": "0.13.7"
+    "regenerator-runtime": "0.13.7",
+    "use-immer": "^0.11.0"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^7.24.6",

package.json

@@ -0,0 +1,11 @@
+import path from "node:path";
+import type { UserConfig } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+export const config: UserConfig = {
+  plugins: [
+    tsconfigPaths({
+      root: path.resolve(__dirname, "../"),
+    }),
+  ],
+};

packages/devtools/.yarn/install-state.gz

@@ -0,0 +1,5 @@
+import { defineConfig } from "vite";
+import { config } from "./vite.base.config";
+
+// https://vitejs.dev/config
+export default defineConfig(config);

packages/devtools/.yarnrc.yml

@@ -0,0 +1,5 @@
+import { defineConfig } from "vite";
+import { config } from "./vite.base.config";
+
+// https://vitejs.dev/config
+export default defineConfig(config);

packages/devtools/configs/vite.base.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+// @ts-ignore
+import tailwindcss from "@tailwindcss/vite";
+
+import { config } from "./vite.base.config";
+
+config.plugins?.push(react());
+config.plugins?.push(tailwindcss());
+
+// https://vitejs.dev/config
+export default defineConfig(config);

packages/devtools/configs/vite.main.config.mts

@@ -1,17 +1,21 @@
 import type { ForgeConfig } from "@electron-forge/shared-types";
 import { MakerSquirrel } from "@electron-forge/maker-squirrel";
-// import { MakerZIP } from "@electron-forge/maker-zip";
+import { MakerZIP } from "@electron-forge/maker-zip";
 import { MakerDeb } from "@electron-forge/maker-deb";
-// import { MakerRpm } from "@electron-forge/maker-rpm";
+import { MakerRpm } from "@electron-forge/maker-rpm";
 import { MakerDMG } from "@electron-forge/maker-dmg";
 import { PublisherGithub } from "@electron-forge/publisher-github";
-import { AutoUnpackNativesPlugin } from "@electron-forge/plugin-auto-unpack-natives";
-import { WebpackPlugin } from "@electron-forge/plugin-webpack";
 import { FusesPlugin } from "@electron-forge/plugin-fuses";
 import { FuseV1Options, FuseVersion } from "@electron/fuses";
+import { VitePlugin } from "@electron-forge/plugin-vite";
 
-import { mainConfig } from "./webpack/webpack.main.config";
-import { rendererConfig } from "./webpack/webpack.renderer.config";
+console.log("forge.config.ts");
+console.log("forge.config.ts");
+console.log("forge.config.ts");
+console.log("forge.config.ts");
+console.log("forge.config.ts");
+console.log("forge.config.ts");
+console.log("forge.config.ts");
 
 const config: ForgeConfig = {
   packagerConfig: {
@@ -26,8 +30,8 @@ const config: ForgeConfig = {
       authors: "Maciej Pyrc",
       setupExe: "hyper-fetch-devtools.exe",
     }),
-    // new MakerZIP({}, ["darwin"]),
-    // new MakerRpm({}),
+    new MakerZIP({}, ["darwin"]),
+    new MakerRpm({}),
     new MakerDeb({
       options: {
         name: "Hyper Fetch Devtools",
@@ -50,24 +54,28 @@ const config: ForgeConfig = {
     }),
   ],
   plugins: [
-    new AutoUnpackNativesPlugin({}),
-    new WebpackPlugin({
-      mainConfig,
-      // TODO: check security policy
-      devContentSecurityPolicy: "connect-src 'self' * 'unsafe-eval'",
-      renderer: {
-        config: rendererConfig,
-        entryPoints: [
-          {
-            html: "./src/app/index.html",
-            js: "./src/app/renderer.ts",
-            name: "main_window",
-            preload: {
-              js: "./src/app/preload.ts",
-            },
-          },
-        ],
-      },
+    new VitePlugin({
+      // `build` can specify multiple entry builds, which can be Main process, Preload scripts, Worker process, etc.
+      // If you are familiar with Vite configuration, it will look really familiar.
+      build: [
+        {
+          // `entry` is just an alias for `build.lib.entry` in the corresponding file of `config`.
+          entry: "./src/app/main.ts",
+          config: "./configs/vite.main.config.mts",
+          target: "main",
+        },
+        {
+          entry: "./src/app/preload.ts",
+          config: "./configs/vite.preload.config.mts",
+          target: "preload",
+        },
+      ],
+      renderer: [
+        {
+          name: "main_window",
+          config: "./configs/vite.renderer.config.mts",
+        },
+      ],
     }),
     // Fuses are used to enable/disable various Electron functionality
     // at package time, before code signing the application

packages/devtools/configs/vite.preload.config.mts

@@ -0,0 +1 @@
+/// <reference types="@electron-forge/plugin-vite/forge-vite-env" />