@seelen-ui/lib 0.1.2-next.20241204071255

package/script/state/settings_by_monitor.d.ts

@@ -0,0 +1,43 @@
+import type { Rect } from '../utils/index.js';
+import type { SeelenWallWallpaper } from './settings.js';
+export declare class FancyToolbarSettingsByMonitor {
+    enabled: boolean;
+}
+export declare class SeelenWegSettingsByMonitor {
+    enabled: boolean;
+}
+export declare class WindowManagerSettingsByMonitor {
+    enabled: boolean;
+    padding: number | null;
+    margin: Rect | null;
+    gap: number | null;
+    layout: string | null;
+}
+export declare class SeelenWallSettingsByMonitor {
+    enabled: boolean;
+    backgrounds: SeelenWallWallpaper[] | null;
+}
+export declare enum WorkspaceIdentifierType {
+    Name = "name",
+    Index = "index"
+}
+export declare class WorkspaceIdentifier {
+    id: string;
+    kind: WorkspaceIdentifierType;
+    constructor(id: string, kind: WorkspaceIdentifierType);
+}
+export declare class WorkspaceConfiguration {
+    identifier: WorkspaceIdentifier;
+    layout: string | null;
+    backgrounds: SeelenWallWallpaper[] | null;
+    constructor(identifier: WorkspaceIdentifier);
+}
+export declare class MonitorConfiguration {
+    tb: FancyToolbarSettingsByMonitor;
+    wall: SeelenWallSettingsByMonitor;
+    weg: SeelenWegSettingsByMonitor;
+    wm: WindowManagerSettingsByMonitor;
+    /** list of settings by workspace on this monitor */
+    workspacesV2: WorkspaceConfiguration[];
+}
+//# sourceMappingURL=settings_by_monitor.d.ts.map

package/script/state/settings_by_monitor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings_by_monitor.d.ts","sourceRoot":"","sources":["../../src/state/settings_by_monitor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,qBAAa,6BAA6B;IACxC,OAAO,EAAE,OAAO,CAAQ;CACzB;AAED,qBAAa,0BAA0B;IACrC,OAAO,EAAE,OAAO,CAAQ;CACzB;AAED,qBAAa,8BAA8B;IACzC,OAAO,EAAE,OAAO,CAAQ;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,MAAM,EAAE,IAAI,GAAG,IAAI,CAAQ;IAC3B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;CAC9B;AAED,qBAAa,2BAA2B;IACtC,OAAO,EAAE,OAAO,CAAQ;IACxB,WAAW,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAQ;CAClD;AAED,oBAAY,uBAAuB;IACjC,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,qBAAa,mBAAmB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,uBAAuB,CAAC;gBAElB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB;CAItD;AAED,qBAAa,sBAAsB;IACjC,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7B,WAAW,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAQ;gBAErC,UAAU,EAAE,mBAAmB;CAG5C;AAED,qBAAa,oBAAoB;IAC/B,EAAE,EAAE,6BAA6B,CAAuC;IACxE,IAAI,EAAE,2BAA2B,CAAqC;IACtE,GAAG,EAAE,0BAA0B,CAAoC;IACnE,EAAE,EAAE,8BAA8B,CAAwC;IAC1E,oDAAoD;IACpD,YAAY,EAAE,sBAAsB,EAAE,CAAM;CAC7C"}

package/script/state/settings_by_monitor.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonitorConfiguration = exports.WorkspaceConfiguration = exports.WorkspaceIdentifier = exports.WorkspaceIdentifierType = exports.SeelenWallSettingsByMonitor = exports.WindowManagerSettingsByMonitor = exports.SeelenWegSettingsByMonitor = exports.FancyToolbarSettingsByMonitor = void 0;
+class FancyToolbarSettingsByMonitor {
+    enabled = true;
+}
+exports.FancyToolbarSettingsByMonitor = FancyToolbarSettingsByMonitor;
+class SeelenWegSettingsByMonitor {
+    enabled = true;
+}
+exports.SeelenWegSettingsByMonitor = SeelenWegSettingsByMonitor;
+class WindowManagerSettingsByMonitor {
+    enabled = true;
+    padding = null;
+    margin = null;
+    gap = null;
+    layout = null;
+}
+exports.WindowManagerSettingsByMonitor = WindowManagerSettingsByMonitor;
+class SeelenWallSettingsByMonitor {
+    enabled = true;
+    backgrounds = null;
+}
+exports.SeelenWallSettingsByMonitor = SeelenWallSettingsByMonitor;
+var WorkspaceIdentifierType;
+(function (WorkspaceIdentifierType) {
+    WorkspaceIdentifierType["Name"] = "name";
+    WorkspaceIdentifierType["Index"] = "index";
+})(WorkspaceIdentifierType || (exports.WorkspaceIdentifierType = WorkspaceIdentifierType = {}));
+class WorkspaceIdentifier {
+    id;
+    kind;
+    constructor(id, kind) {
+        this.id = id;
+        this.kind = kind;
+    }
+}
+exports.WorkspaceIdentifier = WorkspaceIdentifier;
+class WorkspaceConfiguration {
+    identifier;
+    layout = null;
+    backgrounds = null;
+    constructor(identifier) {
+        this.identifier = identifier;
+    }
+}
+exports.WorkspaceConfiguration = WorkspaceConfiguration;
+class MonitorConfiguration {
+    tb = new FancyToolbarSettingsByMonitor();
+    wall = new SeelenWallSettingsByMonitor();
+    weg = new SeelenWegSettingsByMonitor();
+    wm = new WindowManagerSettingsByMonitor();
+    /** list of settings by workspace on this monitor */
+    workspacesV2 = [];
+}
+exports.MonitorConfiguration = MonitorConfiguration;

package/script/state/theme.d.ts

@@ -0,0 +1,31 @@
+export interface ThemeCssByApp {
+    /** Css Styles for the dock/taskbar */
+    weg: string;
+    /** Css Styles for the window manager */
+    toolbar: string;
+    /** Css Styles for the window manager */
+    wm: string;
+    /** Css Styles for the app launcher */
+    launcher: string;
+    /** Css Styles for the wall */
+    wall: string;
+}
+export interface ThemeInfo {
+    /** Display name of the theme */
+    displayName: string;
+    /** Author of the theme */
+    author: string;
+    /** Description of the theme */
+    description: string;
+    /** Filename of the theme, is overridden by the program on load */
+    filename: string;
+    /** Tags to be used in search */
+    tags: string[];
+}
+export interface Theme {
+    /** Metadata about the theme */
+    info: ThemeInfo;
+    /** Css Styles of the theme */
+    styles: ThemeCssByApp & Record<string, string>;
+}
+//# sourceMappingURL=theme.d.ts.map

package/script/state/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/state/theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,SAAS;IACxB,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,+BAA+B;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,8BAA8B;IAC9B,MAAM,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChD"}

package/script/state/theme.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/script/state/weg_items.d.ts

@@ -0,0 +1,36 @@
+export declare enum SwItemType {
+    Pinned = "Pinned",
+    TemporalApp = "TemporalPin",
+    Separator = "Separator",
+    Media = "Media",
+    Start = "StartMenu"
+}
+export interface PinnedWegItem {
+    type: SwItemType.Pinned;
+    path: string;
+    execution_command: string;
+    is_dir: boolean;
+}
+export interface TemporalPinnedWegItem {
+    type: SwItemType.TemporalApp;
+    path: string;
+    execution_command: string;
+    is_dir: boolean;
+}
+export interface SeparatorWegItem {
+    type: SwItemType.Separator;
+    id: string;
+}
+export interface MediaWegItem {
+    type: SwItemType.Media;
+}
+export interface StartWegItem {
+    type: SwItemType.Start;
+}
+export type WegItem = PinnedWegItem | TemporalPinnedWegItem | SeparatorWegItem | MediaWegItem | StartWegItem;
+export interface WegItems {
+    left: WegItem[];
+    center: WegItem[];
+    right: WegItem[];
+}
+//# sourceMappingURL=weg_items.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"weg_items.d.ts","sourceRoot":"","sources":["../../src/state/weg_items.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,KAAK,cAAc;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC;CACxB;AAED,MAAM,MAAM,OAAO,GACf,aAAa,GACb,qBAAqB,GACrB,gBAAgB,GAChB,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,OAAO,EAAE,CAAC;IAClB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB"}

package/script/state/weg_items.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwItemType = void 0;
+var SwItemType;
+(function (SwItemType) {
+    SwItemType["Pinned"] = "Pinned";
+    SwItemType["TemporalApp"] = "TemporalPin";
+    SwItemType["Separator"] = "Separator";
+    SwItemType["Media"] = "Media";
+    SwItemType["Start"] = "StartMenu";
+})(SwItemType || (exports.SwItemType = SwItemType = {}));

package/script/state/widget.d.ts

@@ -0,0 +1,4 @@
+export declare class Widget {
+    id: string;
+}
+//# sourceMappingURL=widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../src/state/widget.ts"],"names":[],"mappings":"AAAA,qBAAa,MAAM;IACjB,EAAE,EAAE,MAAM,CAAM;CACjB"}

package/script/state/widget.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Widget = void 0;
+class Widget {
+    id = '';
+}
+exports.Widget = Widget;

package/script/state/wm_layout.d.ts

@@ -0,0 +1,56 @@
+export declare enum NodeType {
+    Vertical = "Vertical",
+    Horizontal = "Horizontal",
+    Leaf = "Leaf",
+    Stack = "Stack",
+    Fallback = "Fallback"
+}
+export declare enum NodeSubtype {
+    Temporal = "Temporal",
+    Permanent = "Permanent"
+}
+export declare enum NoFallbackBehavior {
+    Float = "Float",
+    Unmanaged = "Unmanaged"
+}
+export interface WManagerLayoutInfo {
+    displayName: string;
+    author: string;
+    description: string;
+    filename: string;
+}
+export interface WmNodeBase {
+    subtype: NodeSubtype;
+    priority: number;
+    growFactor: number;
+    condition: string | null;
+}
+export interface WmVerticalNode extends WmNodeBase {
+    type: NodeType.Vertical;
+    children: WmNode[];
+}
+export interface WmHorizontalNode extends WmNodeBase {
+    type: NodeType.Horizontal;
+    children: WmNode[];
+}
+export interface WmLeafNode extends WmNodeBase {
+    type: NodeType.Leaf;
+    handle: number | null;
+}
+export interface WmStackNode extends WmNodeBase {
+    type: NodeType.Stack;
+    active: number | null;
+    handles: number[];
+}
+export interface WmFallbackNode extends WmNodeBase {
+    type: NodeType.Fallback;
+    active: number | null;
+    handles: number[];
+}
+export type WmNode = WmVerticalNode | WmHorizontalNode | WmLeafNode | WmStackNode | WmFallbackNode;
+export interface WindowManagerLayout {
+    info: WManagerLayoutInfo;
+    structure: WmNode;
+    noFallbackBehavior: NoFallbackBehavior;
+}
+//# sourceMappingURL=wm_layout.d.ts.map

package/script/state/wm_layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wm_layout.d.ts","sourceRoot":"","sources":["../../src/state/wm_layout.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,oBAAY,kBAAkB;IAC5B,KAAK,UAAU;IACf,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC5C,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,MAAM,MAAM,GACd,cAAc,GACd,gBAAgB,GAChB,UAAU,GACV,WAAW,GACX,cAAc,CAAC;AAEnB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,kBAAkB,CAAC;CACxC"}

package/script/state/wm_layout.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoFallbackBehavior = exports.NodeSubtype = exports.NodeType = void 0;
+var NodeType;
+(function (NodeType) {
+    NodeType["Vertical"] = "Vertical";
+    NodeType["Horizontal"] = "Horizontal";
+    NodeType["Leaf"] = "Leaf";
+    NodeType["Stack"] = "Stack";
+    NodeType["Fallback"] = "Fallback";
+})(NodeType || (exports.NodeType = NodeType = {}));
+var NodeSubtype;
+(function (NodeSubtype) {
+    NodeSubtype["Temporal"] = "Temporal";
+    NodeSubtype["Permanent"] = "Permanent";
+})(NodeSubtype || (exports.NodeSubtype = NodeSubtype = {}));
+var NoFallbackBehavior;
+(function (NoFallbackBehavior) {
+    NoFallbackBehavior["Float"] = "Float";
+    NoFallbackBehavior["Unmanaged"] = "Unmanaged";
+})(NoFallbackBehavior || (exports.NoFallbackBehavior = NoFallbackBehavior = {}));

package/script/system_state/index.d.ts

@@ -0,0 +1,19 @@
+export interface UIColors {
+    background: string;
+    foreground: string;
+    accent_darkest: string;
+    accent_darker: string;
+    accent_dark: string;
+    accent: string;
+    accent_light: string;
+    accent_lighter: string;
+    accent_lightest: string;
+    complement: string | null;
+}
+export declare class UIColors {
+    static default(): UIColors;
+    static getAsync(): Promise<UIColors>;
+    static onChange(cb: (value: UIColors) => void): Promise<() => void>;
+    static setAssCssVariables(colors: UIColors): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/script/system_state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/system_state/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAGD,qBAAa,QAAQ;IACnB,MAAM,CAAC,OAAO,IAAI,QAAQ;WAeb,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC;WAI7B,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,MAAM,IAAI,CAAC;IAIzE,MAAM,CAAC,kBAAkB,CAAC,MAAM,EAAE,QAAQ;CAgB3C"}

package/script/system_state/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIColors = void 0;
+const index_js_1 = require("../handlers/index.js");
+const _UIColors = (0, index_js_1.Obtainable)(index_js_1.SeelenCommand.GetSystemColors, index_js_1.SeelenEvent.ColorsChanged);
+class UIColors {
+    static default() {
+        return {
+            background: '#ffffff',
+            foreground: '#000000',
+            accent_darkest: '#990000',
+            accent_darker: '#aa0000',
+            accent_dark: '#bb0000',
+            accent: '#cc0000',
+            accent_light: '#dd0000',
+            accent_lighter: '#ee0000',
+            accent_lightest: '#ff0000',
+            complement: null,
+        };
+    }
+    static async getAsync() {
+        return await _UIColors.getAsync();
+    }
+    static async onChange(cb) {
+        return await _UIColors.onChange(cb);
+    }
+    static setAssCssVariables(colors) {
+        for (const [key, value] of Object.entries(colors)) {
+            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;
+            // replace rust snake case with kebab case
+            const name = key.replace('_', '-');
+            document.documentElement.style.setProperty(`--config-${name}-color`, value.slice(0, 7));
+            document.documentElement.style.setProperty(`--config-${name}-color-rgb`, `${r}, ${g}, ${b}`);
+        }
+    }
+}
+exports.UIColors = UIColors;

package/script/utils/hooks.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hooks.d.ts.map

package/script/utils/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":"AA2CA,OAAO,EAAE,CAAC"}

package/script/utils/hooks.js

@@ -0,0 +1,44 @@
+"use strict";
+// import type { getCurrentWindow } from '@tauri-apps/api/window';
+// import { useEffect, useRef } from 'npm:react';
+/*
+export function useWindowFocusChange(cb: (focused: boolean) => void) {
+  useEffect(() => {
+    const promise = getCurrentWindow().onFocusChanged((event) => {
+      cb(event.payload);
+    });
+    return () => {
+      promise.then((unlisten) => unlisten());
+    };
+  }, []);
+}
+
+export function useInterval(cb: () => void, ms: number, deps: any[] = []) {
+  const ref = useRef<number | null>(null);
+  const clearLastInterval = () => {
+    if (ref.current) {
+      clearInterval(ref.current);
+    }
+  };
+  useEffect(() => {
+    clearLastInterval();
+    ref.current = setInterval(cb, ms);
+    return clearLastInterval;
+  }, [ms, ...deps]);
+}
+
+export function useTimeout(cb: () => void, ms: number, deps: any[] = []) {
+  const ref = useRef<number | null>(null);
+  const clearLastTimeout = () => {
+    if (ref.current) {
+      clearTimeout(ref.current);
+    }
+  };
+  useEffect(() => {
+    clearLastTimeout();
+    ref.current = setTimeout(cb, ms);
+    return clearLastTimeout;
+  }, [ms, ...deps]);
+}
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/script/utils/index.d.ts

@@ -0,0 +1,17 @@
+export * from './hooks.js';
+export * from './layered_hitbox.js';
+export declare function getRootElement(): HTMLElement | null;
+export declare class Rect {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+export declare function disableWebviewShortcutsAndContextMenu(): void;
+interface WidgetInformation {
+    id: string;
+    label: string;
+    attachedMonitor: string | null;
+}
+export declare function getCurrentWidget(): WidgetInformation;
+//# sourceMappingURL=index.d.ts.map

package/script/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AAEpC,wBAAgB,cAAc,IAAI,WAAW,GAAG,IAAI,CAMnD;AAED,qBAAa,IAAI;IACf,IAAI,SAAK;IACT,GAAG,SAAK;IACR,KAAK,SAAK;IACV,MAAM,SAAK;CACZ;AAED,wBAAgB,qCAAqC,SA+BpD;AAED,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAGD,wBAAgB,gBAAgB,IAAI,iBAAiB,CASpD"}

package/script/utils/index.js

@@ -0,0 +1,78 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rect = void 0;
+exports.getRootElement = getRootElement;
+exports.disableWebviewShortcutsAndContextMenu = disableWebviewShortcutsAndContextMenu;
+exports.getCurrentWidget = getCurrentWidget;
+const window_1 = require("@tauri-apps/api/window");
+__exportStar(require("./hooks.js"), exports);
+__exportStar(require("./layered_hitbox.js"), exports);
+function getRootElement() {
+    const element = document.getElementById('root');
+    if (!element) {
+        throw new Error('Root element not found');
+    }
+    return element;
+}
+class Rect {
+    left = 0;
+    top = 0;
+    right = 0;
+    bottom = 0;
+}
+exports.Rect = Rect;
+function disableWebviewShortcutsAndContextMenu() {
+    globalThis.addEventListener('keydown', function (event) {
+        // prevent refresh
+        if (event.key === 'F5') {
+            event.preventDefault();
+        }
+        // prevent close
+        if (event.altKey && event.key === 'F4') {
+            event.preventDefault();
+        }
+        // others
+        if (event.ctrlKey) {
+            switch (event.key) {
+                case 'r': // reload
+                case 'f': // search
+                case 'g': // find
+                case 'p': // print
+                case 'j': // downloads
+                case 'u': // source
+                    event.preventDefault();
+                    break;
+            }
+        }
+    });
+    globalThis.addEventListener('contextmenu', (e) => e.preventDefault(), {
+        capture: true,
+    });
+    globalThis.addEventListener('drop', (e) => e.preventDefault());
+    globalThis.addEventListener('dragover', (e) => e.preventDefault());
+}
+// label schema: user/resource__query__monitor:display5
+function getCurrentWidget() {
+    const { label } = (0, window_1.getCurrentWindow)();
+    const parsedLabel = label.replace('__query__', '?').replace(':', '=');
+    const query = new URLSearchParams(parsedLabel);
+    return {
+        id: `@${parsedLabel.split('?')[0]}`,
+        label,
+        attachedMonitor: query.get('monitor'),
+    };
+}

package/script/utils/layered_hitbox.d.ts

@@ -0,0 +1,2 @@
+export declare function declareDocumentAsLayeredHitbox(): Promise<void>;
+//# sourceMappingURL=layered_hitbox.d.ts.map

package/script/utils/layered_hitbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layered_hitbox.d.ts","sourceRoot":"","sources":["../../src/utils/layered_hitbox.ts"],"names":[],"mappings":"AAIA,wBAAsB,8BAA8B,kBAwEnD"}

package/script/utils/layered_hitbox.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.declareDocumentAsLayeredHitbox = declareDocumentAsLayeredHitbox;
+const webviewWindow_1 = require("@tauri-apps/api/webviewWindow");
+const index_js_1 = require("../handlers/index.js");
+async function declareDocumentAsLayeredHitbox() {
+    const webview = (0, webviewWindow_1.getCurrentWebviewWindow)();
+    const { x, y } = await webview.outerPosition();
+    const { width, height } = await webview.outerSize();
+    const webviewRect = { x, y, width, height };
+    let ignoring_cursor_events = true;
+    let is_layered_enabled = true;
+    await webview.setIgnoreCursorEvents(true);
+    webview.onMoved((e) => {
+        webviewRect.x = e.payload.x;
+        webviewRect.y = e.payload.y;
+    });
+    webview.onResized((e) => {
+        webviewRect.width = e.payload.width;
+        webviewRect.height = e.payload.height;
+    });
+    webview.listen(index_js_1.SeelenEvent.HandleLayeredHitboxes, (event) => {
+        is_layered_enabled = event.payload;
+    });
+    webview.listen(index_js_1.SeelenEvent.GlobalMouseMove, (event) => {
+        if (!is_layered_enabled) {
+            return;
+        }
+        const [mouseX, mouseY] = event.payload;
+        const { x: windowX, y: windowY, width: windowWidth, height: windowHeight, } = webviewRect;
+        // check if the mouse is inside the window
+        const isHoverWindow = mouseX >= windowX &&
+            mouseX <= windowX + windowWidth &&
+            mouseY >= windowY &&
+            mouseY <= windowY + windowHeight;
+        if (!isHoverWindow) {
+            return;
+        }
+        const adjustedX = (mouseX - windowX) / globalThis.devicePixelRatio;
+        const adjustedY = (mouseY - windowY) / globalThis.devicePixelRatio;
+        const isOverBody = document.elementFromPoint(adjustedX, adjustedY) == document.body;
+        if (isOverBody && !ignoring_cursor_events) {
+            ignoring_cursor_events = true;
+            webview.setIgnoreCursorEvents(true);
+        }
+        if (!isOverBody && ignoring_cursor_events) {
+            ignoring_cursor_events = false;
+            webview.setIgnoreCursorEvents(false);
+        }
+    });
+    globalThis.addEventListener('touchstart', (e) => {
+        const isOverBody = e.target == document.body;
+        if (isOverBody && !ignoring_cursor_events) {
+            ignoring_cursor_events = true;
+            webview.setIgnoreCursorEvents(true);
+        }
+    });
+}