@protobase/ui 0.62.1 → 0.62.2

package/dist/calls/use-record-calls.d.ts

@@ -0,0 +1,172 @@
+import { RecordCall } from "@protobase/client";
+//#region src/calls/use-record-calls.d.ts
+/**
+ * A record's latest calls, the one going on first, kept current over the record's channel, on the one socket the page
+ * shares for every channel it holds: the server sends the calls there whenever they change, so following a record's
+ * calls opens no connection of its own on a page that holds a channel already. Read again whenever the channel joins,
+ * as after a lost connection.
+ */
+export declare const useRecordCalls: (resource: string, recordKey: string) => {
+  ongoing: RecordCall | undefined;
+  data: RecordCall[];
+  error: Error;
+  isError: true;
+  isPending: false;
+  isLoading: false;
+  isLoadingError: false;
+  isRefetchError: true;
+  isSuccess: false;
+  isPlaceholderData: false;
+  status: "error";
+  dataUpdatedAt: number;
+  errorUpdatedAt: number;
+  failureCount: number;
+  failureReason: Error | null;
+  errorUpdateCount: number;
+  isFetched: boolean;
+  isFetchedAfterMount: boolean;
+  isFetching: boolean;
+  isInitialLoading: boolean;
+  isPaused: boolean;
+  isRefetching: boolean;
+  isStale: boolean;
+  isEnabled: boolean;
+  refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<RecordCall[], Error>>;
+  fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+  ongoing: RecordCall | undefined;
+  data: RecordCall[];
+  error: null;
+  isError: false;
+  isPending: false;
+  isLoading: false;
+  isLoadingError: false;
+  isRefetchError: false;
+  isSuccess: true;
+  isPlaceholderData: false;
+  status: "success";
+  dataUpdatedAt: number;
+  errorUpdatedAt: number;
+  failureCount: number;
+  failureReason: Error | null;
+  errorUpdateCount: number;
+  isFetched: boolean;
+  isFetchedAfterMount: boolean;
+  isFetching: boolean;
+  isInitialLoading: boolean;
+  isPaused: boolean;
+  isRefetching: boolean;
+  isStale: boolean;
+  isEnabled: boolean;
+  refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<RecordCall[], Error>>;
+  fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+  ongoing: RecordCall | undefined;
+  data: undefined;
+  error: Error;
+  isError: true;
+  isPending: false;
+  isLoading: false;
+  isLoadingError: true;
+  isRefetchError: false;
+  isSuccess: false;
+  isPlaceholderData: false;
+  status: "error";
+  dataUpdatedAt: number;
+  errorUpdatedAt: number;
+  failureCount: number;
+  failureReason: Error | null;
+  errorUpdateCount: number;
+  isFetched: boolean;
+  isFetchedAfterMount: boolean;
+  isFetching: boolean;
+  isInitialLoading: boolean;
+  isPaused: boolean;
+  isRefetching: boolean;
+  isStale: boolean;
+  isEnabled: boolean;
+  refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<RecordCall[], Error>>;
+  fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+  ongoing: RecordCall | undefined;
+  data: undefined;
+  error: null;
+  isError: false;
+  isPending: true;
+  isLoading: true;
+  isLoadingError: false;
+  isRefetchError: false;
+  isSuccess: false;
+  isPlaceholderData: false;
+  status: "pending";
+  dataUpdatedAt: number;
+  errorUpdatedAt: number;
+  failureCount: number;
+  failureReason: Error | null;
+  errorUpdateCount: number;
+  isFetched: boolean;
+  isFetchedAfterMount: boolean;
+  isFetching: boolean;
+  isInitialLoading: boolean;
+  isPaused: boolean;
+  isRefetching: boolean;
+  isStale: boolean;
+  isEnabled: boolean;
+  refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<RecordCall[], Error>>;
+  fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+  ongoing: RecordCall | undefined;
+  data: undefined;
+  error: null;
+  isError: false;
+  isPending: true;
+  isLoadingError: false;
+  isRefetchError: false;
+  isSuccess: false;
+  isPlaceholderData: false;
+  status: "pending";
+  dataUpdatedAt: number;
+  errorUpdatedAt: number;
+  failureCount: number;
+  failureReason: Error | null;
+  errorUpdateCount: number;
+  isFetched: boolean;
+  isFetchedAfterMount: boolean;
+  isFetching: boolean;
+  isLoading: boolean;
+  isInitialLoading: boolean;
+  isPaused: boolean;
+  isRefetching: boolean;
+  isStale: boolean;
+  isEnabled: boolean;
+  refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<RecordCall[], Error>>;
+  fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+  ongoing: RecordCall | undefined;
+  data: RecordCall[];
+  isError: false;
+  error: null;
+  isPending: false;
+  isLoading: false;
+  isLoadingError: false;
+  isRefetchError: false;
+  isSuccess: true;
+  isPlaceholderData: true;
+  status: "success";
+  dataUpdatedAt: number;
+  errorUpdatedAt: number;
+  failureCount: number;
+  failureReason: Error | null;
+  errorUpdateCount: number;
+  isFetched: boolean;
+  isFetchedAfterMount: boolean;
+  isFetching: boolean;
+  isInitialLoading: boolean;
+  isPaused: boolean;
+  isRefetching: boolean;
+  isStale: boolean;
+  isEnabled: boolean;
+  refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<RecordCall[], Error>>;
+  fetchStatus: import("@tanstack/react-query").FetchStatus;
+};
+//#endregion

package/dist/calls/use-record-calls.js

@@ -0,0 +1,43 @@
+import { keys } from "../data/query-keys.js";
+import { useClient } from "../data/api-provider.js";
+import { useEffect } from "react";
+import { callsChannelEvent } from "@protobase/schema/internal";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/calls/use-record-calls.ts
+/**
+* A record's latest calls, the one going on first, kept current over the record's channel, on the one socket the page
+* shares for every channel it holds: the server sends the calls there whenever they change, so following a record's
+* calls opens no connection of its own on a page that holds a channel already. Read again whenever the channel joins,
+* as after a lost connection.
+*/
+const useRecordCalls = (resource, recordKey) => {
+	const client = useClient();
+	const queryClient = useQueryClient();
+	const key = keys.recordCalls(resource, recordKey);
+	const query = useQuery({
+		queryKey: key,
+		queryFn: () => client.calls(resource, recordKey)
+	});
+	useEffect(() => {
+		const queryKey = keys.recordCalls(resource, recordKey);
+		const channel = client.channel(resource, recordKey);
+		const offCalls = channel.on(callsChannelEvent, (message) => message.server && queryClient.setQueryData(queryKey, message.payload.items));
+		const offStatus = channel.onStatus((status) => status.state === "joined" && void queryClient.invalidateQueries({ queryKey }));
+		return () => {
+			offCalls();
+			offStatus();
+			channel.leave();
+		};
+	}, [
+		client,
+		queryClient,
+		resource,
+		recordKey
+	]);
+	return {
+		...query,
+		ongoing: query.data?.find((call) => call.ended_at === null)
+	};
+};
+//#endregion
+export { useRecordCalls };

package/dist/calls/use-rings.js

@@ -0,0 +1,52 @@
+import { keys } from "../data/query-keys.js";
+import { useClient } from "../data/api-provider.js";
+import { ringingAt, ringsUntil } from "./ringing.js";
+import { useCallback, useEffect, useState } from "react";
+import { ringNotice } from "@protobase/schema/internal";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+//#region src/calls/use-rings.ts
+/**
+* The calls ringing the signed-in user now, while `enabled`: read on load, and again whenever the live stream the page
+* already holds says they changed, as when the user answers on another device, declines or the call ends; each stops
+* by itself once its time is up. `decline` stops one on every page of theirs, `hide` only on this one.
+*/
+const useRings = (enabled) => {
+	const client = useClient();
+	const queryClient = useQueryClient();
+	const query = useQuery({
+		queryKey: keys.rings,
+		queryFn: async () => ringsUntil(await client.rings.list(), Date.now()),
+		enabled
+	});
+	useEffect(() => {
+		if (!enabled) return;
+		const again = () => void queryClient.invalidateQueries({ queryKey: keys.rings });
+		return client.live({
+			onChanges: (changes) => changes.some((change) => change.resource === ringNotice) && again(),
+			onResync: again
+		});
+	}, [
+		client,
+		queryClient,
+		enabled
+	]);
+	const [now, setNow] = useState(() => Date.now());
+	const { ringing, next } = ringingAt(query.data ?? [], Math.max(now, query.dataUpdatedAt));
+	useEffect(() => {
+		if (next === void 0) return;
+		const timer = setTimeout(() => setNow(Date.now()), Math.max(0, next - Date.now()));
+		return () => clearTimeout(timer);
+	}, [next]);
+	const hide = useCallback((call) => queryClient.setQueryData(keys.rings, (rings) => rings?.filter((ring) => ring.call !== call)), [queryClient]);
+	return {
+		ringing,
+		decline: useMutation({
+			mutationFn: (call) => client.rings.decline(call),
+			onMutate: hide,
+			onSettled: () => queryClient.invalidateQueries({ queryKey: keys.rings })
+		}).mutate,
+		hide
+	};
+};
+//#endregion
+export { useRings };

package/dist/calls/use-width.js

@@ -0,0 +1,18 @@
+import { useCallback, useState } from "react";
+//#region src/calls/use-width.ts
+/** The width of the element the returned ref is put on, followed as it changes; 0 until it is drawn. */
+const useWidth = () => {
+	const [width, setWidth] = useState(0);
+	return {
+		ref: useCallback((element) => {
+			if (!element) return;
+			setWidth(element.clientWidth);
+			const observer = new ResizeObserver(([entry]) => setWidth(entry.contentRect.width));
+			observer.observe(element);
+			return () => observer.disconnect();
+		}, []),
+		width
+	};
+};
+//#endregion
+export { useWidth };

package/dist/data/api-provider.d.ts

@@ -79,6 +79,10 @@ export declare const useClient: () => {
   };
   calls: (resource: import("@protobase/client").ResourceRef, key: import("@protobase/schema").KeyValue | readonly import("@protobase/schema").KeyValue[]) => Promise<import("@protobase/client").RecordCall[]>;
   watchCalls: (resource: import("@protobase/client").ResourceRef, key: import("@protobase/schema").KeyValue | readonly import("@protobase/schema").KeyValue[], handlers: import("@protobase/client").RecordCallsHandlers) => () => void;
+  rings: {
+    list: () => Promise<import("@protobase/client").CallRing[]>;
+    decline: (call: string) => Promise<void>;
+  };
 };
 /**
  * The client of the API that serves `resource`: a source's for a resource the app draws from one, the app's own
@@ -160,6 +164,10 @@ export declare const useResourceClient: (resource: string) => {
   };
   calls: (resource: import("@protobase/client").ResourceRef, key: import("@protobase/schema").KeyValue | readonly import("@protobase/schema").KeyValue[]) => Promise<import("@protobase/client").RecordCall[]>;
   watchCalls: (resource: import("@protobase/client").ResourceRef, key: import("@protobase/schema").KeyValue | readonly import("@protobase/schema").KeyValue[], handlers: import("@protobase/client").RecordCallsHandlers) => () => void;
+  rings: {
+    list: () => Promise<import("@protobase/client").CallRing[]>;
+    decline: (call: string) => Promise<void>;
+  };
 };
 export type ApiProviderProps = {
   /** Defaults to `/api/v1` on the current origin. */

package/dist/data/meta-data.d.ts

@@ -52,6 +52,8 @@ export type MetaData = {
   bell?: boolean;
   /** Whether people set their own status and see those they share an organization with (see `useStatuses`). */
   status?: boolean;
+  /** Whether the app has calls, which ring people on any page they have open (see `CallRings`). */
+  calls?: boolean;
   /** The language the app's screens are in for everyone, when it sets one (see `AppLocale`). */
   locale?: Locale;
   /** The hosts besides the app's own whose images are drawn with the page's referrer (see `FileImage`). */

package/dist/data/query-keys.js

@@ -172,6 +172,14 @@ const keys = {
 		userId,
 		"own"
 	],
+	/** The calls ringing the signed-in user (`useRings`). */
+	rings: ["call-rings"],
+	/** A record's calls, as its call mark shows them (`useRecordCalls`). */
+	recordCalls: (resource, key) => [
+		"record-calls",
+		resource,
+		key
+	],
 	/** A public form, as `/-/forms/<name>` draws it. */
 	publicForm: (name) => ["public-form", name]
 };

package/dist/data/use-meta.js

@@ -46,6 +46,7 @@ const useMeta = () => {
 				...result.meta.maps && { maps: result.meta.maps },
 				...result.meta.notifications?.bell && { bell: true },
 				...result.meta.status && { status: true },
+				...result.meta.calls && { calls: true },
 				...result.meta.locale && { locale: result.meta.locale },
 				...result.meta.files && { files: result.meta.files },
 				...result.meta.plugins && { plugins: result.meta.plugins },

package/dist/index.d.ts

@@ -34,6 +34,11 @@ import { PushState } from "./notifications/push/web-push.js";
 import { SignedInUser, useSignedInUser } from "./auth/use-signed-in-user.js";
 import { Member, MembersResult, useMembers } from "./people/use-members.js";
 import { statusRefreshMs, useOwnStatus, useStatuses } from "./status/use-statuses.js";
+import { CallView, CallViewProps } from "./calls/call-view.js";
+import { RecordCall, RecordCallProps } from "./calls/record-call.js";
+import { CallMark, CallMarkProps } from "./calls/call-mark.js";
+import { useRecordCalls } from "./calls/use-record-calls.js";
+import { useRecordCallAddress } from "./calls/use-record-call-address.js";
 import { usePushNotifications } from "./notifications/push/use-push-notifications.js";
 import { useInbox, useMarkNotificationsRead, useUnreadNotifications } from "./notifications/bell/use-inbox.js";
 import { SignInPrompt, SignInPromptProps } from "./auth/sign-in-prompt.js";
@@ -87,4 +92,4 @@ import { Section } from "./record-view/section.js";
 import { Form, FormProps } from "./app/create/form.js";
 import { RecordPicker, RecordPickerProps } from "./app/record-picker.js";
 import { Spinner } from "./primitives/spinner.js";
-export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ActionInputError, type ActionInputProps, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, AvailabilityMark, type BackendData, type BackendRefresh, type BeforeSignInProps, type BoardDrop, type BoardDropContext, type BoardDropUndo, type BoardDropWrite, Button, type ButtonProps, type CardAction, type CardTone, Carousel, type CarouselImage, type CarouselProps, type ChatAuthor, ChatDivider, type ChatDividerProps, ChatMessage, type ChatMessageProps, ChatThread, type ChatThreadProps, type ChoiceOption, Choices, type ChoicesProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, Dialog, type DialogProps, type DiffLine, DiffView, type DiffViewProps, type Drop, type DropRule, Field, FieldList, type FieldProps, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Form, type FormProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, Markdown, type MarkdownContentProps as MarkdownProps, type MarksHook, type Member, type MembersResult, MentionBox, type MentionBoxProps, type MentionDraft, MentionedText, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PeopleSearch, type PickedUser, type PluginInfo, type Presence, type PresenceHook, type ProjectUi, type PushState, type RecordCardProps, RecordLink, type RecordMark, RecordPicker, type RecordPickerProps, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, Section, Segmented, type SegmentedOption, type SegmentedProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, type SignedInUser, Spinner, StatusMark, type StatusMarkProps, type Step, StepList, type StepState, Textarea, type TextareaProps, type TitleReader, type TitleRule, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, statusRefreshMs, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, useOwnStatus, usePlugin, usePresence, usePushNotifications, useRecord, useResourceClient, useSeries, useSignedInUser, useStatuses, useUnreadNotifications, useUpdateRecord };
+export { ActionCard, type ActionCardProps, type ActionContext, type ActionHandler, ActionInputError, type ActionInputProps, ApiProvider, type ApiProviderProps, App, AppLink, type AppProps, AssistantDock, type AssistantDockProps, AuthLayout, type AuthLayoutProps, AvailabilityMark, type BackendData, type BackendRefresh, type BeforeSignInProps, type BoardDrop, type BoardDropContext, type BoardDropUndo, type BoardDropWrite, Button, type ButtonProps, CallMark, type CallMarkProps, CallView, type CallViewProps, type CardAction, type CardTone, Carousel, type CarouselImage, type CarouselProps, type ChatAuthor, ChatDivider, type ChatDividerProps, ChatMessage, type ChatMessageProps, ChatThread, type ChatThreadProps, type ChoiceOption, Choices, type ChoicesProps, CodeForm, type CodeFormProps, CompactTable, type CompactTableProps, Composer, type ComposerProps, type CurrentAddress, Dialog, type DialogProps, type DiffLine, DiffView, type DiffViewProps, type Drop, type DropRule, Field, FieldList, type FieldProps, type FieldWidget, type FieldWidgetEditorProps, type FieldWidgetProps, Form, type FormProps, Input, type InputProps, type LayoutRecord, type ListAddress, type ListChange, type ListDisplay, type ListDisplayRow, LogoMark, Markdown, type MarkdownContentProps as MarkdownProps, type MarksHook, type Member, type MembersResult, MentionBox, type MentionBoxProps, type MentionDraft, MentionedText, MenuSelect, type MenuSelectProps, type MetaData, OtpInput, type OtpInputProps, PartView, type PeopleSearch, type PickedUser, type PluginInfo, type Presence, type PresenceHook, type ProjectUi, type PushState, RecordCall, type RecordCallProps, type RecordCardProps, RecordLink, type RecordMark, RecordPicker, type RecordPickerProps, ResendCodeButton, type ResendCodeButtonProps, ResponsiveDialog, type ResponsiveDialogProps, Section, Segmented, type SegmentedOption, type SegmentedProps, type ShellLogoProps, SidePanel, type SidePanelProps, SignInPrompt, type SignInPromptProps, type SignedInUser, Spinner, StatusMark, type StatusMarkProps, type Step, StepList, type StepState, Textarea, type TextareaProps, type TitleReader, type TitleRule, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, statusRefreshMs, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, useOwnStatus, usePlugin, usePresence, usePushNotifications, useRecord, useRecordCallAddress, useRecordCalls, useResourceClient, useSeries, useSignedInUser, useStatuses, useUnreadNotifications, useUpdateRecord };

package/dist/index.js

@@ -63,7 +63,12 @@ import { isConflict, useUpdateRecord } from "./data/use-update-record.js";
 import { App } from "./app/app.js";
 import { RecordLink } from "./app/displays/record-link.js";
 import { useSignedInUser } from "./auth/use-signed-in-user.js";
+import { CallView } from "./calls/call-view.js";
+import { useRecordCallAddress } from "./calls/use-record-call-address.js";
+import { RecordCall } from "./calls/record-call.js";
+import { useRecordCalls } from "./calls/use-record-calls.js";
+import { CallMark } from "./calls/call-mark.js";
 import { Carousel } from "./carousel/carousel.js";
 import { Choices } from "./primitives/choices.js";
 import { RecordPicker } from "./app/record-picker.js";
-export { ActionCard, ActionInputError, ApiProvider, App, AppLink, AssistantDock, AuthLayout, AvailabilityMark, Button, Carousel, ChatDivider, ChatMessage, ChatThread, Choices, CodeForm, CompactTable, Composer, Dialog, DiffView, Field, FieldList, Form, Input, LogoMark, Markdown, MentionBox, MentionedText, MenuSelect, OtpInput, PartView, RecordLink, RecordPicker, ResendCodeButton, ResponsiveDialog, Section, Segmented, SidePanel, SignInPrompt, Spinner, StatusMark, StepList, Textarea, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, statusRefreshMs, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, useOwnStatus, usePlugin, usePresence, usePushNotifications, useRecord, useResourceClient, useSeries, useSignedInUser, useStatuses, useUnreadNotifications, useUpdateRecord };
+export { ActionCard, ActionInputError, ApiProvider, App, AppLink, AssistantDock, AuthLayout, AvailabilityMark, Button, CallMark, CallView, Carousel, ChatDivider, ChatMessage, ChatThread, Choices, CodeForm, CompactTable, Composer, Dialog, DiffView, Field, FieldList, Form, Input, LogoMark, Markdown, MentionBox, MentionedText, MenuSelect, OtpInput, PartView, RecordCall, RecordLink, RecordPicker, ResendCodeButton, ResponsiveDialog, Section, Segmented, SidePanel, SignInPrompt, Spinner, StatusMark, StepList, Textarea, allowDelayMs, buttonClass, chatDayLabel, definePlugin, defineUi, diffStats, emptyDraft, isConflict, isFramed, mentionedIds, mergeUi, parseDiff, pluginApi, protobaseVersion, sameChatDay, statusRefreshMs, uiFromModule, useApiToken, useAppAddress, useArmedAfterFocus, useAssistant, useAssistantClient, useBackendData, useClient, useFacets, useFieldControl, useGuardedPress, useHistogram, useInbox, useLayoutRecord, useList, useListDisplay, useMarkNotificationsRead, useMembers, useMeta, useOwnStatus, usePlugin, usePresence, usePushNotifications, useRecord, useRecordCallAddress, useRecordCalls, useResourceClient, useSeries, useSignedInUser, useStatuses, useUnreadNotifications, useUpdateRecord };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.62.1";
+var version = "0.62.2";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/primitives/route-link.d.ts

@@ -1 +1,13 @@
-import { AnchorHTMLAttributes } from "react";
+import { AnchorHTMLAttributes } from "react";
+//#region src/primitives/route-link.d.ts
+/**
+ * Where a link goes: the `href` the browser shows and opens, and how the app follows it in place. One without
+ * `onFollow`, a page outside the app, the browser follows itself, in a new tab without the app's window or address
+ * with `newTab`.
+ */
+export type RouteTarget = {
+  href: string;
+  onFollow?: () => void;
+  newTab?: boolean;
+};
+//#endregion