tinybase 9.4.0 → 9.5.0-beta.1

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

@@ -232,6 +232,18 @@ export type TableInHtmlTableProps<
               [CellId in CellIdFromSchema<Schemas[0], TableId>]?:
                 string | CustomCell<Schemas, TableId, CellId>;
             };
+        /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+        readonly extraCellsBefore?: ExtraRowCell<Schemas, TableId>[];
+        /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+        readonly extraCellsAfter?: ExtraRowCell<Schemas, TableId>[];
       }
     : never
   : never;
@@ -312,6 +324,18 @@ export type SortedTableInHtmlTableProps<
                 string | CustomCell<Schemas, TableId, CellId>;
             };
         /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+        readonly extraCellsBefore?: ExtraRowCell<Schemas, TableId>[];
+        /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+        readonly extraCellsAfter?: ExtraRowCell<Schemas, TableId>[];
+        /**
    * Whether the table should be interactive such that clicking a header changes
    * the sorting and/or direction.
    * @category Prop
@@ -379,6 +403,18 @@ export type ValuesInHtmlTableProps<Schemas extends OptionalSchemas> = {
    * @since v8.4.0
    */
   readonly getValueComponentProps?: (valueId: Id) => ExtraProps;
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsBefore?: ExtraValueCell<Schemas>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsAfter?: ExtraValueCell<Schemas>[];
 };
 
 /**
@@ -427,6 +463,18 @@ export type SliceInHtmlTableProps<Schemas extends OptionalSchemas> = {
    */
   readonly customCells?:
     Ids | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
 };
 
 /**
@@ -477,6 +525,18 @@ export type RelationshipInHtmlTableProps<Schemas extends OptionalSchemas> = {
    */
   readonly customCells?:
     Ids | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
 };
 
 /**
@@ -512,6 +572,18 @@ export type ResultTableInHtmlTableProps<Schemas extends OptionalSchemas> = {
    */
   readonly customCells?:
     Ids | {[cellId: Id]: string | CustomResultCell<Schemas>};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+  readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
 };
 
 /**
@@ -575,6 +647,18 @@ export type ResultSortedTableInHtmlTableProps<Schemas extends OptionalSchemas> =
     readonly customCells?:
       Ids | {[cellId: Id]: string | CustomResultCell<Schemas>};
     /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+    readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+    /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v8.4.0
+   */
+    readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
+    /**
    * Whether the table should be interactive such that clicking a header changes
    * the sorting and/or direction.
    * @category Prop
@@ -669,7 +753,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <TableInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-solid-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-solid-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -821,7 +905,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-solid-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-solid-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1000,7 +1084,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <ValuesInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-solid-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-solid-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1137,7 +1221,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <SliceInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-solid-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-solid-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1301,7 +1385,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <RelationshipInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-solid-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-solid-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1483,7 +1567,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-solid-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-solid-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1642,7 +1726,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultSortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-solid-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-solid-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1822,7 +1906,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableCellView /> (Solid) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-solid-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-solid-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1906,7 +1990,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableValueView /> (Solid) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-solid-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-solid-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1976,7 +2060,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-solid-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-solid-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

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

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

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

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

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

@@ -1,3 +1,33 @@
+/**
+ * The ui-svelte module of the TinyBase project provides reactive functions,
+ * listener functions, and components to make it easy to create reactive Svelte
+ * 5 apps with Store objects.
+ *
+ * The reactive functions in this module provide access to the data and
+ * structures exposed by other modules in the project. They return reactive
+ * objects with a `current` property. Those functions register listeners such
+ * that components using them re-render when data changes.
+ *
+ * The components in this module provide a further abstraction over those
+ * reactive functions, and use Svelte snippet props to customize rendering in an
+ * idiomatic way.
+ *
+ * Functions like the getStore function and getMetrics function return TinyBase
+ * objects directly from Provider context. Functions like the getCell function,
+ * the getRow function, the getTable function, the getValue function, and the
+ * hasCell function return reactive objects whose `current` property reflects
+ * underlying TinyBase data.
+ *
+ * Function parameters accept either plain values or reactive getter functions
+ * (as per the MaybeGetter type), so passing `() => tableId` from a `let`-bound
+ * Svelte prop makes the function re-execute whenever the prop changes.
+ * @see Building UIs With Svelte guide
+ * @see Hello World (Svelte) demo
+ * @see Countries (Svelte) demo
+ * @packageDocumentation
+ * @module ui-svelte
+ * @since v8.1.0
+ */
 import type {Component, Snippet} from 'svelte';
 import type {
   AllCellIdFromSchema,

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

@@ -693,7 +693,7 @@ export type SortedTablePaginatorProps = {
  *
  * See the <TableInHtmlTable /> (Svelte) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-svelte-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-svelte-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -857,7 +857,7 @@ export const TableInHtmlTable: Component<
  * See the <SortedTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-svelte-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-svelte-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1045,7 +1045,7 @@ export const SortedTableInHtmlTable: Component<
  *
  * See the <ValuesInHtmlTable /> (Svelte) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-svelte-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-svelte-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1188,7 +1188,7 @@ export const ValuesInHtmlTable: Component<
  *
  * See the <SliceInHtmlTable /> (Svelte) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-svelte-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-svelte-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1360,7 +1360,7 @@ export const SliceInHtmlTable: Component<
  * See the <RelationshipInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-svelte-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-svelte-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1547,7 +1547,7 @@ export const RelationshipInHtmlTable: Component<
  * See the <ResultTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-svelte-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-svelte-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1716,7 +1716,7 @@ export const ResultTableInHtmlTable: Component<
  * See the <ResultSortedTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-svelte-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-svelte-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1905,7 +1905,7 @@ export const ResultSortedTableInHtmlTable: Component<
  *
  * See the <EditableCellView /> (Svelte) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-svelte-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-svelte-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1978,7 +1978,7 @@ export const EditableCellView: Component<
  *
  * See the <EditableValueView /> (Svelte) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-svelte-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-svelte-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -2053,7 +2053,7 @@ export const EditableValueView: Component<
  * See the <SortedTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-svelte-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-svelte-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

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

@@ -230,6 +230,18 @@ export type TableInHtmlTableProps<
               [CellId in CellIdFromSchema<Schemas[0], TableId>]?:
                 string | CustomCell<Schemas, TableId, CellId>;
             };
+        /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+        readonly extraCellsBefore?: ExtraRowCell<Schemas, TableId>[];
+        /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+        readonly extraCellsAfter?: ExtraRowCell<Schemas, TableId>[];
       }
     : never
   : never;
@@ -310,6 +322,18 @@ export type SortedTableInHtmlTableProps<
                 string | CustomCell<Schemas, TableId, CellId>;
             };
         /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+        readonly extraCellsBefore?: ExtraRowCell<Schemas, TableId>[];
+        /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+        readonly extraCellsAfter?: ExtraRowCell<Schemas, TableId>[];
+        /**
    * Whether the table should be interactive such that clicking a header changes
    * the sorting and/or direction.
    * @category Prop
@@ -377,6 +401,18 @@ export type ValuesInHtmlTableProps<Schemas extends OptionalSchemas> = {
    * @since v4.1.0
    */
   readonly getValueComponentProps?: (valueId: Id) => {[prop: string]: any};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsBefore?: ExtraValueCell<Schemas>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsAfter?: ExtraValueCell<Schemas>[];
 };
 
 /**
@@ -425,6 +461,18 @@ export type SliceInHtmlTableProps<Schemas extends OptionalSchemas> = {
    */
   readonly customCells?:
     Ids | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
 };
 
 /**
@@ -475,6 +523,18 @@ export type RelationshipInHtmlTableProps<Schemas extends OptionalSchemas> = {
    */
   readonly customCells?:
     Ids | {[cellId: Id]: string | CustomCell<NoSchemas, Id, Id>};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
 };
 
 /**
@@ -510,6 +570,18 @@ export type ResultTableInHtmlTableProps<Schemas extends OptionalSchemas> = {
    */
   readonly customCells?:
     Ids | {[cellId: Id]: string | CustomResultCell<Schemas>};
+  /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+  /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+  readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
 };
 
 /**
@@ -573,6 +645,18 @@ export type ResultSortedTableInHtmlTableProps<Schemas extends OptionalSchemas> =
     readonly customCells?:
       Ids | {[cellId: Id]: string | CustomResultCell<Schemas>};
     /**
+   * An optional list of extra Cells to render before the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+    readonly extraCellsBefore?: ExtraRowCell<NoSchemas, Id>[];
+    /**
+   * An optional list of extra Cells to render after the main table Cells.
+   * @category Prop
+   * @since v6.6.0
+   */
+    readonly extraCellsAfter?: ExtraRowCell<NoSchemas, Id>[];
+    /**
    * Whether the table should be interactive such that clicking a header changes
    * the sorting and/or direction.
    * @category Prop
@@ -667,7 +751,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <TableInHtmlTable /> (Svelte) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-svelte-demo.png
+ * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-svelte-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -837,7 +921,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-svelte-demo.png
+ * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-svelte-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1033,7 +1117,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <ValuesInHtmlTable /> (Svelte) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-svelte-demo.png
+ * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-svelte-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1184,7 +1268,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <SliceInHtmlTable /> (Svelte) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-svelte-demo.png
+ * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-svelte-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1362,7 +1446,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <RelationshipInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-svelte-demo.png
+ * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-svelte-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1557,7 +1641,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-svelte-demo.png
+ * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-svelte-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1734,7 +1818,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultSortedTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-svelte-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-svelte-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1931,7 +2015,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableCellView /> (Svelte) demo for this component in action:
  *
- * ![EditableCellView example](https://tinybase.org/shots/editablecellview-svelte-demo.png
+ * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-svelte-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -2018,7 +2102,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableValueView /> (Svelte) demo for this component in action:
  *
- * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-svelte-demo.png
+ * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-svelte-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -2093,7 +2177,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (Svelte) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-svelte-demo.png
+ * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-svelte-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

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

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

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

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

package/agents.md

@@ -568,6 +568,10 @@ All code examples in a guide file are concatenated and executed as a test:
 
 When adding a new feature:
 
+- Never alias imports in release-note examples to avoid shared-scope name
+  collisions. Import each symbol unaliased once in the most recent applicable
+  example, and remove conflicting imports from later examples in the page.
+
 1. **Update `/site/guides/20_releases.md`** (NOT `/releases.md`):
    - Add new version section at the top
    - Include working code example that will be tested