@e280/sly 0.2.0-8 → 0.2.0

package/x/views/view.js

@@ -1,116 +0,0 @@
-import { render } from "lit";
-import { debounce, MapG } from "@e280/stz";
-import { directive } from "lit/directive.js";
-import { tracker } from "@e280/strata/tracker";
-import { AsyncDirective } from "lit/async-directive.js";
-import { register } from "../dom/register.js";
-import { applyAttrs } from "./utils/apply-attrs.js";
-import { applyStyles } from "./utils/apply-styles.js";
-import { Use, _wrap, _disconnect, _reconnect } from "./use.js";
-export const view = setupView({ mode: "open" });
-export class SlyView extends HTMLElement {
-}
-register({ SlyView }, { soft: true, upgrade: true });
-function setupView(settings) {
-    function view(fn) {
-        const make = (situation) => class ViewDirective extends AsyncDirective {
-            #element = situation.getElement();
-            #shadow = this.#element.attachShadow(settings);
-            #renderDebounced = debounce(0, () => this.#renderNow());
-            #tracking = new MapG;
-            #params;
-            #use = new Use(this.#element, this.#shadow, () => this.#renderNow(), this.#renderDebounced);
-            #fn = (() => {
-                const fn2 = fn(this.#use);
-                this.#element.setAttribute("view", settings.name ?? "");
-                if (settings.styles)
-                    applyStyles(this.#shadow, settings.styles);
-                return fn2;
-            })();
-            #renderNow() {
-                if (!this.#params)
-                    return;
-                if (!this.isConnected)
-                    return;
-                const { context, props } = this.#params;
-                this.#use[_wrap](() => {
-                    // apply html attributes
-                    applyAttrs(this.#element, context.attrs);
-                    // render the template, tracking strata items
-                    const { result, seen } = tracker.observe(() => this.#fn(...props));
-                    // inject the template
-                    render(result, this.#shadow);
-                    // reacting to changes
-                    for (const item of seen)
-                        this.#tracking.guarantee(item, () => tracker.subscribe(item, async () => this.#renderDebounced()));
-                    // inject content into light dom
-                    if (!situation.isComponent)
-                        render(context.children, this.#element);
-                });
-            }
-            render(context, props) {
-                this.#params = { context, props };
-                this.#renderNow();
-                return situation.isComponent ? null : this.#element;
-            }
-            disconnected() {
-                this.#use[_disconnect]();
-                for (const untrack of this.#tracking.values())
-                    untrack();
-                this.#tracking.clear();
-            }
-            reconnected() {
-                this.#use[_reconnect]();
-            }
-        };
-        const d = directive(make({
-            getElement: () => document.createElement(settings.tag ?? "sly-view"),
-            isComponent: false,
-        }));
-        const freshViewContext = () => ({ attrs: {}, children: [] });
-        function rendy(...props) {
-            return d(freshViewContext(), props);
-        }
-        rendy.props = (...props) => {
-            let ctx = freshViewContext();
-            const chain = {
-                children(...children) {
-                    ctx = { ...ctx, children: [...ctx.children, ...children] };
-                    return chain;
-                },
-                attrs(attrs) {
-                    ctx = { ...ctx, attrs: { ...ctx.attrs, ...attrs } };
-                    return chain;
-                },
-                attr(name, value) {
-                    ctx = { ...ctx, attrs: { ...ctx.attrs, [name]: value } };
-                    return chain;
-                },
-                render() {
-                    return d(ctx, props);
-                },
-            };
-            return chain;
-        };
-        rendy.component = (...props) => class ViewComponent extends HTMLElement {
-            #context = freshViewContext();
-            #directive = directive(make({
-                getElement: () => this,
-                isComponent: true,
-            }));
-            connectedCallback() {
-                this.render(...props);
-            }
-            render(...props) {
-                if (this.isConnected)
-                    render(this.#directive(this.#context, props), this);
-            }
-        };
-        return rendy;
-    }
-    view.declare = view;
-    view.settings = (settings2) => setupView({ ...settings, ...settings2 });
-    view.component = (fn) => view(use => () => fn(use)).component();
-    return view;
-}
-//# sourceMappingURL=view.js.map

package/x/views/view.js.map

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