@bouko/electron 1.0.4 → 1.0.6

package/dist/assets/icons/dash.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1em" height="1em">
+    <path 
+        d="M0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32z" 
+        fill="currentColor" 
+    />
+</svg>

package/dist/assets/icons/x.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="1em" height="1em">
+    <path 
+        d="M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z" 
+        fill="currentColor" 
+    />
+</svg>

package/dist/assets/styles/index.css

@@ -0,0 +1,3 @@
+.draggable {
+  app-region: drag;
+}

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export { default as TitleBar } from "./title-bar";

package/dist/components/index.js

@@ -0,0 +1 @@
+export { default as TitleBar } from "./title-bar";

package/dist/components/title-bar/actions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Title Bar Actions Component.
+ *
+ * Displays two buttons in the top right:
+ *  > Minimize - Minimizes the app.
+ *  > Close - Closes the app.
+**/
+declare const TitleBarActions: () => import("react/jsx-runtime").JSX.Element;
+export default TitleBarActions;

package/dist/components/title-bar/actions.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RowBox, IconButton } from "@bouko/react";
+import Minimize from "../../assets/icons/dash.svg";
+import Close from "../../assets/icons/x.svg";
+/**
+ * Title Bar Actions Component.
+ *
+ * Displays two buttons in the top right:
+ *  > Minimize - Minimizes the app.
+ *  > Close - Closes the app.
+**/
+const TitleBarActions = () => (_jsxs(RowBox, { style: styles.container, children: [_jsx(IconButton, { variant: "ghost", style: styles.minimize, icon: _jsx(Minimize, {}), action: () => window.api.app.minimize() }), _jsx(IconButton, { variant: "ghost", style: styles.close, icon: _jsx(Close, {}), action: () => window.api.app.close() })] }));
+const styles = {
+    container: "gap-2 items-center px-4",
+    minimize: "hover:!text-primary-darker",
+    close: "hover:!text-error"
+};
+export default TitleBarActions;

package/dist/components/title-bar/branding.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Title Bar Branding Component.
+ *
+ * Displays company banner in the top left of title bar.
+**/
+export default function TitleBarBranding({ banner }: {
+    banner: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/title-bar/branding.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Title Bar Branding Component.
+ *
+ * Displays company banner in the top left of title bar.
+**/
+export default function TitleBarBranding({ banner }) {
+    return (_jsx("img", { className: "w-auto h-6", src: banner, alt: "Logo" }));
+}

package/dist/components/title-bar/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Title Bar component.
+ *
+ * Application-level title bar used in the root layout.
+ * Renders a horizontal bar with logo and window controls.
+ * Uses `draggable` class to replace frame of Electron
+ * window and make the app move on the user's screen.
+**/
+export default function TitleBar({ banner }: {
+    banner: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/title-bar/index.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RowBox } from "@bouko/react";
+import Branding from "./branding";
+import Actions from "./actions";
+/**
+ * Title Bar component.
+ *
+ * Application-level title bar used in the root layout.
+ * Renders a horizontal bar with logo and window controls.
+ * Uses `draggable` class to replace frame of Electron
+ * window and make the app move on the user's screen.
+**/
+export default function TitleBar({ banner }) {
+    return (_jsxs(RowBox, { style: s.container, children: [_jsx("div", { className: s.subcontainer, children: _jsx(Branding, { banner: banner }) }), _jsx(Actions, {})] }));
+}
+const s = {
+    container: "bg-background-light border-b border-border-dark",
+    subcontainer: "grow p-4 draggable"
+};

package/dist/csp/index.js

@@ -33,8 +33,7 @@ export const devCsp = "default-src 'self' http://localhost:* blob: data:; " +
     "worker-src 'self' blob: http://localhost:*; " +
     `connect-src 'self' blob: http://localhost:* ws://localhost:* ${getEnv("DB_URL")};`;
 export const setupCspPolicy = () => session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
-    if (details.url.startsWith("file://") ||
-        details.url.startsWith("http://localhost")) {
+    if (details.url.startsWith("file://") || details.url.startsWith("http://localhost")) {
         callback({
             responseHeaders: {
                 ...details.responseHeaders,
@@ -43,6 +42,5 @@ export const setupCspPolicy = () => session.defaultSession.webRequest.onHeadersR
         });
         return;
     }
-    // Do NOT touch third-party pages (SoundCloud, etc.)
     callback({ responseHeaders: details.responseHeaders });
 });

package/dist/files/dialog.d.ts

@@ -2,7 +2,7 @@ import { BrowserWindow } from "electron";
 type Props = {
     window: BrowserWindow;
     title: string;
-    defaultPath?: "music";
+    defaultPath: "music";
 };
 export declare function choosePath({ window, title, defaultPath }: Props): Promise<string | null>;
 export {};

package/dist/files/index.d.ts

@@ -1,2 +1 @@
-export * from "./paths";
 export * from "./dialog";

package/dist/files/index.js

@@ -1,2 +1 @@
-export * from "./paths";
 export * from "./dialog";

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./ipc";
-export * from "./files";
 export * from "./csp";
+export * from "./files";

package/dist/index.js

@@ -1,3 +1,3 @@
 export * from "./ipc";
-export * from "./files";
 export * from "./csp";
+export * from "./files";

package/dist/ipc/index.d.ts

@@ -1,2 +1,6 @@
-export * from "./manager";
-export * from "./app";
+export declare class IpcManager {
+    id: string;
+    constructor(id: string);
+    on<T, K>(channel: string, cb: (params?: T) => Promise<K>): void;
+}
+export declare function setupAppIpc(): void;

package/dist/ipc/index.js

@@ -1,2 +1,31 @@
-export * from "./manager";
-export * from "./app";
+import { ipcMain, BrowserWindow } from "electron";
+import { choosePath } from "../files/dialog";
+export class IpcManager {
+    id;
+    constructor(id) {
+        this.id = id;
+    }
+    on(channel, cb) {
+        ipcMain.handle(`${this.id}:${channel}`, (_, params) => cb(params));
+    }
+}
+export function setupAppIpc() {
+    ipcMain.on("app:minimize", (event) => {
+        const window = BrowserWindow.fromWebContents(event.sender);
+        window?.minimize();
+    });
+    ipcMain.on("app:close", (event) => {
+        const window = BrowserWindow.fromWebContents(event.sender);
+        window?.close();
+    });
+    ipcMain.on("app:choose-path", async (event) => {
+        const window = BrowserWindow.fromWebContents(event.sender);
+        if (!window)
+            return;
+        return await choosePath({
+            window: window,
+            title: "Choose Vault Folder",
+            defaultPath: "music"
+        });
+    });
+}

package/dist/styles.css

@@ -0,0 +1,3 @@
+.draggable {
+  app-region: drag;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/electron",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "keywords": [],
   "author": "",
@@ -14,18 +14,25 @@
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    ".": "./dist/index.js",
+    "./styles.css": "./dist/styles.css"
+  },
   "engines": {},
 
   "scripts": {
-    "build": "tsc"
+    "build": "tsc",
+    "postbuild": "node ./scripts/copy-styles.mjs"
   },
 
   "dependencies": {
+    "@bouko/react": "^3.1.3",
     "@bouko/ts": "^0.3.8",
     "path": "^0.12.7"
   },
 
   "devDependencies": {
+    "@types/react": "^19.2.13",
     "electron": "^39.2.7",
     "react-router-dom": "^7.12.0",
     "typescript": "^5.9.3"