@seelen-ui/lib 2.4.1 → 2.4.6

package/script/src/state/theme/mod.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Theme = exports.ThemeList = void 0;
+exports.removeAllThemeStyles = removeAllThemeStyles;
+exports.startThemingTool = startThemingTool;
+const mod_js_1 = require("../../handlers/mod.js");
+const List_js_1 = require("../../utils/List.js");
+const State_js_1 = require("../../utils/State.js");
+const mod_js_2 = require("../widget/mod.js");
+const mod_js_3 = require("../settings/mod.js");
+const ui_colors_js_1 = require("../../system_state/ui_colors.js");
+class ThemeList extends List_js_1.List {
+    static getAsync() {
+        return (0, State_js_1.newFromInvoke)(this, mod_js_1.SeelenCommand.StateGetThemes);
+    }
+    static onChange(cb) {
+        return (0, State_js_1.newOnEvent)(cb, this, mod_js_1.SeelenEvent.StateThemesChanged);
+    }
+    applyToDocument(activeIds, variables) {
+        const enabledThemes = [];
+        for (const theme of this.asArray()) {
+            if (activeIds.includes(theme.id)) {
+                enabledThemes.push(new Theme(theme));
+            }
+        }
+        // sort by user order
+        enabledThemes.sort((a, b) => activeIds.indexOf(a.id) - activeIds.indexOf(b.id));
+        removeAllThemeStyles();
+        for (const theme of enabledThemes) {
+            theme.applyToDocument(variables[theme.id]);
+        }
+    }
+}
+exports.ThemeList = ThemeList;
+class Theme {
+    constructor(plain) {
+        Object.assign(this, plain);
+    }
+    forEachVariableDefinition(cb) {
+        iterateVariableDefinitions(this.settings, cb);
+    }
+    /** Will add the styles targeting the current widget id */
+    applyToDocument(varValues = {}) {
+        const widgetId = mod_js_2.Widget.getCurrentWidgetId();
+        let styles = ``;
+        this.forEachVariableDefinition((def) => {
+            if (!isValidCssVariableName(def.name)) {
+                return;
+            }
+            styles += `
+        @property ${def.name} {
+          syntax: "${def.syntax}";
+          inherits: true;
+          initial-value: ${def.initialValue}${"initialValueUnit" in def ? def.initialValueUnit : ""}
+        }
+      `;
+        });
+        const layerName = "theme-" +
+            this.metadata.path.toLowerCase().replaceAll(/[^a-zA-Z0-9]/g, "_");
+        styles += `@layer ${layerName}-shared {\n${this.sharedStyles}\n}\n`;
+        const variablesContent = Object.entries(varValues)
+            .filter(([name]) => isValidCssVariableName(name))
+            .map(([name, value]) => `${name}: ${value || ""};`)
+            .join("\n");
+        styles += `@layer ${layerName} {\n:root {${variablesContent}}\n${this.styles[widgetId] ?? ""}\n}\n`;
+        this.removeFromDocument(); // remove old styles
+        const styleElement = document.createElement("style");
+        styleElement.id = this.id;
+        styleElement.textContent = styles;
+        styleElement.setAttribute("data-resource-type", "theme");
+        document.head.appendChild(styleElement);
+    }
+    removeFromDocument() {
+        document.getElementById(this.id)?.remove();
+    }
+}
+exports.Theme = Theme;
+function isValidCssVariableName(name) {
+    return /^--[\w\d-]*$/.test(name);
+}
+function iterateVariableDefinitions(defs, cb) {
+    for (const def of defs) {
+        if ("group" in def) {
+            iterateVariableDefinitions(def.group.items, cb);
+        }
+        else {
+            cb(def);
+        }
+    }
+}
+function removeAllThemeStyles() {
+    const elements = document.querySelectorAll(`style[data-resource-type="theme"]`);
+    for (const element of elements) {
+        element.remove();
+    }
+}
+/**
+ * This will apply the active themes for this widget, and automatically update
+ * when the themes or settings change. Also will add the systehm ui colors to the document.
+ */
+async function startThemingTool() {
+    let settings = await mod_js_3.Settings.getAsync();
+    let themes = await ThemeList.getAsync();
+    await ThemeList.onChange((newThemes) => {
+        themes = newThemes;
+        themes.applyToDocument(settings.activeThemes, settings.byTheme);
+    });
+    await mod_js_3.Settings.onChange((newSettings) => {
+        settings = newSettings;
+        themes.applyToDocument(settings.activeThemes, settings.byTheme);
+    });
+    (await ui_colors_js_1.UIColors.getAsync()).setAsCssVariables();
+    await ui_colors_js_1.UIColors.onChange((colors) => colors.setAsCssVariables());
+    themes.applyToDocument(settings.activeThemes, settings.byTheme);
+}

package/script/src/state/wallpaper/mod.d.ts

@@ -0,0 +1,14 @@
+import type { Wallpaper as IWallpaper, WallpaperInstanceSettings } from "../../../gen/types/mod.js";
+import { type UnSubscriber } from "../../handlers/mod.js";
+import { List } from "../../utils/List.js";
+import { Wrapper } from "../../utils/Wrapper.js";
+export declare const SUPPORTED_IMAGE_WALLPAPER_EXTENSIONS: string[];
+export declare const SUPPORTED_VIDEO_WALLPAPER_EXTENSIONS: string[];
+export declare class WallpaperList extends List<IWallpaper> {
+    static getAsync(): Promise<WallpaperList>;
+    static onChange(cb: (payload: WallpaperList) => void): Promise<UnSubscriber>;
+}
+export declare class WallpaperConfiguration extends Wrapper<WallpaperInstanceSettings> {
+    static default(): Promise<WallpaperConfiguration>;
+}
+//# sourceMappingURL=mod.d.ts.map

package/script/src/state/wallpaper/mod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mod.d.ts","sourceRoot":"","sources":["../../../../src/src/state/wallpaper/mod.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,UAAU,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEpG,OAAO,EAA8B,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,eAAO,MAAM,oCAAoC,UAYhD,CAAC;AAEF,eAAO,MAAM,oCAAoC,UAQhD,CAAC;AAEF,qBAAa,aAAc,SAAQ,IAAI,CAAC,UAAU,CAAC;IACjD,MAAM,CAAC,QAAQ,IAAI,OAAO,CAAC,aAAa,CAAC;IAIzC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;CAG7E;AAED,qBAAa,sBAAuB,SAAQ,OAAO,CAAC,yBAAyB,CAAC;IAC5E,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,sBAAsB,CAAC;CAGlD"}

package/script/src/state/wallpaper/mod.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WallpaperConfiguration = exports.WallpaperList = exports.SUPPORTED_VIDEO_WALLPAPER_EXTENSIONS = exports.SUPPORTED_IMAGE_WALLPAPER_EXTENSIONS = void 0;
+const mod_js_1 = require("../../handlers/mod.js");
+const List_js_1 = require("../../utils/List.js");
+const State_js_1 = require("../../utils/State.js");
+const Wrapper_js_1 = require("../../utils/Wrapper.js");
+exports.SUPPORTED_IMAGE_WALLPAPER_EXTENSIONS = [
+    "apng",
+    "avif",
+    "gif",
+    "jpg",
+    "jpeg",
+    "png",
+    "svg",
+    "webp",
+    "bmp",
+    "ico",
+    "tiff",
+];
+exports.SUPPORTED_VIDEO_WALLPAPER_EXTENSIONS = [
+    "mp4",
+    "webm",
+    "ogg",
+    "avi",
+    "mov",
+    "mkv",
+    "mpeg",
+];
+class WallpaperList extends List_js_1.List {
+    static getAsync() {
+        return (0, State_js_1.newFromInvoke)(this, mod_js_1.SeelenCommand.StateGetWallpapers);
+    }
+    static onChange(cb) {
+        return (0, State_js_1.newOnEvent)(cb, this, mod_js_1.SeelenEvent.StateWallpapersChanged);
+    }
+}
+exports.WallpaperList = WallpaperList;
+class WallpaperConfiguration extends Wrapper_js_1.Wrapper {
+    static default() {
+        return (0, State_js_1.newFromInvoke)(this, mod_js_1.SeelenCommand.StateGetDefaultWallpaperSettings);
+    }
+}
+exports.WallpaperConfiguration = WallpaperConfiguration;

package/script/src/state/weg_items.d.ts

@@ -0,0 +1,14 @@
+import type { MonitorId, WegItems as IWegItems } from "../../gen/types/mod.js";
+import { type UnSubscriber } from "../handlers/mod.js";
+export declare class WegItems {
+    inner: IWegItems;
+    constructor(inner: IWegItems);
+    /** Will return the weg items state without filtering by monitor */
+    static getNonFiltered(): Promise<WegItems>;
+    /** Will return the weg items state for a specific monitor */
+    static getForMonitor(monitorId: MonitorId): Promise<WegItems>;
+    static onChange(cb: () => void): Promise<UnSubscriber>;
+    /** Will store the weg items placeoments on disk */
+    save(): Promise<void>;
+}
+//# sourceMappingURL=weg_items.d.ts.map

package/script/src/state/weg_items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weg_items.d.ts","sourceRoot":"","sources":["../../../src/src/state/weg_items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAiD,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGtG,qBAAa,QAAQ;IACA,KAAK,EAAE,SAAS;gBAAhB,KAAK,EAAE,SAAS;IAEnC,mEAAmE;IACnE,MAAM,CAAC,cAAc,IAAI,OAAO,CAAC,QAAQ,CAAC;IAI1C,6DAA6D;IAC7D,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC;IAI7D,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;IAItD,mDAAmD;IACnD,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAGtB"}

package/script/src/state/weg_items.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WegItems = void 0;
+const mod_js_1 = require("../handlers/mod.js");
+const State_js_1 = require("../utils/State.js");
+class WegItems {
+    inner;
+    constructor(inner) {
+        this.inner = inner;
+    }
+    /** Will return the weg items state without filtering by monitor */
+    static getNonFiltered() {
+        return (0, State_js_1.newFromInvoke)(this, mod_js_1.SeelenCommand.StateGetWegItems);
+    }
+    /** Will return the weg items state for a specific monitor */
+    static getForMonitor(monitorId) {
+        return (0, State_js_1.newFromInvoke)(this, mod_js_1.SeelenCommand.StateGetWegItems, { monitorId });
+    }
+    static onChange(cb) {
+        return (0, mod_js_1.subscribe)(mod_js_1.SeelenEvent.StateWegItemsChanged, () => cb());
+    }
+    /** Will store the weg items placeoments on disk */
+    save() {
+        return (0, mod_js_1.invoke)(mod_js_1.SeelenCommand.StateWriteWegItems, { items: this.inner });
+    }
+}
+exports.WegItems = WegItems;

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

@@ -0,0 +1,71 @@
+import { type ThirdPartyWidgetSettings, type Widget as IWidget, type WidgetId, type WidgetTriggerPayload } from "../../../gen/types/mod.js";
+import { type UnSubscriber } from "../../handlers/mod.js";
+import { List } from "../../utils/List.js";
+import { type WebviewWindow } from "@tauri-apps/api/webviewWindow";
+export declare const SeelenSettingsWidgetId: WidgetId;
+export declare const SeelenPopupWidgetId: WidgetId;
+export declare const SeelenWegWidgetId: WidgetId;
+export declare const SeelenToolbarWidgetId: WidgetId;
+export declare const SeelenWindowManagerWidgetId: WidgetId;
+export declare const SeelenLauncherWidgetId: WidgetId;
+export declare const SeelenWallWidgetId: WidgetId;
+export declare class WidgetList extends List<IWidget> {
+    static getAsync(): Promise<WidgetList>;
+    static onChange(cb: (payload: WidgetList) => void): Promise<UnSubscriber>;
+    findById(id: WidgetId): IWidget | undefined;
+}
+interface WidgetInformation {
+    /** decoded webview label */
+    label: string;
+    /** Will be present if the widget replicas is set to by monitor */
+    monitorId: string | null;
+    /** Will be present if the widget replicas is set to multiple */
+    instanceId: string | null;
+    /** params present on the webview label */
+    params: {
+        readonly [key in string]?: string;
+    };
+}
+/**
+ * Represents the widget instance running in the current webview
+ */
+export declare class Widget {
+    /** widget id */
+    readonly id: WidgetId;
+    /** widget definition */
+    readonly def: IWidget;
+    /** decoded widget instance information */
+    readonly decoded: WidgetInformation;
+    /** current webview window */
+    readonly webview: WebviewWindow;
+    private constructor();
+    private static getDecodedWebviewLabel;
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrentWidgetId(): WidgetId;
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrent(): Widget;
+    private static getEntryDefaultValues;
+    /** Returns the default config of the widget, declared on the widget definition */
+    getDefaultConfig(): ThirdPartyWidgetSettings;
+    private applyInvisiblePreset;
+    /** Will apply the recommended settings for a desktop widget */
+    private applyDesktopPreset;
+    /** Will apply the recommended settings for an overlay widget */
+    private applyOverlayPreset;
+    /** 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.
+     */
+    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.
+     */
+    init(): Promise<void>;
+    onTrigger(cb: (args: WidgetTriggerPayload) => void): void;
+}
+export {};
+//# sourceMappingURL=mod.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,254 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Widget = exports.WidgetList = exports.SeelenWallWidgetId = exports.SeelenLauncherWidgetId = exports.SeelenWindowManagerWidgetId = exports.SeelenToolbarWidgetId = exports.SeelenWegWidgetId = exports.SeelenPopupWidgetId = exports.SeelenSettingsWidgetId = void 0;
+const dntShim = __importStar(require("../../../_dnt.shims.js"));
+const mod_js_1 = require("../../../gen/types/mod.js");
+const mod_js_2 = require("../../handlers/mod.js");
+const List_js_1 = require("../../utils/List.js");
+const State_js_1 = require("../../utils/State.js");
+const webviewWindow_1 = require("@tauri-apps/api/webviewWindow");
+const base64url_js_1 = require("../../../deps/jsr.io/@std/encoding/1.0.10/base64url.js");
+const dpi_1 = require("@tauri-apps/api/dpi");
+const window_1 = require("@tauri-apps/api/window");
+const async_js_1 = require("../../utils/async.js");
+const sizing_js_1 = require("./sizing.js");
+const positioning_js_1 = require("./positioning.js");
+exports.SeelenSettingsWidgetId = "@seelen/settings";
+exports.SeelenPopupWidgetId = "@seelen/popup";
+exports.SeelenWegWidgetId = "@seelen/weg";
+exports.SeelenToolbarWidgetId = "@seelen/fancy-toolbar";
+exports.SeelenWindowManagerWidgetId = "@seelen/window-manager";
+exports.SeelenLauncherWidgetId = "@seelen/launcher";
+exports.SeelenWallWidgetId = "@seelen/wallpaper-manager";
+class WidgetList extends List_js_1.List {
+    static getAsync() {
+        return (0, State_js_1.newFromInvoke)(this, mod_js_2.SeelenCommand.StateGetWidgets);
+    }
+    static onChange(cb) {
+        return (0, State_js_1.newOnEvent)(cb, this, mod_js_2.SeelenEvent.StateWidgetsChanged);
+    }
+    findById(id) {
+        return this.asArray().find((widget) => widget.id === id);
+    }
+}
+exports.WidgetList = WidgetList;
+/**
+ * Represents the widget instance running in the current webview
+ */
+class Widget {
+    /** widget id */
+    id;
+    /** widget definition */
+    def;
+    /** decoded widget instance information */
+    decoded;
+    /** current webview window */
+    webview;
+    constructor(widget) {
+        this.def = widget;
+        this.webview = (0, webviewWindow_1.getCurrentWebviewWindow)();
+        const [id, query] = Widget.getDecodedWebviewLabel();
+        const params = new URLSearchParams(query);
+        const paramsObj = Object.freeze(Object.fromEntries(params));
+        this.id = id;
+        this.decoded = Object.freeze({
+            label: `${id}${query ? `?${query}` : ""}`,
+            monitorId: paramsObj.monitorId || null,
+            instanceId: paramsObj.instanceId || null,
+            params: Object.freeze(Object.fromEntries(params)),
+        });
+    }
+    static getDecodedWebviewLabel() {
+        const encondedLabel = (0, webviewWindow_1.getCurrentWebviewWindow)().label;
+        const decodedLabel = new TextDecoder().decode((0, base64url_js_1.decodeBase64Url)(encondedLabel));
+        const [id, query] = decodedLabel.split("?");
+        if (!id) {
+            throw new Error("Missing widget id on webview label");
+        }
+        return [id, query];
+    }
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrentWidgetId() {
+        return this.getCurrent().id;
+    }
+    /** Will throw if the library is being used on a non Seelen UI environment */
+    static getCurrent() {
+        const scope = dntShim.dntGlobalThis;
+        if (!scope.__SLU_WIDGET) {
+            throw new Error("The library is being used on a non Seelen UI environment");
+        }
+        return (scope.__SLU_WIDGET_INSTANCE || (scope.__SLU_WIDGET_INSTANCE = new Widget(scope.__SLU_WIDGET)));
+    }
+    static getEntryDefaultValues(entry) {
+        const config = {
+            [entry.config.key]: entry.config.defaultValue,
+        };
+        for (const item of entry.children) {
+            Object.assign(config, Widget.getEntryDefaultValues(item));
+        }
+        return config;
+    }
+    /** Returns the default config of the widget, declared on the widget definition */
+    getDefaultConfig() {
+        const config = { enabled: true };
+        for (const { group } of this.def.settings) {
+            for (const entry of group) {
+                Object.assign(config, Widget.getEntryDefaultValues(entry));
+            }
+        }
+        return config;
+    }
+    applyInvisiblePreset() {
+        return [
+            this.webview.setDecorations(false), // no title bar
+            this.webview.setShadow(false), // no shadows
+            // hide from native shell
+            this.webview.setSkipTaskbar(true),
+            // as a (desktop/overlay) widget we don't wanna allow nothing of these
+            this.webview.setMinimizable(false),
+            this.webview.setMaximizable(false),
+            this.webview.setClosable(false),
+        ];
+    }
+    /** Will apply the recommended settings for a desktop widget */
+    async applyDesktopPreset() {
+        await Promise.all([
+            ...this.applyInvisiblePreset(),
+            // Desktop widgets are always on bottom
+            this.webview.setAlwaysOnBottom(true),
+        ]);
+        await this.persistPositionAndSize();
+    }
+    /** Will apply the recommended settings for an overlay widget */
+    async applyOverlayPreset() {
+        await Promise.all([
+            ...this.applyInvisiblePreset(),
+            // Overlay widgets are always on top
+            this.webview.setAlwaysOnTop(true),
+        ]);
+    }
+    /** 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
+        const closeOnTimeout = (0, async_js_1.debounce)(() => {
+            // this.webview.close(); todo
+        }, 5000);
+        this.webview.onFocusChanged((e) => {
+            if (e.payload) {
+                closeOnTimeout.cancel();
+            }
+            else {
+                this.webview.hide();
+                closeOnTimeout();
+            }
+        });
+        this.onTrigger(async ({ desiredPosition, alignX, alignY }) => {
+            if (desiredPosition) {
+                const { width, height } = await this.webview.outerSize();
+                const pos = await (0, positioning_js_1.adjustPostionByPlacement)({
+                    x: desiredPosition[0],
+                    y: desiredPosition[1],
+                    width,
+                    height,
+                    alignX,
+                    alignY,
+                });
+                await this.webview.setPosition(new dpi_1.PhysicalPosition(pos.x, pos.y));
+            }
+            await this.webview.show();
+        });
+    }
+    /**
+     * Will restore the saved position and size of the widget after that
+     * will store the position and size of the widget on change.
+     */
+    async persistPositionAndSize() {
+        const storage = globalThis.window.localStorage;
+        const { label } = this.webview;
+        const [x, y, width, height] = [`x`, `y`, `width`, `height`].map((k) => storage.getItem(`${label}::${k}`));
+        if (x && y) {
+            const pos = new dpi_1.PhysicalPosition(Number(x), Number(y));
+            // check if the stored position is still valid
+            const monitor = await (0, window_1.monitorFromPoint)(pos.x, pos.y);
+            if (monitor) {
+                await this.webview.setPosition(pos);
+            }
+        }
+        if (width && height) {
+            const size = new dpi_1.PhysicalSize(Number(width), Number(height));
+            await this.webview.setSize(size);
+        }
+        this.webview.onMoved((0, async_js_1.debounce)((e) => {
+            const { x, y } = e.payload;
+            storage.setItem(`${label}::x`, x.toString());
+            storage.setItem(`${label}::y`, y.toString());
+            console.info(`Widget position saved: ${x} ${y}`);
+        }, 500));
+        this.webview.onResized((0, async_js_1.debounce)((e) => {
+            const { width, height } = e.payload;
+            storage.setItem(`${label}::width`, width.toString());
+            storage.setItem(`${label}::height`, height.toString());
+            console.info(`Widget size saved: ${width} ${height}`);
+        }, 500));
+    }
+    // this will monitor the element and resize the webview accordingly
+    autoSizeWebviewByElement(element = document.body) {
+        (0, sizing_js_1.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.
+     */
+    async init() {
+        switch (this.def.preset) {
+            case mod_js_1.WidgetPreset.None:
+                break;
+            case mod_js_1.WidgetPreset.Desktop:
+                await this.applyDesktopPreset();
+                break;
+            case mod_js_1.WidgetPreset.Overlay:
+                await this.applyOverlayPreset();
+                break;
+            case mod_js_1.WidgetPreset.Popup:
+                await this.applyPopupPreset();
+                break;
+        }
+    }
+    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;
+            }
+            cb(payload);
+        };
+        (0, mod_js_2.subscribe)(mod_js_2.SeelenEvent.WidgetTriggered, fn.bind(this));
+    }
+}
+exports.Widget = Widget;

package/script/src/state/widget/positioning.d.ts

@@ -0,0 +1,15 @@
+import { Alignment } from "../../../gen/types/mod.js";
+interface args {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    alignX?: Alignment | null;
+    alignY?: Alignment | null;
+}
+export declare function adjustPostionByPlacement({ x, y, width, height, alignX, alignY, }: args): Promise<{
+    x: number;
+    y: number;
+}>;
+export {};
+//# sourceMappingURL=positioning.d.ts.map

package/script/src/state/widget/positioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"positioning.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/positioning.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,UAAU,IAAI;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAsB,wBAAwB,CAAC,EAC7C,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,IAAI,GAAG,OAAO,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAkB1C"}

package/script/src/state/widget/positioning.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adjustPostionByPlacement = adjustPostionByPlacement;
+const window_1 = require("@tauri-apps/api/window");
+const mod_js_1 = require("../../../gen/types/mod.js");
+async function adjustPostionByPlacement({ x, y, width, height, alignX, alignY, }) {
+    if (alignX === mod_js_1.Alignment.Center) {
+        x -= width / 2;
+    }
+    else if (alignX === mod_js_1.Alignment.Start) {
+        x -= width;
+    }
+    if (alignY === mod_js_1.Alignment.Center) {
+        y -= height / 2;
+    }
+    else if (alignY === mod_js_1.Alignment.Start) {
+        y -= height;
+    }
+    const fixed = await fitIntoMonitor({ x, y, width, height });
+    return {
+        x: Math.round(fixed.x),
+        y: Math.round(fixed.y),
+    };
+}
+async function fitIntoMonitor({ x, y, width, height, }) {
+    const monitor = await (0, window_1.monitorFromPoint)(x, y);
+    if (monitor) {
+        const x2 = x + width;
+        const y2 = y + height;
+        const mx = monitor.position.x;
+        const my = monitor.position.y;
+        const mx2 = mx + monitor.size.width;
+        const my2 = my + monitor.size.height;
+        // check left edge
+        if (x < mx) {
+            x = mx;
+        }
+        // check top edge
+        if (y < my) {
+            y = my;
+        }
+        // check right edge
+        if (x2 > mx2) {
+            x = mx2 - width;
+        }
+        // check bottom edge
+        if (y2 > my2) {
+            y = my2 - height;
+        }
+        // ensure final position is still within monitor bounds (in case window is larger than monitor)
+        if (x < mx) {
+            x = mx;
+        }
+        if (y < my) {
+            y = my;
+        }
+    }
+    return {
+        x,
+        y,
+    };
+}

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

@@ -0,0 +1,7 @@
+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;
+//# sourceMappingURL=sizing.d.ts.map

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

@@ -0,0 +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"}