tinybase 8.5.0 → 9.0.0-beta.0

package/@types/synchronizers/synchronizer-ws-server/index.d.ts

@@ -1,6 +1,6 @@
 /**
- * The synchronizer-ws-server module of the TinyBase project lets you create
- * a server that facilitates synchronization between clients.
+ * The synchronizer-ws-server module of the TinyBase project lets you create a
+ * server that facilitates synchronization between clients.
  * @see Synchronization guide
  * @see Todo App v6 (collaboration) demo
  * @packageDocumentation
@@ -506,6 +506,10 @@ export interface WsServer {
  * only exist when there are active clients on that particular path. The
  * creation callback can be asynchronous.
  *
+ * A path is taken from the path in the client WebSocket URL. For example,
+ * clients connecting to `ws://localhost:8047/petShop` will share the `petShop`
+ * path. The Id of a client's MergeableStore does not select this path.
+ *
  * You are responsible for creating a MergeableStore to pass to this Persister,
  * but starting and stopping its automatic saving and loading is taken care of
  * by the WsServer. As a result, the server MergeableStore will be kept in sync
@@ -528,6 +532,13 @@ export interface WsServer {
  * @param onIgnoredError An optional handler for the errors that the server
  * would otherwise ignore when trying to sync data. This is suitable for
  * debugging issues in a development environment.
+ * @param requestTimeoutSeconds An optional time in seconds that the server will
+ * wait for responses to synchronization requests and incomplete fragments,
+ * defaulting to `1`.
+ * @param fragmentSize An optional maximum size for each WebSocket message
+ * fragment. When set, larger synchronization payloads sent by the server are
+ * split into fragments and reassembled by the receiving WsSynchronizer, since
+ * v9.0.
  * @returns A reference to the new WsServer object.
  * @example
  * This example creates a WsServer that synchronizes two clients on a shared
@@ -733,4 +744,6 @@ export function createWsServer<
     | Promise<[PathPersister, (store: MergeableStore) => void]>
     | undefined,
   onIgnoredError?: (error: any) => void,
+  requestTimeoutSeconds?: number,
+  fragmentSize?: number,
 ): WsServer;

package/@types/synchronizers/synchronizer-ws-server/with-schemas/index.d.ts

@@ -1,6 +1,6 @@
 /**
- * The synchronizer-ws-server module of the TinyBase project lets you create
- * a server that facilitates synchronization between clients.
+ * The synchronizer-ws-server module of the TinyBase project lets you create a
+ * server that facilitates synchronization between clients.
  * @see Synchronization guide
  * @see Todo App v6 (collaboration) demo
  * @packageDocumentation
@@ -521,6 +521,8 @@ export interface WsServer {
  *     | Promise<[PathPersister, (store: MergeableStore) => void]>
  *     | undefined,
  *   onIgnoredError?: (error: any) => void,
+ *   requestTimeoutSeconds?: number,
+ *   fragmentSize?: number,
  * ): WsServer;
  * ```
  *
@@ -533,6 +535,10 @@ export interface WsServer {
  * only exist when there are active clients on that particular path. The
  * creation callback can be asynchronous.
  *
+ * A path is taken from the path in the client WebSocket URL. For example,
+ * clients connecting to `ws://localhost:8047/petShop` will share the `petShop`
+ * path. The Id of a client's MergeableStore does not select this path.
+ *
  * You are responsible for creating a MergeableStore to pass to this Persister,
  * but starting and stopping its automatic saving and loading is taken care of
  * by the WsServer. As a result, the server MergeableStore will be kept in sync
@@ -555,6 +561,13 @@ export interface WsServer {
  * @param onIgnoredError An optional handler for the errors that the server
  * would otherwise ignore when trying to sync data. This is suitable for
  * debugging issues in a development environment.
+ * @param requestTimeoutSeconds An optional time in seconds that the server will
+ * wait for responses to synchronization requests and incomplete fragments,
+ * defaulting to `1`.
+ * @param fragmentSize An optional maximum size for each WebSocket message
+ * fragment. When set, larger synchronization payloads sent by the server are
+ * split into fragments and reassembled by the receiving WsSynchronizer, since
+ * v9.0.
  * @returns A reference to the new WsServer object.
  * @example
  * This example creates a WsServer that synchronizes two clients on a shared
@@ -762,4 +775,6 @@ export function createWsServer<
     | Promise<[PathPersister, (store: MergeableStore<Schemas>) => void]>
     | undefined,
   onIgnoredError?: (error: any) => void,
+  requestTimeoutSeconds?: number,
+  fragmentSize?: number,
 ): WsServer;

package/@types/synchronizers/synchronizer-ws-server-durable-object/index.d.ts

@@ -142,6 +142,57 @@ export class WsServerDurableObject<Env = unknown> extends DurableObject<Env> {
    */
   getClientIds(): Ids;
 
+  /**
+   * The getFragmentSize method is used to specify a maximum size for each
+   * WebSocket message fragment sent by the Durable Object.
+   *
+   * Return a number to split larger synchronization payloads into fragments
+   * that are reassembled by the receiving WsSynchronizer. Return `undefined`
+   * to send each payload as a single WebSocket message.
+   * @returns The maximum fragment size, or `undefined` to disable
+   * fragmentation.
+   * @example
+   * This example limits outbound Durable Object synchronization message
+   * fragments to 32KB.
+   *
+   * ```js ignore
+   * import {WsServerDurableObject} from 'tinybase/synchronizers/synchronizer-ws-server-durable-object';
+   *
+   * export class MyDurableObject extends WsServerDurableObject {
+   *   getFragmentSize() {
+   *     return 32 * 1024;
+   *   }
+   * }
+   * ```
+   * @category Getter
+   * @since v9.0.0
+   */
+  getFragmentSize(): number | undefined;
+
+  /**
+   * The getRequestTimeoutSeconds method is used to specify how long the Durable
+   * Object will wait for synchronization responses and incomplete fragments.
+   *
+   * Return a number of seconds to use as the timeout. The default is `1`.
+   * @returns The number of seconds to wait before timing out.
+   * @example
+   * This example waits up to 10 seconds for synchronization responses and
+   * incomplete fragments.
+   *
+   * ```js ignore
+   * import {WsServerDurableObject} from 'tinybase/synchronizers/synchronizer-ws-server-durable-object';
+   *
+   * export class MyDurableObject extends WsServerDurableObject {
+   *   getRequestTimeoutSeconds() {
+   *     return 10;
+   *   }
+   * }
+   * ```
+   * @category Getter
+   * @since v9.0.0
+   */
+  getRequestTimeoutSeconds(): number;
+
   /**
    * The onPathId method is called when the first client connects to, or the
    * last client disconnects from, the server with a given path Id.

package/@types/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.d.ts

@@ -162,6 +162,57 @@ export class WsServerDurableObject<
    */
   getClientIds(): Ids;
 
+  /**
+   * The getFragmentSize method is used to specify a maximum size for each
+   * WebSocket message fragment sent by the Durable Object.
+   *
+   * Return a number to split larger synchronization payloads into fragments
+   * that are reassembled by the receiving WsSynchronizer. Return `undefined`
+   * to send each payload as a single WebSocket message.
+   * @returns The maximum fragment size, or `undefined` to disable
+   * fragmentation.
+   * @example
+   * This example limits outbound Durable Object synchronization message
+   * fragments to 32KB.
+   *
+   * ```js ignore
+   * import {WsServerDurableObject} from 'tinybase/synchronizers/synchronizer-ws-server-durable-object';
+   *
+   * export class MyDurableObject extends WsServerDurableObject {
+   *   getFragmentSize() {
+   *     return 32 * 1024;
+   *   }
+   * }
+   * ```
+   * @category Getter
+   * @since v9.0.0
+   */
+  getFragmentSize(): number | undefined;
+
+  /**
+   * The getRequestTimeoutSeconds method is used to specify how long the Durable
+   * Object will wait for synchronization responses and incomplete fragments.
+   *
+   * Return a number of seconds to use as the timeout. The default is `1`.
+   * @returns The number of seconds to wait before timing out.
+   * @example
+   * This example waits up to 10 seconds for synchronization responses and
+   * incomplete fragments.
+   *
+   * ```js ignore
+   * import {WsServerDurableObject} from 'tinybase/synchronizers/synchronizer-ws-server-durable-object';
+   *
+   * export class MyDurableObject extends WsServerDurableObject {
+   *   getRequestTimeoutSeconds() {
+   *     return 10;
+   *   }
+   * }
+   * ```
+   * @category Getter
+   * @since v9.0.0
+   */
+  getRequestTimeoutSeconds(): number;
+
   /**
    * The onPathId method is called when the first client connects to, or the
    * last client disconnects from, the server with a given path Id.

package/@types/ui-react/with-schemas/index.d.ts

@@ -4208,8 +4208,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     TableId extends TableIdFromSchema<Schemas[0]>,
     CellId extends CellIdFromSchema<Schemas[0], TableId>,
     SetOrMapCell =
-      | Cell<Schemas[0], TableId, CellId>
-      | MapCell<Schemas[0], TableId, CellId>,
+      Cell<Schemas[0], TableId, CellId> | MapCell<Schemas[0], TableId, CellId>,
   >(
     tableId: TableId | GetId<Schemas, Parameter, TableId>,
     rowId: Id | GetId<Schemas, Parameter, Id>,
@@ -5941,8 +5940,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     <
       TableId extends TableIdFromSchema<Schemas[0]>,
       CellIdOrUndefined extends
-        | CellIdFromSchema<Schemas[0], TableId>
-        | undefined,
+        CellIdFromSchema<Schemas[0], TableId> | undefined,
     >(
       tableId: TableId,
       cellId: CellIdOrUndefined,
@@ -6030,8 +6028,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     <
       TableId extends TableIdFromSchema<Schemas[0]>,
       CellIdOrUndefined extends
-        | CellIdFromSchema<Schemas[0], TableId>
-        | undefined,
+        CellIdFromSchema<Schemas[0], TableId> | undefined,
     >(
       args: SortedRowIdsArgs<Schemas[0], TableId>,
       listener: SortedRowIdsListener<Schemas, TableId, CellIdOrUndefined>,

package/@types/ui-react-dom/index.d.ts

@@ -692,7 +692,7 @@ export type SortedTablePaginatorProps = {
  *
  * See the <TableInHtmlTable /> (React) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-react-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-react-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -838,7 +838,7 @@ export function TableInHtmlTable(
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-react-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-react-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1011,7 +1011,7 @@ export function SortedTableInHtmlTable(
  *
  * See the <ValuesInHtmlTable /> (React) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-react-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-react-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1142,7 +1142,7 @@ export function ValuesInHtmlTable(
  *
  * See the <SliceInHtmlTable /> (React) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-react-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-react-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1300,7 +1300,7 @@ export function SliceInHtmlTable(
  * See the <RelationshipInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-react-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-react-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1478,7 +1478,7 @@ export function RelationshipInHtmlTable(
  * See the <ResultTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-react-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-react-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1631,7 +1631,7 @@ export function ResultTableInHtmlTable(
  * See the <ResultSortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1805,7 +1805,7 @@ export function ResultSortedTableInHtmlTable(
  *
  * See the <EditableCellView /> (React) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-react-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-react-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1876,7 +1876,7 @@ export function EditableCellView(
  *
  * See the <EditableValueView /> (React) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-react-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-react-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1947,7 +1947,7 @@ export function EditableValueView(
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-react-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-react-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

package/@types/ui-react-dom/with-schemas/index.d.ts

@@ -229,8 +229,7 @@ export type TableInHtmlTableProps<
           | CellIdFromSchema<Schemas[0], TableId>[]
           | {
               [CellId in CellIdFromSchema<Schemas[0], TableId>]?:
-                | string
-                | CustomCell<Schemas, TableId, CellId>;
+                string | CustomCell<Schemas, TableId, CellId>;
             };
       }
     : never
@@ -309,8 +308,7 @@ export type SortedTableInHtmlTableProps<
           | CellIdFromSchema<Schemas[0], TableId>[]
           | {
               [CellId in CellIdFromSchema<Schemas[0], TableId>]?:
-                | string
-                | CustomCell<Schemas, TableId, CellId>;
+                string | CustomCell<Schemas, TableId, CellId>;
             };
         /**
    * Whether the table should be interactive such that clicking a header changes
@@ -427,8 +425,7 @@ export type SliceInHtmlTableProps<Schemas extends OptionalSchemas> = {
    * @since v4.1.0
    */
   readonly customCells?:
-    | Ids
-    | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
+    Ids | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
 };
 
 /**
@@ -478,8 +475,7 @@ export type RelationshipInHtmlTableProps<Schemas extends OptionalSchemas> = {
    * @since v4.1.0
    */
   readonly customCells?:
-    | Ids
-    | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
+    Ids | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
 };
 
 /**
@@ -514,8 +510,7 @@ export type ResultTableInHtmlTableProps<Schemas extends OptionalSchemas> = {
    * @since v4.1.0
    */
   readonly customCells?:
-    | Ids
-    | {[cellId: Id]: string | CustomResultCell<Schemas>};
+    Ids | {[cellId: Id]: string | CustomResultCell<Schemas>};
 };
 
 /**
@@ -577,8 +572,7 @@ export type ResultSortedTableInHtmlTableProps<Schemas extends OptionalSchemas> =
    * @since v4.1.0
    */
     readonly customCells?:
-      | Ids
-      | {[cellId: Id]: string | CustomResultCell<Schemas>};
+      Ids | {[cellId: Id]: string | CustomResultCell<Schemas>};
     /**
    * Whether the table should be interactive such that clicking a header changes
    * the sorting and/or direction.
@@ -674,7 +668,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <TableInHtmlTable /> (React) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-react-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-react-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -828,7 +822,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-react-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-react-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1009,7 +1003,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <ValuesInHtmlTable /> (React) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-react-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-react-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1148,7 +1142,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <SliceInHtmlTable /> (React) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-react-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-react-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1314,7 +1308,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <RelationshipInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-react-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-react-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1500,7 +1494,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-react-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-react-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1661,7 +1655,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultSortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-react-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1843,7 +1837,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableCellView /> (React) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-react-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-react-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1928,7 +1922,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableValueView /> (React) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-react-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-react-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1999,7 +1993,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (React) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-react-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-react-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

package/@types/ui-react-dom-charts/index.d.ts

@@ -483,7 +483,7 @@ export type YAxisProps = {
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![CartesianChart component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![CartesianChart component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "CartesianChart component example")
  *
  * The series children declare their own xCellId and yCellId bindings. The
@@ -542,7 +542,7 @@ export function CartesianChart(
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![XAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
+ * ![XAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
  * "XAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -558,7 +558,7 @@ export function XAxis(props: XAxisProps): ComponentReturnType;
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![YAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
+ * ![YAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
  * "YAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -574,7 +574,7 @@ export function YAxis(props: YAxisProps): ComponentReturnType;
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![LineSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![LineSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "LineSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -590,7 +590,7 @@ export function LineSeries(props: SeriesProps): ComponentReturnType;
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![BarSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![BarSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "BarSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -607,7 +607,7 @@ export function BarSeries(props: SeriesProps): ComponentReturnType;
  *
  * See the <LineChart /> (React) demo for this component in action:
  *
- * ![LineChart component example](https://tinybase.org/shots/basic-chart-react-demo.png "LineChart
+ * ![LineChart component example](https://beta.tinybase.org/shots/basic-chart-react-demo.png "LineChart
  * component example")
  * @category Store components
  * @since v8.5.0
@@ -660,7 +660,7 @@ export function LineChart(
  *
  * See the Sorting And Types (React) demo for this component in action:
  *
- * ![BarChart component example](https://tinybase.org/shots/sorting-and-types-react-demo.png
+ * ![BarChart component example](https://beta.tinybase.org/shots/sorting-and-types-react-demo.png
  * "BarChart component example")
  * @category Store components
  * @since v8.5.0

package/@types/ui-react-dom-charts/with-schemas/index.d.ts

@@ -498,10 +498,9 @@ type NumericCellIdFromSchema<
   Schemas extends OptionalSchemas,
   TableId extends TableIdFromSchema<Schemas[0]>,
 > = {
-  [CellId in CellIdFromSchema<
-    Schemas[0],
-    TableId
-  >]: Schemas[0][TableId][CellId] extends {type: 'any' | 'number'}
+  [
+    CellId in CellIdFromSchema<Schemas[0], TableId>
+  ]: Schemas[0][TableId][CellId] extends {type: 'any' | 'number'}
     ? CellId
     : never;
 }[CellIdFromSchema<Schemas[0], TableId>];
@@ -545,7 +544,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![CartesianChart component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![CartesianChart component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "CartesianChart component example")
  *
  * The series children declare their own xCellId and yCellId bindings. The
@@ -610,7 +609,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![XAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
+ * ![XAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
  * "XAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -626,7 +625,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![YAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
+ * ![YAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
  * "YAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -642,7 +641,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![LineSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![LineSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "LineSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -658,7 +657,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![BarSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
+ * ![BarSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
  * "BarSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -685,7 +684,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <LineChart /> (React) demo for this component in action:
  *
- * ![LineChart component example](https://tinybase.org/shots/basic-chart-react-demo.png "LineChart
+ * ![LineChart component example](https://beta.tinybase.org/shots/basic-chart-react-demo.png "LineChart
  * component example")
  * @category Store components
  * @since v8.5.0
@@ -751,7 +750,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Sorting And Types (React) demo for this component in action:
  *
- * ![BarChart component example](https://tinybase.org/shots/sorting-and-types-react-demo.png
+ * ![BarChart component example](https://beta.tinybase.org/shots/sorting-and-types-react-demo.png
  * "BarChart component example")
  * @category Store components
  * @since v8.5.0

package/@types/ui-react-inspector/index.d.ts

@@ -46,7 +46,7 @@ export type InspectorProps = {
  *
  * See the <Inspector /> (React) demo for this component in action:
  *
- * ![Inspector example](https://tinybase.org/shots/inspector-react-demo.png
+ * ![Inspector example](https://beta.tinybase.org/shots/inspector-react-demo.png
  * "Inspector example")
  *
  * The component displays a nub in the corner of the screen which you may then

package/@types/ui-react-inspector/with-schemas/index.d.ts

@@ -46,7 +46,7 @@ export type InspectorProps = {
  *
  * See the <Inspector /> (React) demo for this component in action:
  *
- * ![Inspector example](https://tinybase.org/shots/inspector-react-demo.png
+ * ![Inspector example](https://beta.tinybase.org/shots/inspector-react-demo.png
  * "Inspector example")
  *
  * The component displays a nub in the corner of the screen which you may then

package/@types/ui-solid/with-schemas/index.d.ts

@@ -1690,8 +1690,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     <
       TableId extends TableIdFromSchema<Schemas[0]>,
       CellIdOrUndefined extends
-        | CellIdFromSchema<Schemas[0], TableId>
-        | undefined,
+        CellIdFromSchema<Schemas[0], TableId> | undefined,
     >(
       tableId: MaybeAccessor<TableId>,
       cellId?: MaybeAccessor<CellIdOrUndefined>,
@@ -3237,8 +3236,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     TableId extends TableIdFromSchema<Schemas[0]>,
     CellId extends CellIdFromSchema<Schemas[0], TableId>,
     SetOrMapCell =
-      | Cell<Schemas[0], TableId, CellId>
-      | MapCell<Schemas[0], TableId, CellId>,
+      Cell<Schemas[0], TableId, CellId> | MapCell<Schemas[0], TableId, CellId>,
   >(
     tableId: MaybeAccessor<TableId> | GetId<Schemas, Parameter, TableId>,
     rowId: MaybeAccessor<Id> | GetId<Schemas, Parameter, Id>,
@@ -5260,8 +5258,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     <
       TableId extends TableIdFromSchema<Schemas[0]>,
       CellIdOrUndefined extends
-        | CellIdFromSchema<Schemas[0], TableId>
-        | undefined,
+        CellIdFromSchema<Schemas[0], TableId> | undefined,
     >(
       tableId: MaybeAccessor<TableId>,
       cellId: MaybeAccessor<CellIdOrUndefined>,
@@ -5367,8 +5364,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
     <
       TableId extends TableIdFromSchema<Schemas[0]>,
       CellIdOrUndefined extends
-        | CellIdFromSchema<Schemas[0], TableId>
-        | undefined,
+        CellIdFromSchema<Schemas[0], TableId> | undefined,
     >(
       args: SortedRowIdsArgs<Schemas[0], TableId>,
       listener: SortedRowIdsListener<Schemas, TableId, CellIdOrUndefined>,