@loadbare/app 0.5.5 → 0.6.0

package/dist/hub/lb-rows.js

@@ -1,106 +0,0 @@
-/// <reference lib="dom" />
-/**
- * The row machinery a list widget shares — see docs/reference/custom-elements.md,
- * "Accepting rows".
- *
- * A widget owns where a row goes and nothing else. Cloning the template,
- * matching a tuple to the row already showing it, and filling that row are
- * the same in every list, so they are here, and a widget that sorts or groups
- * supplies one function rather than a second implementation of all of it.
- */
-import { ATTR_KEY, ATTR_ROW_COUNT } from "../core/lb-constants";
-import { applyTuple } from "./lb-apply";
-const before = (row, _tuple, template) => {
-    template.parentElement.insertBefore(row, template);
-};
-/** The row template: the one the page author wrote inside this widget. */
-function templateIn(scope) {
-    const template = scope.querySelector("template");
-    if (!template) {
-        console.error(`lb-rows: <${scope.localName}> has no <template> to clone`);
-        return null;
-    }
-    if (!template.getAttribute(ATTR_KEY)) {
-        console.error(`lb-rows: the <template> in <${scope.localName}> has no ${ATTR_KEY} ` +
-            `naming the column that identifies a row`);
-        return null;
-    }
-    return template;
-}
-/**
- * The rows already showing, by the key value each carries.
- *
- * `lb-key` names the key column on the template and carries the key value on
- * a live row. One name in two positions, and never ambiguous, because a
- * template is not a row.
- */
-function showing(scope, template) {
-    const rows = new Map();
-    for (const el of scope.querySelectorAll(`[${ATTR_KEY}]`)) {
-        if (el !== template)
-            rows.set(el.getAttribute(ATTR_KEY), el);
-    }
-    return rows;
-}
-/**
- * Land a projection in a widget's subtree.
- *
- * `rows` is the whole set, so it decides membership and order: every row is
- * placed in the order given, and a row whose key did not arrive is gone.
- * `patch` disturbs only what it names — a row it did not mention keeps its
- * contents and its position.
- */
-export function applyRows(scope, result, place = before) {
-    const template = templateIn(scope);
-    if (!template)
-        return;
-    const keyCell = template.getAttribute(ATTR_KEY);
-    const rows = showing(scope, template);
-    const upsert = (tuple) => {
-        const key = tuple[keyCell];
-        if (key === undefined) {
-            console.error(`lb-rows: a tuple for <${scope.localName}> has no '${keyCell}' cell`);
-            return null;
-        }
-        let row = rows.get(key);
-        const fresh = row === undefined;
-        if (!row) {
-            row = template.content.firstElementChild.cloneNode(true);
-            row.setAttribute(ATTR_KEY, key);
-            rows.set(key, row);
-        }
-        // Fill before insertion. The attributes are already there when the row
-        // upgrades, which is the same thing that makes hydration and refresh one
-        // operation everywhere else.
-        applyTuple(row, tuple);
-        if (fresh || result.op === "rows")
-            place(row, tuple, template);
-        return key;
-    };
-    if (result.op === "rows") {
-        const arrived = new Set();
-        for (const tuple of result.rows) {
-            const key = upsert(tuple);
-            if (key !== null)
-                arrived.add(key);
-        }
-        for (const [key, row] of rows)
-            if (!arrived.has(key))
-                row.remove();
-    }
-    else {
-        for (const tuple of result.rows ?? [])
-            upsert(tuple);
-        for (const key of result.drop ?? [])
-            rows.get(key)?.remove();
-    }
-    // How many rows are showing, counted from the DOM rather than from either
-    // branch above, so a set and a patch report the same fact the same way.
-    //
-    // It is stamped here because only this function knows the count: it is the
-    // one conditional a page cannot be sent, since the server answers with rows
-    // and says nothing about how many survived reconciliation. A page says what
-    // an empty list looks like in a stylesheet, and no list widget carries code
-    // for it. See docs/reference/data-binding.md.
-    scope.setAttribute(ATTR_ROW_COUNT, String(showing(scope, template).size));
-}

package/dist/tests/lb-rows.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"lb-rows.test.d.ts","sourceRoot":"","sources":["../../tests/lb-rows.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}