@seelen-ui/lib 2.4.8 → 2.4.10

package/esm/src/state/widget/mod.d.ts

@@ -14,7 +14,7 @@ export declare class WidgetList extends List<IWidget> {
     static onChange(cb: (payload: WidgetList) => void): Promise<UnSubscriber>;
     findById(id: WidgetId): IWidget | undefined;
 }
-interface WidgetInformation {
+export interface WidgetInformation {
     /** decoded webview label */
     label: string;
     /** Will be present if the widget replicas is set to by monitor */
@@ -26,6 +26,20 @@ interface WidgetInformation {
         readonly [key in string]?: string;
     };
 }
+export interface InitWidgetOptions {
+    /**
+     * @default !widget.lazy
+     */
+    show?: boolean;
+    /**
+     * Will auto size the widget to the content size of the element
+     * @example
+     *  autoSizeByContent: document.body,
+     *  autoSizeByContent: document.getElementById("root"),
+     * @default undefined
+     */
+    autoSizeByContent?: HTMLElement | null;
+}
 /**
  * Represents the widget instance running in the current webview
  */
@@ -38,6 +52,9 @@ export declare class Widget {
     readonly decoded: WidgetInformation;
     /** current webview window */
     readonly webview: WebviewWindow;
+    private autoSizer?;
+    private initOptions;
+    private runtimeState;
     private constructor();
     private static getDecodedWebviewLabel;
     /** Will throw if the library is being used on a non Seelen UI environment */
@@ -55,17 +72,23 @@ export declare class Widget {
     /** Will apply the recommended settings for a popup widget */
     private applyPopupPreset;
     /**
-     * Will restore the saved position and size of the widget after that
-     * will store the position and size of the widget on change.
+     * Will restore the saved position and size of the widget on start,
+     * after that will store the position and size of the widget on change.
      */
     persistPositionAndSize(): Promise<void>;
-    autoSizeWebviewByElement(element?: HTMLElement): void;
     /**
-     * Will initialize the widget based on the preset, this function won't show the widget.
-     * You need to call `webview.show()` to show the widget.
+     * Will initialize the widget based on the preset and mark it as `pending`, this function won't show the widget.
+     * This should be called before any other action on the widget. After this you should call
+     * `ready` to mark the widget as ready and show it.
+     */
+    init(options?: InitWidgetOptions): Promise<void>;
+    /**
+     * Will mark the widget as `ready` and pool pending triggers.
+     *
+     * If the widget is not lazy this will inmediately show the widget.
+     * Lazy widget should be shown on trigger action.
      */
-    init(): Promise<void>;
+    ready(): Promise<void>;
     onTrigger(cb: (args: WidgetTriggerPayload) => void): void;
 }
-export {};
 //# sourceMappingURL=mod.d.ts.map

package/esm/src/state/widget/mod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/mod.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,QAAQ,EAEb,KAAK,oBAAoB,EAE1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAS5F,eAAO,MAAM,sBAAsB,EAAE,QAAyC,CAAC;AAC/E,eAAO,MAAM,mBAAmB,EAAE,QAAsC,CAAC;AACzE,eAAO,MAAM,iBAAiB,EAAE,QAAoC,CAAC;AACrE,eAAO,MAAM,qBAAqB,EAAE,QAA8C,CAAC;AACnF,eAAO,MAAM,2BAA2B,EAAE,QAA+C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,EAAE,QAAyC,CAAC;AAC/E,eAAO,MAAM,kBAAkB,EAAE,QAAkD,CAAC;AAEpF,qBAAa,UAAW,SAAQ,IAAI,CAAC,OAAO,CAAC;IAC3C,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC;IAItC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIzE,QAAQ,CAAC,EAAE,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS;CAG5C;AAED,UAAU,iBAAiB;IACzB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gEAAgE;IAChE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,EAAE;QAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM;KAAE,CAAC;CAC/C;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,gBAAgB;IAChB,SAAgB,EAAE,EAAE,QAAQ,CAAC;IAC7B,wBAAwB;IACxB,SAAgB,GAAG,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,6BAA6B;IAC7B,SAAgB,OAAO,EAAE,aAAa,CAAC;IAEvC,OAAO;IAiBP,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAUrC,6EAA6E;IAC7E,MAAM,CAAC,kBAAkB,IAAI,QAAQ;IAIrC,6EAA6E;IAC7E,MAAM,CAAC,UAAU,IAAI,MAAM;IAU3B,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAUpC,kFAAkF;IAClF,gBAAgB,IAAI,wBAAwB;IAU5C,OAAO,CAAC,oBAAoB;IAa5B,+DAA+D;YACjD,kBAAkB;IAShC,gEAAgE;YAClD,kBAAkB;IAQhC,6DAA6D;YAC/C,gBAAgB;IAkC9B;;;OAGG;IACU,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC;IAwC7C,wBAAwB,CAAC,OAAO,GAAE,WAA2B,GAAG,IAAI;IAI3E;;;OAGG;IACU,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAgB3B,SAAS,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,GAAG,IAAI;CAcjE"}
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/mod.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,QAAQ,EAGb,KAAK,oBAAoB,EAE1B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAsC,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAS5F,eAAO,MAAM,sBAAsB,EAAE,QAAyC,CAAC;AAC/E,eAAO,MAAM,mBAAmB,EAAE,QAAsC,CAAC;AACzE,eAAO,MAAM,iBAAiB,EAAE,QAAoC,CAAC;AACrE,eAAO,MAAM,qBAAqB,EAAE,QAA8C,CAAC;AACnF,eAAO,MAAM,2BAA2B,EAAE,QAA+C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,EAAE,QAAyC,CAAC;AAC/E,eAAO,MAAM,kBAAkB,EAAE,QAAkD,CAAC;AAEpF,qBAAa,UAAW,SAAQ,IAAI,CAAC,OAAO,CAAC;IAC3C,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,UAAU,CAAC;IAItC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIzE,QAAQ,CAAC,EAAE,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS;CAG5C;AAED,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gEAAgE;IAChE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,MAAM,EAAE;QAAE,QAAQ,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,MAAM;KAAE,CAAC;CAC/C;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACxC;AAOD;;GAEG;AACH,qBAAa,MAAM;IACjB,gBAAgB;IAChB,SAAgB,EAAE,EAAE,QAAQ,CAAC;IAC7B,wBAAwB;IACxB,SAAgB,GAAG,EAAE,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAgB,OAAO,EAAE,iBAAiB,CAAC;IAC3C,6BAA6B;IAC7B,SAAgB,OAAO,EAAE,aAAa,CAAC;IAEvC,OAAO,CAAC,SAAS,CAAC,CAAkB;IACpC,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO;IAiBP,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAUrC,6EAA6E;IAC7E,MAAM,CAAC,kBAAkB,IAAI,QAAQ;IAIrC,6EAA6E;IAC7E,MAAM,CAAC,UAAU,IAAI,MAAM;IAU3B,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAUpC,kFAAkF;IAC3E,gBAAgB,IAAI,wBAAwB;IAUnD,OAAO,CAAC,oBAAoB;IAa5B,+DAA+D;YACjD,kBAAkB;IAShC,gEAAgE;YAClD,kBAAkB;IAShC,6DAA6D;YAC/C,gBAAgB;IA0C9B;;;OAGG;IACU,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC;IAuCpD;;;;OAIG;IACU,IAAI,CAAC,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IA8BjE;;;;;OAKG;IACU,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAqB5B,SAAS,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,GAAG,IAAI;CAOjE"}

package/esm/src/state/widget/mod.js

@@ -1,6 +1,6 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import { WidgetPreset, } from "../../../gen/types/mod.js";
-import { SeelenCommand, SeelenEvent, subscribe } from "../../handlers/mod.js";
+import { WidgetPreset, WidgetStatus, } from "../../../gen/types/mod.js";
+import { invoke, SeelenCommand, SeelenEvent } from "../../handlers/mod.js";
 import { List } from "../../utils/List.js";
 import { newFromInvoke, newOnEvent } from "../../utils/State.js";
 import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
@@ -8,8 +8,9 @@ import { decodeBase64Url } from "../../../deps/jsr.io/@std/encoding/1.0.10/mod.j
 import { PhysicalPosition, PhysicalSize } from "@tauri-apps/api/dpi";
 import { monitorFromPoint } from "@tauri-apps/api/window";
 import { debounce } from "../../utils/async.js";
-import { autoSizeWebviewBasedOnContent } from "./sizing.js";
+import { WidgetAutoSizer } from "./sizing.js";
 import { adjustPostionByPlacement } from "./positioning.js";
+import { startThemingTool } from "../theme/theming.js";
 export const SeelenSettingsWidgetId = "@seelen/settings";
 export const SeelenPopupWidgetId = "@seelen/popup";
 export const SeelenWegWidgetId = "@seelen/weg";
@@ -40,6 +41,12 @@ export class Widget {
     decoded;
     /** current webview window */
     webview;
+    autoSizer;
+    initOptions = {};
+    runtimeState = {
+        initialized: false,
+        ready: false,
+    };
     constructor(widget) {
         this.def = widget;
         this.webview = getCurrentWebviewWindow();
@@ -112,8 +119,8 @@ export class Widget {
             ...this.applyInvisiblePreset(),
             // Desktop widgets are always on bottom
             this.webview.setAlwaysOnBottom(true),
+            this.persistPositionAndSize(),
         ]);
-        await this.persistPositionAndSize();
     }
     /** Will apply the recommended settings for an overlay widget */
     async applyOverlayPreset() {
@@ -121,25 +128,31 @@ export class Widget {
             ...this.applyInvisiblePreset(),
             // Overlay widgets are always on top
             this.webview.setAlwaysOnTop(true),
+            this.persistPositionAndSize(),
         ]);
     }
     /** Will apply the recommended settings for a popup widget */
     async applyPopupPreset() {
-        await Promise.all([...this.applyInvisiblePreset(), this.webview.setResizable(false)]);
-        // auto close on focus lost
+        await Promise.all([...this.applyInvisiblePreset()]);
+        // auto close after 1 minute when not in use to save resources
         const closeOnTimeout = debounce(() => {
-            // this.webview.close(); todo
-        }, 5000);
-        this.webview.onFocusChanged((e) => {
-            if (e.payload) {
-                closeOnTimeout.cancel();
+            this.webview.close();
+        }, 60_000);
+        const hideWebview = debounce(() => {
+            this.webview.hide();
+            closeOnTimeout();
+        }, 100);
+        this.webview.onFocusChanged(({ payload: focused }) => {
+            if (focused) {
+                hideWebview.cancel();
             }
             else {
-                this.webview.hide();
-                closeOnTimeout();
+                hideWebview();
             }
         });
         this.onTrigger(async ({ desiredPosition, alignX, alignY }) => {
+            // avoid flickering when clicking a button that triggers the widget
+            hideWebview.cancel();
             if (desiredPosition) {
                 const { width, height } = await this.webview.outerSize();
                 const pos = await adjustPostionByPlacement({
@@ -153,11 +166,12 @@ export class Widget {
                 await this.webview.setPosition(new PhysicalPosition(pos.x, pos.y));
             }
             await this.webview.show();
+            await this.webview.setFocus();
         });
     }
     /**
-     * Will restore the saved position and size of the widget after that
-     * will store the position and size of the widget on change.
+     * Will restore the saved position and size of the widget on start,
+     * after that will store the position and size of the widget on change.
      */
     async persistPositionAndSize() {
         const storage = globalThis.window.localStorage;
@@ -188,15 +202,18 @@ export class Widget {
             console.info(`Widget size saved: ${width} ${height}`);
         }, 500));
     }
-    // this will monitor the element and resize the webview accordingly
-    autoSizeWebviewByElement(element = document.body) {
-        autoSizeWebviewBasedOnContent(this.webview, element);
-    }
     /**
-     * Will initialize the widget based on the preset, this function won't show the widget.
-     * You need to call `webview.show()` to show the widget.
+     * Will initialize the widget based on the preset and mark it as `pending`, this function won't show the widget.
+     * This should be called before any other action on the widget. After this you should call
+     * `ready` to mark the widget as ready and show it.
      */
-    async init() {
+    async init(options = {}) {
+        if (this.runtimeState.initialized) {
+            console.warn(`Widget already initialized`);
+            return;
+        }
+        this.runtimeState.initialized = true;
+        this.initOptions = options;
         switch (this.def.preset) {
             case WidgetPreset.None:
                 break;
@@ -210,17 +227,38 @@ export class Widget {
                 await this.applyPopupPreset();
                 break;
         }
+        await startThemingTool();
+        if (options.autoSizeByContent) {
+            this.autoSizer = new WidgetAutoSizer(this.webview, options.autoSizeByContent);
+        }
+    }
+    /**
+     * Will mark the widget as `ready` and pool pending triggers.
+     *
+     * If the widget is not lazy this will inmediately show the widget.
+     * Lazy widget should be shown on trigger action.
+     */
+    async ready() {
+        if (!this.runtimeState.initialized) {
+            throw new Error(`Widget was not initialized before ready`);
+        }
+        if (this.runtimeState.ready) {
+            console.warn(`Widget is already ready`);
+            return;
+        }
+        this.runtimeState.ready = true;
+        await this.autoSizer?.execute();
+        if (this.initOptions.show ?? !this.def.lazy) {
+            await this.webview.show();
+        }
+        // this will mark the widget as ready, and send pending trigger event if exists
+        await invoke(SeelenCommand.SetCurrentWidgetStatus, { status: WidgetStatus.Ready });
     }
     onTrigger(cb) {
-        const fn = ({ payload }) => {
-            const { id, monitorId, instanceId } = payload;
-            if (id !== this.id ||
-                (monitorId && monitorId !== this.decoded.monitorId) ||
-                (instanceId && instanceId !== this.decoded.instanceId)) {
-                return;
-            }
+        this.webview.listen(SeelenEvent.WidgetTriggered, ({ payload }) => {
+            // fix for cutted popups, ensure correct size on trigger.
+            // await this.autoSizer?.execute();
             cb(payload);
-        };
-        subscribe(SeelenEvent.WidgetTriggered, fn.bind(this));
+        });
     }
 }

package/esm/src/state/widget/sizing.d.ts

@@ -2,6 +2,11 @@ import type { WebviewWindow } from "@tauri-apps/api/webviewWindow";
 export interface AutoSizeOptions {
     onResize?: () => void;
 }
-/** This function will update the size of the webview/window based on the size of the root element */
-export declare function autoSizeWebviewBasedOnContent(webview: WebviewWindow, element: HTMLElement, options?: AutoSizeOptions): () => void;
+export declare class WidgetAutoSizer {
+    private webview;
+    private element;
+    constructor(webview: WebviewWindow, element: HTMLElement);
+    private setup;
+    execute(): Promise<void>;
+}
 //# sourceMappingURL=sizing.d.ts.map

package/esm/src/state/widget/sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,qGAAqG;AACrG,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,eAAoB,GAC5B,MAAM,IAAI,CA6CZ"}
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,qBAAa,eAAe;IACd,OAAO,CAAC,OAAO;IAAiB,OAAO,CAAC,OAAO;gBAAvC,OAAO,EAAE,aAAa,EAAU,OAAO,EAAE,WAAW;IAKxE,OAAO,CAAC,KAAK;IAmBP,OAAO;CAkBd"}

package/esm/src/state/widget/sizing.js

@@ -1,39 +1,42 @@
 import { LogicalSize } from "@tauri-apps/api/dpi";
-/** This function will update the size of the webview/window based on the size of the root element */
-export function autoSizeWebviewBasedOnContent(webview, element, options = {}) {
-    const { onResize } = options;
-    const updateSize = async () => {
-        const contentWidth = Math.floor(element.scrollWidth);
-        const contentHeight = Math.floor(element.scrollHeight);
-        if (contentWidth > 0 && contentHeight > 0) {
-            const { width: currentWidth, height: currentHeight } = await webview.outerSize();
-            const currentWidthFloored = Math.floor(currentWidth);
-            const currentHeightFloored = Math.floor(currentHeight);
-            // Only update if the difference is more than 1px (avoid infinite loops from decimal differences)
-            if (Math.abs(contentWidth - currentWidthFloored) > 1 ||
-                Math.abs(contentHeight - currentHeightFloored) > 1) {
-                const size = new LogicalSize(contentWidth, contentHeight);
-                webview.setSize(size).catch((err) => {
-                    console.error("Failed to update webview size:", err);
-                });
-                onResize?.();
-            }
+export class WidgetAutoSizer {
+    webview;
+    element;
+    constructor(webview, element) {
+        this.webview = webview;
+        this.element = element;
+        this.execute = this.execute.bind(this);
+        this.setup();
+    }
+    setup() {
+        // Disable resizing by the user
+        this.webview.setResizable(false);
+        // Update size when content changes
+        const observer = new MutationObserver(this.execute);
+        observer.observe(this.element, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            characterData: true,
+        });
+        // Cleanup function
+        return () => {
+            observer.disconnect();
+        };
+    }
+    async execute() {
+        const contentWidth = this.element.scrollWidth;
+        const contentHeight = this.element.scrollHeight;
+        if (contentWidth < 1 || contentHeight < 1) {
+            return;
         }
-    };
-    // Initial size update
-    updateSize();
-    // Update size when content changes
-    const observer = new MutationObserver(() => {
-        updateSize();
-    });
-    observer.observe(element, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        characterData: true,
-    });
-    // Cleanup function
-    return () => {
-        observer.disconnect();
-    };
+        const { width: physicalWidth, height: physicalHeight } = await this.webview.outerSize();
+        const logicalWidth = physicalWidth * globalThis.window.devicePixelRatio;
+        const logicalHeight = physicalHeight * globalThis.window.devicePixelRatio;
+        // Only update if the difference is more than 1px (avoid infinite loops from decimal differences)
+        if (Math.abs(contentWidth - logicalWidth) > 1 || Math.abs(contentHeight - logicalHeight) > 1) {
+            const size = new LogicalSize(contentWidth, contentHeight);
+            await this.webview.setSize(size);
+        }
+    }
 }

package/esm/src/system_state/bluetooth/mod.d.ts

@@ -1,17 +1,11 @@
 import { type UnSubscriber } from "../../handlers/mod.js";
 import { List } from "../../utils/List.js";
-import type { BluetoothDevice, BluetoothDevicePairShowPinRequest } from "../../../gen/types/mod.js";
-import type { UnlistenFn } from "@tauri-apps/api/event";
+import type { BluetoothDevice } from "../../../gen/types/mod.js";
 export declare class BluetoothDevices extends List<BluetoothDevice> {
     static getAsync(): Promise<BluetoothDevices>;
     static onChange(cb: (payload: BluetoothDevices) => void): Promise<UnSubscriber>;
-    static onDiscoveredDevicesChange(cb: (payload: BluetoothDevices) => void): Promise<UnSubscriber>;
     static discover(): Promise<void>;
     static stopDiscovery(): Promise<void>;
-    static pairDevice(address: bigint): Promise<void>;
-    static forgetDevice(id: string): Promise<void>;
-    static confirmPair(accept: boolean, passphrase: string): Promise<void>;
-    static onPairRequest(cb: (param: BluetoothDevicePairShowPinRequest | null) => void): Promise<UnlistenFn>;
     static default(): BluetoothDevices;
 }
 //# sourceMappingURL=mod.d.ts.map

package/esm/src/system_state/bluetooth/mod.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../../src/src/system_state/bluetooth/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIxD,qBAAa,gBAAiB,SAAQ,IAAI,CAAC,eAAe,CAAC;IACzD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAI5C,MAAM,CAAC,QAAQ,CACb,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,GACtC,OAAO,CAAC,YAAY,CAAC;IAIxB,MAAM,CAAC,yBAAyB,CAC9B,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,GACtC,OAAO,CAAC,YAAY,CAAC;WAIX,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;WAGzB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;WAI9B,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAG1C,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAGvC,WAAW,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;WAO/D,aAAa,CACxB,EAAE,EAAE,CAAC,KAAK,EAAE,iCAAiC,GAAG,IAAI,KAAK,IAAI,GAC5D,OAAO,CAAC,UAAU,CAAC;IAiBtB,MAAM,CAAC,OAAO,IAAI,gBAAgB;CAGnC"}
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../../src/src/system_state/bluetooth/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC9F,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,qBAAa,gBAAiB,SAAQ,IAAI,CAAC,eAAe,CAAC;IACzD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAI5C,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;WAIlE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;WAIzB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAI3C,MAAM,CAAC,OAAO,IAAI,gBAAgB;CAGnC"}

package/esm/src/system_state/bluetooth/mod.js

@@ -1,44 +1,19 @@
 import { invoke, SeelenCommand, SeelenEvent } from "../../handlers/mod.js";
 import { List } from "../../utils/List.js";
-import { subscribe } from "../../handlers/mod.js";
 import { newFromInvoke, newOnEvent } from "../../utils/State.js";
 export class BluetoothDevices extends List {
     static getAsync() {
-        return newFromInvoke(this, SeelenCommand.GetConnectedBluetoothDevices);
+        return newFromInvoke(this, SeelenCommand.GetBluetoothDevices);
     }
     static onChange(cb) {
         return newOnEvent(cb, this, SeelenEvent.BluetoothDevicesChanged);
     }
-    static onDiscoveredDevicesChange(cb) {
-        return newOnEvent(cb, this, SeelenEvent.BluetoothDiscoveredDevicesChanged);
-    }
     static async discover() {
         return await invoke(SeelenCommand.StartBluetoothScanning);
     }
     static async stopDiscovery() {
         return await invoke(SeelenCommand.StopBluetoothScanning);
     }
-    static async pairDevice(address) {
-        return await invoke(SeelenCommand.PairBluetoothDevice, { address });
-    }
-    static async forgetDevice(id) {
-        return await invoke(SeelenCommand.ForgetBluetoothDevice, { id });
-    }
-    static async confirmPair(accept, passphrase) {
-        return await invoke(SeelenCommand.ConfirmBluetoothDevicePair, {
-            accept,
-            passphrase,
-        });
-    }
-    static async onPairRequest(cb) {
-        //TODO(Eythaan): from here the process does not continues
-        const unlistenShowPin = await subscribe(SeelenEvent.BluetoothPairShowPin, (param) => cb(param.payload));
-        const unlistenRequestPin = await subscribe(SeelenEvent.BluetoothPairRequestPin, (param) => cb(param.payload));
-        return () => {
-            unlistenRequestPin();
-            unlistenShowPin();
-        };
-    }
     static default() {
         return new this([]);
     }

package/esm/src/system_state/ui_colors.d.ts

@@ -8,14 +8,16 @@ export declare class UIColors {
     static default(): UIColors;
     setAsCssVariables(): void;
 }
+export interface Color extends IColor {
+}
 export declare class Color {
-    inner: IColor;
-    constructor(inner: IColor);
+    constructor(obj: IColor);
     /** generates a random solid color */
     static random(): Color;
+    static fromHex(hex: string): Color;
+    toHexString(): string;
     private getRuntimeStyleSheet;
     private insertIntoStyleSheet;
-    toHexString(): string;
     /**
      * @param name the name of the color
      * the name will be parsed to lower kebab case and remove non-alphanumeric characters
@@ -32,5 +34,6 @@ export declare class Color {
      * @returns a number between 0 and 255
      */
     calcLuminance(accuracy?: boolean): number;
+    complementary(): Color;
 }
 //# sourceMappingURL=ui_colors.d.ts.map

package/esm/src/system_state/ui_colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui_colors.d.ts","sourceRoot":"","sources":["../../../src/src/system_state/ui_colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEnF,OAAO,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAErF,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAIpC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIvE,MAAM,CAAC,OAAO,IAAI,QAAQ;IAe1B,iBAAiB,IAAI,IAAI;CA6B1B;AAED,qBAAa,KAAK;IACG,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;IAEhC,qCAAqC;IACrC,MAAM,CAAC,MAAM,IAAI,KAAK;IAStB,OAAO,CAAC,oBAAoB;IAY5B,OAAO,CAAC,oBAAoB;IAkB5B,WAAW,IAAI,MAAM;IAUrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAapC;;;;;OAKG;IACH,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM;CAY1C"}
+{"version":3,"file":"ui_colors.d.ts","sourceRoot":"","sources":["../../../src/src/system_state/ui_colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGnF,OAAO,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAErF,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;IAIpC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAIvE,MAAM,CAAC,OAAO,IAAI,QAAQ;IAe1B,iBAAiB,IAAI,IAAI;CAmC1B;AAED,MAAM,WAAW,KAAM,SAAQ,MAAM;CAAG;AAExC,qBAAa,KAAK;gBACJ,GAAG,EAAE,MAAM;IAOvB,qCAAqC;IACrC,MAAM,CAAC,MAAM,IAAI,KAAK;IAStB,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK;IAyBlC,WAAW,IAAI,MAAM;IAUrB,OAAO,CAAC,oBAAoB;IAY5B,OAAO,CAAC,oBAAoB;IAkB5B;;;;;;;OAOG;IACH,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAapC;;;;;OAKG;IACH,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM;IAYzC,aAAa,IAAI,KAAK;CAQvB"}

package/esm/src/system_state/ui_colors.js

@@ -1,4 +1,5 @@
 import { SeelenCommand, SeelenEvent } from "../handlers/mod.js";
+import { RuntimeStyleSheet } from "../utils/DOM.js";
 import { newFromInvoke, newOnEvent } from "../utils/State.js";
 export class UIColors {
     inner;
@@ -26,35 +27,37 @@ export class UIColors {
         });
     }
     setAsCssVariables() {
-        const id = "system-ui-color-variables";
-        document.getElementById(id)?.remove();
-        const element = document.createElement("style");
-        element.id = id;
-        element.textContent = ":root {\n";
+        const oldStyles = new RuntimeStyleSheet("@deprecated/system-colors");
+        const newStyles = new RuntimeStyleSheet("@runtime/system-colors");
         for (const [key, value] of Object.entries(this.inner)) {
             if (typeof value !== "string") {
                 continue;
             }
-            const hex = value.replace("#", "").slice(0, 6);
-            const color = parseInt(hex, 16);
-            const r = (color >> 16) & 255;
-            const g = (color >> 8) & 255;
-            const b = color & 255;
+            const color = Color.fromHex(value);
+            const { r, g, b } = color;
             // replace rust snake case with kebab case
             const name = key.replace("_", "-");
-            element.textContent += `--system-${name}-color: ${value.slice(0, 7)};\n`;
-            element.textContent += `--system-${name}-color-rgb: ${r}, ${g}, ${b};\n`;
             // @deprecated old names
-            element.textContent += `--config-${name}-color: ${value.slice(0, 7)};\n`;
-            element.textContent += `--config-${name}-color-rgb: ${r}, ${g}, ${b};\n`;
+            oldStyles.addVariable(`--config-${name}-color`, value.slice(0, 7));
+            oldStyles.addVariable(`--config-${name}-color-rgb`, `${r}, ${g}, ${b}`);
+            if (name.startsWith("accent")) {
+                newStyles.addVariable(`--system-${name}-color`, value.slice(0, 7));
+                newStyles.addVariable(`--system-${name}-color-rgb`, `${r}, ${g}, ${b}`);
+                const complement = color.complementary();
+                newStyles.addVariable(`--system-${name}-complementary-color`, complement.toHexString());
+                newStyles.addVariable(`--system-${name}-complementary-color-rgb`, `${complement.r}, ${complement.g}, ${complement.b}`);
+            }
         }
-        document.head.appendChild(element);
+        oldStyles.applyToDocument();
+        newStyles.applyToDocument();
     }
 }
 export class Color {
-    inner;
-    constructor(inner) {
-        this.inner = inner;
+    constructor(obj) {
+        this.r = obj.r;
+        this.g = obj.g;
+        this.b = obj.b;
+        this.a = obj.a;
     }
     /** generates a random solid color */
     static random() {
@@ -65,6 +68,34 @@ export class Color {
             a: 255,
         });
     }
+    static fromHex(hex) {
+        if (hex.startsWith("#")) {
+            hex = hex.slice(1);
+        }
+        if (hex.length === 3) {
+            hex = hex
+                .split("")
+                .map((char) => `${char}${char}`)
+                .join("");
+        }
+        if (hex.length === 6) {
+            hex = hex.padStart(8, "f");
+        }
+        const color = parseInt(hex.replace("#", ""), 16);
+        return new Color({
+            r: (color >> 24) & 255,
+            g: (color >> 16) & 255,
+            b: (color >> 8) & 255,
+            a: color & 255,
+        });
+    }
+    toHexString() {
+        return ("#" +
+            this.r.toString(16).padStart(2, "0") +
+            this.g.toString(16).padStart(2, "0") +
+            this.b.toString(16).padStart(2, "0") +
+            (this.a === 255 ? "" : this.a.toString(16).padStart(2, "0")));
+    }
     getRuntimeStyleSheet() {
         const styleId = "slu-lib-runtime-color-variables";
         let styleElement = document.getElementById(styleId);
@@ -92,13 +123,6 @@ export class Color {
         lines.push("}");
         sheet.textContent = lines.join("\n");
     }
-    toHexString() {
-        return ("#" +
-            this.inner.r.toString(16).padStart(2, "0") +
-            this.inner.g.toString(16).padStart(2, "0") +
-            this.inner.b.toString(16).padStart(2, "0") +
-            this.inner.a.toString(16).padStart(2, "0"));
-    }
     /**
      * @param name the name of the color
      * the name will be parsed to lower kebab case and remove non-alphanumeric characters
@@ -114,8 +138,8 @@ export class Color {
             .toLowerCase();
         this.insertIntoStyleSheet({
             [`--color-${parsedName}`]: this.toHexString(),
-            [`--color-${parsedName}-rgb`]: `${this.inner.r}, ${this.inner.g}, ${this.inner.b}`,
-            [`--color-${parsedName}-rgba`]: `${this.inner.r}, ${this.inner.g}, ${this.inner.b}, ${this.inner.a}`,
+            [`--color-${parsedName}-rgb`]: `${this.r}, ${this.g}, ${this.b}`,
+            [`--color-${parsedName}-rgba`]: `${this.r}, ${this.g}, ${this.b}, ${this.a}`,
         });
     }
     /**
@@ -125,15 +149,22 @@ export class Color {
      * @returns a number between 0 and 255
      */
     calcLuminance(accuracy) {
-        const { r, g, b } = this.inner;
         if (accuracy) {
             // gamma correction
-            const gR = r ** 2.2;
-            const gG = g ** 2.2;
-            const gB = b ** 2.2;
+            const gR = this.r ** 2.2;
+            const gG = this.g ** 2.2;
+            const gB = this.b ** 2.2;
             return (0.299 * gR + 0.587 * gG + 0.114 * gB) ** (1 / 2.2);
         }
         // standard algorithm
-        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+        return 0.2126 * this.r + 0.7152 * this.g + 0.0722 * this.b;
+    }
+    complementary() {
+        return new Color({
+            r: 255 - this.r,
+            g: 255 - this.g,
+            b: 255 - this.b,
+            a: this.a,
+        });
     }
 }

package/esm/src/utils/DOM.d.ts

@@ -0,0 +1,9 @@
+export declare class RuntimeStyleSheet {
+    #private;
+    constructor(styleId: string);
+    addVariable(key: string, value: string): void;
+    addStyle(style: string): void;
+    clear(): void;
+    applyToDocument(): void;
+}
+//# sourceMappingURL=DOM.d.ts.map

package/esm/src/utils/DOM.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOM.d.ts","sourceRoot":"","sources":["../../../src/src/utils/DOM.ts"],"names":[],"mappings":"AAAA,qBAAa,iBAAiB;;gBAKhB,OAAO,EAAE,MAAM;IAU3B,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,KAAK,IAAI,IAAI;IAKb,eAAe,IAAI,IAAI;CAKxB"}