@witchcraft/nuxt-electron 0.0.8 → 0.0.9

package/README.md

@@ -260,7 +260,7 @@ Note we would ideally also remove "/" from the prerender, but this requires manu
 
 A `routeRules` redirect won't work, because it will trigger a request to electron's file protocol handler which we don't know what to do with.
 
-A redirect from a page (e.i. `if (process.client && isElectron) { navigateTo("/app") }`) works, but it takes a little big of time to navigate. This is still needed for development redirecting, but not in production.
+A redirect from a page (e.i. `if (process.client && isElectron) { await navigateTo("/app") }`) works, but it takes a little big of time to navigate. This is still needed for development redirecting, but not in production.
 
 #### Build
 

package/dist/module.d.cts

@@ -0,0 +1,2 @@
+export * from "/home/runner/work/nuxt-electron/nuxt-electron/src/module.js";
+export { default } from "/home/runner/work/nuxt-electron/nuxt-electron/src/module.js";

package/dist/module.d.mts

@@ -1,117 +1,2 @@
-import * as _nuxt_schema from '@nuxt/schema';
-import { ElectronOptions } from 'vite-plugin-electron';
-import { notBundle } from 'vite-plugin-electron/plugin';
-
-interface ModuleOptions {
-    srcDir: string;
-    /**
-     * The dir for building for electron. `.output` and `build` will be put in here, and also release (but that's left up to your electron packing configuration).
-     *
-     * @default ".dist/electron/"
-     */
-    electronBuildDir: string;
-    /**
-     * The nuxt output dir when not building electron.
-     *
-     * @default ".dist/web/.output"
-     */
-    nonElectronNuxtBuildDir: string;
-    /**
-     * The main route of the electron app. Electron will be pointed to this route.
-     *
-     * @default "/app"
-     */
-    electronRoute: string;
-    /**
-     * Additional routes to include in the electron build. Note that "/" is always included as not including it was causing issues.
-     */
-    additionalRoutes: string[];
-    /** Extra cli arguments to launch electron with in dev mode */
-    extraCliArgs: string[];
-    /**
-     * If set, adds `--dev-user-data-dir ${devUserDataDir}` to the cli arguments in development mode.
-     *
-     * You will then need to parse this in main.ts, a `useDevDataDir` function is provided for this. This does not do any advanced parsing, just takes the next argument after `--dev-user-data-dir` so the path must not contain spaces.
-     * ```ts
-     * const userDataDir = useDevDataDir() ?? app.getPath("userData")
-     *
-     * @default "~~/.user-data-dir"
-     */
-    devUserDataDir: string | null;
-    /**
-     * The script to run to build/pack the electron app.
-     *
-     * @default "npm run build:electron:pack"
-     */
-    electronBuildPackScript: string;
-    /** Whether to enable the module. */
-    enable: boolean;
-    /**
-     * Whether to auto-open electron. If undefined, is controlled by the AUTO_OPEN env variable instead (it should include the word `electron` to enable autoOpen).
-     *
-     * This only works in dev mode.
-     *
-     * @default undefined
-     */
-    autoOpen: boolean;
-    /**
-     * Pass public runtime config options only for electron.
-     */
-    electronOnlyRuntimeConfig: Record<string, any>;
-    /**
-     * Whether you're using a preload script.
-     *
-     * @default true
-     */
-    usePreloadScript: boolean;
-    /**
-     * Pass custom vite options to the electron vite builder (e.g. wasm()) as they are not copied over from nuxt's vite config.
-     *
-     * Note that `build.emptyOutDir` cannot be changed, it must be false for the reloading to work.
-     */
-    electronViteOptions: ElectronOptions["vite"];
-    notBundleOptions: Parameters<typeof notBundle>[0];
-    /**
-     * Additional variables to "bake" into the electron build. Note these must be quoted if they are strings.
-     *
-     * You can set these as properties of STATIC, to make it clearer what they are.
-     *
-     * ```ts
-     * import { STATIC } from "@witchcraft/nuxt-electron/electron"
-     *
-     * // assuming electron.additionalElectronVariables.someVariable = `"some-var"`
-     *
-     * STATIC.SOME_VARIABLE = process.env.SOME_VARIABLE
-     *
-     * // becomes
-     * STATIC.SOME_VARIABLE = "some-var"
-     * ```
-     */
-    additionalElectronVariables: Record<string, string>;
-    /**
-     * Additional vite defines to copy from the resolved vite config.
-     *
-     * The module copies the following defines from nuxt's vite config for the electron vite config:
-     *
-     * ```
-     * __NUXT_VERSION__
-     * process.dev
-     * import.meta.dev
-     * process.test
-     * import.meta.test
-     *```
-     * And the following are also added:
-     * ```
-     * import.meta.electron (true from main, false elsewhere)
-     * process.electron (true from main, false elsewhere)
-     * ```
-     *
-     * They will only be true for files that might be imported by main only. For renderer/client side use `isElectron()` instead. We cannot define them on the client side because during dev they would be wrong (electorn is always pointing to the same page as the server).
-     *
-     */
-    additionalViteDefinesToCopy: string[];
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions };
+export * from "/home/runner/work/nuxt-electron/nuxt-electron/src/module.js";
+export { default } from "/home/runner/work/nuxt-electron/nuxt-electron/src/module.js";

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "electron",
   "configKey": "electron",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,374 +1,18 @@
-import { crop } from '@alanscodelog/utils/crop';
-import { run } from '@alanscodelog/utils/run';
-import { defineNuxtModule, useLogger, createResolver, addComponentsDir, addTemplate, extendRouteRules, addImportsDir } from '@nuxt/kit';
-import { nuxtRemoveUneededPages, nuxtFileBasedRouting, nuxtRerouteOutputTo, createConstantCaseVariables } from '@witchcraft/nuxt-utils/utils';
-import { defu } from 'defu';
-import fs from 'node:fs/promises';
-import path from 'node:path';
-import { startup, build } from 'vite-plugin-electron';
-import { notBundle } from 'vite-plugin-electron/plugin';
-import { externalizeDeps } from 'vite-plugin-externalize-deps';
+import { createJiti } from "file:///home/runner/work/nuxt-electron/nuxt-electron/node_modules/.pnpm/jiti@2.6.1/node_modules/jiti/lib/jiti.mjs";
 
-const dependencies = {
-	"@witchcraft/ui": "^0.3.2"};
-const pkg = {
-	dependencies: dependencies};
-
-startup.exit = async () => {
-  if ("electronApp" in process) {
-    try {
-      const app = process.electronApp;
-      app.removeAllListeners();
-      process.kill(app.pid);
-    } catch (e) {
-      console.error("Could not kill electron instance/s.");
-      console.error(e);
-    }
-  }
-};
-const module = defineNuxtModule({
-  meta: {
-    name: "electron",
-    configKey: "electron"
-  },
-  // Default configuration options of the Nuxt module
-  defaults: {
-    srcDir: "~~/app-electron",
-    electronBuildDir: "~~/.dist/electron",
-    nonElectronNuxtBuildDir: "~~/.dist/web/.output",
-    devUserDataDir: void 0,
-    electronRoute: "/app",
-    autoOpen: process.env.AUTO_OPEN?.includes("electron"),
-    electronBuildPackScript: "npm run build:electron:pack",
-    additionalRoutes: [],
-    extraCliArgs: [],
-    enable: true,
-    electronOnlyRuntimeConfig: {},
-    usePreloadScript: true,
-    electronViteOptions: {},
-    additionalElectronVariables: {},
-    additionalViteDefinesToCopy: [],
-    notBundleOptions: {}
-  },
-  moduleDependencies: {
-    "@witchcraft/ui/nuxt": {
-      version: pkg.dependencies["@witchcraft/ui"]
-    }
+const jiti = createJiti(import.meta.url, {
+  "interopDefault": true,
+  "alias": {
+    "@witchcraft/nuxt-electron": "/home/runner/work/nuxt-electron/nuxt-electron"
   },
-  async setup(options, nuxt) {
-    if (options.devUserDataDir === void 0) {
-      options.devUserDataDir = "~~/.user-data-dir";
+  "transformOptions": {
+    "babel": {
+      "plugins": []
     }
-    if (!options.enable) {
-      return;
-    }
-    const moduleName = "@witchcraft/nuxt-electron";
-    const logger = useLogger(moduleName);
-    const { resolvePath, resolve } = createResolver(import.meta.url);
-    addComponentsDir({
-      global: true,
-      path: resolve("runtime/components")
-    });
-    addTemplate({
-      filename: "witchcraft-electron.css",
-      write: true,
-      getContents: () => crop`
-				@source "${resolve("runtime/components")}";
-			`
-    });
-    const isDev = nuxt.options.dev;
-    const srcDir = await resolvePath(options.srcDir, nuxt.options.alias);
-    const nonElectronNuxtBuildDir = await resolvePath(options.nonElectronNuxtBuildDir, nuxt.options.alias);
-    const electronRootBuildDir = await resolvePath(options.electronBuildDir, nuxt.options.alias);
-    const relativeElectronDir = path.relative(nuxt.options.rootDir, electronRootBuildDir);
-    const electronNuxtDir = path.join(relativeElectronDir, ".output");
-    const electronBuildDir = path.join(relativeElectronDir, "build");
-    const electronProdUrl = `${options.electronRoute}/index.html`;
-    const electronRoute = options.electronRoute;
-    const electronNuxtPublicDir = path.join(electronNuxtDir, "public");
-    const mainScriptPath = path.join(srcDir, "main.ts");
-    const preloadScriptPath = path.join(srcDir, "preload.ts");
-    const hasMainScript = await fs.stat(mainScriptPath).then(() => true).catch(() => false);
-    const hasPreloadScript = !options.usePreloadScript || await fs.stat(preloadScriptPath).then(() => true).catch(() => false);
-    const hasScripts = hasMainScript && hasPreloadScript;
-    if (!hasScripts) {
-      logger.warn(`Missing electron scripts: ${[hasMainScript ? "" : "main.ts", hasPreloadScript ? "" : "preload.ts"].join(", ")}. Skipping electron build.`);
-    }
-    const isElectronBuild = process.env.BUILD_ELECTRON === "true" && hasScripts;
-    const skipElectronPack = process.env.SKIP_ELECTRON_PACK === "true";
-    const autoOpen = !!(options.autoOpen && hasScripts && isDev);
-    const useWatch = nuxt.options.dev;
-    const devUserDataDir = options.devUserDataDir && await resolvePath(options.devUserDataDir, nuxt.options.alias);
-    if (devUserDataDir) {
-      if (!await fs.stat(devUserDataDir).then(() => true).catch(() => false)) {
-        await fs.mkdir(devUserDataDir, {
-          recursive: true
-        });
-      }
-    }
-    logger.debug({
-      isDev,
-      useWatch,
-      srcDir,
-      prodNonElectronNuxtDir: nonElectronNuxtBuildDir,
-      electronRootBuildDir,
-      relativeElectronDir,
-      electronNuxtDir,
-      electronBuildDir,
-      electronProdUrl,
-      electronRoute,
-      electronNuxtPublicDir,
-      mainScriptPath,
-      preloadScriptPath,
-      isElectronBuild,
-      skipElectronPack,
-      autoOpen,
-      devUserDataDir
-    });
-    let resolveGetViteServer;
-    const viteServerPromise = new Promise((resolve2) => {
-      resolveGetViteServer = resolve2;
-    });
-    nuxt.hook("vite:serverCreated", (server) => {
-      logger.info(`Resolved vite server.`);
-      resolveGetViteServer(server);
-    });
-    const viteServerUrl = new Promise((resolve2) => {
-      nuxt.hook("build:before", () => {
-        resolve2(void 0);
-      });
-      nuxt.hook("listen", (_server, listener) => {
-        logger.info(`Resolved server url.`, listener.url);
-        resolve2(listener.url);
-      });
-    });
-    const viteConfigPromise = new Promise((resolve2) => {
-      nuxt.hook("vite:configResolved", (config) => {
-        resolve2(config);
-      });
-    });
-    let maybeWatchers;
-    let started = false;
-    nuxt.hook("vite:extendConfig", (config) => {
-      config.define ??= {};
-      config.define["import.meta.electron"] = "false";
-      config.define["process.electron"] = "false";
-    });
-    const buildElectron = async () => {
-      if (maybeWatchers || started) return;
-      started = true;
-      const viteConfig = await viteConfigPromise;
-      const electronRuntimeConfig = defu(
-        options.electronOnlyRuntimeConfig,
-        nuxt.options.runtimeConfig.public
-      );
-      const additionalElectronVariables = defu(
-        options.additionalElectronVariables,
-        nuxt.options.electron.additionalElectronVariables
-      );
-      const additionalViteDefinesToCopy = [
-        ...options.additionalViteDefinesToCopy,
-        ...nuxt.options.electron.additionalViteDefinesToCopy ?? []
-      ];
-      const copyFromVite = [
-        "__NUXT_VERSION__",
-        "process.dev",
-        "import.meta.dev",
-        "process.test",
-        "import.meta.test",
-        ...additionalViteDefinesToCopy
-      ];
-      const electronVariables = {
-        "process.electron": true,
-        "import.meta.electron": true,
-        ...Object.fromEntries(
-          copyFromVite.map((v) => [v, viteConfig.define[v]])
-        ),
-        ...createConstantCaseVariables({
-          electronRoute,
-          electronProdUrl,
-          electronNuxtDir,
-          electronNuxtPublicDir,
-          electronBuildDir,
-          // ...options.additionalElectronVariables,
-          // nuxt's runtimeConfig cannot be used in electron's main since it's built seperately
-          // also we must stringify ourselves since escaped double quotes are not preserved in the final output :/
-          electronRuntimeConfig: JSON.stringify(electronRuntimeConfig).replaceAll("\\", "\\\\")
-        }, "process.env."),
-        // wut am having issue with just using STATIC. directly ???
-        ...createConstantCaseVariables(
-          additionalElectronVariables,
-          "process.env.",
-          { autoquote: false }
-        )
-      };
-      const electronViteOptions = defu(
-        {
-          build: {
-            // must be false or preload can get deleted when vite rebuilds
-            emptyOutDir: false
-          }
-        },
-        options.electronViteOptions,
-        {
-          build: {
-            outDir: electronBuildDir,
-            minify: false
-          },
-          define: electronVariables,
-          resolve: {
-            alias: nuxt.options.alias,
-            extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"]
-          },
-          plugins: [externalizeDeps()]
-        }
-      );
-      const electronCliArgs = [
-        ".",
-        ...process.env.NODE_ENV !== "production" && devUserDataDir ? [
-          "--dev-user-data-dir",
-          devUserDataDir
-        ] : [],
-        ...options.extraCliArgs ?? []
-      ];
-      const builds = [
-        {
-          entry: mainScriptPath,
-          onStart: autoOpen ? async () => {
-            await startup([...electronCliArgs]);
-          } : void 0
-        },
-        ...options.usePreloadScript ? [{
-          entry: preloadScriptPath,
-          onStart: async () => {
-            (await viteServerPromise).hot.send({ type: "full-reload" });
-          },
-          build: {
-            rollupOptions: {
-              output: {
-                inlineDynamicImports: true
-              }
-            }
-          }
-        }] : []
-      ].map((entry) => ({
-        vite: {
-          mode: process.env.NODE_ENV,
-          ...electronViteOptions,
-          build: {
-            watch: useWatch ? {
-              include: [`${srcDir}/**/*`]
-            } : null,
-            lib: {
-              entry: entry.entry,
-              formats: entry.entry.includes("preload") ? ["cjs"] : ["es"],
-              fileName: () => entry.entry.includes("preload") ? "[name].cjs" : "[name].mjs"
-            },
-            ...electronViteOptions.build
-          },
-          plugins: [
-            autoOpen ? {
-              name: "plugin-start-electron",
-              async closeBundle() {
-                void entry.onStart?.();
-              }
-            } : void 0,
-            // not bundle breaks preload because it tries to required from node_modules
-            // and sandboxed windows can't do that
-            ...!isElectronBuild && !entry.entry.includes("preload") ? [notBundle(options.notBundleOptions)] : [],
-            ...electronViteOptions.plugins ?? []
-          ]
-        }
-      }));
-      logger.debug(builds);
-      const devUrl = await viteServerUrl;
-      if (devUrl) {
-        Object.assign(process.env, {
-          VITE_DEV_SERVER_URL: devUrl.slice(0, -1)
-        });
-      }
-      logger.debug({
-        electronViteOptions,
-        prodNonElectronNuxtDir: nonElectronNuxtBuildDir,
-        electronVariables,
-        electronRuntimeConfig,
-        electronCliArgs,
-        devUrl
-      });
-      maybeWatchers = await Promise.all(builds.map(
-        async (config) => build(config).then((res) => {
-          logger.info(`Build done.`);
-          return res;
-        }).catch((err) => {
-          logger.error(`Build failed.`, err);
-          process.exit(1);
-        })
-      ));
-      if (useWatch) {
-        for (const maybeWatcher of maybeWatchers) {
-          if (maybeWatcher && "on" in maybeWatcher) {
-            maybeWatcher.on("change", (e) => {
-              logger.info(`Detected change in: ${e}`);
-            });
-          }
-        }
-      }
-    };
-    if (autoOpen) {
-      nuxt.hook("close", async () => {
-        logger.info(`Killing`);
-        await startup?.exit();
-      });
-      nuxt.hook("restart", async () => {
-        logger.info(`Killing and Restarting`);
-        await startup?.exit();
-      });
-    }
-    logger.info(`Building Electron: ${isElectronBuild}`);
-    if (isElectronBuild) {
-      nuxt.hook("build:manifest", (manifest) => {
-        for (const key of Object.keys(manifest)) {
-          manifest[key].dynamicImports = [];
-        }
-      });
-      nuxtRemoveUneededPages(nuxt, ["/", electronRoute, ...options.additionalRoutes]);
-      extendRouteRules(electronRoute, { ssr: false, prerender: true }, { override: true });
-      nuxt.options.router = defu(
-        nuxtFileBasedRouting().router,
-        nuxt.options.router ?? {}
-      );
-      nuxtRerouteOutputTo(nuxt, electronNuxtDir);
-      nuxt.hook("close", async () => {
-        logger.info(`Building Electron`);
-        await buildElectron();
-        if (!skipElectronPack) {
-          logger.info(`Packing Electron`);
-          const buildCommand = run(options.electronBuildPackScript, {
-            stdio: "inherit"
-          });
-          await buildCommand.promise.catch((err) => {
-            logger.error("Error building electron.", err);
-            process.exit(1);
-          });
-        } else {
-          logger.info(`Skipping Electron Pack`);
-        }
-        logger.info(`Done Building Electron`);
-      });
-    } else {
-      if (isDev) {
-        nuxt.hook("ready", async () => {
-          logger.info("electron - ready");
-          void buildElectron();
-        });
-        logger.info(`Watching Electron`);
-      } else {
-        logger.info(`Skipping Electron Build`);
-      }
-      nuxtRerouteOutputTo(nuxt, nonElectronNuxtBuildDir);
-    }
-    addImportsDir(resolve("runtime/utils"));
   }
-});
+})
+
+/** @type {import("/home/runner/work/nuxt-electron/nuxt-electron/src/module.js")} */
+const _module = await jiti.import("/home/runner/work/nuxt-electron/nuxt-electron/src/module.ts");
 
-export { module as default };
+export default _module?.default ?? _module;

package/dist/types.d.mts

@@ -1,3 +1,13 @@
-export { default } from './module.mjs'
+import type { ModuleHooks, ModuleRuntimeHooks, ModuleRuntimeConfig, ModulePublicRuntimeConfig } from './module.mjs'
 
-export { type ModuleOptions } from './module.mjs'
+declare module '#app' {
+  interface RuntimeNuxtHooks extends ModuleRuntimeHooks {}
+}
+
+declare module '@nuxt/schema' {
+  interface NuxtHooks extends ModuleHooks {}
+  interface RuntimeConfig extends ModuleRuntimeConfig {}
+  interface PublicRuntimeConfig extends ModulePublicRuntimeConfig {}
+}
+
+export * from "./module.mjs"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@witchcraft/nuxt-electron",
-	"version": "0.0.8",
+	"version": "0.0.9",
 	"description": "Nuxt module for working with electron.",
 	"repository": "witchcraftjs/nuxt-electron",
 	"license": "MIT",
@@ -25,7 +25,7 @@
 		"genDevDesktop.js"
 	],
 	"scripts": {
-		"prepare": "husky && pnpm nuxt-module-build prepare && pnpm build:only && cd playground && pnpm i --ignore-scripts --ignore-workspace",
+		"prepare": "husky && pnpm dev:prepare",
 		"build": "nuxt-module-build prepare && nuxt-module-build build && nuxi build playground",
 		"build:only": "nuxt-module-build build",
 		"dev": "nuxi dev playground",
@@ -36,18 +36,18 @@
 		"test:watch": "vitest watch"
 	},
 	"dependencies": {
-		"@alanscodelog/utils": "^6.0.2",
-		"@nuxt/kit": "^4.0.3",
-		"@witchcraft/nuxt-utils": "^0.3.2",
-		"@witchcraft/ui": "^0.3.2",
-		"defu": "^6.1.4",
-		"es-toolkit": "^1.39.10",
-		"vite-plugin-electron": "^0.29.0",
-		"vite-plugin-externalize-deps": "^0.9.0"
+		"@alanscodelog/utils": "catalog:",
+		"@nuxt/kit": "catalog:",
+		"@witchcraft/nuxt-utils": "catalog:",
+		"@witchcraft/ui": "catalog:",
+		"defu": "catalog:",
+		"es-toolkit": "catalog:",
+		"vite-plugin-electron": "catalog:",
+		"vite-plugin-externalize-deps": "catalog:"
 	},
 	"peerDependencies": {
-		"@witchcraft/ui": "^0.3.2",
-		"unplugin-icons": "^22.1.0"
+		"@witchcraft/ui": "catalog:",
+		"unplugin-icons": "catalog:"
 	},
 	"peerDependenciesMeta": {
 		"unplugin-icons": {
@@ -58,24 +58,24 @@
 		}
 	},
 	"devDependencies": {
-		"@alanscodelog/eslint-config": "^6.3.1",
-		"@alanscodelog/semantic-release-config": "^5.0.4",
-		"@alanscodelog/tsconfigs": "^6.2.0",
-		"@nuxt/eslint-config": "^1.9.0",
-		"@nuxt/module-builder": "^1.0.2",
-		"@nuxt/schema": "^4.0.3",
-		"@nuxt/test-utils": "^3.19.2",
+		"@alanscodelog/eslint-config": "catalog:",
+		"@alanscodelog/semantic-release-config": "catalog:",
+		"@alanscodelog/tsconfigs": "catalog:",
+		"@nuxt/eslint-config": "catalog:",
+		"@nuxt/module-builder": "catalog:",
+		"@nuxt/schema": "catalog:",
+		"@nuxt/test-utils": "catalog:",
 		"@types/node": "latest",
-		"changelogen": "^0.6.2",
+		"changelogen": "catalog:",
 		"electron": "^38.0.0",
-		"eslint": "^9.34.0",
-		"husky": "^9.1.7",
-		"json5": "^2.2.3",
-		"nuxt": "^4.0.3",
-		"typescript": "^5.8.3",
-		"unplugin-icons": "^22.3.0",
-		"vitest": "^3.2.4",
-		"vue-tsc": "^3.0.6"
+		"eslint": "catalog:",
+		"husky": "catalog:",
+		"json5": "catalog:",
+		"nuxt": "catalog:",
+		"typescript": "catalog:",
+		"unplugin-icons": "catalog:",
+		"vitest": "catalog:",
+		"vue-tsc": "catalog:"
 	},
 	"release": {
 		"extends": [

package/src/module.ts

@@ -175,7 +175,7 @@ export default defineNuxtModule<ModuleOptions>({
 	},
 	moduleDependencies: {
 		"@witchcraft/ui/nuxt": {
-			version: pkg.dependencies["@witchcraft/ui"]
+			version: "^0.3.2"
 		}
 	},
 	async setup(options, nuxt) {

package/dist/runtime/components/ElectronWindowControls.d.vue.ts

@@ -1,32 +0,0 @@
-import { type Component } from "vue";
-import type { WindowControlsApi } from "../electron/types.js";
-type __VLS_Props = {
-    borderWidth?: string;
-    buttonSize?: string;
-    borderRadius?: string;
-    /**
-     *
-     * Replace any of the default buttons with your own components.
-     *
-     * Note that you can get the existing button components (import from `/components/WIndowControls/[name]`) and pass a slot to change the icon then pass your new component here.
-     *
-     * If using a completely custom component, it must emit an `action` event with the action name as the value.
-     *
-     * This wrapper component sets the following css variables if you need them:
-     * `--electron-wc-size`
-     * `--electron-wc-border`
-     * `--electron-wc-rounded`
-     * `--electron-wc-diagonal` (useful for creating the close cross)
-     */
-    components?: Partial<Record<"CloseButton" | "MinimizeButton" | "MaximizeButton" | "PinButton", Component>>;
-    buttonsOrder?: ("CloseButton" | "MinimizeButton" | "MaximizeButton" | "PinButton")[];
-    handler?: WindowControlsApi;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    borderWidth: string;
-    buttonSize: string;
-    borderRadius: string;
-    buttonsOrder: ("CloseButton" | "MinimizeButton" | "MaximizeButton" | "PinButton")[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;