@e280/sly 0.0.0-1 → 0.0.0-2

package/x/demo/demo.css

@@ -79,11 +79,17 @@
 		display: block;
 		width: 100%;
 		max-width: 24em;
+		max-height: 30vh;
+		object-fit: contain;
 	}
 
 	.lil {
 		opacity: 0.6;
 		font-size: 0.8em;
 	}
+
+	:not(:defined) {
+		display: none;
+	}
 }
 

package/x/features/dom/dashify.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Convert a camel-case name into a dashed name
+ * - for example
+ *       dashify("BigManStyle")
+ *        // "big-man-style"
+ */
+export declare function dashify(camel: string): string;

package/x/features/dom/dashify.js

@@ -0,0 +1,10 @@
+/**
+ * Convert a camel-case name into a dashed name
+ * - for example
+ *       dashify("BigManStyle")
+ *        // "big-man-style"
+ */
+export function dashify(camel) {
+    return camel.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase();
+}
+//# sourceMappingURL=dashify.js.map

package/x/features/dom/dashify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashify.js","sourceRoot":"","sources":["../../../s/features/dom/dashify.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;AAClE,CAAC"}

package/x/features/dom/dollar.d.ts

@@ -0,0 +1,8 @@
+export declare const $: typeof one;
+export type Queryable = HTMLElement | Document | ShadowRoot | Element;
+declare function one<E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable): E;
+declare namespace one {
+    var maybe: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E | null;
+    var all: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E[];
+}
+export {};

package/x/features/dom/dollar.js

@@ -0,0 +1,15 @@
+export const $ = one;
+function all(selector, context = document) {
+    return Array.from(context.querySelectorAll(selector));
+}
+function one(selector, context = document) {
+    const e = context.querySelector(selector);
+    if (!e)
+        throw new Error(`$1 ${selector} not found`);
+    return e;
+}
+one.maybe = (selector, context = document) => {
+    return context.querySelector(selector);
+};
+one.all = all;
+//# sourceMappingURL=dollar.js.map

package/x/features/dom/dollar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dollar.js","sourceRoot":"","sources":["../../../s/features/dom/dollar.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAA;AAIpB,SAAS,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ;IAChG,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;AACzD,CAAC;AAED,SAAS,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ;IAChG,MAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC5C,IAAI,CAAC,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,YAAY,CAAC,CAAA;IACnD,OAAO,CAAC,CAAA;AACT,CAAC;AAED,GAAG,CAAC,KAAK,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ,EAAE,EAAE;IACpG,OAAO,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,GAAG,CAAC,GAAG,GAAG,GAAG,CAAA"}

package/x/features/dom/register.d.ts

@@ -0,0 +1,18 @@
+import { HTMLElementClasses } from "./types.js";
+export type RegistrationOptions = {
+    soft: boolean;
+    upgrade: boolean;
+};
+/**
+ * register custom elements (web components) to the dom
+ *  - takes an object full of custom html elements, and automatically dashes the names
+ *    - eg, `MyCoolElement` is registered as `<my-cool-element></my-cool-element>`
+ *  - calls `customElements.define`
+ *  - option `soft`
+ *    - `false` (default) will throw errors if elements are already defined
+ *    - `true` will do nothing if an element is already defined
+ *  - option `upgrade`
+ *    - `true` (default) will run `customElements.upgrade` where appropriate
+ *    - `false` will NOT upgrade any existing elements on the page
+ */
+export declare function register<E extends HTMLElementClasses>(elements: E, options?: Partial<RegistrationOptions>): void;

package/x/features/dom/register.js

@@ -0,0 +1,29 @@
+import { dashify } from "./dashify.js";
+/**
+ * register custom elements (web components) to the dom
+ *  - takes an object full of custom html elements, and automatically dashes the names
+ *    - eg, `MyCoolElement` is registered as `<my-cool-element></my-cool-element>`
+ *  - calls `customElements.define`
+ *  - option `soft`
+ *    - `false` (default) will throw errors if elements are already defined
+ *    - `true` will do nothing if an element is already defined
+ *  - option `upgrade`
+ *    - `true` (default) will run `customElements.upgrade` where appropriate
+ *    - `false` will NOT upgrade any existing elements on the page
+ */
+export function register(elements, options = {}) {
+    const { soft = false, upgrade = true, } = options;
+    for (const [name, Element] of Object.entries(elements)) {
+        const tag = dashify(name);
+        const already = customElements.get(tag);
+        if (soft && already)
+            continue;
+        customElements.define(tag, Element);
+        if (upgrade)
+            document.querySelectorAll(tag).forEach(element => {
+                if (element.constructor === HTMLElement)
+                    customElements.upgrade(element);
+            });
+    }
+}
+//# sourceMappingURL=register.js.map

package/x/features/dom/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../s/features/dom/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAQpC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,UAAwC,EAAE;IAG3C,MAAM,EACL,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,GACd,GAAG,OAAO,CAAA;IAEX,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,IAAI,IAAI,OAAO;YAClB,SAAQ;QAET,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAEnC,IAAI,OAAO;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW;oBACtC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;IACJ,CAAC;AACF,CAAC"}

package/x/features/dom/types.d.ts

@@ -0,0 +1,5 @@
+export type HTMLElementClasses = {
+    [key: string]: {
+        new (...args: any[]): HTMLElement;
+    };
+};

package/x/features/dom/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/x/features/dom/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../s/features/dom/types.ts"],"names":[],"mappings":""}

package/x/features/loady/ascii-loader.d.ts

@@ -0,0 +1,5 @@
+export declare const loady: {
+    cylon: <V>(op: import("../op/op.js").Op<V>, fn: (value: V) => import("../views/types.js").Content) => string | void | HTMLElement | import("lit-html").TemplateResult | import("lit-html/directive.js").DirectiveResult<import("lit-html/directive.js").DirectiveClass> | null | undefined;
+    dots: <V>(op: import("../op/op.js").Op<V>, fn: (value: V) => import("../views/types.js").Content) => string | void | HTMLElement | import("lit-html").TemplateResult | import("lit-html/directive.js").DirectiveResult<import("lit-html/directive.js").DirectiveClass> | null | undefined;
+    binary: <V>(op: import("../op/op.js").Op<V>, fn: (value: V) => import("../views/types.js").Content) => string | void | HTMLElement | import("lit-html").TemplateResult | import("lit-html/directive.js").DirectiveResult<import("lit-html/directive.js").DirectiveClass> | null | undefined;
+};

package/x/features/loady/ascii-loader.js

@@ -0,0 +1,33 @@
+import { makeAsciiLoader } from "./parts/ascii-loader.js";
+const hz = 15;
+export const loady = {
+    cylon: makeAsciiLoader(hz, [
+        "=----",
+        "-=---",
+        "--=--",
+        "---=-",
+        "----=",
+        "-----",
+        "-----",
+    ]),
+    dots: makeAsciiLoader(hz, [
+        ":....",
+        "::...",
+        ".::..",
+        "..::.",
+        "...::",
+        "....:",
+        ".....",
+        ".....",
+    ]),
+    binary: makeAsciiLoader(hz, [
+        "01111",
+        "10111",
+        "11011",
+        "11101",
+        "11110",
+        "11111",
+        "11111",
+    ]),
+};
+//# sourceMappingURL=ascii-loader.js.map

package/x/features/loady/ascii-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascii-loader.js","sourceRoot":"","sources":["../../../s/features/loady/ascii-loader.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,MAAM,EAAE,GAAG,EAAE,CAAA;AAEb,MAAM,CAAC,MAAM,KAAK,GAAG;IACpB,KAAK,EAAE,eAAe,CAAC,EAAE,EAAE;QAC1B,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;KACP,CAAC;IAEF,IAAI,EAAE,eAAe,CAAC,EAAE,EAAE;QACzB,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;KACP,CAAC;IAEF,MAAM,EAAE,eAAe,CAAC,EAAE,EAAE;QAC3B,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;KACP,CAAC;CACF,CAAA"}

package/x/features/loady/parts/ascii-anim.d.ts

@@ -0,0 +1,8 @@
+export declare const AsciiAnim: {
+    (hz: number, anim: string[]): import("lit-html/directive.js").DirectiveResult<any>;
+    props: /*elided*/ any;
+    with(w2: Partial<import("../../views/types.js").ViewWith>): /*elided*/ any;
+    children(children: import("../../views/types.js").Content): /*elided*/ any;
+    attrs(attrs: Record<string, import("../../views/types.js").AttrValue>): /*elided*/ any;
+    attr(name: string, value: import("../../views/types.js").AttrValue): /*elided*/ any;
+};

package/x/features/loady/parts/ascii-anim.js

@@ -0,0 +1,21 @@
+import { css } from "lit";
+import { nap, repeat } from "@e280/stz";
+import { view } from "../../views/view.js";
+import { cssReset } from "../../views/css-reset.js";
+const style = css `
+:host {
+	font-family: monospace;
+}
+`;
+export const AsciiAnim = view(use => (hz, anim) => {
+    use.name("loading");
+    use.styles(cssReset, style);
+    const frame = use.signal(0);
+    use.mount(() => repeat(async () => {
+        await nap(1000 / hz);
+        const next = frame() + 1;
+        frame(next >= anim.length ? 0 : next);
+    }));
+    return anim.at(frame());
+});
+//# sourceMappingURL=ascii-anim.js.map

package/x/features/loady/parts/ascii-anim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascii-anim.js","sourceRoot":"","sources":["../../../../s/features/loady/parts/ascii-anim.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEjD,MAAM,KAAK,GAAG,GAAG,CAAA;;;;CAIhB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAU,EAAE,IAAc,EAAE,EAAE;IACnE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAE3B,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAG,EAAE;QAChC,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;QACpB,MAAM,IAAI,GAAG,KAAK,EAAE,GAAG,CAAC,CAAA;QACxB,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAC,CAAC,CAAA;IAEH,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;AACxB,CAAC,CAAC,CAAA"}

package/x/features/loady/parts/ascii-loader.d.ts

@@ -0,0 +1,3 @@
+import { Op } from "../../op/op.js";
+import { Content } from "../../views/types.js";
+export declare function makeAsciiLoader(hz: number, anim: string[]): <V>(op: Op<V>, fn: (value: V) => Content) => string | void | HTMLElement | import("lit-html").TemplateResult | import("lit-html/directive.js").DirectiveResult<import("lit-html/directive.js").DirectiveClass> | null | undefined;

package/x/features/loady/parts/ascii-loader.js

@@ -0,0 +1,10 @@
+import { AsciiAnim } from "./ascii-anim.js";
+import { ErrorDisplay } from "./error-display.js";
+export function makeAsciiLoader(hz, anim) {
+    return (op, fn) => op.select({
+        loading: () => AsciiAnim(hz, anim),
+        error: error => ErrorDisplay(error),
+        ready: fn,
+    });
+}
+//# sourceMappingURL=ascii-loader.js.map

package/x/features/loady/parts/ascii-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ascii-loader.js","sourceRoot":"","sources":["../../../../s/features/loady/parts/ascii-loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAE/C,MAAM,UAAU,eAAe,CAAC,EAAU,EAAE,IAAc;IACzD,OAAO,CAAI,EAAS,EAAE,EAAyB,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC;QAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC;QAClC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;QACnC,KAAK,EAAE,EAAE;KACT,CAAC,CAAA;AACH,CAAC"}

package/x/features/loady/parts/error-display.d.ts

@@ -0,0 +1,8 @@
+export declare const ErrorDisplay: {
+    (error: any): import("lit-html/directive.js").DirectiveResult<any>;
+    props: /*elided*/ any;
+    with(w2: Partial<import("../../views/types.js").ViewWith>): /*elided*/ any;
+    children(children: import("../../views/types.js").Content): /*elided*/ any;
+    attrs(attrs: Record<string, import("../../views/types.js").AttrValue>): /*elided*/ any;
+    attr(name: string, value: import("../../views/types.js").AttrValue): /*elided*/ any;
+};

package/x/features/loady/parts/error-display.js

@@ -0,0 +1,20 @@
+import { css, html } from "lit";
+import { view } from "../../views/view.js";
+import { cssReset } from "../../views/css-reset.js";
+const style = css `
+:host {
+	font-family: monospace;
+	color: red;
+}
+`;
+export const ErrorDisplay = view(use => (error) => {
+    use.name("loading");
+    use.styles(cssReset, style);
+    if (typeof error === "string")
+        return error;
+    else if (error instanceof Error)
+        return html `<strong>${error.name}:</strong> <span>${error.message}</span>`;
+    else
+        return `error`;
+});
+//# sourceMappingURL=error-display.js.map

package/x/features/loady/parts/error-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-display.js","sourceRoot":"","sources":["../../../../s/features/loady/parts/error-display.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AAEjD,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;CAKhB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE;IACtD,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnB,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAE3B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC5B,OAAO,KAAK,CAAA;SAER,IAAI,KAAK,YAAY,KAAK;QAC9B,OAAO,IAAI,CAAA,WAAW,KAAK,CAAC,IAAI,oBAAoB,KAAK,CAAC,OAAO,SAAS,CAAA;;QAG1E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAC,CAAA"}

package/x/features/op/op.d.ts

@@ -0,0 +1,21 @@
+import { Pod, PodSelect } from "./types.js";
+export declare class Op<V> {
+    #private;
+    static loading(): Op<unknown>;
+    static ready<V>(value: V): Op<V>;
+    static error(error: any): Op<unknown>;
+    static promise<V>(promise: Promise<V>): Op<V>;
+    static fn<V>(fn: () => Promise<V>): Op<V>;
+    readonly signal: import("@e280/strata/signals").Signal<Pod<V>>;
+    get wait(): Promise<unknown>;
+    setLoading(): Promise<void>;
+    setReady(value: V): Promise<void>;
+    setError(error: any): Promise<void>;
+    promise(promise: Promise<V>): Promise<V | undefined>;
+    fn(fn: () => Promise<V>): Promise<V | undefined>;
+    get pod(): Pod<V>;
+    get status(): "loading" | "ready" | "error";
+    get value(): V | undefined;
+    require(): V;
+    select<R>(select: PodSelect<V, R>): R;
+}

package/x/features/op/op.js

@@ -0,0 +1,79 @@
+import { pub } from "@e280/stz";
+import { signal } from "@e280/strata/signals";
+import { pod } from "./pod.js";
+export class Op {
+    static loading() {
+        return new this();
+    }
+    static ready(value) {
+        const op = new this();
+        op.signal(["ready", value]);
+        return op;
+    }
+    static error(error) {
+        const op = new this();
+        op.signal(["error", error]);
+        return op;
+    }
+    static promise(promise) {
+        const op = new this();
+        op.promise(promise);
+        return op;
+    }
+    static fn(fn) {
+        return this.promise(fn());
+    }
+    signal = signal(["loading"]);
+    #resolve = pub();
+    #reject = pub();
+    get wait() {
+        return new Promise((resolve, reject) => {
+            this.#resolve.next().then(resolve);
+            this.#reject.next().then(reject);
+        });
+    }
+    async setLoading() {
+        await this.signal(["loading"]);
+    }
+    async setReady(value) {
+        await this.signal(["ready", value]);
+        await this.#resolve(value);
+    }
+    async setError(error) {
+        await this.signal(["error", error]);
+        await this.#reject(error);
+    }
+    async promise(promise) {
+        await this.setLoading();
+        try {
+            const value = await promise;
+            await this.setReady(value);
+            return value;
+        }
+        catch (error) {
+            await this.setError(error);
+        }
+    }
+    async fn(fn) {
+        return this.promise(fn());
+    }
+    get pod() {
+        return this.signal();
+    }
+    get status() {
+        return this.signal()[0];
+    }
+    get value() {
+        return pod.value(this.signal());
+    }
+    require() {
+        const pod = this.signal();
+        if (pod[0] !== "ready")
+            throw new Error("required value not ready");
+        return pod[1];
+    }
+    select(select) {
+        return pod.select(this.signal(), select);
+    }
+}
+//# sourceMappingURL=op.js.map

package/x/features/op/op.js.map

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

package/x/features/op/pod.d.ts

@@ -0,0 +1,5 @@
+import { Pod, PodSelect } from "./types.js";
+export declare const pod: {
+    value: <V>(pod: Pod<V>) => V | undefined;
+    select: <V, R>(pod: Pod<V>, select: PodSelect<V, R>) => R;
+};

package/x/features/op/pod.js

@@ -0,0 +1,16 @@
+export const pod = {
+    value: (pod) => {
+        return pod[0] === "ready"
+            ? pod[1]
+            : undefined;
+    },
+    select: (pod, select) => {
+        switch (pod[0]) {
+            case "loading": return select.loading();
+            case "error": return select.error(pod[1]);
+            case "ready": return select.ready(pod[1]);
+            default: throw new Error("unknown op status");
+        }
+    },
+};
+//# sourceMappingURL=pod.js.map

package/x/features/op/pod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pod.js","sourceRoot":"","sources":["../../../s/features/op/pod.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,GAAG,GAAG;IAClB,KAAK,EAAE,CAAI,GAAW,EAAE,EAAE;QACzB,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO;YACxB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACR,CAAC,CAAC,SAAS,CAAA;IACb,CAAC;IACD,MAAM,EAAE,CAAO,GAAW,EAAE,MAAuB,EAAE,EAAE;QACtD,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,KAAK,SAAS,CAAC,CAAC,OAAO,MAAM,CAAC,OAAO,EAAE,CAAA;YACvC,KAAK,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;YACzC,KAAK,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;YACzC,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAA;QAC9C,CAAC;IACF,CAAC;CACD,CAAA"}

package/x/features/op/types.d.ts

@@ -0,0 +1,9 @@
+export type PodLoading = [status: "loading"];
+export type PodReady<V> = [status: "ready", value: V];
+export type PodError = [status: "error", error: any];
+export type Pod<V> = PodLoading | PodReady<V> | PodError;
+export type PodSelect<V, R> = {
+    loading: () => R;
+    ready: (value: V) => R;
+    error: (error: any) => R;
+};

package/x/features/op/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/x/features/op/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../s/features/op/types.ts"],"names":[],"mappings":""}

package/x/features/views/css-reset.d.ts

@@ -0,0 +1,2 @@
+import { CSSResultGroup } from "lit";
+export declare const cssReset: CSSResultGroup;

package/x/features/views/css-reset.js

@@ -0,0 +1,19 @@
+import { css } from "lit";
+export const cssReset = css `
+	@layer reset {
+		* {
+			margin: 0;
+			padding: 0;
+			box-sizing: border-box;
+
+			scrollbar-width: thin;
+			scrollbar-color: #888 transparent;
+		}
+
+		::-webkit-scrollbar { width: 8px; }
+		::-webkit-scrollbar-track { background: transparent; }
+		::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
+		::-webkit-scrollbar-thumb:hover { background: #444; }
+	}
+`;
+//# sourceMappingURL=css-reset.js.map

package/x/features/views/css-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../../s/features/views/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/features/views/types.d.ts

@@ -0,0 +1,16 @@
+import { DirectiveResult } from "lit/directive.js";
+import { CSSResultGroup, TemplateResult } from "lit";
+import { Use } from "./use.js";
+export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void;
+export type AttrValue = string | boolean | number | undefined | null | void;
+export type ViewFn<Props extends any[]> = (use: Use) => (...props: Props) => Content;
+export type View<Props extends any[]> = (...props: Props) => DirectiveResult<any>;
+export type ViewSettings = ShadowRootInit & {
+    tag?: string;
+    name?: string;
+    styles?: CSSResultGroup;
+};
+export type ViewWith = {
+    children: Content;
+    attrs: Record<string, AttrValue>;
+};

package/x/features/views/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/x/features/views/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../s/features/views/types.ts"],"names":[],"mappings":""}

package/x/features/views/use.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultGroup } from "lit";
+import { Op } from "../op/op.js";
+export declare const _wrap: unique symbol;
+export declare const _disconnect: unique symbol;
+export declare const _reconnect: unique symbol;
+export declare class Use {
+    #private;
+    element: HTMLElement;
+    shadow: ShadowRoot;
+    [_wrap](fn: () => void): void;
+    [_disconnect](): void;
+    [_reconnect](): void;
+    constructor(element: HTMLElement, shadow: ShadowRoot);
+    get renderCount(): number;
+    get rendered(): Promise<void>;
+    once<V>(fn: () => V): V;
+    styles(...styles: CSSResultGroup[]): void;
+    name(name: string): void;
+    signal<V>(value: V): import("@e280/strata/signals").Signal<V>;
+    mount(mount: () => () => void): void;
+    op: {
+        promise: <V>(p: Promise<V>) => Op<V>;
+        fn: <V>(f: () => Promise<V>) => Op<V>;
+    };
+}

package/x/features/views/use.js

@@ -0,0 +1,62 @@
+import { defer, MapG } from "@e280/stz";
+import { signal } from "@e280/strata/signals";
+import { Op } from "../op/op.js";
+import { Mounts } from "./utils/mounts.js";
+import { applyStyles } from "./utils/apply-styles.js";
+export const _wrap = Symbol();
+export const _disconnect = Symbol();
+export const _reconnect = Symbol();
+export class Use {
+    element;
+    shadow;
+    #runs = 0;
+    #position = 0;
+    #values = new MapG();
+    #rendered = defer();
+    #mounts = new Mounts();
+    [_wrap](fn) {
+        this.#runs++;
+        this.#position = 0;
+        this.#rendered = defer();
+        fn();
+        this.#rendered.resolve();
+    }
+    ;
+    [_disconnect]() {
+        this.#mounts.unmountAll();
+    }
+    ;
+    [_reconnect]() {
+        this.#mounts.remountAll();
+    }
+    constructor(element, shadow) {
+        this.element = element;
+        this.shadow = shadow;
+    }
+    get renderCount() {
+        return this.#runs;
+    }
+    get rendered() {
+        return this.#rendered.promise;
+    }
+    once(fn) {
+        return this.#values.guarantee(this.#position++, fn);
+    }
+    styles(...styles) {
+        this.once(() => applyStyles(this.shadow, styles));
+    }
+    name(name) {
+        this.once(() => this.element.setAttribute("view", name));
+    }
+    signal(value) {
+        return this.once(() => signal(value));
+    }
+    mount(mount) {
+        return this.once(() => this.#mounts.mount(mount));
+    }
+    op = {
+        promise: (p) => this.once(() => Op.promise(p)),
+        fn: (f) => this.once(() => Op.fn(f)),
+    };
+}
+//# sourceMappingURL=use.js.map

package/x/features/views/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../s/features/views/use.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAA;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,aAAa,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AAEnD,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,EAAE,CAAA;AAC7B,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,EAAE,CAAA;AACnC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,EAAE,CAAA;AAElC,MAAM,OAAO,GAAG;IAwBP;IACA;IAxBR,KAAK,GAAG,CAAC,CAAA;IACT,SAAS,GAAG,CAAC,CAAA;IACb,OAAO,GAAG,IAAI,IAAI,EAAe,CAAA;IACjC,SAAS,GAAG,KAAK,EAAE,CAAA;IACnB,OAAO,GAAG,IAAI,MAAM,EAAE,CAErB;IAAA,CAAC,KAAK,CAAC,CAAC,EAAc;QACtB,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,EAAE,CAAA;QACxB,EAAE,EAAE,CAAA;QACJ,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAA;IACzB,CAAC;IAED,CAAC;IAAA,CAAC,WAAW,CAAC;QACb,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;IAC1B,CAAC;IAED,CAAC;IAAA,CAAC,UAAU,CAAC;QACZ,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;IAC1B,CAAC;IAED,YACQ,OAAoB,EACpB,MAAkB;QADlB,YAAO,GAAP,OAAO,CAAa;QACpB,WAAM,GAAN,MAAM,CAAY;IACvB,CAAC;IAEJ,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,KAAK,CAAA;IAClB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAA;IAC9B,CAAC;IAED,IAAI,CAAI,EAAW;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE,CAAM,CAAA;IACzD,CAAC;IAED,MAAM,CAAC,GAAG,MAAwB;QACjC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,IAAI,CAAC,IAAY;QAChB,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IACzD,CAAC;IAED,MAAM,CAAI,KAAQ;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAI,KAAK,CAAC,CAAC,CAAA;IACzC,CAAC;IAED,KAAK,CAAC,KAAuB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,EAAE,GAAG;QACJ,OAAO,EAAE,CAAI,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7D,EAAE,EAAE,CAAI,CAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KACzD,CAAA;CACD"}

package/x/features/views/utils/apply-attrs.d.ts

@@ -0,0 +1,2 @@
+import { AttrValue } from "../types.js";
+export declare function applyAttrs(element: HTMLElement, attrs: Record<string, AttrValue>): void;

package/x/features/views/utils/apply-attrs.js

@@ -0,0 +1,21 @@
+export function applyAttrs(element, attrs) {
+    for (const [key, value] of Object.entries(attrs)) {
+        if (value === undefined)
+            element.removeAttribute(key);
+        else if (value === null)
+            element.removeAttribute(key);
+        else if (typeof value === "string")
+            element.setAttribute(key, value);
+        else if (typeof value === "number")
+            element.setAttribute(key, value.toString());
+        else if (typeof value === "boolean") {
+            if (value === true)
+                element.setAttribute(key, "");
+            else
+                element.removeAttribute(key);
+        }
+        else
+            console.warn(`invalid attribute type ${key} is ${typeof value}`);
+    }
+}
+//# sourceMappingURL=apply-attrs.js.map

package/x/features/views/utils/apply-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-attrs.js","sourceRoot":"","sources":["../../../../s/features/views/utils/apply-attrs.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,UAAU,CACxB,OAAoB,EACpB,KAAgC;IAGjC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,IAAI,KAAK,KAAK,SAAS;YACtB,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;aAExB,IAAI,KAAK,KAAK,IAAI;YACtB,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;aAExB,IAAI,OAAO,KAAK,KAAK,QAAQ;YACjC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;aAE5B,IAAI,OAAO,KAAK,KAAK,QAAQ;YACjC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;aAEvC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YACrC,IAAI,KAAK,KAAK,IAAI;gBACjB,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;;gBAE7B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;QAC9B,CAAC;;YAGA,OAAO,CAAC,IAAI,CAAC,0BAA0B,GAAG,OAAO,OAAO,KAAK,EAAE,CAAC,CAAA;IAClE,CAAC;AACF,CAAC"}

package/x/features/views/utils/apply-styles.d.ts

@@ -0,0 +1,2 @@
+import { CSSResultGroup } from "lit";
+export declare function applyStyles(shadow: ShadowRoot, styles?: CSSResultGroup): void;