@cedx/base 0.36.1 → 0.36.2

package/lib/UI/Component.d.ts

@@ -0,0 +1,18 @@
+import { type EffectOptions } from "./Signal.js";
+/**
+ * The base class for signal-based custom elements.
+ */
+export declare abstract class Component extends HTMLElement {
+    #private;
+    /**
+     * Method invoked when this component is disconnected.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Registers a new effect.
+     * @param callback The effect computation.
+     * @param options The effect options.
+     */
+    useEffect(callback: () => void, options?: EffectOptions): void;
+}
+//# sourceMappingURL=Component.d.ts.map

package/lib/UI/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../src/Client/UI/Component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,aAAa,EAAC,MAAM,aAAa,CAAC;AAEvD;;GAEG;AACH,8BAAsB,SAAU,SAAQ,WAAW;;IAOlD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;;;OAIG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI;CAG9D"}

package/lib/UI/Component.js

@@ -0,0 +1,26 @@
+import { effect } from "./Signal.js";
+/**
+ * The base class for signal-based custom elements.
+ */
+export class Component extends HTMLElement {
+    /**
+     * The list of effect disposers.
+     */
+    #effects = [];
+    /**
+     * Method invoked when this component is disconnected.
+     */
+    disconnectedCallback() {
+        for (const dispose of this.#effects)
+            dispose();
+        this.#effects = [];
+    }
+    /**
+     * Registers a new effect.
+     * @param callback The effect computation.
+     * @param options The effect options.
+     */
+    useEffect(callback, options) {
+        this.#effects.push(effect(callback, options));
+    }
+}

package/lib/UI/Components/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAiB,MAAM,eAAe,CAAC;AAEtD;;GAEG;AACH,qBAAa,KAAM,SAAQ,WAAW;;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA0E;IAuC5G;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAGrB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,IAAI,CAAC,MAAM,CAGzB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAE7B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,GAAC,IAAI,CAGtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAG1B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAa/F;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,iBAAiB,IAAI,IAAI;IASzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAM5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAoGZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,cAAc,EAAE,KAAK,CAAC;KACtB;CACD"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Client/UI/Components/Toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAiB,MAAM,eAAe,CAAC;AAEtD;;GAEG;AACH,qBAAa,KAAM,SAAQ,WAAW;;IAErC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA0E;IAuC5G;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAGrB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,IAAI,CAAC,MAAM,CAGzB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAE7B;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,MAAM,GAAC,IAAI,CAGtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAC,IAAI,EAG1B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAa/F;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,iBAAiB,IAAI,IAAI;IASzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAM5B;;OAEG;IACH,IAAI,IAAI,IAAI;CAsGZ;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,cAAc,EAAE,KAAK,CAAC;KACtB;CACD"}

package/lib/UI/Components/Toast.js

@@ -244,6 +244,8 @@ export class Toast extends HTMLElement {
         ({ classList } = this.querySelector(".toast-header .icon"));
         classList.remove(...contexts.map(context => `text-${cssClass(context)}`));
         classList.add(`text-${cssClass(value)}`);
+        if (!this.icon)
+            this.#updateIcon(icon(value));
     }
     /**
      * Updates the delay to hide the toast.

package/lib/UI/Signal.d.ts

@@ -0,0 +1,16 @@
+import { Computed, Signal as State } from "@preact/signals-core";
+export { effect, type EffectOptions } from "@preact/signals-core";
+/**
+ * Creates reactive primitives.
+ */
+export declare class Signal {
+    /**
+     * Creates a new computed signal.
+     */
+    static readonly Computed: typeof Computed;
+    /**
+     * Creates a new plain signal.
+     */
+    static readonly State: typeof State;
+}
+//# sourceMappingURL=Signal.d.ts.map

package/lib/UI/Signal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signal.d.ts","sourceRoot":"","sources":["../../src/Client/UI/Signal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAEhE;;GAEG;AACH,qBAAa,MAAM;IAElB;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,QAAQ,kBAAY;IAEpC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,KAAK,eAAS;CAC9B"}

package/lib/UI/Signal.js

@@ -0,0 +1,15 @@
+import { Computed, Signal as State } from "@preact/signals-core";
+export { effect } from "@preact/signals-core";
+/**
+ * Creates reactive primitives.
+ */
+export class Signal {
+    /**
+     * Creates a new computed signal.
+     */
+    static Computed = Computed;
+    /**
+     * Creates a new plain signal.
+     */
+    static State = State;
+}

package/lib/UI/ViewportScroller.js

@@ -22,7 +22,7 @@ export class ViewportScroller {
      */
     get scrollOffset() {
         if (this.#scrollOffset < 0) {
-            const fontSize = Number.parseInt(getComputedStyle(document.body).fontSize);
+            const fontSize = Number.parseInt(getComputedStyle(document.body).fontSize, 10);
             this.#scrollOffset = Number.isNaN(fontSize) ? 0 : fontSize * 2;
             const navbar = document.body.querySelector(".navbar");
             this.#scrollOffset += (navbar?.offsetHeight ?? 0);

package/package.json

@@ -7,13 +7,18 @@
 	"name": "@cedx/base",
 	"repository": "cedx/base",
 	"type": "module",
-	"version": "0.36.1",
+	"version": "0.36.2",
+	"dependencies": {
+		"@preact/signals-core": "^1.13.0"
+	},
 	"devDependencies": {
+		"@eslint/js": "^10.0.1",
 		"@types/bootstrap": "^5.2.10",
 		"@types/chai": "^5.2.3",
 		"@types/mocha": "^10.0.10",
 		"@types/node": "^25.2.3",
 		"@types/serve-handler": "^6.1.4",
+		"bootstrap": "^5.3.8",
 		"chai": "^6.2.2",
 		"esbuild": "^0.27.3",
 		"globals": "^17.3.0",
@@ -23,7 +28,7 @@
 		"serve-handler": "^6.1.6",
 		"typedoc": "^0.28.17",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.55.0"
+		"typescript-eslint": "^8.56.0"
 	},
 	"engines": {
 		"node": ">=24.0.0"

package/src/Client/UI/Component.ts

@@ -0,0 +1,29 @@
+import {effect, type EffectOptions} from "./Signal.js";
+
+/**
+ * The base class for signal-based custom elements.
+ */
+export abstract class Component extends HTMLElement {
+
+	/**
+	 * The list of effect disposers.
+	 */
+	#effects: Array<() => void> = [];
+
+	/**
+	 * Method invoked when this component is disconnected.
+	 */
+	disconnectedCallback(): void {
+		for (const dispose of this.#effects) dispose();
+		this.#effects = [];
+	}
+
+	/**
+	 * Registers a new effect.
+	 * @param callback The effect computation.
+	 * @param options The effect options.
+	 */
+	useEffect(callback: () => void, options?: EffectOptions): void {
+		this.#effects.push(effect(callback, options));
+	}
+}

package/src/Client/UI/Components/Toast.ts

@@ -263,6 +263,8 @@ export class Toast extends HTMLElement {
 		({classList} = this.querySelector(".toast-header .icon")!);
 		classList.remove(...contexts.map(context => `text-${cssClass(context)}`));
 		classList.add(`text-${cssClass(value)}`);
+
+		if (!this.icon) this.#updateIcon(icon(value));
 	}
 
 	/**

package/src/Client/UI/Signal.ts

@@ -0,0 +1,18 @@
+import {Computed, Signal as State} from "@preact/signals-core";
+export {effect, type EffectOptions} from "@preact/signals-core";
+
+/**
+ * Creates reactive primitives.
+ */
+export class Signal { // eslint-disable-line @typescript-eslint/no-extraneous-class
+
+	/**
+	 * Creates a new computed signal.
+	 */
+	static readonly Computed = Computed;
+
+	/**
+	 * Creates a new plain signal.
+	 */
+	static readonly State = State;
+}

package/src/Client/UI/ViewportScroller.ts

@@ -37,7 +37,7 @@ export class ViewportScroller {
 	 */
 	get scrollOffset(): number {
 		if (this.#scrollOffset < 0) {
-			const fontSize = Number.parseInt(getComputedStyle(document.body).fontSize);
+			const fontSize = Number.parseInt(getComputedStyle(document.body).fontSize, 10);
 			this.#scrollOffset = Number.isNaN(fontSize) ? 0 : fontSize * 2;
 
 			const navbar = document.body.querySelector<HTMLElement>(".navbar");