@fun-land/fun-web 0.2.0

package/dist/src/dom.js

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.$$ = exports.$ = exports.pipeEndo = exports.on = exports.append = exports.toggleClass = exports.removeClass = exports.addClass = exports.attrs = exports.attr = exports.text = exports.h = void 0;
+exports.bindProperty = bindProperty;
+exports.keyedChildren = keyedChildren;
+const accessor_1 = require("@fun-land/accessor");
+/**
+ * Create an HTML element with attributes and children
+ *
+ * Convention:
+ * - Properties with dashes (data-*, aria-*) become attributes
+ * - Properties starting with 'on' become event listeners
+ * - Everything else becomes element properties
+ *
+ * @example
+ * h('button', {className: 'btn', onclick: handler}, 'Click me')
+ * h('div', {id: 'app', 'data-test': 'foo'}, [child1, child2])
+ */
+const h = (tag, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+attrs, children) => {
+    const element = document.createElement(tag);
+    // Apply attributes/properties/events
+    if (attrs) {
+        for (const [key, value] of Object.entries(attrs)) {
+            if (value == null)
+                continue;
+            if (key.startsWith("on") && typeof value === "function") {
+                // Event listener: onclick, onchange, etc.
+                const eventName = key.slice(2).toLowerCase();
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                element.addEventListener(eventName, value);
+            }
+            else if (key.includes("-") || key === "role") {
+                // Attribute: data-*, aria-*, role, etc.
+                element.setAttribute(key, String(value));
+            }
+            else {
+                // Property: className, id, textContent, etc.
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access
+                element[key] = value;
+            }
+        }
+    }
+    // Append children
+    if (children != null) {
+        appendChildren(element, children);
+    }
+    return element;
+};
+exports.h = h;
+/**
+ * Append children to an element, flattening arrays and converting primitives to text nodes
+ */
+const appendChildren = (parent, children) => {
+    if (Array.isArray(children)) {
+        children.forEach((child) => appendChildren(parent, child));
+    }
+    else if (children != null) {
+        if (typeof children === "string" || typeof children === "number") {
+            parent.appendChild(document.createTextNode(String(children)));
+        }
+        else {
+            parent.appendChild(children);
+        }
+    }
+};
+/**
+ * Set text content of an element (returns element for chaining)
+ */
+const text = (content) => (el) => {
+    el.textContent = String(content);
+    return el;
+};
+exports.text = text;
+/**
+ * Set an attribute on an element (returns element for chaining)
+ */
+const attr = (name, value) => (el) => {
+    el.setAttribute(name, value);
+    return el;
+};
+exports.attr = attr;
+/**
+ * Set multiple attributes on an element (returns element for chaining)
+ */
+const attrs = (obj) => (el) => {
+    Object.entries(obj).forEach(([name, value]) => {
+        el.setAttribute(name, value);
+    });
+    return el;
+};
+exports.attrs = attrs;
+function bindProperty(el, key, fs, signal) {
+    // initial sync
+    el[key] = fs.get();
+    // reactive sync
+    fs.subscribe(signal, (v) => {
+        el[key] = v;
+    });
+    return el;
+}
+/**
+ * Add CSS classes to an element (returns element for chaining)
+ */
+const addClass = (...classes) => (el) => {
+    el.classList.add(...classes);
+    return el;
+};
+exports.addClass = addClass;
+/**
+ * Remove CSS classes from an element (returns element for chaining)
+ */
+const removeClass = (...classes) => (el) => {
+    el.classList.remove(...classes);
+    return el;
+};
+exports.removeClass = removeClass;
+/**
+ * Toggle a CSS class on an element (returns element for chaining)
+ */
+const toggleClass = (className, force) => (el) => {
+    el.classList.toggle(className, force);
+    return el;
+};
+exports.toggleClass = toggleClass;
+/**
+ * Append children to an element (returns parent for chaining)
+ */
+const append = (...children) => (el) => {
+    children.forEach((child) => el.appendChild(child));
+    return el;
+};
+exports.append = append;
+/**
+ * Add event listener with required AbortSignal (returns element for chaining)
+ * Signal is required to prevent forgetting cleanup
+ */
+const on = (el, type, handler, signal) => {
+    el.addEventListener(type, handler, { signal });
+    return el;
+};
+exports.on = on;
+/**
+ * Functional composition - apply endomorphic functions (`<T>(x: T) => T`) left to right
+ */
+const pipeEndo = (...fns) => (x) => fns.reduce((acc, fn) => fn(acc), x);
+exports.pipeEndo = pipeEndo;
+/**
+ * Keep a DOM container's children in sync with a FunState<Array<T>> using stable `t.key`.
+ *
+ * - No VDOM
+ * - Preserves existing row elements across updates
+ * - Creates one AbortController per row (cleaned up on removal or parent abort)
+ * - Reorders by DOM moves (appendChild)
+ * - Only remounts if order changes
+ */
+function keyedChildren(parent, signal, list, renderRow) {
+    const rows = new Map();
+    const dispose = () => {
+        for (const row of rows.values()) {
+            // Abort first so listeners/subscriptions clean up
+            row.ctrl.abort();
+            // Remove from DOM (safe even if already removed)
+            row.el.remove();
+        }
+        rows.clear();
+    };
+    const reconcile = () => {
+        const items = list.get();
+        const nextKeys = [];
+        const seen = new Set();
+        for (const it of items) {
+            const k = it.key;
+            if (seen.has(k))
+                throw new Error(`keyedChildren: duplicate key "${k}"`);
+            seen.add(k);
+            nextKeys.push(k);
+        }
+        // Remove missing
+        for (const [k, row] of rows) {
+            if (!seen.has(k)) {
+                row.ctrl.abort();
+                row.el.remove();
+                rows.delete(k);
+            }
+        }
+        // Ensure present
+        for (const k of nextKeys) {
+            if (!rows.has(k)) {
+                const ctrl = new AbortController();
+                const itemState = list.focus((0, accessor_1.filter)((t) => t.key === k));
+                const el = renderRow({
+                    signal: ctrl.signal,
+                    state: itemState,
+                    remove: () => list.mod((list) => list.filter((t) => t.key !== k)),
+                });
+                rows.set(k, { key: k, el, ctrl });
+            }
+        }
+        // Reorder with minimal DOM movement (prevents focus loss)
+        const children = parent.children; // live
+        for (let i = 0; i < nextKeys.length; i++) {
+            const k = nextKeys[i];
+            const row = rows.get(k);
+            const currentAtI = children[i];
+            if (currentAtI !== row.el) {
+                parent.insertBefore(row.el, currentAtI !== null && currentAtI !== void 0 ? currentAtI : null);
+            }
+        }
+    };
+    // Reconcile whenever the list changes; `subscribe` will unsubscribe on abort (per your fix).
+    list.subscribe(signal, reconcile);
+    // Ensure all children clean up when parent aborts
+    signal.addEventListener("abort", dispose, { once: true });
+    // Initial mount
+    reconcile();
+    return { reconcile, dispose };
+}
+const $ = (selector) => { var _a; return (_a = document.querySelector(selector)) !== null && _a !== void 0 ? _a : undefined; };
+exports.$ = $;
+const $$ = (selector) => Array.from(document.querySelectorAll(selector));
+exports.$$ = $$;
+//# sourceMappingURL=dom.js.map

package/dist/src/dom.js.map

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

package/dist/src/index.d.ts

@@ -0,0 +1,7 @@
+export type { Component, ElementChild } from "./types";
+export type { FunState } from "./state";
+export type { MountedComponent } from "./mount";
+export type { KeyedChildren } from "./dom";
+export { funState } from "./state";
+export { h, text, attr, attrs, addClass, removeClass, toggleClass, append, on, bindProperty, keyedChildren, pipeEndo, $, $$, } from "./dom";
+export { mount } from "./mount";

package/dist/src/index.js

@@ -0,0 +1,24 @@
+"use strict";
+// @fun-land/fun-web - Web component library for fun-land
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mount = exports.$$ = exports.$ = exports.pipeEndo = exports.keyedChildren = exports.bindProperty = exports.on = exports.append = exports.toggleClass = exports.removeClass = exports.addClass = exports.attrs = exports.attr = exports.text = exports.h = exports.funState = void 0;
+var state_1 = require("./state");
+Object.defineProperty(exports, "funState", { enumerable: true, get: function () { return state_1.funState; } });
+var dom_1 = require("./dom");
+Object.defineProperty(exports, "h", { enumerable: true, get: function () { return dom_1.h; } });
+Object.defineProperty(exports, "text", { enumerable: true, get: function () { return dom_1.text; } });
+Object.defineProperty(exports, "attr", { enumerable: true, get: function () { return dom_1.attr; } });
+Object.defineProperty(exports, "attrs", { enumerable: true, get: function () { return dom_1.attrs; } });
+Object.defineProperty(exports, "addClass", { enumerable: true, get: function () { return dom_1.addClass; } });
+Object.defineProperty(exports, "removeClass", { enumerable: true, get: function () { return dom_1.removeClass; } });
+Object.defineProperty(exports, "toggleClass", { enumerable: true, get: function () { return dom_1.toggleClass; } });
+Object.defineProperty(exports, "append", { enumerable: true, get: function () { return dom_1.append; } });
+Object.defineProperty(exports, "on", { enumerable: true, get: function () { return dom_1.on; } });
+Object.defineProperty(exports, "bindProperty", { enumerable: true, get: function () { return dom_1.bindProperty; } });
+Object.defineProperty(exports, "keyedChildren", { enumerable: true, get: function () { return dom_1.keyedChildren; } });
+Object.defineProperty(exports, "pipeEndo", { enumerable: true, get: function () { return dom_1.pipeEndo; } });
+Object.defineProperty(exports, "$", { enumerable: true, get: function () { return dom_1.$; } });
+Object.defineProperty(exports, "$$", { enumerable: true, get: function () { return dom_1.$$; } });
+var mount_1 = require("./mount");
+Object.defineProperty(exports, "mount", { enumerable: true, get: function () { return mount_1.mount; } });
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA,yDAAyD;;;AAOzD,iCAAmC;AAA1B,iGAAA,QAAQ,OAAA;AACjB,6BAee;AAdb,wFAAA,CAAC,OAAA;AACD,2FAAA,IAAI,OAAA;AACJ,2FAAA,IAAI,OAAA;AACJ,4FAAA,KAAK,OAAA;AACL,+FAAA,QAAQ,OAAA;AACR,kGAAA,WAAW,OAAA;AACX,kGAAA,WAAW,OAAA;AACX,6FAAA,MAAM,OAAA;AACN,yFAAA,EAAE,OAAA;AACF,mGAAA,YAAY,OAAA;AACZ,oGAAA,aAAa,OAAA;AACb,+FAAA,QAAQ,OAAA;AACR,wFAAA,CAAC,OAAA;AACD,yFAAA,EAAE,OAAA;AAEJ,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/src/mount.d.ts

@@ -0,0 +1,21 @@
+/** Component mounting utilities */
+import type { Component } from "./types";
+export interface MountedComponent {
+    element: Element;
+    unmount: () => void;
+}
+/**
+ * Mount a component to the DOM
+ * Creates an AbortController to manage component lifecycle
+ *
+ * @param component - Component function to mount
+ * @param props - Props passed to component (including any state)
+ * @param container - DOM element to mount into
+ * @returns Object with element reference and unmount function
+ *
+ * @example
+ * const mounted = mount(Counter, {label: 'Count', state: counterState}, document.body)
+ * // Later:
+ * mounted.unmount() // cleanup all subscriptions and listeners
+ */
+export declare const mount: <Props>(component: Component<Props>, props: Props, container: Element) => MountedComponent;

package/dist/src/mount.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mount = void 0;
+/**
+ * Mount a component to the DOM
+ * Creates an AbortController to manage component lifecycle
+ *
+ * @param component - Component function to mount
+ * @param props - Props passed to component (including any state)
+ * @param container - DOM element to mount into
+ * @returns Object with element reference and unmount function
+ *
+ * @example
+ * const mounted = mount(Counter, {label: 'Count', state: counterState}, document.body)
+ * // Later:
+ * mounted.unmount() // cleanup all subscriptions and listeners
+ */
+const mount = (component, props, container) => {
+    const controller = new AbortController();
+    const element = component(controller.signal, props);
+    container.appendChild(element);
+    return {
+        element,
+        unmount: () => {
+            controller.abort(); // cleanup all subscriptions and listeners
+            element.remove();
+        },
+    };
+};
+exports.mount = mount;
+//# sourceMappingURL=mount.js.map

package/dist/src/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../../src/mount.ts"],"names":[],"mappings":";;;AAQA;;;;;;;;;;;;;GAaG;AACI,MAAM,KAAK,GAAG,CACnB,SAA2B,EAC3B,KAAY,EACZ,SAAkB,EACA,EAAE;IACpB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAE/B,OAAO;QACL,OAAO;QACP,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,0CAA0C;YAC9D,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,KAAK,SAgBhB"}

package/dist/src/state.d.ts

@@ -0,0 +1,2 @@
+/** Re-export FunState and funState from fun-state with subscribe support */
+export { funState, type FunState } from "@fun-land/fun-state";

package/dist/src/state.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.funState = void 0;
+/** Re-export FunState and funState from fun-state with subscribe support */
+var fun_state_1 = require("@fun-land/fun-state");
+Object.defineProperty(exports, "funState", { enumerable: true, get: function () { return fun_state_1.funState; } });
+//# sourceMappingURL=state.js.map

package/dist/src/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/state.ts"],"names":[],"mappings":";;;AAAA,4EAA4E;AAC5E,iDAA8D;AAArD,qGAAA,QAAQ,OAAA"}

package/dist/src/types.d.ts

@@ -0,0 +1,3 @@
+/** Core types for fun-web */
+export type Component<Props = {}> = (signal: AbortSignal, props: Props) => Element;
+export type ElementChild = string | number | Element | null | undefined;

package/dist/src/types.js

@@ -0,0 +1,4 @@
+"use strict";
+/** Core types for fun-web */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,6BAA6B"}