tinybase 8.5.0-beta.3 → 8.5.0

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

@@ -135,9 +135,10 @@ export type BindingProps<
 > = {
   /**
    * The Id of the Cell that provides each data point's x value. Finite numbers
-   * can be used as continuous x values in line charts, while strings and
-   * booleans are used as category values. Boolean category labels are rendered
-   * as `true` and `false`.
+   * can be used as continuous linear x values in line charts, ISO date strings
+   * can be used as time x values, and other strings and booleans are used as
+   * category values. Boolean category labels are rendered as `true` and
+   * `false`.
    * @category Prop
    * @since v8.5.0
    */
@@ -193,9 +194,10 @@ export type SeriesProps<CellId extends Id = Id> = {
   readonly className?: string;
   /**
    * The Id of the Cell that provides each data point's x value. Finite numbers
-   * can be used as continuous x values in line series, while strings and
-   * booleans are used as category values. Boolean category labels are rendered
-   * as `true` and `false`.
+   * can be used as continuous linear x values in line series, ISO date strings
+   * can be used as time x values, and other strings and booleans are used as
+   * category values. Boolean category labels are rendered as `true` and
+   * `false`.
    * @category Prop
    * @since v8.5.0
    */
@@ -242,16 +244,35 @@ export type SeriesProps<CellId extends Id = Id> = {
 };
 
 /**
- * The XAxisProps type describes the props that configure the x axis of a
- * CartesianChart component.
- *
- * The x axis is inferred by default. Use an XAxis component child when you want
- * to override its title, numeric bounds, tick values, tick count, tick labels,
- * or SVG class name.
+ * The XAxisScale type describes how x-axis values should be interpreted:
+ * `auto`, `category`, `linear`, or `time`.
+ * @category Configuration
+ * @since v8.5.0
+ */
+export type XAxisScale = 'auto' | 'category' | 'linear' | 'time';
+
+/**
+ * The TimestampUnit type describes the unit used by numeric timestamp values on
+ * a time x axis: `millisecond` or `second`.
+ * @category Configuration
+ * @since v8.5.0
+ */
+export type TimestampUnit = 'millisecond' | 'second';
+
+/**
+ * The TimeValue type describes values that can be used for explicit bounds and
+ * ticks on a time x axis: numbers, ISO date strings, or Date objects.
+ * @category Configuration
+ * @since v8.5.0
+ */
+export type TimeValue = number | string | Date;
+
+/**
+ * The BaseXAxisProps type describes props shared by all x-axis configurations.
  * @category Configuration
  * @since v8.5.0
  */
-export type XAxisProps = {
+export type BaseXAxisProps = {
   /**
    * An optional string that will be added to the class attribute of the x-axis
    * SVG group element.
@@ -267,7 +288,43 @@ export type XAxisProps = {
    */
   readonly title?: string;
   /**
-   * An optional minimum x-axis bound for continuous numeric x values.
+   * An optional preferred number of ticks to render on a continuous x axis.
+   *
+   * The actual number of ticks may vary so that labels remain readable.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly tickCount?: number;
+};
+
+/**
+ * The LinearXAxisProps type describes x-axis configuration for automatically
+ * inferred, categorical, and linear axes.
+ * @category Configuration
+ * @since v8.5.0
+ */
+export type LinearXAxisProps = BaseXAxisProps & {
+  /**
+   * An optional scale to use for the x axis.
+   *
+   * The default `auto` scale infers linear axes from numeric line-series x
+   * values, time axes from ISO date strings, and category axes otherwise. Use
+   * `time` explicitly for numeric Unix timestamp values.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly scale?: 'auto' | 'category' | 'linear';
+  /**
+   * The unit for numeric timestamp values on a time x axis.
+   *
+   * This prop is ignored unless the scale prop is `time`, and defaults to
+   * `millisecond`.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly timestampUnit?: never;
+  /**
+   * An optional minimum x-axis bound for continuous numeric or time x values.
    *
    * This prop is ignored when the x axis is categorical.
    * @category Prop
@@ -275,7 +332,7 @@ export type XAxisProps = {
    */
   readonly min?: number;
   /**
-   * An optional maximum x-axis bound for continuous numeric x values.
+   * An optional maximum x-axis bound for continuous numeric or time x values.
    *
    * This prop is ignored when the x axis is categorical.
    * @category Prop
@@ -283,7 +340,7 @@ export type XAxisProps = {
    */
   readonly max?: number;
   /**
-   * Optional numeric tick values to use for a continuous x axis.
+   * Optional tick values to use for a continuous numeric or time x axis.
    *
    * This prop is ignored when the x axis is categorical.
    * @category Prop
@@ -291,24 +348,90 @@ export type XAxisProps = {
    */
   readonly ticks?: readonly number[];
   /**
-   * An optional preferred number of ticks to render on a continuous x axis.
+   * An optional function for formatting x-axis tick labels.
    *
-   * The actual number of ticks may vary so that labels remain readable.
+   * It receives the original tick value for category axes, the numeric tick
+   * value for linear axes, or a Date object for time axes. For time axes, the
+   * normalized epoch millisecond timestamp is provided as a second argument.
    * @category Prop
    * @since v8.5.0
    */
-  readonly tickCount?: number;
+  readonly tickFormatter?: (tick: boolean | number | string) => string;
+};
+
+/**
+ * The TimeXAxisProps type describes x-axis configuration for time axes.
+ * @category Configuration
+ * @since v8.5.0
+ */
+export type TimeXAxisProps = BaseXAxisProps & {
+  /**
+   * An optional scale to use for the x axis.
+   *
+   * The default `auto` scale infers linear axes from numeric line-series x
+   * values, time axes from ISO date strings, and category axes otherwise. Use
+   * `time` explicitly for numeric Unix timestamp values.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly scale: 'time';
+  /**
+   * The unit for numeric timestamp values on a time x axis.
+   *
+   * This prop is ignored unless the scale prop is `time`, and defaults to
+   * `millisecond`.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly timestampUnit?: TimestampUnit;
+  /**
+   * An optional minimum x-axis bound for continuous numeric or time x values.
+   *
+   * This prop is ignored when the x axis is categorical.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly min?: TimeValue;
+  /**
+   * An optional maximum x-axis bound for continuous numeric or time x values.
+   *
+   * This prop is ignored when the x axis is categorical.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly max?: TimeValue;
+  /**
+   * Optional tick values to use for a continuous numeric or time x axis.
+   *
+   * This prop is ignored when the x axis is categorical.
+   * @category Prop
+   * @since v8.5.0
+   */
+  readonly ticks?: readonly TimeValue[];
   /**
    * An optional function for formatting x-axis tick labels.
    *
-   * It receives the original tick value, which can be a finite number, string,
-   * or boolean.
+   * It receives the original tick value for category axes, the numeric tick
+   * value for linear axes, or a Date object for time axes. For time axes, the
+   * normalized epoch millisecond timestamp is provided as a second argument.
    * @category Prop
    * @since v8.5.0
    */
-  readonly tickFormatter?: (tick: boolean | number | string) => string;
+  readonly tickFormatter?: (tick: Date, timestamp: number) => string;
 };
 
+/**
+ * The XAxisProps type describes the props that configure the x axis of a
+ * CartesianChart component, LineChart component, or BarChart component.
+ *
+ * The x axis is inferred by default. Use an XAxis component child when you
+ * want to override its title, scale, continuous bounds, tick values, tick
+ * count, tick labels, or SVG class name.
+ * @category Configuration
+ * @since v8.5.0
+ */
+export type XAxisProps = LinearXAxisProps | TimeXAxisProps;
+
 /**
  * The YAxisProps type describes the props that configure the y axis of a
  * CartesianChart component.
@@ -422,7 +545,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![CartesianChart component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
+ * ![CartesianChart component example](https://tinybase.org/shots/composing-charts-react-demo.png
  * "CartesianChart component example")
  *
  * The series children declare their own xCellId and yCellId bindings. The
@@ -478,15 +601,16 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   };
 
   /**
- * The XAxis component configures the x axis of a CartesianChart component.
+ * The XAxis component configures the x axis of a CartesianChart component,
+ * LineChart component, or BarChart component.
  *
  * It is a configuration child rather than a separately rendered SVG element:
- * include zero or one XAxis component in a CartesianChart component's children.
- * If omitted, the x axis is inferred from the chart's series.
+ * include zero or one XAxis component in a chart's children. If omitted, the x
+ * axis is inferred from the chart's series.
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![XAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
+ * ![XAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
  * "XAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -502,7 +626,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the Axis Overrides (React) demo for this component in action:
  *
- * ![YAxis component example](https://beta.tinybase.org/shots/axis-overrides-react-demo.png
+ * ![YAxis component example](https://tinybase.org/shots/axis-overrides-react-demo.png
  * "YAxis component example")
  * @category Store components
  * @since v8.5.0
@@ -512,13 +636,13 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
   /**
  * The LineSeries component renders a line series in a CartesianChart component.
  * If every x value in every series is a finite number, the x axis is rendered
- * as a continuous numeric scale. If any x value is a string or boolean, the x
- * axis is rendered categorically. When sortCellId is omitted, rows are sorted
- * by xCellId.
+ * as a continuous linear scale. ISO date strings are inferred as a time scale.
+ * Other strings and booleans are rendered categorically. When sortCellId is
+ * omitted, rows are sorted by xCellId.
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![LineSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
+ * ![LineSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
  * "LineSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -527,12 +651,14 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The BarSeries component renders a bar series in a CartesianChart component.
- * Its x values are always rendered categorically, even when they are finite
- * numbers. Boolean category labels are rendered as `true` and `false`.
+ * Its x values are rendered categorically by default, even when they are finite
+ * numbers. Add an XAxis component with a `linear` or `time` scale to position
+ * bars continuously. Boolean category labels are rendered as `true` and
+ * `false`.
  *
  * See the Composing Charts (React) demo for this component in action:
  *
- * ![BarSeries component example](https://beta.tinybase.org/shots/composing-charts-react-demo.png
+ * ![BarSeries component example](https://tinybase.org/shots/composing-charts-react-demo.png
  * "BarSeries component example")
  * @category Store components
  * @since v8.5.0
@@ -541,21 +667,25 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
 
   /**
  * The LineChart component renders a line chart from TinyBase data. If every x
- * value is a finite number, the x axis is rendered as a continuous numeric
- * scale. If any x value is a string or boolean, the x axis is rendered
- * categorically. When sortCellId is omitted, rows are sorted by xCellId.
+ * value is a finite number, the x axis is rendered as a continuous linear
+ * scale. ISO date strings are inferred as a time scale. Other strings and
+ * booleans are rendered categorically. Add XAxis component and YAxis component
+ * children to override axis configuration. When sortCellId is omitted, rows are
+ * sorted by xCellId.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
  * ```ts override
  * LineChart(
- *   props: (TableSourceProps | QuerySourceProps) & BindingProps & ChartProps,
+ *   props: (TableSourceProps | QuerySourceProps) &
+ *     BindingProps &
+ *     ChartProps & {readonly children?: ReactNode},
  * ): ComponentReturnType;
  * ```
  *
  * See the <LineChart /> (React) demo for this component in action:
  *
- * ![LineChart component example](https://beta.tinybase.org/shots/basic-chart-react-demo.png "LineChart
+ * ![LineChart component example](https://tinybase.org/shots/basic-chart-react-demo.png "LineChart
  * component example")
  * @category Store components
  * @since v8.5.0
@@ -596,26 +726,32 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  */
   LineChart: (
     props:
-      | (TableBindingProps<Schemas> & ChartProps)
-      | (QuerySourceProps<Schemas> & BindingProps & ChartProps),
+      | (TableBindingProps<Schemas> &
+          ChartProps & {readonly children?: ReactNode})
+      | (QuerySourceProps<Schemas> &
+          BindingProps &
+          ChartProps & {readonly children?: ReactNode}),
   ) => ComponentReturnType;
 
   /**
  * The BarChart component renders a bar chart from TinyBase data. Its x values
- * are always rendered categorically, even when they are finite numbers. Boolean
- * category labels are rendered as `true` and `false`.
+ * are rendered categorically by default, even when they are finite numbers. Add
+ * an XAxis component with a `linear` or `time` scale to position bars
+ * continuously. Boolean category labels are rendered as `true` and `false`.
  *
  * This has schema-based typing. The following is a simplified representation:
  *
  * ```ts override
  * BarChart(
- *   props: (TableSourceProps | QuerySourceProps) & BindingProps & ChartProps,
+ *   props: (TableSourceProps | QuerySourceProps) &
+ *     BindingProps &
+ *     ChartProps & {readonly children?: ReactNode},
  * ): ComponentReturnType;
  * ```
  *
  * See the Sorting And Types (React) demo for this component in action:
  *
- * ![BarChart component example](https://beta.tinybase.org/shots/sorting-and-types-react-demo.png
+ * ![BarChart component example](https://tinybase.org/shots/sorting-and-types-react-demo.png
  * "BarChart component example")
  * @category Store components
  * @since v8.5.0
@@ -657,7 +793,10 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  */
   BarChart: (
     props:
-      | (TableBindingProps<Schemas> & ChartProps)
-      | (QuerySourceProps<Schemas> & BindingProps & ChartProps),
+      | (TableBindingProps<Schemas> &
+          ChartProps & {readonly children?: ReactNode})
+      | (QuerySourceProps<Schemas> &
+          BindingProps &
+          ChartProps & {readonly children?: ReactNode}),
   ) => ComponentReturnType;
 };

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://beta.tinybase.org/shots/inspector-react-demo.png
+ * ![Inspector example](https://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://beta.tinybase.org/shots/inspector-react-demo.png
+ * ![Inspector example](https://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-dom/index.d.ts

@@ -692,7 +692,7 @@ export type SortedTablePaginatorProps = {
  *
  * See the <TableInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-solid-demo.png
+ * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-solid-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -836,7 +836,7 @@ export function TableInHtmlTable(
  * See the <SortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-solid-demo.png
+ * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-solid-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1007,7 +1007,7 @@ export function SortedTableInHtmlTable(
  *
  * See the <ValuesInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-solid-demo.png
+ * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-solid-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1136,7 +1136,7 @@ export function ValuesInHtmlTable(
  *
  * See the <SliceInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-solid-demo.png
+ * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-solid-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1292,7 +1292,7 @@ export function SliceInHtmlTable(
  * See the <RelationshipInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-solid-demo.png
+ * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-solid-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1466,7 +1466,7 @@ export function RelationshipInHtmlTable(
  * See the <ResultTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-solid-demo.png
+ * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-solid-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1617,7 +1617,7 @@ export function ResultTableInHtmlTable(
  * See the <ResultSortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-solid-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-solid-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1789,7 +1789,7 @@ export function ResultSortedTableInHtmlTable(
  *
  * See the <EditableCellView /> (Solid) demo for this component in action:
  *
- * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-solid-demo.png
+ * ![EditableCellView example](https://tinybase.org/shots/editablecellview-solid-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1859,7 +1859,7 @@ export function EditableCellView(
  *
  * See the <EditableValueView /> (Solid) demo for this component in action:
  *
- * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-solid-demo.png
+ * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-solid-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1929,7 +1929,7 @@ export function EditableValueView(
  * See the <SortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-solid-demo.png
+ * ![SortedTablePaginator example](https://tinybase.org/shots/sortedtablepaginator-solid-demo.png
  * "SortedTablePaginator example")
  *
  * The component displays 'previous' and 'next' buttons for paging through the

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

@@ -672,7 +672,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <TableInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![TableInHtmlTable example](https://beta.tinybase.org/shots/tableinhtmltable-solid-demo.png
+ * ![TableInHtmlTable example](https://tinybase.org/shots/tableinhtmltable-solid-demo.png
  * "TableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -824,7 +824,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![SortedTableInHtmlTable example](https://beta.tinybase.org/shots/sortedtableinhtmltable-solid-demo.png
+ * ![SortedTableInHtmlTable example](https://tinybase.org/shots/sortedtableinhtmltable-solid-demo.png
  * "SortedTableInHtmlTable example")
  *
  * The component's props identify which Table to render based on Table Id, and
@@ -1003,7 +1003,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <ValuesInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![ValuesInHtmlTable example](https://beta.tinybase.org/shots/valuesinhtmltable-solid-demo.png
+ * ![ValuesInHtmlTable example](https://tinybase.org/shots/valuesinhtmltable-solid-demo.png
  * "ValuesInHtmlTable example")
  *
  * The component's props identify which Row to render based on Table Id, Row Id,
@@ -1140,7 +1140,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <SliceInHtmlTable /> (Solid) demo for this component in action:
  *
- * ![SliceInHtmlTable example](https://beta.tinybase.org/shots/sliceinhtmltable-solid-demo.png
+ * ![SliceInHtmlTable example](https://tinybase.org/shots/sliceinhtmltable-solid-demo.png
  * "SliceInHtmlTable example")
  *
  * The component's props identify which Slice to render based on Index Id, Slice
@@ -1304,7 +1304,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <RelationshipInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![RelationshipInHtmlTable example](https://beta.tinybase.org/shots/relationshipinhtmltable-solid-demo.png
+ * ![RelationshipInHtmlTable example](https://tinybase.org/shots/relationshipinhtmltable-solid-demo.png
  * "RelationshipInHtmlTable example")
  *
  * The component's props identify which Relationship to render based on
@@ -1486,7 +1486,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![ResultTableInHtmlTable example](https://beta.tinybase.org/shots/resulttableinhtmltable-solid-demo.png
+ * ![ResultTableInHtmlTable example](https://tinybase.org/shots/resulttableinhtmltable-solid-demo.png
  * "ResultTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1645,7 +1645,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <ResultSortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![ResultSortedTableInHtmlTable example](https://beta.tinybase.org/shots/resultsortedtableinhtmltable-solid-demo.png
+ * ![ResultSortedTableInHtmlTable example](https://tinybase.org/shots/resultsortedtableinhtmltable-solid-demo.png
  * "ResultSortedTableInHtmlTable example")
  *
  * The component's props identify which ResultTable to render based on query Id,
@@ -1825,7 +1825,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableCellView /> (Solid) demo for this component in action:
  *
- * ![EditableCellView example](https://beta.tinybase.org/shots/editablecellview-solid-demo.png
+ * ![EditableCellView example](https://tinybase.org/shots/editablecellview-solid-demo.png
  * "EditableCellView example")
  *
  * The component's props identify which Cell to render based on Table Id, Row
@@ -1909,7 +1909,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  *
  * See the <EditableValueView /> (Solid) demo for this component in action:
  *
- * ![EditableValueView example](https://beta.tinybase.org/shots/editablevalueview-solid-demo.png
+ * ![EditableValueView example](https://tinybase.org/shots/editablevalueview-solid-demo.png
  * "EditableValueView example")
  *
  * The component's props identify which Value to render based on Table Id, Row
@@ -1979,7 +1979,7 @@ export type WithSchemas<Schemas extends OptionalSchemas> = {
  * See the <SortedTableInHtmlTable /> (Solid) demo for this component in
  * action:
  *
- * ![SortedTablePaginator example](https://beta.tinybase.org/shots/sortedtablepaginator-solid-demo.png
+ * ![SortedTablePaginator example](https://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

@@ -46,7 +46,7 @@ export type InspectorProps = {
  *
  * See the <Inspector /> (Solid) demo for this component in action:
  *
- * ![Inspector example](https://beta.tinybase.org/shots/inspector-solid-demo.png
+ * ![Inspector example](https://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

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