chore: separate import (#700)

* chore: seprate import

* chore: type BrowserWindowConstructorOptions

Author: yofukashino

src/main/index.ts

@@ -1,4 +1,10 @@
-import electron from "electron";
+import electron, {
+  type BrowserWindowConstructorOptions,
+  app,
+  net,
+  protocol,
+  session,
+} from "electron";
 import { dirname, join } from "path";
 import { CONFIG_PATHS } from "src/util.mjs";
 import type { PackageJson } from "type-fest";
@@ -28,7 +34,7 @@ Object.defineProperty(global, "appSettings", {
 // https://github.com/discord/electron/blob/13-x-y/lib/browser/api/browser-window.ts#L60-L62
 // Thank you, Ven, for pointing this out!
 class BrowserWindow extends electron.BrowserWindow {
-  public constructor(opts: electron.BrowserWindowConstructorOptions) {
+  public constructor(opts: BrowserWindowConstructorOptions) {
     const titleBarSetting = getSetting<boolean>("dev.replugged.Settings", "titleBar", false);
     if (opts.frame && process.platform === "linux" && titleBarSetting) opts.frame = void 0;
 
@@ -72,13 +78,13 @@ delete require.cache[electronPath]!.exports;
 require.cache[electronPath]!.exports = electronExports;
 
 (
-  electron.app as typeof electron.app & {
+  app as typeof app & {
     setAppPath: (path: string) => void;
   }
 ).setAppPath(discordPath);
-// electron.app.name = discordPackage.name;
+// app.name = discordPackage.name;
 
-electron.protocol.registerSchemesAsPrivileged([
+protocol.registerSchemesAsPrivileged([
   {
     scheme: "replugged",
     privileges: {
@@ -93,13 +99,13 @@ function loadReactDevTools(): void {
   const rdtSetting = getSetting<boolean>("dev.replugged.Settings", "reactDevTools", false);
 
   if (rdtSetting) {
-    void electron.session.defaultSession.loadExtension(CONFIG_PATHS["react-devtools"]);
+    void session.defaultSession.loadExtension(CONFIG_PATHS["react-devtools"]);
   }
 }
 
 // Copied from old codebase
-electron.app.once("ready", () => {
-  electron.session.defaultSession.webRequest.onBeforeRequest(
+app.once("ready", () => {
+  session.defaultSession.webRequest.onBeforeRequest(
     {
       urls: [
         "https://*/api/v*/science",
@@ -115,7 +121,7 @@ electron.app.once("ready", () => {
     },
   );
   // @todo: Whitelist a few domains instead of removing CSP altogether; See #386
-  electron.session.defaultSession.webRequest.onHeadersReceived(({ responseHeaders }, done) => {
+  session.defaultSession.webRequest.onHeadersReceived(({ responseHeaders }, done) => {
     if (!responseHeaders) {
       done({});
       return;
@@ -149,7 +155,7 @@ electron.app.once("ready", () => {
   });
 
   // TODO: Eventually in the future, this should be migrated to IPC for better performance
-  electron.protocol.handle("replugged", (request) => {
+  protocol.handle("replugged", (request) => {
     let filePath = "";
     const reqUrl = new URL(request.url);
     switch (reqUrl.hostname) {
@@ -169,7 +175,7 @@ electron.app.once("ready", () => {
         filePath = join(CONFIG_PATHS.plugins, reqUrl.pathname);
         break;
     }
-    return electron.net.fetch(pathToFileURL(filePath).toString());
+    return net.fetch(pathToFileURL(filePath).toString());
   });
 
   loadReactDevTools();