@ratiosolver/flick 0.2.2 → 0.2.4

package/dist/components/brand.js

@@ -1,39 +0,0 @@
-import { Component } from "../app";
-export class BrandComponent extends Component {
-    /**
-     * Creates a new brand component for the navigation bar.
-     *
-     * @param name - The display name of the brand. Defaults to 'Flick'.
-     * @param icon - The source URL or path for the brand icon. Defaults to 'favicon.ico'.
-     * @param icon_width - The width of the brand icon in pixels. Defaults to 32.
-     * @param icon_height - The height of the brand icon in pixels. Defaults to 32.
-     *
-     * The constructor initializes the brand element with an icon and text,
-     * styled and aligned for use in a navigation bar.
-     */
-    constructor(name = 'Flick', icon = 'favicon.ico', icon_width = 32, icon_height = 32) {
-        super(undefined, document.createElement('a'));
-        this.element.classList.add('navbar-brand');
-        this.element.href = '#';
-        const brand_container = document.createElement('div');
-        brand_container.style.display = 'flex';
-        brand_container.style.alignItems = 'center';
-        brand_container.style.gap = '0.5rem'; // Add space between icon and text
-        const brand_icon = document.createElement('img');
-        brand_icon.src = icon;
-        brand_icon.alt = name;
-        brand_icon.width = icon_width;
-        brand_icon.height = icon_height;
-        brand_icon.classList.add('d-inline-block', 'align-text-top');
-        brand_container.appendChild(brand_icon);
-        if (name) {
-            brand_icon.classList.add('me-1');
-            const brand_text = document.createElement('span');
-            brand_text.textContent = name;
-            brand_text.style.fontWeight = '500'; // Make text slightly bolder
-            brand_container.appendChild(brand_text);
-        }
-        this.element.appendChild(brand_container);
-    }
-}
-//# sourceMappingURL=brand.js.map

package/dist/components/brand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"brand.js","sourceRoot":"","sources":["../../src/components/brand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,OAAO,cAAe,SAAQ,SAAkC;IAEpE;;;;;;;;;;OAUG;IACH,YAAY,OAAe,OAAO,EAAE,OAAe,aAAa,EAAE,aAAqB,EAAE,EAAE,cAAsB,EAAE;QACjH,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC3C,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,GAAG,CAAC;QAExB,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtD,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACvC,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC5C,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,kCAAkC;QAExE,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,UAAU,CAAC,GAAG,GAAG,IAAI,CAAC;QACtB,UAAU,CAAC,GAAG,GAAG,IAAI,CAAC;QACtB,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC;QAC9B,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC;QAChC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;QAC7D,eAAe,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAExC,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAEjC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAClD,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC;YAC9B,UAAU,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,4BAA4B;YAEjE,eAAe,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC1C,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;CACF"}

package/dist/components/checkbox.d.ts

@@ -1,49 +0,0 @@
-import { PayloadComponent } from "../component";
-/**
- * A generic checkbox UI component that associates a payload with a checkbox input element.
- *
- * This component renders a checkbox with an optional label and allows tracking its checked state.
- * It provides hooks (`selected` and `unselected`) for custom behavior when the checkbox is toggled.
- *
- * @typeParam P - The type of the payload associated with the checkbox.
- *
- * @example
- * ```typescript
- * class MyCheckbox extends CheckboxComponent<MyPayloadType> {
- *   selected() {
- *     // Custom logic when checked
- *   }
- *   unselected() {
- *     // Custom logic when unchecked
- *   }
- * }
- * ```
- */
-export declare class CheckboxComponent<P> extends PayloadComponent<HTMLDivElement, P> {
-    private readonly checkbox;
-    /**
-     * Creates a new CheckboxComponent.
-     *
-     * @param payload The payload associated with the checkbox.
-     * @param id_factory A function to generate the ID for the checkbox based on the payload.
-     * @param selected Whether the checkbox is initially selected.
-     * @param label Optional label for the checkbox.
-     */
-    constructor(payload: P, id_factory: (payload: P) => string, selected?: boolean, label?: string);
-    /**
-     * Sets the checked state of the checkbox.
-     *
-     * @param checked The new checked state.
-     */
-    set_checked(checked: boolean): void;
-    /**
-     * Callback when the checkbox is selected.
-     * Override this method to define custom behavior when the checkbox is selected.
-     */
-    selected(): void;
-    /**
-     * Callback when the checkbox is unselected.
-     * Override this method to define custom behavior when the checkbox is unselected.
-     */
-    unselected(): void;
-}

package/dist/components/checkbox.js

@@ -1,77 +0,0 @@
-import { PayloadComponent } from "../component";
-/**
- * A generic checkbox UI component that associates a payload with a checkbox input element.
- *
- * This component renders a checkbox with an optional label and allows tracking its checked state.
- * It provides hooks (`selected` and `unselected`) for custom behavior when the checkbox is toggled.
- *
- * @typeParam P - The type of the payload associated with the checkbox.
- *
- * @example
- * ```typescript
- * class MyCheckbox extends CheckboxComponent<MyPayloadType> {
- *   selected() {
- *     // Custom logic when checked
- *   }
- *   unselected() {
- *     // Custom logic when unchecked
- *   }
- * }
- * ```
- */
-export class CheckboxComponent extends PayloadComponent {
-    /**
-     * Creates a new CheckboxComponent.
-     *
-     * @param payload The payload associated with the checkbox.
-     * @param id_factory A function to generate the ID for the checkbox based on the payload.
-     * @param selected Whether the checkbox is initially selected.
-     * @param label Optional label for the checkbox.
-     */
-    constructor(payload, id_factory, selected = false, label) {
-        super(document.createElement('div'), payload);
-        this.node.classList.add('form-check');
-        this.checkbox = document.createElement('input');
-        this.checkbox.type = 'checkbox';
-        this.checkbox.classList.add('form-check-input');
-        this.checkbox.checked = selected;
-        this.checkbox.id = id_factory(payload);
-        this.node.appendChild(this.checkbox);
-        if (label) {
-            const labelElement = document.createElement('label');
-            labelElement.classList.add('form-check-label');
-            labelElement.textContent = label;
-            labelElement.setAttribute('for', this.checkbox.id);
-            this.node.appendChild(labelElement);
-        }
-        this.checkbox.addEventListener('click', () => {
-            if (this.checkbox.checked)
-                this.selected();
-            else
-                this.unselected();
-        });
-    }
-    /**
-     * Sets the checked state of the checkbox.
-     *
-     * @param checked The new checked state.
-     */
-    set_checked(checked) {
-        this.checkbox.checked = checked;
-        if (checked)
-            this.selected();
-        else
-            this.unselected();
-    }
-    /**
-     * Callback when the checkbox is selected.
-     * Override this method to define custom behavior when the checkbox is selected.
-     */
-    selected() { }
-    /**
-     * Callback when the checkbox is unselected.
-     * Override this method to define custom behavior when the checkbox is unselected.
-     */
-    unselected() { }
-}
-//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,iBAAqB,SAAQ,gBAAmC;IAI3E;;;;;;;OAOG;IACH,YAAY,OAAU,EAAE,UAAkC,EAAE,WAAoB,KAAK,EAAE,KAAc;QACnG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAEtC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAC/C,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC;YACjC,YAAY,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACnD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC3C,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO;gBACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;;gBAEhB,IAAI,CAAC,UAAU,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,OAAgB;QAC1B,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;QAChC,IAAI,OAAO;YACT,IAAI,CAAC,QAAQ,EAAE,CAAC;;YAEhB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAED;;;OAGG;IACH,QAAQ,KAAW,CAAC;IAEpB;;;OAGG;IACH,UAAU,KAAW,CAAC;CACvB"}

package/dist/components/sidebar.d.ts

@@ -1,5 +0,0 @@
-import { Component } from "../component";
-import { Selector, SelectorGroup } from "../utils/selector";
-export declare class Sidebar extends Component<HTMLDivElement> {
-    constructor(group: SelectorGroup, top: Map<HTMLAnchorElement, Selector>, bottom?: Map<HTMLAnchorElement, Selector>);
-}

package/dist/components/sidebar.js

@@ -1,36 +0,0 @@
-import { Component } from "../component";
-export class Sidebar extends Component {
-    constructor(group, top, bottom) {
-        super(document.createElement('div'));
-        this.node.classList.add('d-flex', 'flex-column', 'flex-shrink-0', 'p-3', 'bg-light');
-        this.node.style.width = '280px';
-        this.node.style.height = 'calc(100vh - 60px)';
-        const ul = document.createElement('ul');
-        ul.classList.add('nav', 'nav-pills', 'flex-column', 'mb-auto');
-        for (const [a, sel] of top) {
-            const li = document.createElement('li');
-            li.classList.add('nav-item');
-            a.classList.add('nav-link');
-            group.add_selector(sel);
-            li.appendChild(a);
-            ul.appendChild(li);
-        }
-        this.node.appendChild(ul);
-        if (bottom) {
-            const hr = document.createElement('hr');
-            this.node.appendChild(hr);
-            const footer_ul = document.createElement('ul');
-            footer_ul.classList.add('nav', 'nav-pills', 'flex-column', 'mb-0');
-            for (const [a, sel] of bottom) {
-                const li = document.createElement('li');
-                li.classList.add('nav-item');
-                a.classList.add('nav-link');
-                group.add_selector(sel);
-                li.appendChild(a);
-                footer_ul.appendChild(li);
-            }
-            this.node.appendChild(footer_ul);
-        }
-    }
-}
-//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/components/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,OAAO,OAAQ,SAAQ,SAAyB;IAEpD,YAAY,KAAoB,EAAE,GAAqC,EAAE,MAAyC;QAChH,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QACrF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,oBAAoB,CAAC;QAE9C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;QAE/D,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAE7B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC5B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAExB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAClB,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAE1B,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAE1B,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC/C,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;YAEnE,KAAK,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,EAAE,CAAC;gBAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBACxC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAE7B,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBAC5B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;gBAExB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAClB,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC5B,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;CACF"}

package/dist/utils/blink.d.ts

@@ -1,14 +0,0 @@
-/**
- * Adds a custom CSS class to one or more HTML elements for a specified duration,
- * creating a temporary visual effect.
- *
- * @param elements - A single HTML element or an array of elements to apply the effect to.
- * @param options - Configuration options for the blinking effect:
- *   - className: The CSS class to apply (defaults to 'blink')
- *   - duration: The duration in milliseconds for the effect (defaults to 500ms)
- * @returns A function that can be called to cancel the effect before the duration expires
- */
-export declare function blink(elements: HTMLElement | HTMLElement[], options?: {
-    className?: string;
-    duration?: number;
-}): () => void;

package/dist/utils/blink.js

@@ -1,28 +0,0 @@
-/**
- * Adds a custom CSS class to one or more HTML elements for a specified duration,
- * creating a temporary visual effect.
- *
- * @param elements - A single HTML element or an array of elements to apply the effect to.
- * @param options - Configuration options for the blinking effect:
- *   - className: The CSS class to apply (defaults to 'blink')
- *   - duration: The duration in milliseconds for the effect (defaults to 500ms)
- * @returns A function that can be called to cancel the effect before the duration expires
- */
-export function blink(elements, options = {}) {
-    const className = options.className || 'blink';
-    const duration = options.duration || 500;
-    // Convert single element to array for consistent handling
-    const elementArray = Array.isArray(elements) ? elements : [elements];
-    // Add the class to all elements
-    elementArray.forEach(el => el.classList.add(className));
-    // Set a single timeout for all elements
-    const timeoutId = setTimeout(() => {
-        elementArray.forEach(el => el.classList.remove(className));
-    }, duration);
-    // Return a cancellation function
-    return () => {
-        clearTimeout(timeoutId);
-        elementArray.forEach(el => el.classList.remove(className));
-    };
-}
-//# sourceMappingURL=blink.js.map

package/dist/utils/blink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blink.js","sourceRoot":"","sources":["../../src/utils/blink.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,UAAU,KAAK,CAAC,QAAqC,EAAE,UAAqD,EAAE;IAClH,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC;IAC/C,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,GAAG,CAAC;IAEzC,0DAA0D;IAC1D,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAErE,gCAAgC;IAChC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IAExD,wCAAwC;IACxC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;QAChC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEb,iCAAiC;IACjC,OAAO,GAAG,EAAE;QACV,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC;AACJ,CAAC"}

package/dist/utils/connection.d.ts

@@ -1,102 +0,0 @@
-/**
- * Singleton class that manages the connection to the server.
- */
-export declare class Connection {
-    private static instance;
-    private socket;
-    private connection_listeners;
-    private token;
-    private constructor();
-    static get_instance(): Connection;
-    /**
-     * Connects to the server.
-     *
-     * @param token Optional token to use for the connection.
-     * @param remember_token Whether to remember the token.
-     * @param timeout Timeout in milliseconds to wait before reconnecting.
-     */
-    connect(token?: string | null, remember_token?: boolean, timeout?: number): void;
-    /**
-     * Logs in a user.
-     *
-     * @param username Username.
-     * @param password Password.
-     * @param remember_token Whether to remember the token.
-     * @returns Whether the login was successful.
-     */
-    login(username: string, password: string, remember_token?: boolean): Promise<boolean>;
-    /**
-     * Creates a new user.
-     *
-     * @param username Username for the new user.
-     * @param password Password for the new user.
-     * @param personal_data Additional user data to store.
-     * @param remember_token Whether to remember the token.
-     * @param token Optional token to use for the request.
-     * @returns Whether the user creation was successful.
-     */
-    create_user(username: string, password: string, personal_data?: Record<string, any>, remember_token?: boolean): Promise<boolean>;
-    /**
-     * Logs out the user.
-     */
-    logout(): void;
-    /**
-     * Checks whether the WebSocket connection is currently open.
-     *
-     * @returns {boolean} `true` if the socket exists and its ready state is `WebSocket.OPEN`, otherwise `false`.
-     */
-    is_connected(): boolean;
-    /**
-     * Returns the current token.
-     *
-     * @returns {string | null} The current token, or `null` if not set.
-     */
-    get_token(): string | null;
-    /**
-     * Adds a connection listener.
-     *
-     * @param listener Connection listener to add.
-     */
-    add_connection_listener(listener: ConnectionListener): void;
-    /**
-     * Removes a connection listener.
-     *
-     * @param listener Connection listener to remove.
-     */
-    remove_connection_listener(listener: ConnectionListener): void;
-}
-/**
- * Interface that defines the methods that a connection listener must implement.
- */
-export interface ConnectionListener {
-    /**
-     * Called when the connection to the server is established.
-     */
-    connected(): void;
-    /**
-     * Called when the user is logged in.
-     *
-     * @param info Information about the logged-in user.
-     */
-    logged_in(info: any): void;
-    /**
-     * Called when a message is received from the server.
-     *
-     * @param message Message received from the server.
-     */
-    received_message(message: any): void;
-    /**
-     * Called when the user is logged out.
-     */
-    logged_out(): void;
-    /**
-     * Called when the connection to the server is closed.
-     */
-    disconnected(): void;
-    /**
-     * Called when an error occurs in the connection to the server.
-     *
-     * @param error Error that occurred.
-     */
-    connection_error(error: any): void;
-}

package/dist/utils/connection.js

@@ -1,177 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Settings } from "./settings";
-/**
- * Singleton class that manages the connection to the server.
- */
-export class Connection {
-    constructor() {
-        this.socket = null;
-        this.connection_listeners = new Set();
-        this.token = null;
-        console.debug('localStorage available: ', typeof localStorage !== 'undefined');
-        console.debug('localStorage token: ', localStorage.getItem('token'));
-    }
-    static get_instance() {
-        if (!Connection.instance)
-            Connection.instance = new Connection();
-        return Connection.instance;
-    }
-    /**
-     * Connects to the server.
-     *
-     * @param token Optional token to use for the connection.
-     * @param remember_token Whether to remember the token.
-     * @param timeout Timeout in milliseconds to wait before reconnecting.
-     */
-    connect(token = null, remember_token = false, timeout = 5000) {
-        if (this.socket)
-            this.socket.close();
-        console.info('Connecting to server: ', Settings.get_instance().get_ws_host());
-        this.socket = new WebSocket(Settings.get_instance().get_ws_host());
-        this.socket.onopen = () => {
-            console.info('Connected to server');
-            for (const listener of this.connection_listeners) {
-                listener.connected();
-            }
-            if (token)
-                this.socket.send(JSON.stringify({ msg_type: 'login', token }));
-        };
-        this.socket.onmessage = (event) => {
-            console.trace('Received message from server: ', event.data);
-            const message = JSON.parse(event.data);
-            if (message.msg_type === 'login') {
-                this.token = token;
-                if (remember_token)
-                    localStorage.setItem('token', token);
-                for (const listener of this.connection_listeners) {
-                    listener.logged_in(message.personal_data);
-                }
-            }
-            else
-                for (const listener of this.connection_listeners) {
-                    listener.received_message(message);
-                }
-        };
-        this.socket.onclose = () => {
-            console.info('Disconnected from server');
-            for (const listener of this.connection_listeners) {
-                listener.disconnected();
-            }
-        };
-        this.socket.onerror = (ev) => {
-            console.error('Connection error: ', ev);
-            for (const listener of this.connection_listeners) {
-                listener.connection_error(ev);
-            }
-            setTimeout(() => this.connect(token, remember_token, timeout), timeout);
-        };
-    }
-    /**
-     * Logs in a user.
-     *
-     * @param username Username.
-     * @param password Password.
-     * @param remember_token Whether to remember the token.
-     * @returns Whether the login was successful.
-     */
-    login(username_1, password_1) {
-        return __awaiter(this, arguments, void 0, function* (username, password, remember_token = false) {
-            console.debug('Logging in user: ', username);
-            const response = yield fetch(Settings.get_instance().get_host() + '/login', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ username: username, password: password }) });
-            if (response.ok) { // Login successful
-                const data = yield response.json();
-                this.connect(data.token, remember_token);
-                return true;
-            }
-            else { // Login failed
-                console.error('Login failed: ', response.statusText);
-                for (const listener of this.connection_listeners)
-                    listener.connection_error(new Event(response.statusText));
-                return false;
-            }
-        });
-    }
-    /**
-     * Creates a new user.
-     *
-     * @param username Username for the new user.
-     * @param password Password for the new user.
-     * @param personal_data Additional user data to store.
-     * @param remember_token Whether to remember the token.
-     * @param token Optional token to use for the request.
-     * @returns Whether the user creation was successful.
-     */
-    create_user(username_1, password_1) {
-        return __awaiter(this, arguments, void 0, function* (username, password, personal_data = {}, remember_token = true) {
-            console.debug('Creating new user: ', username);
-            const headers = { 'content-type': 'application/json' };
-            if (this.token)
-                headers['authorization'] = `Bearer ${this.token}`;
-            const body = { username, password };
-            if (Object.keys(personal_data).length > 0)
-                body.user_data = personal_data;
-            const response = yield fetch(Settings.get_instance().get_host() + '/users', {
-                method: 'POST',
-                headers: headers,
-                body: JSON.stringify(body)
-            });
-            if (response.ok) { // User creation successful
-                const data = yield response.json();
-                this.connect(data.token, remember_token);
-                return true;
-            }
-            else { // User creation failed
-                console.error('User creation failed: ', response.statusText);
-                for (const listener of this.connection_listeners)
-                    listener.connection_error(new Event(response.statusText));
-                return false;
-            }
-        });
-    }
-    /**
-     * Logs out the user.
-     */
-    logout() {
-        console.debug('Logging out user');
-        this.socket.send(JSON.stringify({ msg_type: 'logout' }));
-        this.token = null;
-        localStorage.removeItem('token');
-        for (const listener of this.connection_listeners) {
-            listener.logged_out();
-        }
-        this.socket.close();
-    }
-    /**
-     * Checks whether the WebSocket connection is currently open.
-     *
-     * @returns {boolean} `true` if the socket exists and its ready state is `WebSocket.OPEN`, otherwise `false`.
-     */
-    is_connected() { return this.socket !== null && this.socket.readyState === WebSocket.OPEN; }
-    /**
-     * Returns the current token.
-     *
-     * @returns {string | null} The current token, or `null` if not set.
-     */
-    get_token() { return this.token; }
-    /**
-     * Adds a connection listener.
-     *
-     * @param listener Connection listener to add.
-     */
-    add_connection_listener(listener) { this.connection_listeners.add(listener); }
-    /**
-     * Removes a connection listener.
-     *
-     * @param listener Connection listener to remove.
-     */
-    remove_connection_listener(listener) { this.connection_listeners.delete(listener); }
-}
-//# sourceMappingURL=connection.js.map

package/dist/utils/connection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../src/utils/connection.ts"],"names":[],"mappings":"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"}

package/dist/utils/selector.d.ts

@@ -1,59 +0,0 @@
-/**
- * Manages a group of `Selector` instances, ensuring that only one selector is active (selected) at a time.
- *
- * The `SelectorGroup` class allows you to add or remove selectors, and provides a method to set a specific selector as selected.
- * When a selector is set as selected, all other selectors in the group are automatically unselected.
- *
- * @example
- * const group = new SelectorGroup();
- * group.add_selector(selector1);
- * group.add_selector(selector2);
- * group.set_selected(selector1); // selector1 is selected, selector2 is unselected
- */
-export declare class SelectorGroup {
-    private selectors;
-    constructor();
-    /**
-     * Sets the given selector as the selected one, unselecting all other selectors.
-     *
-     * Iterates through all selectors managed by this instance. For each selector that is not the one provided,
-     * it calls `unselect()`. Finally, it calls `select()` on the provided selector to mark it as selected.
-     *
-     * @param s - The {@link Selector} instance to be set as selected.
-     */
-    set_selected(s: Selector): void;
-    /**
-     * Adds a selector to the current set of selectors.
-     *
-     * @param s - The selector to add.
-     */
-    add_selector(s: Selector): void;
-    /**
-     * Removes the specified selector from the collection of selectors.
-     *
-     * @param s - The selector to be removed.
-     */
-    remove_selector(s: Selector): void;
-}
-/**
- * Represents an interface for selectable objects.
- *
- * Implementing classes should provide logic for selecting and unselecting themselves.
- *
- * @remarks
- * This interface can be used to standardize selection behavior across different components or entities.
- *
- * @interface Selector
- */
-export interface Selector {
-    /**
-     * Selects the object, marking it as active or highlighted.
-     * Implementing classes should define what "selecting" means for them.
-     */
-    select(): void;
-    /**
-     * Unselects the object, marking it as inactive or unhighlighted.
-     * Implementing classes should define what "unselecting" means for them.
-     */
-    unselect(): void;
-}