@ratiosolver/flick 0.0.42 → 0.1.0

package/dist/app.d.ts

@@ -1,3 +1,4 @@
+import { Component } from "./component";
 /**
  * The `App` class implements the singleton pattern and manages the state and behavior of the application.
  * It allows for the selection of components and notifies registered listeners of various events.
@@ -19,15 +20,15 @@ export declare class App implements AppListener {
     /**
      * Get the selected component.
      *
-     * @returns {Component<any, HTMLElement> | null} The selected component.
+     * @returns {Component<Node> | null} The selected component.
      */
-    get_selected_component(): Component<any, HTMLElement> | null;
+    get_selected_component(): Component<Node> | null;
     /**
      * Set the selected component.
      *
-     * @param {Component<any, HTMLElement> | null} component The component to select.
+     * @param {Component<Node> | null} component The component to select.
      */
-    selected_component(component: Component<any, HTMLElement> | null): void;
+    selected_component(component: Component<Node> | null): void;
     /**
      * Add an application listener.
      *
@@ -54,47 +55,7 @@ export interface AppListener {
     /**
      * Notification that a component has been selected.
      *
-     * @param {Component<any, HTMLElement> | null} component The selected component.
+     * @param {Component<Node> | null} component The selected component.
      */
-    selected_component(component: Component<any, HTMLElement> | null): void;
-}
-/**
- * The `Component` class represents a component in the application.
- * It manages the payload and element of the component and its children.
- *
- * @template P The type of the payload.
- * @template E The type of the element.
- */
-export declare abstract class Component<P, E extends HTMLElement> {
-    payload: P;
-    element: E;
-    protected child_nodes: Set<Component<any, HTMLElement>>;
-    constructor(payload: P, element: E);
-    /**
-     * Add a child component.
-     *
-     * @param {Component<any, HTMLElement>} child The child component to add.
-     */
-    add_child(child: Component<any, HTMLElement>): void;
-    /**
-     * Remove a child component.
-     *
-     * @param {Component<any, HTMLElement>} child The child component to remove.
-     * @throws {Error} If the child is not found.
-     */
-    remove_child(child: Component<any, HTMLElement>): void;
-    /**
-     * Remove the component.
-     */
-    remove(): void;
-    /**
-     * Notify that the component has been mounted.
-     * Override this method to perform actions when the component is mounted.
-     */
-    mounted(): void;
-    /**
-     * Notify that the component is being unmounted.
-     * Override this method to perform actions when the component is being unmounted.
-     */
-    unmounting(): void;
+    selected_component(component: Component<Node> | null): void;
 }

package/dist/app.js

@@ -25,13 +25,13 @@ export class App {
     /**
      * Get the selected component.
      *
-     * @returns {Component<any, HTMLElement> | null} The selected component.
+     * @returns {Component<Node> | null} The selected component.
      */
     get_selected_component() { return this.selected_comp; }
     /**
      * Set the selected component.
      *
-     * @param {Component<any, HTMLElement> | null} component The component to select.
+     * @param {Component<Node> | null} component The component to select.
      */
     selected_component(component) {
         if (this.selected_comp)
@@ -58,61 +58,4 @@ export class App {
         this.app_listeners.delete(listener);
     }
 }
-/**
- * The `Component` class represents a component in the application.
- * It manages the payload and element of the component and its children.
- *
- * @template P The type of the payload.
- * @template E The type of the element.
- */
-export class Component {
-    constructor(payload, element) {
-        this.child_nodes = new Set(); // The children of the component
-        this.payload = payload;
-        this.element = element;
-    }
-    /**
-     * Add a child component.
-     *
-     * @param {Component<any, HTMLElement>} child The child component to add.
-     */
-    add_child(child) {
-        this.child_nodes.add(child);
-        this.element.appendChild(child.element);
-        child.mounted();
-    }
-    /**
-     * Remove a child component.
-     *
-     * @param {Component<any, HTMLElement>} child The child component to remove.
-     * @throws {Error} If the child is not found.
-     */
-    remove_child(child) {
-        if (this.child_nodes.has(child)) {
-            this.child_nodes.delete(child);
-            child.remove();
-        }
-        else
-            throw new Error('Child not found');
-    }
-    /**
-     * Remove the component.
-     */
-    remove() {
-        for (const child of this.child_nodes)
-            child.unmounting();
-        this.unmounting();
-        this.element.remove();
-    }
-    /**
-     * Notify that the component has been mounted.
-     * Override this method to perform actions when the component is mounted.
-     */
-    mounted() { }
-    /**
-     * Notify that the component is being unmounted.
-     * Override this method to perform actions when the component is being unmounted.
-     */
-    unmounting() { }
-}
 //# sourceMappingURL=app.js.map

package/dist/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,OAAO,GAAG;IAMd;QAHQ,kBAAa,GAAuC,IAAI,CAAC;QACzD,kBAAa,GAAqB,IAAI,GAAG,EAAE,CAAC;IAE5B,CAAC;IAEzB,MAAM,CAAC,YAAY;QACjB,IAAI,CAAC,GAAG,CAAC,QAAQ;YACf,GAAG,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,OAAO,GAAG,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,IAAY,IAAU,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC;IAElG;;;;OAIG;IACH,sBAAsB,KAAyC,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAE3F;;;;OAIG;IACH,kBAAkB,CAAC,SAA6C;QAC9D,IAAI,IAAI,CAAC,aAAa;YACpB,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAAC,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;IACxF,CAAC;IAED;;;;OAIG;IACH,gBAAgB,CAAC,QAAqB;QACpC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,QAAqB;QACvC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF;AAsBD;;;;;;GAMG;AACH,MAAM,OAAgB,SAAS;IAM7B,YAAY,OAAU,EAAE,OAAU;QAFxB,gBAAW,GAAqC,IAAI,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAGnG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,KAAkC;QAC1C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,KAAkC;QAC7C,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;;YACC,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAED;;OAEG;IACH,MAAM;QACJ,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW;YAClC,KAAK,CAAC,UAAU,EAAE,CAAC;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;IAED;;;OAGG;IACH,OAAO,KAAW,CAAC;IAEnB;;;OAGG;IACH,UAAU,KAAW,CAAC;CACvB"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,OAAO,GAAG;IAMd;QAHQ,kBAAa,GAA2B,IAAI,CAAC;QAC7C,kBAAa,GAAqB,IAAI,GAAG,EAAE,CAAC;IAE5B,CAAC;IAEzB,MAAM,CAAC,YAAY;QACjB,IAAI,CAAC,GAAG,CAAC,QAAQ;YACf,GAAG,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,OAAO,GAAG,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,IAAY,IAAU,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC;IAElG;;;;OAIG;IACH,sBAAsB,KAA6B,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/E;;;;OAIG;IACH,kBAAkB,CAAC,SAAiC;QAClD,IAAI,IAAI,CAAC,aAAa;YACpB,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAAC,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAAC,CAAC;IACxF,CAAC;IAED;;;;OAIG;IACH,gBAAgB,CAAC,QAAqB;QACpC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,QAAqB;QACvC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF"}

package/dist/component.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Abstract base class representing a UI component backed by a DOM Node.
+ *
+ * @typeParam N - The type of DOM Node associated with this component.
+ *
+ * @remarks
+ * - Manages mounting state and child components.
+ * - Handles DOM node insertion and removal.
+ * - Provides lifecycle hooks for mounting and unmounting.
+ *
+ * @example
+ * ```typescript
+ * class MyComponent extends Component<HTMLElement> {
+ *   mounted() {
+ *     // Called when the component is mounted
+ *   }
+ *   unmounting() {
+ *     // Called before the component is unmounted
+ *   }
+ * }
+ * ```
+ *
+ * @property node - The DOM node associated with this component.
+ * @property is_mounted - Indicates whether the component is currently mounted.
+ * @property child_nodes - The set of child components.
+ *
+ * @method add_child - Adds a child component and appends its node.
+ * @method remove_child - Removes a child component and its node.
+ * @method remove - Unmounts and removes this component's node from the DOM.
+ * @method mount - Mounts this component to a parent component.
+ * @method mounted - Lifecycle hook called after mounting.
+ * @method unmounting - Lifecycle hook called before unmounting.
+ */
+export declare abstract class Component<N extends Node> {
+    readonly node: N;
+    private is_mounted;
+    private readonly child_nodes;
+    constructor(node: N);
+    /**
+     * Adds a child component to this component.
+     *
+     * This method appends the child's node to this component's node and adds the child to the internal set of child nodes.
+     * If this component is already mounted, the child will also be marked as mounted.
+     *
+     * @param child - The child component to add.
+     */
+    add_child(child: Component<Node>): void;
+    /**
+     * Adds a child component before a specified node within this component.
+     *
+     * This method inserts the child's node before the specified node in this component's node
+     * and adds the child to the internal set of child nodes.
+     * If this component is already mounted, the child will also be marked as mounted.
+     *
+     * @param child - The child component to add.
+     * @param node - The node before which the child's node will be inserted.
+     */
+    add_child_before(child: Component<Node>, node: Node): void;
+    /**
+     * Removes a child component from the current component.
+     *
+     * Attempts to delete the specified child from the `child_nodes` collection.
+     * If successful, it also calls the child's `remove()` method.
+     * Throws an error if the child is not found in the collection.
+     *
+     * @param child - The child component to remove.
+     * @throws {Error} If the child is not found in the `child_nodes` collection.
+     */
+    remove_child(child: Component<Node>): void;
+    /**
+     * Removes the component from the DOM and marks it as unmounted.
+     *
+     * This method first sets the component's state to unmounted by calling `set_unmounted()`.
+     * If the associated node is an instance of `HTMLElement`, it removes the node from the DOM.
+     */
+    remove(): void;
+    private set_mounted;
+    private set_unmounted;
+    /**
+     * Attaches this component to a parent component.
+     *
+     * This method performs the following steps:
+     * 1. Adds all child nodes of this component to the parent's child node set.
+     * 2. Appends this component's DOM node to the parent's DOM node.
+     * 3. Marks all child nodes of this component as mounted.
+     *
+     * @param parent - The parent component to attach this component to.
+     */
+    attach_to(parent: Component<Node>): void;
+    /**
+     * Lifecycle hook called after the component has been mounted to the DOM.
+     * Override this method to perform initialization tasks such as fetching data or setting up event listeners.
+     */
+    mounted(): void;
+    /**
+     * Called when the component is about to be unmounted from the DOM.
+     * Override this method to perform cleanup tasks such as removing event listeners,
+     * cancelling network requests, or releasing resources.
+     */
+    unmounting(): void;
+}
+/**
+ * An abstract component class that associates a payload of type `P` with a DOM node of type `N`.
+ *
+ * @typeParam P - The type of the payload data associated with the component.
+ * @typeParam N - The type of the DOM node, extending `Node`, that this component wraps.
+ * @extends Component<N>
+ *
+ * @property payload - The payload data associated with this component.
+ *
+ * @param node - The DOM node to associate with this component.
+ * @param payload - The payload data to associate with this component.
+ */
+export declare abstract class PayloadComponent<N extends Node, P> extends Component<N> {
+    readonly payload: P;
+    constructor(node: N, payload: P);
+}
+export declare class Fragment extends Component<DocumentFragment> {
+    constructor();
+}

package/dist/component.js

@@ -0,0 +1,161 @@
+/**
+ * Abstract base class representing a UI component backed by a DOM Node.
+ *
+ * @typeParam N - The type of DOM Node associated with this component.
+ *
+ * @remarks
+ * - Manages mounting state and child components.
+ * - Handles DOM node insertion and removal.
+ * - Provides lifecycle hooks for mounting and unmounting.
+ *
+ * @example
+ * ```typescript
+ * class MyComponent extends Component<HTMLElement> {
+ *   mounted() {
+ *     // Called when the component is mounted
+ *   }
+ *   unmounting() {
+ *     // Called before the component is unmounted
+ *   }
+ * }
+ * ```
+ *
+ * @property node - The DOM node associated with this component.
+ * @property is_mounted - Indicates whether the component is currently mounted.
+ * @property child_nodes - The set of child components.
+ *
+ * @method add_child - Adds a child component and appends its node.
+ * @method remove_child - Removes a child component and its node.
+ * @method remove - Unmounts and removes this component's node from the DOM.
+ * @method mount - Mounts this component to a parent component.
+ * @method mounted - Lifecycle hook called after mounting.
+ * @method unmounting - Lifecycle hook called before unmounting.
+ */
+export class Component {
+    constructor(node) {
+        this.child_nodes = new Set(); // The children of the component
+        this.node = node;
+        this.is_mounted = node.isConnected;
+    }
+    /**
+     * Adds a child component to this component.
+     *
+     * This method appends the child's node to this component's node and adds the child to the internal set of child nodes.
+     * If this component is already mounted, the child will also be marked as mounted.
+     *
+     * @param child - The child component to add.
+     */
+    add_child(child) {
+        this.child_nodes.add(child);
+        this.node.appendChild(child.node);
+        if (this.is_mounted)
+            child.set_mounted();
+    }
+    /**
+     * Adds a child component before a specified node within this component.
+     *
+     * This method inserts the child's node before the specified node in this component's node
+     * and adds the child to the internal set of child nodes.
+     * If this component is already mounted, the child will also be marked as mounted.
+     *
+     * @param child - The child component to add.
+     * @param node - The node before which the child's node will be inserted.
+     */
+    add_child_before(child, node) {
+        this.child_nodes.add(child);
+        this.node.insertBefore(child.node, node);
+        if (this.is_mounted)
+            child.set_mounted();
+    }
+    /**
+     * Removes a child component from the current component.
+     *
+     * Attempts to delete the specified child from the `child_nodes` collection.
+     * If successful, it also calls the child's `remove()` method.
+     * Throws an error if the child is not found in the collection.
+     *
+     * @param child - The child component to remove.
+     * @throws {Error} If the child is not found in the `child_nodes` collection.
+     */
+    remove_child(child) {
+        if (this.child_nodes.delete(child))
+            child.remove();
+        else
+            throw new Error('Child not found');
+    }
+    /**
+     * Removes the component from the DOM and marks it as unmounted.
+     *
+     * This method first sets the component's state to unmounted by calling `set_unmounted()`.
+     * If the associated node is an instance of `HTMLElement`, it removes the node from the DOM.
+     */
+    remove() {
+        this.set_unmounted();
+        if (this.node instanceof HTMLElement)
+            this.node.remove();
+    }
+    set_mounted() {
+        this.is_mounted = true;
+        for (const child of this.child_nodes)
+            child.set_mounted();
+        this.mounted();
+    }
+    set_unmounted() {
+        this.unmounting();
+        for (const child of this.child_nodes)
+            child.set_unmounted();
+        this.is_mounted = false;
+    }
+    /**
+     * Attaches this component to a parent component.
+     *
+     * This method performs the following steps:
+     * 1. Adds all child nodes of this component to the parent's child node set.
+     * 2. Appends this component's DOM node to the parent's DOM node.
+     * 3. Marks all child nodes of this component as mounted.
+     *
+     * @param parent - The parent component to attach this component to.
+     */
+    attach_to(parent) {
+        for (const child of this.child_nodes)
+            parent.child_nodes.add(child);
+        parent.node.appendChild(this.node);
+        for (const child of this.child_nodes)
+            child.set_mounted();
+    }
+    /**
+     * Lifecycle hook called after the component has been mounted to the DOM.
+     * Override this method to perform initialization tasks such as fetching data or setting up event listeners.
+     */
+    mounted() { }
+    /**
+     * Called when the component is about to be unmounted from the DOM.
+     * Override this method to perform cleanup tasks such as removing event listeners,
+     * cancelling network requests, or releasing resources.
+     */
+    unmounting() { }
+}
+/**
+ * An abstract component class that associates a payload of type `P` with a DOM node of type `N`.
+ *
+ * @typeParam P - The type of the payload data associated with the component.
+ * @typeParam N - The type of the DOM node, extending `Node`, that this component wraps.
+ * @extends Component<N>
+ *
+ * @property payload - The payload data associated with this component.
+ *
+ * @param node - The DOM node to associate with this component.
+ * @param payload - The payload data to associate with this component.
+ */
+export class PayloadComponent extends Component {
+    constructor(node, payload) {
+        super(node);
+        this.payload = payload;
+    }
+}
+export class Fragment extends Component {
+    constructor() {
+        super(document.createDocumentFragment());
+    }
+}
+//# sourceMappingURL=component.js.map

package/dist/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,OAAgB,SAAS;IAM7B,YAAY,IAAO;QAFF,gBAAW,GAAyB,IAAI,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAG9F,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;IACrC,CAAC;IAED;;;;;;;OAOG;IACH,SAAS,CAAC,KAAsB;QAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,IAAI,CAAC,UAAU;YACjB,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAED;;;;;;;;;OASG;IACH,gBAAgB,CAAC,KAAsB,EAAE,IAAU;QACjD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACzC,IAAI,IAAI,CAAC,UAAU;YACjB,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAED;;;;;;;;;OASG;IACH,YAAY,CAAC,KAAsB;QACjC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;YAChC,KAAK,CAAC,MAAM,EAAE,CAAC;;YAEf,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IAED;;;;;OAKG;IACH,MAAM;QACJ,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,IAAI,CAAC,IAAI,YAAY,WAAW;YAClC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW;YAClC,KAAK,CAAC,WAAW,EAAE,CAAC;QACtB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW;YAClC,KAAK,CAAC,aAAa,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED;;;;;;;;;OASG;IACH,SAAS,CAAC,MAAuB;QAC/B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW;YAClC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,WAAW;YAClC,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAED;;;OAGG;IACH,OAAO,KAAW,CAAC;IACnB;;;;OAIG;IACH,UAAU,KAAW,CAAC;CACvB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,OAAgB,gBAAoC,SAAQ,SAAY;IAI5E,YAAY,IAAO,EAAE,OAAU;QAC7B,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;CACF;AAED,MAAM,OAAO,QAAS,SAAQ,SAA2B;IAEvD;QACE,KAAK,CAAC,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC3C,CAAC;CACF"}

package/dist/components/app.d.ts

@@ -1,32 +1,32 @@
-import { App, AppListener, Component } from "../app";
+import { AppListener } from "../app";
+import { Component } from "../component";
 import { ConnectionListener } from "../utils/connection";
-import { BrandComponent } from "./brand";
-/**
- * The `NavbarComponent` class represents a navigation bar component in the application.
- * It manages the payload and element of the navigation bar component.
- */
-export declare class NavbarComponent extends Component<App, HTMLDivElement> {
-    constructor();
-}
-/**
- * The `AppComponent` class represents the main application component.
- * It manages the application element and listens to application and connection events.
- */
-export declare class AppComponent extends Component<App, HTMLDivElement> implements AppListener, ConnectionListener {
+export declare class BrandComponent extends Component<HTMLAnchorElement> {
     /**
-     * The Navbar component of the application.
+     * 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.
      *
-     * @type {NavbarComponent}
+     * The constructor initializes the brand element with an icon and text,
+     * styled and aligned for use in a navigation bar.
      */
-    protected readonly navbar: NavbarComponent;
+    constructor(name?: string, icon?: string, icon_width?: number, icon_height?: number);
+}
+export declare class NavbarContent extends Component<HTMLDivElement> {
+    constructor();
+}
+export declare class AppComponent extends Component<HTMLDivElement> implements AppListener, ConnectionListener {
     /**
      * Create an instance of the AppComponent.
      *
      * @param {string} id The ID of the element to use as the root of the application.
      */
-    constructor(brand?: BrandComponent, id?: string);
+    constructor(brand?: BrandComponent, content?: NavbarContent, id?: string);
     toast(info: string): void;
-    selected_component(component: Component<any, HTMLElement> | null): void;
+    selected_component(component: Component<Node> | null): void;
     connected(): void;
     logged_in(_info: any): void;
     received_message(_message: any): void;

package/dist/components/app.js

@@ -1,36 +1,17 @@
-import { App, Component } from "../app";
+import { App } from "../app";
+import { Component, Fragment } from "../component";
 import { Connection } from "../utils/connection";
-import { BrandComponent } from "./brand";
-/**
- * The `NavbarComponent` class represents a navigation bar component in the application.
- * It manages the payload and element of the navigation bar component.
- */
-export class NavbarComponent extends Component {
-    constructor() {
-        super(App.get_instance(), document.createElement('div'));
-        this.element.classList.add('collapse', 'navbar-collapse');
-        this.element.id = 'navbarContent';
+class NavbarComponent extends Component {
+    constructor(brand, content) {
+        super(document.createElement('nav'));
+        this.node.classList.add('navbar', 'navbar-expand-lg');
+        this.add_child(new NavbarContainer(brand, content));
     }
 }
-/**
- * The `AppComponent` class represents the main application component.
- * It manages the application element and listens to application and connection events.
- */
-export class AppComponent extends Component {
-    /**
-     * Create an instance of the AppComponent.
-     *
-     * @param {string} id The ID of the element to use as the root of the application.
-     */
-    constructor(brand = new BrandComponent(), id = 'app') {
-        super(App.get_instance(), document.querySelector('#' + id));
-        this.element.classList.add('d-flex', 'flex-column', 'h-100');
-        const fragment = document.createDocumentFragment();
-        // Add the Navbar..
-        const navbar = document.createElement('nav');
-        navbar.classList.add('navbar', 'navbar-expand-lg');
-        const nav_container = document.createElement('div');
-        nav_container.classList.add('container-fluid');
+class NavbarContainer extends Component {
+    constructor(brand, content) {
+        super(document.createElement('div'));
+        this.node.classList.add('container-fluid');
         // Add the brand..
         this.add_child(brand);
         // Add the toggler..
@@ -45,21 +26,75 @@ export class AppComponent extends Component {
         const toggler_span = document.createElement('span');
         toggler_span.classList.add('navbar-toggler-icon');
         toggler.appendChild(toggler_span);
-        nav_container.appendChild(toggler);
-        this.navbar = new NavbarComponent();
-        nav_container.appendChild(this.navbar.element);
-        navbar.appendChild(nav_container);
-        fragment.appendChild(navbar);
+        this.node.appendChild(toggler);
+        // Add the content..
+        this.add_child(content);
+    }
+}
+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(document.createElement('a'));
+        this.node.classList.add('navbar-brand');
+        this.node.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.node.appendChild(brand_container);
+    }
+}
+export class NavbarContent extends Component {
+    constructor() {
+        super(document.createElement('div'));
+        this.node.classList.add('collapse', 'navbar-collapse');
+        this.node.id = 'navbarContent';
+    }
+}
+export class AppComponent extends Component {
+    /**
+     * Create an instance of the AppComponent.
+     *
+     * @param {string} id The ID of the element to use as the root of the application.
+     */
+    constructor(brand = new BrandComponent(), content = new NavbarContent(), id = 'app') {
+        super(document.querySelector('#' + id));
+        this.node.classList.add('d-flex', 'flex-column', 'h-100');
+        const fragment = new Fragment();
+        fragment.add_child(new NavbarComponent(brand, content));
         // Add the toast container..
         const toast_container = document.createElement('div');
-        toast_container.classList.add('toast-container');
-        fragment.appendChild(toast_container);
-        this.element.appendChild(fragment);
+        fragment.node.appendChild(toast_container);
+        fragment.attach_to(this);
         App.get_instance().add_app_listener(this);
         Connection.get_instance().add_connection_listener(this);
     }
     toast(info) {
-        const toast_container = this.element.querySelector('.toast-container');
+        const toast_container = this.node.querySelector('.toast-container');
         const toast = document.createElement('div');
         toast.classList.add('toast');
         toast.setAttribute('role', 'alert');

package/dist/components/app.js.map

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