@e280/sly 0.2.0-8 → 0.2.0

package/s/view/view.ts

@@ -0,0 +1,24 @@
+
+import {Content, ViewFn} from "./types.js"
+import {makeView} from "./utils/make-view.js"
+import {BaseElement} from "../base/element.js"
+import {_disconnect, _reconnect, Use} from "../base/use.js"
+
+export function view<Props extends any[]>(fn: ViewFn<Props>) {
+	return makeView(fn, {mode: "open"})
+}
+
+view.settings = (settings: ShadowRootInit) => ({
+	render: <Props extends any[]>(fn: ViewFn<Props>) => {
+		return makeView(fn, settings)
+	}
+})
+
+view.render = view
+
+view.component = (fn: (use: Use) => Content) => (
+	view(use => () => fn(use))
+		.component(BaseElement)
+		.props(() => [])
+)
+

package/x/base/css-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../s/base/css-reset.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAA;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAmB,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB1C,CAAA"}

package/x/base/element.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup } from "lit";
+import { Content } from "../view/types.js";
+import { Use } from "./use.js";
+export declare class BaseElement extends HTMLElement {
+    #private;
+    static styles: CSSResultGroup | undefined;
+    readonly shadow: ShadowRoot;
+    /** create the shadow root. override this if you want to change the shadow root settings. */
+    createShadow(): ShadowRoot;
+    constructor();
+    /** return some content to render. */
+    render(_use: Use): Content;
+    /** immediately perform a fresh render into the shadow root. */
+    updateNow: () => void;
+    /** request a rerender which will happen soon (debounced). */
+    update: import("@e280/stz").DebounceReturn<() => void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/x/base/element.js

@@ -0,0 +1,52 @@
+import { debounce } from "@e280/stz";
+import { dom } from "../dom/dom.js";
+import { Reactor } from "./utils/reactor.js";
+import { AttrWatcher } from "./utils/attr-watcher.js";
+import { applyStyles } from "./utils/apply-styles.js";
+import { Use, _disconnect, _reconnect, _wrap } from "./use.js";
+export class BaseElement extends HTMLElement {
+    static styles;
+    shadow;
+    #use;
+    #mountCount = 0;
+    #reactor = new Reactor();
+    #attrWatcher = new AttrWatcher(this, () => this.update());
+    /** create the shadow root. override this if you want to change the shadow root settings. */
+    createShadow() {
+        return this.attachShadow({ mode: "open" });
+    }
+    constructor() {
+        super();
+        this.shadow = this.createShadow();
+        this.#use = new Use(this, this.shadow, this.updateNow, this.update);
+    }
+    /** return some content to render. */
+    render(_use) { }
+    /** immediately perform a fresh render into the shadow root. */
+    updateNow = () => {
+        this.#use[_wrap](() => {
+            dom.render(this.shadow, this.#reactor.effect(() => this.render(this.#use), this.update));
+        });
+    };
+    /** request a rerender which will happen soon (debounced). */
+    update = debounce(0, this.updateNow);
+    connectedCallback() {
+        if (this.#mountCount === 0) {
+            const styles = this.constructor.styles;
+            if (styles)
+                applyStyles(this.shadow, styles);
+            this.updateNow();
+        }
+        else {
+            this.#use[_reconnect]();
+        }
+        this.#attrWatcher.start();
+        this.#mountCount++;
+    }
+    disconnectedCallback() {
+        this.#use[_disconnect]();
+        this.#reactor.clear();
+        this.#attrWatcher.stop();
+    }
+}
+//# sourceMappingURL=element.js.map

package/x/base/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../s/base/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AAEjC,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,UAAU,CAAA;AAE5D,MAAM,OAAO,WAAY,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,CAA4B;IAEhC,MAAM,CAAY;IAE3B,IAAI,CAAK;IACT,WAAW,GAAG,CAAC,CAAA;IACf,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAA;IACxB,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IAEzD,4FAA4F;IAC5F,YAAY;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;IACzC,CAAC;IAED;QACC,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAClB,IAAI,EACJ,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,MAAM,CACX,CAAA;IACF,CAAC;IAED,qCAAqC;IACrC,MAAM,CAAC,IAAS,IAAY,CAAC;IAE7B,+DAA+D;IAC/D,SAAS,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YACrB,GAAG,CAAC,MAAM,CACT,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CAAC,MAAM,CACnB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,IAAI,CAAC,MAAM,CACX,CACD,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;IAED,6DAA6D;IAC7D,MAAM,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAEpC,iBAAiB;QAChB,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAI,IAAI,CAAC,WAAmB,CAAC,MAAM,CAAA;YAC/C,IAAI,MAAM;gBAAE,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAC5C,IAAI,CAAC,SAAS,EAAE,CAAA;QACjB,CAAC;aACI,CAAC;YACL,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;QACxB,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,EAAE,CAAA;IACnB,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;QACrB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;CACD"}

package/x/base/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./utils/states.js";
+export * from "./css-reset.js";
+export * from "./element.js";
+export * from "./use.js";

package/x/base/index.js

@@ -0,0 +1,5 @@
+export * from "./utils/states.js";
+export * from "./css-reset.js";
+export * from "./element.js";
+export * from "./use.js";
+//# sourceMappingURL=index.js.map

package/x/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/base/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}

package/x/{views → base}/use.d.ts

@@ -1,7 +1,9 @@
 import { CSSResultGroup } from "lit";
 import { SignalOptions } from "@e280/strata/signals";
 import { Op } from "../ops/op.js";
-import { AttrSpec } from "../dom/attributes.js";
+import { States } from "./utils/states.js";
+import { EveSpec } from "../dom/parts/eve.js";
+import { UseAttrs } from "./utils/use-attrs.js";
 export declare const _wrap: unique symbol;
 export declare const _disconnect: unique symbol;
 export declare const _reconnect: unique symbol;
@@ -11,6 +13,7 @@ export declare class Use {
     shadow: ShadowRoot;
     renderNow: () => void;
     render: () => Promise<void>;
+    readonly attrs: UseAttrs;
     [_wrap]<R>(fn: () => R): R;
     [_disconnect](): void;
     [_reconnect](): void;
@@ -21,11 +24,12 @@ export declare class Use {
     styles(...styles: CSSResultGroup[]): void;
     /** alias for 'styles' */
     css(...styles: CSSResultGroup[]): void;
-    attrs<A extends AttrSpec>(spec: A): import("../dom/attributes.js").AttrTypes<A>;
     once<V>(fn: () => V): V;
     mount(fn: () => () => void): void;
     life<V>(fn: () => [result: V, dispose: () => void]): V;
     wake<V>(fn: () => V): V;
+    events(spec: EveSpec): void;
+    states<S extends string = string>(): States<S>;
     op: {
         <V>(f: () => Promise<V>): Op<V>;
         load: <V>(f: () => Promise<V>) => Op<V>;

package/x/{views → base}/use.js

@@ -1,10 +1,11 @@
-import { defer, MapG } from "@e280/stz";
+import { defer, GMap } from "@e280/stz";
 import { signal } from "@e280/strata/signals";
 import { Op } from "../ops/op.js";
-import { dom } from "../dom/dom.js";
 import { Mounts } from "./utils/mounts.js";
+import { States } from "./utils/states.js";
+import { eve } from "../dom/parts/eve.js";
 import { applyStyles } from "./utils/apply-styles.js";
-import { onAttrChange } from "../dom/attributes.js";
+import { useAttrs } from "./utils/use-attrs.js";
 export const _wrap = Symbol();
 export const _disconnect = Symbol();
 export const _reconnect = Symbol();
@@ -13,9 +14,10 @@ export class Use {
     shadow;
     renderNow;
     render;
+    attrs;
     #runs = 0;
     #position = 0;
-    #values = new MapG();
+    #values = new GMap();
     #rendered = defer();
     #mounts = new Mounts();
     [_wrap](fn) {
@@ -39,6 +41,7 @@ export class Use {
         this.shadow = shadow;
         this.renderNow = renderNow;
         this.render = render;
+        this.attrs = useAttrs(this);
     }
     get renderCount() {
         return this.#runs;
@@ -56,10 +59,6 @@ export class Use {
     css(...styles) {
         return this.styles(...styles);
     }
-    attrs(spec) {
-        this.mount(() => onAttrChange(this.element, this.render));
-        return this.once(() => dom.attrs(this.element, spec));
-    }
     once(fn) {
         return this.#values.guarantee(this.#position++, fn);
     }
@@ -78,6 +77,12 @@ export class Use {
     wake(fn) {
         return this.life(() => [fn(), () => { }]);
     }
+    events(spec) {
+        return this.mount(() => eve(this.element, spec));
+    }
+    states() {
+        return this.once(() => new States(this.element));
+    }
     op = (() => {
         const that = this;
         function op(f) {

package/x/base/use.js.map

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

package/x/base/utils/apply-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-styles.js","sourceRoot":"","sources":["../../../s/base/utils/apply-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAqC,kBAAkB,EAAC,MAAM,KAAK,CAAA;AAEtF,MAAM,UAAU,WAAW,CAAC,MAAkB,EAAE,MAAuB;IACtE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AAC3C,CAAC;AAED,SAAS,aAAa,CAAC,MAAuB;IAC7C,MAAM,aAAa,GAAG,EAAE,CAAA;IAExB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAE,MAAyB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QACxE,KAAK,MAAM,CAAC,IAAI,GAAG;YAClB,aAAa,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAsB,CAAC,CAAC,CAAA;IACnE,CAAC;SACI,IAAI,MAAM,KAAK,SAAS;QAC5B,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,aAAa,CAAA;AACrB,CAAC"}

package/x/base/utils/attr-watcher.d.ts

@@ -0,0 +1,8 @@
+export declare class AttrWatcher {
+    #private;
+    private element;
+    private response;
+    constructor(element: HTMLElement, response: () => void);
+    start(): void;
+    stop(): void;
+}

package/x/base/utils/attr-watcher.js

@@ -0,0 +1,20 @@
+import { dom } from "../../dom/dom.js";
+export class AttrWatcher {
+    element;
+    response;
+    #stopper;
+    constructor(element, response) {
+        this.element = element;
+        this.response = response;
+    }
+    start() {
+        if (!this.#stopper)
+            this.#stopper = dom.attrs(this.element).on(this.response);
+    }
+    stop() {
+        if (this.#stopper)
+            this.#stopper();
+        this.#stopper = undefined;
+    }
+}
+//# sourceMappingURL=attr-watcher.js.map

package/x/base/utils/attr-watcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attr-watcher.js","sourceRoot":"","sources":["../../../s/base/utils/attr-watcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,MAAM,OAAO,WAAW;IAId;IACA;IAJT,QAAQ,CAA0B;IAElC,YACS,OAAoB,EACpB,QAAoB;QADpB,YAAO,GAAP,OAAO,CAAa;QACpB,aAAQ,GAAR,QAAQ,CAAY;IAC1B,CAAC;IAEJ,KAAK;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YACjB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI;QACH,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAA;QAClC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;IAC1B,CAAC;CACD"}

package/x/base/utils/mounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mounts.js","sourceRoot":"","sources":["../../../s/base/utils/mounts.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,MAAM;IAClB,SAAS,GAAyB,EAAE,CAAA;IACpC,WAAW,GAAmB,EAAE,CAAA;IAEhC,KAAK,CAAC,KAAuB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAC/B,CAAC;IAED,UAAU;QACT,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,WAAW;YACrC,OAAO,EAAE,CAAA;QACV,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;IACtB,CAAC;IAED,UAAU;QACT,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,SAAS;YACjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAChC,CAAC;CACD"}

package/x/base/utils/reactor.d.ts

@@ -0,0 +1,5 @@
+export declare class Reactor {
+    #private;
+    effect<R>(collect: () => R, respond: () => Promise<void>): R;
+    clear(): void;
+}

package/x/base/utils/reactor.js

@@ -0,0 +1,25 @@
+import { GMap } from "@e280/stz";
+import { tracker } from "@e280/strata";
+export class Reactor {
+    #map = new GMap();
+    effect(collect, respond) {
+        const { seen, result } = tracker.observe(collect);
+        // add seen items
+        for (const item of seen)
+            this.#map.guarantee(item, () => tracker.subscribe(item, respond));
+        // remove orphaned items
+        for (const [item, dispose] of this.#map) {
+            if (!seen.has(item)) {
+                dispose();
+                this.#map.delete(item);
+            }
+        }
+        return result;
+    }
+    clear() {
+        for (const dispose of this.#map.values())
+            dispose();
+        this.#map.clear();
+    }
+}
+//# sourceMappingURL=reactor.js.map

package/x/base/utils/reactor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactor.js","sourceRoot":"","sources":["../../../s/base/utils/reactor.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAEpC,MAAM,OAAO,OAAO;IACnB,IAAI,GAAG,IAAI,IAAI,EAAmB,CAAA;IAElC,MAAM,CAAI,OAAgB,EAAE,OAA4B;QACvD,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAE/C,iBAAiB;QACjB,KAAK,MAAM,IAAI,IAAI,IAAI;YACtB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;QAElE,wBAAwB;QACxB,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrB,OAAO,EAAE,CAAA;gBACT,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACvB,CAAC;QACF,CAAC;QAED,OAAO,MAAM,CAAA;IACd,CAAC;IAED,KAAK;QACJ,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACvC,OAAO,EAAE,CAAA;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;CACD"}

package/x/base/utils/states.d.ts

@@ -0,0 +1,13 @@
+export declare class States<S extends string = string> {
+    #private;
+    constructor(element: HTMLElement);
+    [Symbol.iterator](): SetIterator<S>;
+    values(): SetIterator<S>;
+    forEach(fn: (s: S) => void): this;
+    get size(): number;
+    has(state: S): boolean;
+    add(...states: S[]): this;
+    delete(...states: S[]): this;
+    clear(): this;
+    assign(...states: S[]): this;
+}

package/x/base/utils/states.js

@@ -0,0 +1,41 @@
+export class States {
+    #states;
+    constructor(element) {
+        this.#states = element.attachInternals().states;
+    }
+    ;
+    [Symbol.iterator]() {
+        return this.#states.values();
+    }
+    values() {
+        return this.#states.values();
+    }
+    forEach(fn) {
+        this.#states.forEach(fn);
+        return this;
+    }
+    get size() {
+        return this.#states.size;
+    }
+    has(state) {
+        return this.#states.has(state);
+    }
+    add(...states) {
+        for (const s of states)
+            this.#states.add(s);
+        return this;
+    }
+    delete(...states) {
+        for (const s of states)
+            this.#states.delete(s);
+        return this;
+    }
+    clear() {
+        this.#states.clear();
+        return this;
+    }
+    assign(...states) {
+        return this.clear().add(...states);
+    }
+}
+//# sourceMappingURL=states.js.map

package/x/base/utils/states.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.js","sourceRoot":"","sources":["../../../s/base/utils/states.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,MAAM;IAClB,OAAO,CAAQ;IAEf,YAAY,OAAoB;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,MAAa,CAAA;IACvD,CAAC;IAED,CAAC;IAAA,CAAC,MAAM,CAAC,QAAQ,CAAC;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;IAC7B,CAAC;IAED,OAAO,CAAC,EAAkB;QACzB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACxB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAA;IACzB,CAAC;IAED,GAAG,CAAC,KAAQ;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,GAAG,CAAC,GAAG,MAAW;QACjB,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3C,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,MAAM,CAAC,GAAG,MAAW;QACpB,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC9C,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QACpB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,MAAM,CAAC,GAAG,MAAW;QACpB,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAA;IACnC,CAAC;CACD"}

package/x/base/utils/use-attrs.d.ts

@@ -0,0 +1,11 @@
+import { Use } from "../use.js";
+import { AttrSpec, AttrTypes } from "../../dom/types.js";
+export type UseAttrs = {
+    <A extends AttrSpec>(spec: A): AttrTypes<A>;
+    strings: Record<string, undefined | string>;
+    numbers: Record<string, undefined | number>;
+    booleans: Record<string, undefined | boolean>;
+    spec<A extends AttrSpec>(spec: A): AttrTypes<A>;
+    on(fn: () => void): void;
+};
+export declare function useAttrs(use: Use): UseAttrs;

package/x/base/utils/use-attrs.js

@@ -0,0 +1,18 @@
+import { dom } from "../../dom/dom.js";
+export function useAttrs(use) {
+    const attrs = dom.attrs(use.element);
+    function attrsFn(spec) {
+        return use.once(() => attrs.spec(spec));
+    }
+    attrsFn.strings = attrs.strings;
+    attrsFn.numbers = attrs.numbers;
+    attrsFn.booleans = attrs.booleans;
+    attrsFn.spec = (spec) => {
+        return use.once(() => attrs.spec(spec));
+    };
+    attrsFn.on = (fn) => {
+        return use.mount(() => attrs.on(fn));
+    };
+    return attrsFn;
+}
+//# sourceMappingURL=use-attrs.js.map

package/x/base/utils/use-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-attrs.js","sourceRoot":"","sources":["../../../s/base/utils/use-attrs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAYpC,MAAM,UAAU,QAAQ,CAAC,GAAQ;IAChC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEpC,SAAS,OAAO,CAAqB,IAAO;QAC3C,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAI,IAAI,CAAC,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;IAC/B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;IAC/B,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAEjC,OAAO,CAAC,IAAI,GAAG,CAAqB,IAAO,EAAE,EAAE;QAC9C,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAI,IAAI,CAAC,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CAAC,EAAE,GAAG,CAAC,EAAc,EAAE,EAAE;QAC/B,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACrC,CAAC,CAAA;IAED,OAAO,OAAO,CAAA;AACf,CAAC"}

package/x/demo/demo.bundle.js

@@ -1,11 +1,11 @@
 import { dom } from "../dom/dom.js";
-import { DemoView } from "./views/demo.js";
-import { CounterView } from "./views/counter.js";
-import { IncrediElement } from "./views/incredi.js";
-dom.in(".demo").render(DemoView());
+import { CounterComponent } from "./views/counter.js";
+import { DemoComponent } from "./views/demo.js";
+import { FastcountElement } from "./views/fastcount.js";
 dom.register({
-    IncrediElement,
-    DemoCounter: CounterView.component(1),
+    DemoComponent,
+    CounterComponent,
+    FastcountElement,
 });
 console.log("🦝 sly");
 //# sourceMappingURL=demo.bundle.js.map

package/x/demo/demo.bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo.bundle.js","sourceRoot":"","sources":["../../s/demo/demo.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AACjC,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAA;AAEjD,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;AAElC,GAAG,CAAC,QAAQ,CAAC;IACZ,cAAc;IACd,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;CACrC,CAAC,CAAA;AAEF,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"demo.bundle.js","sourceRoot":"","sources":["../../s/demo/demo.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AACjC,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAErD,GAAG,CAAC,QAAQ,CAAC;IACZ,aAAa;IACb,gBAAgB;IAChB,gBAAgB;CAChB,CAAC,CAAA;AAEF,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA"}