vastgrid 0.1.1 → 0.2.1

package/dist/react/toolbar-popover.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+/**
+ * A button of the toolbar and its popover, whose content is rendered only while it is open, so that a content loaded
+ * with `lazy` is downloaded when it is first opened (§10 of react.md) and starts from the state as it is then. The
+ * popover opens under the button, its right edge at the button's, and follows its content's size.
+ */
+export declare function ToolbarPopover({ label, title, className, pressed, children, }: {
+    label: ReactNode;
+    title: string;
+    className: string;
+    pressed?: boolean;
+    children: (close: () => void) => ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=toolbar-popover.d.ts.map

package/dist/react/toolbar-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-popover.d.ts","sourceRoot":"","sources":["../../src/react/toolbar-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuE,MAAM,OAAO,CAAC;AAG5G;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CAC5C,+BAgDA"}

package/dist/react/toolbar-popover.js

@@ -0,0 +1,143 @@
+import { c as _c } from "react/compiler-runtime";
+import { Suspense, use, useEffect, useId, useRef, useState } from "react";
+import { LocaleContext } from "./context.js";
+
+/**
+ * A button of the toolbar and its popover, whose content is rendered only while it is open, so that a content loaded
+ * with `lazy` is downloaded when it is first opened (§10 of react.md) and starts from the state as it is then. The
+ * popover opens under the button, its right edge at the button's, and follows its content's size.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ToolbarPopover(t0) {
+  const $ = _c(23);
+  const {
+    label,
+    title,
+    className,
+    pressed,
+    children
+  } = t0;
+  const {
+    messages
+  } = use(LocaleContext);
+  const [open, setOpen] = useState(false);
+  const id = useId();
+  const buttonRef = useRef(null);
+  const menuRef = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] !== open) {
+    t1 = () => {
+      const menu = menuRef.current;
+      if (!open || !menu) {
+        return;
+      }
+      const place = () => {
+        const button = buttonRef.current;
+        if (!button) {
+          return;
+        }
+        const rect = button.getBoundingClientRect();
+        menu.style.top = `${rect.bottom + 4}px`;
+        menu.style.left = `${Math.max(8, rect.right - menu.offsetWidth)}px`;
+      };
+      place();
+      const observer = new ResizeObserver(place);
+      observer.observe(menu);
+      return () => observer.disconnect();
+    };
+    t2 = [open];
+    $[0] = open;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = event => setOpen(event.newState === "open");
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const onToggle = t3;
+  let t4;
+  if ($[4] !== id) {
+    t4 = () => document.getElementById(id)?.hidePopover();
+    $[4] = id;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const close = t4;
+  let t5;
+  if ($[6] !== id || $[7] !== label || $[8] !== pressed) {
+    t5 = /*#__PURE__*/_jsx("button", {
+      ref: buttonRef,
+      type: "button",
+      className: "vg-button",
+      popoverTarget: id,
+      "aria-pressed": pressed,
+      children: label
+    });
+    $[6] = id;
+    $[7] = label;
+    $[8] = pressed;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = `vg-menu ${className}`;
+  let t7;
+  if ($[10] !== children || $[11] !== close || $[12] !== messages || $[13] !== open) {
+    t7 = open && /*#__PURE__*/_jsx(Suspense, {
+      fallback: /*#__PURE__*/_jsx("p", {
+        className: "vg-filter__note",
+        children: messages.loading
+      }),
+      children: children(close)
+    });
+    $[10] = children;
+    $[11] = close;
+    $[12] = messages;
+    $[13] = open;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== id || $[16] !== t6 || $[17] !== t7 || $[18] !== title) {
+    t8 = /*#__PURE__*/_jsx("div", {
+      ref: menuRef,
+      id: id,
+      popover: "auto",
+      role: "dialog",
+      className: t6,
+      "aria-label": title,
+      onToggle: onToggle,
+      children: t7
+    });
+    $[15] = id;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = title;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  let t9;
+  if ($[20] !== t5 || $[21] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t5, t8]
+    });
+    $[20] = t5;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  return t9;
+}
+//# sourceMappingURL=toolbar-popover.js.map

package/dist/react/toolbar-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Suspense","use","useEffect","useId","useRef","useState","LocaleContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ToolbarPopover","t0","$","_c","label","title","className","pressed","children","messages","open","setOpen","id","buttonRef","menuRef","t1","t2","menu","current","place","button","rect","getBoundingClientRect","style","top","bottom","left","Math","max","right","offsetWidth","observer","ResizeObserver","observe","disconnect","t3","Symbol","for","event","newState","onToggle","t4","document","getElementById","hidePopover","close","t5","type","t6","t7","fallback","loading","t8","popover","role","t9"],"sources":["toolbar-popover.tsx"],"sourcesContent":["import { type ReactNode, Suspense, type ToggleEvent, use, useEffect, useId, useRef, useState } from \"react\";\nimport { LocaleContext } from \"./context.js\";\n\n/**\n * A button of the toolbar and its popover, whose content is rendered only while it is open, so that a content loaded\n * with `lazy` is downloaded when it is first opened (§10 of react.md) and starts from the state as it is then. The\n * popover opens under the button, its right edge at the button's, and follows its content's size.\n */\nexport function ToolbarPopover({\n  label,\n  title,\n  className,\n  pressed,\n  children,\n}: {\n  label: ReactNode;\n  title: string;\n  className: string;\n  pressed?: boolean;\n  children: (close: () => void) => ReactNode;\n}) {\n  const { messages } = use(LocaleContext);\n  const [open, setOpen] = useState(false);\n  const id = useId();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!open || !menu) return;\n    const place = () => {\n      const button = buttonRef.current;\n      if (!button) return;\n      const rect = button.getBoundingClientRect();\n      menu.style.top = `${rect.bottom + 4}px`;\n      menu.style.left = `${Math.max(8, rect.right - menu.offsetWidth)}px`;\n    };\n    place();\n    // The content may arrive after the popover opened.\n    const observer = new ResizeObserver(place);\n    observer.observe(menu);\n    return () => observer.disconnect();\n  }, [open]);\n\n  const onToggle = (event: ToggleEvent<HTMLDivElement>) => setOpen(event.newState === \"open\");\n  // By id, not by the ref: the content gets it during render.\n  const close = () => document.getElementById(id)?.hidePopover();\n\n  return (\n    <>\n      <button ref={buttonRef} type=\"button\" className=\"vg-button\" popoverTarget={id} aria-pressed={pressed}>\n        {label}\n      </button>\n      <div\n        ref={menuRef}\n        id={id}\n        popover=\"auto\"\n        role=\"dialog\"\n        className={`vg-menu ${className}`}\n        aria-label={title}\n        onToggle={onToggle}\n      >\n        {open && (\n          <Suspense fallback={<p className=\"vg-filter__note\">{messages.loading}</p>}>{children(close)}</Suspense>\n        )}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/react/toolbar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The toolbar: a search box when the engine searches (§3.5), the conditions menu when it filters (§6.2.1), the
+ * columns menu (§6.3), the group menu when it groups rows (§4.5), the formula
+ * menu when it derives columns (§4.11), a
+ * button that saves the written cells when the engine saves (§7.5), and one that reads the file again when it
+ * changed on disk while cells were written (§7.6). The
+ * search's text is React state, which updates as the person types; `search.set` follows through
+ * `useDeferredValue` once typing pauses.
+ */
+export declare function Toolbar({ announce }: {
+    announce: (text: string) => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/react/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/react/toolbar.tsx"],"names":[],"mappings":"AAwBA;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,sCAsHzE"}

package/dist/react/toolbar.js

@@ -0,0 +1,344 @@
+import { c as _c } from "react/compiler-runtime";
+import { lazy, use, useDeferredValue, useEffect, useState, useTransition } from "react";
+import { partsOf } from "vastgrid-spec";
+import { isApple } from "../canvas/keys.js";
+import { offers } from "../core/measures.js";
+import { LocaleContext, SaveContext } from "./context.js";
+import { ExportMenu } from "./export-menu.js";
+import { useGridSelector, useGridStore } from "./hooks.js";
+import { ToolbarPopover } from "./toolbar-popover.js";
+
+// The menus load when they first open (§10 of react.md).
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ConditionsPanel = /*#__PURE__*/lazy(() => import("./conditions-menu.js"));
+const ColumnsPanel = /*#__PURE__*/lazy(() => import("./columns-menu.js"));
+const GroupPanel = /*#__PURE__*/lazy(() => import("./group-menu.js"));
+const FormulaPanel = /*#__PURE__*/lazy(() => import("./formula-menu.js"));
+
+/** How long typing must pause before the search is set. */
+const SEARCH_DELAY = 200;
+
+/** The text of the search part of a plan's `where` (§6.2.1). */
+function searchOf(where) {
+  for (const part of partsOf(where)) if ("search" in part) return part.search;
+  return "";
+}
+
+/**
+ * The toolbar: a search box when the engine searches (§3.5), the conditions menu when it filters (§6.2.1), the
+ * columns menu (§6.3), the group menu when it groups rows (§4.5), the formula
+ * menu when it derives columns (§4.11), a
+ * button that saves the written cells when the engine saves (§7.5), and one that reads the file again when it
+ * changed on disk while cells were written (§7.6). The
+ * search's text is React state, which updates as the person types; `search.set` follows through
+ * `useDeferredValue` once typing pauses.
+ */
+export function Toolbar(t0) {
+  const $ = _c(56);
+  const {
+    announce
+  } = t0;
+  const store = useGridStore();
+  const {
+    messages
+  } = use(LocaleContext);
+  const fileChanged = useGridSelector(_temp);
+  const [reloading, startReload] = useTransition();
+  let t1;
+  if ($[0] !== announce || $[1] !== messages || $[2] !== store) {
+    t1 = () => startReload(async () => {
+      ;
+      try {
+        await store.reload();
+      } catch (t2) {
+        const error = t2;
+        announce(messages.failed(error instanceof Error ? error.message : String(error)));
+      }
+    });
+    $[0] = announce;
+    $[1] = messages;
+    $[2] = store;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const reload = t1;
+  const searches = useGridSelector(_temp2);
+  const saving = use(SaveContext);
+  const saves = useGridSelector(_temp3);
+  const unsaved = useGridSelector(_temp4);
+  const current = useGridSelector(_temp5);
+  const [text, setText] = useState(current);
+  const [shown, setShown] = useState(current);
+  if (shown !== current) {
+    setShown(current);
+    setText(current);
+  }
+  const deferred = useDeferredValue(text);
+  let t2;
+  let t3;
+  if ($[4] !== current || $[5] !== deferred || $[6] !== store) {
+    t2 = () => {
+      if (deferred === current) {
+        return;
+      }
+      const timer = setTimeout(() => {
+        store.dispatch({
+          command: "search.set",
+          text: deferred
+        });
+      }, SEARCH_DELAY);
+      return () => clearTimeout(timer);
+    };
+    t3 = [store, deferred, current];
+    $[4] = current;
+    $[5] = deferred;
+    $[6] = store;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t2 = $[7];
+    t3 = $[8];
+  }
+  useEffect(t2, t3);
+  const showsSave = saves && saving !== null;
+  const exports = useGridSelector(_temp6);
+  const derives = useGridSelector(_temp7);
+  const groups = useGridSelector(_temp8);
+  const grouped = useGridSelector(_temp9);
+  const filters = useGridSelector(_temp0);
+  const conditions = useGridSelector(_temp10);
+  const opened = useGridSelector(_temp11);
+  const detail = useGridSelector(_temp12);
+  if (!searches && !showsSave && !fileChanged && !exports && !derives && !groups && !opened) {
+    return null;
+  }
+  let t4;
+  if ($[9] !== messages || $[10] !== searches || $[11] !== text) {
+    t4 = searches && /*#__PURE__*/_jsx("input", {
+      type: "search",
+      className: "vg-input vg-toolbar__search",
+      "aria-label": messages.search,
+      placeholder: messages.search,
+      value: text,
+      onChange: event => setText(event.target.value)
+    });
+    $[9] = messages;
+    $[10] = searches;
+    $[11] = text;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "vg-toolbar__spacer"
+    });
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== fileChanged || $[15] !== messages || $[16] !== reload || $[17] !== reloading || $[18] !== unsaved) {
+    t6 = fileChanged && /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button",
+      disabled: reloading,
+      onClick: reload,
+      children: unsaved > 0 ? messages.discardAndReload : messages.reload
+    });
+    $[14] = fileChanged;
+    $[15] = messages;
+    $[16] = reload;
+    $[17] = reloading;
+    $[18] = unsaved;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== detail || $[21] !== messages || $[22] !== opened || $[23] !== store) {
+    t7 = opened && /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button",
+      "aria-pressed": detail,
+      onClick: () => void store.dispatch({
+        command: detail ? "detail.close" : "detail.open"
+      }),
+      children: messages.details
+    });
+    $[20] = detail;
+    $[21] = messages;
+    $[22] = opened;
+    $[23] = store;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  let t8;
+  if ($[25] !== conditions || $[26] !== filters || $[27] !== messages) {
+    t8 = filters && /*#__PURE__*/_jsx(ToolbarPopover, {
+      label: conditions > 0 ? messages.conditionsCount(String(conditions)) : messages.conditions,
+      title: messages.conditionsTitle,
+      className: "vg-conditions",
+      pressed: conditions > 0,
+      children: _temp13
+    });
+    $[25] = conditions;
+    $[26] = filters;
+    $[27] = messages;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[29] !== messages || $[30] !== opened) {
+    t9 = opened && /*#__PURE__*/_jsx(ToolbarPopover, {
+      label: messages.columns,
+      title: messages.columns,
+      className: "vg-columns",
+      children: _temp14
+    });
+    $[29] = messages;
+    $[30] = opened;
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  let t10;
+  if ($[32] !== grouped || $[33] !== groups || $[34] !== messages) {
+    t10 = groups && /*#__PURE__*/_jsx(ToolbarPopover, {
+      label: messages.groups,
+      title: messages.groups,
+      className: "vg-groups",
+      pressed: grouped,
+      children: _temp15
+    });
+    $[32] = grouped;
+    $[33] = groups;
+    $[34] = messages;
+    $[35] = t10;
+  } else {
+    t10 = $[35];
+  }
+  let t11;
+  if ($[36] !== derives || $[37] !== messages) {
+    t11 = derives && /*#__PURE__*/_jsx(ToolbarPopover, {
+      label: messages.formulas,
+      title: messages.formulas,
+      className: "vg-formulas",
+      children: _temp16
+    });
+    $[36] = derives;
+    $[37] = messages;
+    $[38] = t11;
+  } else {
+    t11 = $[38];
+  }
+  let t12;
+  if ($[39] !== announce) {
+    t12 = /*#__PURE__*/_jsx(ExportMenu, {
+      announce: announce
+    });
+    $[39] = announce;
+    $[40] = t12;
+  } else {
+    t12 = $[40];
+  }
+  let t13;
+  if ($[41] !== messages || $[42] !== saving || $[43] !== showsSave || $[44] !== unsaved) {
+    t13 = showsSave && /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button",
+      "aria-keyshortcuts": isApple() ? "Meta+S" : "Control+S",
+      disabled: unsaved === 0 || saving.pending,
+      onClick: saving.save,
+      children: messages.save
+    });
+    $[41] = messages;
+    $[42] = saving;
+    $[43] = showsSave;
+    $[44] = unsaved;
+    $[45] = t13;
+  } else {
+    t13 = $[45];
+  }
+  let t14;
+  if ($[46] !== t10 || $[47] !== t11 || $[48] !== t12 || $[49] !== t13 || $[50] !== t4 || $[51] !== t6 || $[52] !== t7 || $[53] !== t8 || $[54] !== t9) {
+    t14 = /*#__PURE__*/_jsxs("div", {
+      className: "vg-toolbar",
+      children: [t4, t5, t6, t7, t8, t9, t10, t11, t12, t13]
+    });
+    $[46] = t10;
+    $[47] = t11;
+    $[48] = t12;
+    $[49] = t13;
+    $[50] = t4;
+    $[51] = t6;
+    $[52] = t7;
+    $[53] = t8;
+    $[54] = t9;
+    $[55] = t14;
+  } else {
+    t14 = $[55];
+  }
+  return t14;
+}
+function _temp16() {
+  return /*#__PURE__*/_jsx(FormulaPanel, {});
+}
+function _temp15() {
+  return /*#__PURE__*/_jsx(GroupPanel, {});
+}
+function _temp14() {
+  return /*#__PURE__*/_jsx(ColumnsPanel, {});
+}
+function _temp13(close) {
+  return /*#__PURE__*/_jsx(ConditionsPanel, {
+    close: close
+  });
+}
+function _temp12(snapshot_11) {
+  return snapshot_11.session.detail?.open === true;
+}
+function _temp11(snapshot_10) {
+  return snapshot_10.view !== null;
+}
+function _temp10(snapshot_9) {
+  return partsOf(snapshot_9.document.plan?.where).filter(_temp1).length;
+}
+function _temp1(part) {
+  return !("search" in part);
+}
+function _temp0(snapshot_8) {
+  return snapshot_8.table !== null && snapshot_8.table.capabilities.plan?.where !== false;
+}
+function _temp9(snapshot_7) {
+  return snapshot_7.document.plan?.aggregate !== undefined;
+}
+function _temp8(snapshot_6) {
+  return snapshot_6.table !== null && offers(snapshot_6.table.capabilities, "count");
+}
+function _temp7(snapshot_5) {
+  return snapshot_5.table !== null && snapshot_5.table.capabilities.plan?.derive !== false;
+}
+function _temp6(snapshot_4) {
+  return (snapshot_4.table?.capabilities.export?.formats.length ?? 0) > 0;
+}
+function _temp5(snapshot_3) {
+  return searchOf(snapshot_3.document.plan?.where);
+}
+function _temp4(snapshot_2) {
+  return snapshot_2.table?.edits.cells ?? 0;
+}
+function _temp3(snapshot_1) {
+  return snapshot_1.table?.capabilities.save === true;
+}
+function _temp2(snapshot_0) {
+  return snapshot_0.table !== null && snapshot_0.table.capabilities.plan?.search !== false;
+}
+function _temp(snapshot) {
+  return snapshot.table?.fileChanged === true;
+}
+//# sourceMappingURL=toolbar.js.map

package/dist/react/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["lazy","use","useDeferredValue","useEffect","useState","useTransition","partsOf","isApple","offers","LocaleContext","SaveContext","ExportMenu","useGridSelector","useGridStore","ToolbarPopover","jsx","_jsx","jsxs","_jsxs","ConditionsPanel","ColumnsPanel","GroupPanel","FormulaPanel","SEARCH_DELAY","searchOf","where","part","search","Toolbar","t0","$","_c","announce","store","messages","fileChanged","_temp","reloading","startReload","t1","reload","t2","error","failed","Error","message","String","searches","_temp2","saving","saves","_temp3","unsaved","_temp4","current","_temp5","text","setText","shown","setShown","deferred","t3","timer","setTimeout","dispatch","command","clearTimeout","showsSave","exports","_temp6","derives","_temp7","groups","_temp8","grouped","_temp9","filters","_temp0","conditions","_temp10","opened","_temp11","detail","_temp12","t4","type","className","placeholder","onChange","event","target","value","t5","Symbol","for","t6","children","discardAndReload","t7","onClick","details","t8","label","conditionsCount","title","conditionsTitle","pressed","_temp13","t9","columns","_temp14","t10","_temp15","t11","formulas","_temp16","t12","t13","disabled","pending","save","t14","close","snapshot_11","snapshot","session","open","snapshot_10","view","snapshot_9","document","plan","filter","_temp1","length","snapshot_8","table","capabilities","snapshot_7","aggregate","undefined","snapshot_6","snapshot_5","derive","snapshot_4","export","formats","snapshot_3","snapshot_2","edits","cells","snapshot_1","snapshot_0"],"sources":["toolbar.tsx"],"sourcesContent":["import { lazy, use, useDeferredValue, useEffect, useState, useTransition } from \"react\";\nimport { type Expr, partsOf } from \"vastgrid-spec\";\nimport { isApple } from \"../canvas/keys.js\";\nimport { offers } from \"../core/measures.js\";\nimport { LocaleContext, SaveContext } from \"./context.js\";\nimport { ExportMenu } from \"./export-menu.js\";\nimport { useGridSelector, useGridStore } from \"./hooks.js\";\nimport { ToolbarPopover } from \"./toolbar-popover.js\";\n\n// The menus load when they first open (§10 of react.md).\nconst ConditionsPanel = lazy(() => import(\"./conditions-menu.js\"));\nconst ColumnsPanel = lazy(() => import(\"./columns-menu.js\"));\nconst GroupPanel = lazy(() => import(\"./group-menu.js\"));\nconst FormulaPanel = lazy(() => import(\"./formula-menu.js\"));\n\n/** How long typing must pause before the search is set. */\nconst SEARCH_DELAY = 200;\n\n/** The text of the search part of a plan's `where` (§6.2.1). */\nfunction searchOf(where: Expr | undefined): string {\n  for (const part of partsOf(where)) if (\"search\" in part) return part.search;\n  return \"\";\n}\n\n/**\n * The toolbar: a search box when the engine searches (§3.5), the conditions menu when it filters (§6.2.1), the\n * columns menu (§6.3), the group menu when it groups rows (§4.5), the formula\n * menu when it derives columns (§4.11), a\n * button that saves the written cells when the engine saves (§7.5), and one that reads the file again when it\n * changed on disk while cells were written (§7.6). The\n * search's text is React state, which updates as the person types; `search.set` follows through\n * `useDeferredValue` once typing pauses.\n */\nexport function Toolbar({ announce }: { announce: (text: string) => void }) {\n  const store = useGridStore();\n  const { messages } = use(LocaleContext);\n  const fileChanged = useGridSelector((snapshot) => snapshot.table?.fileChanged === true);\n  const [reloading, startReload] = useTransition();\n  const reload = () =>\n    startReload(async () => {\n      try {\n        await store.reload();\n      } catch (error) {\n        announce(messages.failed(error instanceof Error ? error.message : String(error)));\n      }\n    });\n  const searches = useGridSelector(\n    (snapshot) => snapshot.table !== null && snapshot.table.capabilities.plan?.search !== false,\n  );\n  const saving = use(SaveContext);\n  const saves = useGridSelector((snapshot) => snapshot.table?.capabilities.save === true);\n  const unsaved = useGridSelector((snapshot) => snapshot.table?.edits.cells ?? 0);\n  const current = useGridSelector((snapshot) => searchOf(snapshot.document.plan?.where));\n  const [text, setText] = useState(current);\n  const [shown, setShown] = useState(current);\n  // A search set elsewhere (an agent, a saved view) replaces the text.\n  if (shown !== current) {\n    setShown(current);\n    setText(current);\n  }\n  const deferred = useDeferredValue(text);\n  useEffect(() => {\n    if (deferred === current) return;\n    const timer = setTimeout(() => {\n      void store.dispatch({ command: \"search.set\", text: deferred });\n    }, SEARCH_DELAY);\n    return () => clearTimeout(timer);\n  }, [store, deferred, current]);\n  const showsSave = saves && saving !== null;\n  const exports = useGridSelector((snapshot) => (snapshot.table?.capabilities.export?.formats.length ?? 0) > 0);\n  const derives = useGridSelector(\n    (snapshot) => snapshot.table !== null && snapshot.table.capabilities.plan?.derive !== false,\n  );\n  const groups = useGridSelector((snapshot) => snapshot.table !== null && offers(snapshot.table.capabilities, \"count\"));\n  const grouped = useGridSelector((snapshot) => snapshot.document.plan?.aggregate !== undefined);\n  const filters = useGridSelector(\n    (snapshot) => snapshot.table !== null && snapshot.table.capabilities.plan?.where !== false,\n  );\n  const conditions = useGridSelector(\n    (snapshot) => partsOf(snapshot.document.plan?.where).filter((part) => !(\"search\" in part)).length,\n  );\n  const opened = useGridSelector((snapshot) => snapshot.view !== null);\n  const detail = useGridSelector((snapshot) => snapshot.session.detail?.open === true);\n  if (!searches && !showsSave && !fileChanged && !exports && !derives && !groups && !opened) return null;\n  return (\n    <div className=\"vg-toolbar\">\n      {searches && (\n        <input\n          type=\"search\"\n          className=\"vg-input vg-toolbar__search\"\n          aria-label={messages.search}\n          placeholder={messages.search}\n          value={text}\n          onChange={(event) => setText(event.target.value)}\n        />\n      )}\n      <span className=\"vg-toolbar__spacer\" />\n      {fileChanged && (\n        <button type=\"button\" className=\"vg-button\" disabled={reloading} onClick={reload}>\n          {unsaved > 0 ? messages.discardAndReload : messages.reload}\n        </button>\n      )}\n      {opened && (\n        <button\n          type=\"button\"\n          className=\"vg-button\"\n          aria-pressed={detail}\n          onClick={() => void store.dispatch({ command: detail ? \"detail.close\" : \"detail.open\" })}\n        >\n          {messages.details}\n        </button>\n      )}\n      {filters && (\n        <ToolbarPopover\n          label={conditions > 0 ? messages.conditionsCount(String(conditions)) : messages.conditions}\n          title={messages.conditionsTitle}\n          className=\"vg-conditions\"\n          pressed={conditions > 0}\n        >\n          {(close) => <ConditionsPanel close={close} />}\n        </ToolbarPopover>\n      )}\n      {opened && (\n        <ToolbarPopover label={messages.columns} title={messages.columns} className=\"vg-columns\">\n          {() => <ColumnsPanel />}\n        </ToolbarPopover>\n      )}\n      {groups && (\n        <ToolbarPopover label={messages.groups} title={messages.groups} className=\"vg-groups\" pressed={grouped}>\n          {() => <GroupPanel />}\n        </ToolbarPopover>\n      )}\n      {derives && (\n        <ToolbarPopover label={messages.formulas} title={messages.formulas} className=\"vg-formulas\">\n          {() => <FormulaPanel />}\n        </ToolbarPopover>\n      )}\n      <ExportMenu announce={announce} />\n      {showsSave && (\n        <button\n          type=\"button\"\n          className=\"vg-button\"\n          aria-keyshortcuts={isApple() ? \"Meta+S\" : \"Control+S\"}\n          disabled={unsaved === 0 || saving.pending}\n          onClick={saving.save}\n        >\n          {messages.save}\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/server.d.ts

@@ -0,0 +1,22 @@
+/**
+ * What a Server Component or a server render calls (§7 of react.md). Imports no React.
+ */
+import { type GridDocument } from "vastgrid-spec";
+import { type Transport } from "./core/client.js";
+import type { InitialView, OpenOptions } from "./core/types.js";
+export interface ReadInitialOptions {
+    /** The `ref` of the table to open (§8.2). */
+    table: string;
+    open?: OpenOptions;
+    /** The document the grid starts with; its plan is the view read. */
+    document?: GridDocument;
+    /** Rows to read from the start of the view; 100 by default. */
+    rows?: number;
+    signal?: AbortSignal;
+}
+/**
+ * Reads the table, the view of a document and its first rows, for `initial` (§7 of react.md): give the result,
+ * or the promise of it, to `DataGrid`. Opens the table and closes it again.
+ */
+export declare function readInitialView(transport: Transport, options: ReadInitialOptions): Promise<InitialView>;
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAIL,KAAK,YAAY,EAGlB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAyB,MAAM,iBAAiB,CAAC;AAEvF,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAsB,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,WAAW,CAAC,CA4B7G"}

package/dist/server.js

@@ -0,0 +1,45 @@
+/**
+ * What a Server Component or a server render calls (§7 of react.md). Imports no React.
+ */
+import { checkPlan, displayedColumns, emptyDocument, planOptions, repairDocument } from "vastgrid-spec";
+import { GridClient } from "./core/client.js";
+/**
+ * Reads the table, the view of a document and its first rows, for `initial` (§7 of react.md): give the result,
+ * or the promise of it, to `DataGrid`. Opens the table and closes it again.
+ */
+export async function readInitialView(transport, options) {
+  const client = new GridClient(transport);
+  const info = await client.request("open", {
+    ref: options.table,
+    ...(options.open ? {
+      read: options.open
+    } : {})
+  }, options.signal);
+  try {
+    const document = repairDocument(options.document ?? emptyDocument(), info.columns, planOptions(info.capabilities)).document;
+    const plan = document.plan ?? {};
+    const view = checkPlan(plan, info.columns, planOptions(info.capabilities));
+    const columns = displayedColumns(document, view.columns).map(item => item.column.name);
+    if (document.rowKey !== undefined && !columns.includes(document.rowKey)) columns.push(document.rowKey);
+    const wanted = options.rows ?? 100;
+    const end = info.rowCount === null ? wanted : Math.min(wanted, info.rowCount);
+    const rows = await client.request("rows", {
+      table: info.table,
+      revision: info.revision,
+      plan,
+      start: 0,
+      end: Math.max(end, 1),
+      columns
+    }, options.signal);
+    return {
+      table: info,
+      plan,
+      rows
+    };
+  } finally {
+    await client.request("close", {
+      table: info.table
+    }).catch(() => {});
+  }
+}
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkPlan","displayedColumns","emptyDocument","planOptions","repairDocument","GridClient","readInitialView","transport","options","client","info","request","ref","table","open","read","signal","document","columns","capabilities","plan","view","map","item","column","name","rowKey","undefined","includes","push","wanted","rows","end","rowCount","Math","min","revision","start","max","catch"],"sources":["server.ts"],"sourcesContent":["/**\n * What a Server Component or a server render calls (§7 of react.md). Imports no React.\n */\nimport {\n  checkPlan,\n  displayedColumns,\n  emptyDocument,\n  type GridDocument,\n  planOptions,\n  repairDocument,\n} from \"vastgrid-spec\";\nimport { GridClient, type Transport } from \"./core/client.js\";\nimport type { InitialView, OpenOptions, RowsResult, TableInfo } from \"./core/types.js\";\n\nexport interface ReadInitialOptions {\n  /** The `ref` of the table to open (§8.2). */\n  table: string;\n  open?: OpenOptions;\n  /** The document the grid starts with; its plan is the view read. */\n  document?: GridDocument;\n  /** Rows to read from the start of the view; 100 by default. */\n  rows?: number;\n  signal?: AbortSignal;\n}\n\n/**\n * Reads the table, the view of a document and its first rows, for `initial` (§7 of react.md): give the result,\n * or the promise of it, to `DataGrid`. Opens the table and closes it again.\n */\nexport async function readInitialView(transport: Transport, options: ReadInitialOptions): Promise<InitialView> {\n  const client = new GridClient(transport);\n  const info = await client.request<TableInfo>(\n    \"open\",\n    { ref: options.table, ...(options.open ? { read: options.open } : {}) },\n    options.signal,\n  );\n  try {\n    const document = repairDocument(\n      options.document ?? emptyDocument(),\n      info.columns,\n      planOptions(info.capabilities),\n    ).document;\n    const plan = document.plan ?? {};\n    const view = checkPlan(plan, info.columns, planOptions(info.capabilities));\n    const columns = displayedColumns(document, view.columns).map((item) => item.column.name);\n    if (document.rowKey !== undefined && !columns.includes(document.rowKey)) columns.push(document.rowKey);\n    const wanted = options.rows ?? 100;\n    const end = info.rowCount === null ? wanted : Math.min(wanted, info.rowCount);\n    const rows = await client.request<RowsResult>(\n      \"rows\",\n      { table: info.table, revision: info.revision, plan, start: 0, end: Math.max(end, 1), columns },\n      options.signal,\n    );\n    return { table: info, plan, rows };\n  } finally {\n    await client.request(\"close\", { table: info.table }).catch(() => {});\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACEA,SAAS,EACTC,gBAAgB,EAChBC,aAAa,EAEbC,WAAW,EACXC,cAAc,QACT,eAAe;AACtB,SAASC,UAAU,QAAwB,kBAAkB;AAc7D;AACA;AACA;AACA;AACA,OAAO,eAAeC,eAAeA,CAACC,SAAoB,EAAEC,OAA2B,EAAwB;EAC7G,MAAMC,MAAM,GAAG,IAAIJ,UAAU,CAACE,SAAS,CAAC;EACxC,MAAMG,IAAI,GAAG,MAAMD,MAAM,CAACE,OAAO,CAC/B,MAAM,EACN;IAAEC,GAAG,EAAEJ,OAAO,CAACK,KAAK;IAAE,IAAIL,OAAO,CAACM,IAAI,GAAG;MAAEC,IAAI,EAAEP,OAAO,CAACM;IAAK,CAAC,GAAG,CAAC,CAAC;EAAE,CAAC,EACvEN,OAAO,CAACQ,MACV,CAAC;EACD,IAAI;IACF,MAAMC,QAAQ,GAAGb,cAAc,CAC7BI,OAAO,CAACS,QAAQ,IAAIf,aAAa,CAAC,CAAC,EACnCQ,IAAI,CAACQ,OAAO,EACZf,WAAW,CAACO,IAAI,CAACS,YAAY,CAC/B,CAAC,CAACF,QAAQ;IACV,MAAMG,IAAI,GAAGH,QAAQ,CAACG,IAAI,IAAI,CAAC,CAAC;IAChC,MAAMC,IAAI,GAAGrB,SAAS,CAACoB,IAAI,EAAEV,IAAI,CAACQ,OAAO,EAAEf,WAAW,CAACO,IAAI,CAACS,YAAY,CAAC,CAAC;IAC1E,MAAMD,OAAO,GAAGjB,gBAAgB,CAACgB,QAAQ,EAAEI,IAAI,CAACH,OAAO,CAAC,CAACI,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,MAAM,CAACC,IAAI,CAAC;IACxF,IAAIR,QAAQ,CAACS,MAAM,KAAKC,SAAS,IAAI,CAACT,OAAO,CAACU,QAAQ,CAACX,QAAQ,CAACS,MAAM,CAAC,EAAER,OAAO,CAACW,IAAI,CAACZ,QAAQ,CAACS,MAAM,CAAC;IACtG,MAAMI,MAAM,GAAGtB,OAAO,CAACuB,IAAI,IAAI,GAAG;IAClC,MAAMC,GAAG,GAAGtB,IAAI,CAACuB,QAAQ,KAAK,IAAI,GAAGH,MAAM,GAAGI,IAAI,CAACC,GAAG,CAACL,MAAM,EAAEpB,IAAI,CAACuB,QAAQ,CAAC;IAC7E,MAAMF,IAAI,GAAG,MAAMtB,MAAM,CAACE,OAAO,CAC/B,MAAM,EACN;MAAEE,KAAK,EAAEH,IAAI,CAACG,KAAK;MAAEuB,QAAQ,EAAE1B,IAAI,CAAC0B,QAAQ;MAAEhB,IAAI;MAAEiB,KAAK,EAAE,CAAC;MAAEL,GAAG,EAAEE,IAAI,CAACI,GAAG,CAACN,GAAG,EAAE,CAAC,CAAC;MAAEd;IAAQ,CAAC,EAC9FV,OAAO,CAACQ,MACV,CAAC;IACD,OAAO;MAAEH,KAAK,EAAEH,IAAI;MAAEU,IAAI;MAAEW;IAAK,CAAC;EACpC,CAAC,SAAS;IACR,MAAMtB,MAAM,CAACE,OAAO,CAAC,OAAO,EAAE;MAAEE,KAAK,EAAEH,IAAI,CAACG;IAAM,CAAC,CAAC,CAAC0B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;EACtE;AACF","ignoreList":[]}