@protobase/ui 0.40.6 → 0.40.7

package/dist/app/app.js

@@ -52,6 +52,8 @@ import { PluginNotice } from "../plugins/plugin-notice.js";
 import { RecordPage } from "./record-page.js";
 import { SourceNotice } from "./source-notice.js";
 import { useGlobalSearch } from "./search/use-global-search.js";
+import { NewVersionButton } from "./new-version/new-version-button.js";
+import { NewVersionToast } from "./new-version/new-version-toast.js";
 import { RuntimeUpdateButton } from "./runtime/runtime-update.js";
 import { StaffBanner } from "./staff-banner.js";
 import { useNavRecent } from "./use-nav-recent.js";
@@ -140,6 +142,7 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 		url: runtimeUrl,
 		client: runtime
 	});
+	const reloadButton = meta.versionChange && /* @__PURE__ */ jsx(NewVersionButton, {});
 	const role = useActiveRole(useCallback(() => reopenIn(basePath), [basePath]), Boolean(user));
 	const acting = user && actingUser(user, role.current);
 	const admin = acting ? isAdmin(acting) : false;
@@ -250,12 +253,13 @@ const Routes = ({ workspace, sidebarMode, assistant, runtime }) => {
 			groups: search.groups,
 			onSelect: open
 		} : void 0,
-		actions: (Actions || runtimeButton || assistantButton) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		actions: (Actions || reloadButton || runtimeButton || assistantButton) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			Actions && /* @__PURE__ */ jsx(CustomBoundary, {
 				name: "shell.actions",
 				fallback: null,
 				children: /* @__PURE__ */ jsx(Actions, {})
 			}),
+			reloadButton,
 			runtimeButton,
 			assistantButton
 		] }),
@@ -291,7 +295,7 @@ const Authenticated = ({ baseUrl, client, sources, workspace, sidebarMode, ui, a
 		sources,
 		token: state.kind === "visitor" ? void 0 : session.token,
 		onUnauthenticated: markSignedOut,
-		children: /* @__PURE__ */ jsx(MetaGate, { children: /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(PluginGate, {
+		children: /* @__PURE__ */ jsx(MetaGate, { children: /* @__PURE__ */ jsxs(ToastProvider, { children: [/* @__PURE__ */ jsx(NewVersionToast, {}), /* @__PURE__ */ jsx(PluginGate, {
 			ui,
 			children: /* @__PURE__ */ jsx(Routes, {
 				workspace,
@@ -299,7 +303,7 @@ const Authenticated = ({ baseUrl, client, sources, workspace, sidebarMode, ui, a
 				assistant,
 				runtime
 			})
-		}) }) })
+		})] }) })
 	});
 };
 const PublicFormGate = ({ baseUrl, client, ui, children }) => {

package/dist/app/comments/comment-composer.js

@@ -1,5 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { Button } from "../../primitives/button.js";
+import { useNavigationGuard } from "../router.js";
 import { useToast } from "../../toasts/toast-provider.js";
 import { refusalReason } from "../displays/board-columns.js";
 import { Textarea } from "../../primitives/textarea.js";
@@ -29,6 +30,7 @@ const CommentComposer = ({ resource, recordKey }) => {
 	const listId = useId();
 	const toast = useToast();
 	const post = usePostComment(resource, recordKey);
+	useNavigationGuard(draft.trim() !== "" || post.isPending, "input-lost");
 	const mention = activeMention(draft, caret);
 	const open = focused && mention !== void 0 && mention.start !== closed;
 	const people = useMentionable(resource, recordKey, open ? mention.query : void 0);

package/dist/app/create/create-page.js

@@ -1,4 +1,5 @@
 import { text } from "../messages.js";
+import { useNavigationGuard } from "../router.js";
 import { useClient } from "../../data/api-provider.js";
 import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
 import { humanize } from "../../live/naming.js";
@@ -50,6 +51,12 @@ const LoadedCreate = ({ resource, values }) => {
 	const [errors, setErrors] = useState({});
 	const [rejections, setRejections] = useState(0);
 	const formRef = useFocusFirstInvalid(rejections);
+	const [newRecord, setNewRecord] = useState();
+	const [touched, setTouched] = useState(false);
+	useNavigationGuard(!newRecord && (touched || feedback.phase === "saving"), "input-lost");
+	useEffect(() => {
+		if (newRecord) go(newRecord, { replace: true });
+	}, [newRecord, go]);
 	useEffect(() => {
 		for (const [name, key] of Object.entries(values ?? {})) {
 			const target = meta.resources[model.fields[name]?.relation?.resource ?? ""];
@@ -74,6 +81,7 @@ const LoadedCreate = ({ resource, values }) => {
 	]);
 	const change = (name, value) => {
 		setErrors((current) => without(current, name));
+		setTouched(true);
 		setDraft((current) => ({
 			...current,
 			[name]: value
@@ -97,11 +105,11 @@ const LoadedCreate = ({ resource, values }) => {
 			"facets",
 			"series"
 		]) queryClient.invalidateQueries({ queryKey: [prefix, resource] });
-		go({
+		setNewRecord({
 			kind: "record",
 			resource,
 			key: recordKey(model, created.record)
-		}, { replace: true });
+		});
 	});
 	const formSections = sections.map((section) => ({
 		title: section.title,

package/dist/app/messages.js

@@ -47,8 +47,14 @@ const text = defineMessages({
 		loading: "Loading",
 		leaveTitle: "Leave without saving?",
 		leaveDescription: "You have unsaved changes on this page. They stay in this browser, and come back when you open the record again.",
+		leaveInputLost: "You have unsaved changes on this page. They are lost when you leave.",
 		stay: "Stay",
 		leave: "Leave",
+		reloadTitle: "Reload without saving?",
+		reloadDraftKept: "You have unsaved changes on this page. They stay in this browser, and come back after the page reloads.",
+		reloadInputLost: "You have unsaved changes on this page. They are lost when the page reloads.",
+		keepEditing: "Keep editing",
+		reload: "Reload",
 		show: (label) => `Show ${label}`,
 		hide: (label) => `Hide ${label}`,
 		couldNotShow: (label) => `Could not show the ${label}`,
@@ -110,8 +116,14 @@ const text = defineMessages({
 		loading: "Laden",
 		leaveTitle: "Weggaan zonder te bewaren?",
 		leaveDescription: "Je hebt niet-bewaarde wijzigingen op deze pagina. Ze blijven in deze browser, en komen terug als je het record weer opent.",
+		leaveInputLost: "Je hebt niet-bewaarde wijzigingen op deze pagina. Ze gaan verloren als je weggaat.",
 		stay: "Blijven",
 		leave: "Weggaan",
+		reloadTitle: "Opnieuw laden zonder op te slaan?",
+		reloadDraftKept: "Er zijn niet-opgeslagen wijzigingen op deze pagina. Ze blijven bewaard in deze browser en komen terug zodra de pagina opnieuw is geladen.",
+		reloadInputLost: "Er zijn niet-opgeslagen wijzigingen op deze pagina. Ze gaan verloren als de pagina opnieuw wordt geladen.",
+		keepEditing: "Verder bewerken",
+		reload: "Opnieuw laden",
 		show: (label) => `${label} tonen`,
 		hide: (label) => `${label} verbergen`,
 		couldNotShow: (label) => `Kon ${label} niet tonen`,

package/dist/app/new-version/messages.js

@@ -0,0 +1,20 @@
+import { defineMessages } from "../../locale/messages.js";
+//#region src/app/new-version/messages.ts
+const text = defineMessages({
+	en: {
+		title: "This app has been updated",
+		description: "Reload the page to use the new version, when it suits you.",
+		reload: "Reload",
+		reloadPage: "Reload page",
+		reloadPageHint: "Reload page to use the new version"
+	},
+	nl: {
+		title: "Deze app is bijgewerkt",
+		description: "Laad de pagina opnieuw voor de nieuwe versie, wanneer het uitkomt.",
+		reload: "Opnieuw laden",
+		reloadPage: "Opnieuw laden",
+		reloadPageHint: "Opnieuw laden om de nieuwe versie te gebruiken"
+	}
+});
+//#endregion
+export { text };

package/dist/app/new-version/new-version-button.js

@@ -0,0 +1,27 @@
+import { Button } from "../../primitives/button.js";
+import { useRouter } from "../router.js";
+import { useAdminMeta } from "../meta-gate.js";
+import { text } from "./messages.js";
+import { RotateCw } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/app/new-version/new-version-button.tsx
+/** The top bar's Reload page button, from the moment the page keeps its `/meta` for a new version until it reloads. */
+const NewVersionButton = () => {
+	const changed = Boolean(useAdminMeta().versionChange);
+	const { reload } = useRouter();
+	if (!changed) return null;
+	return /* @__PURE__ */ jsxs(Button, {
+		size: "sm",
+		variant: "ghost",
+		"aria-label": text("reloadPageHint"),
+		title: text("reloadPageHint"),
+		onClick: reload,
+		className: "max-md:size-9 max-md:p-0",
+		children: [/* @__PURE__ */ jsx(RotateCw, { className: "size-3.5 text-primary" }), /* @__PURE__ */ jsx("span", {
+			className: "max-md:sr-only",
+			children: text("reloadPage")
+		})]
+	});
+};
+//#endregion
+export { NewVersionButton };

package/dist/app/new-version/new-version-toast.js

@@ -0,0 +1,43 @@
+import { useRouter } from "../router.js";
+import { useAdminMeta } from "../meta-gate.js";
+import { useToast } from "../../toasts/toast-provider.js";
+import { text } from "./messages.js";
+import { useModalOpen } from "./use-modal-open.js";
+import { useEffect, useState } from "react";
+//#region src/app/new-version/new-version-toast.tsx
+/**
+* Once the server runs another Protobase version than the page started with, a toast that says so and reloads the
+* page, asking first while a guard holds unsaved changes. It stays until Reload or ×, and after × it does not come
+* back; the top bar's `NewVersionButton` stays. It steps aside while a modal is open, whose buttons it could cover on a
+* phone. The page keeps the `/meta` it has meanwhile (see `keepOnVersionChange`).
+*/
+const NewVersionToast = () => {
+	const changed = Boolean(useAdminMeta().versionChange);
+	const modalOpen = useModalOpen();
+	const [closed, setClosed] = useState(false);
+	const toast = useToast();
+	const { reload } = useRouter();
+	const shown = changed && !closed && !modalOpen;
+	useEffect(() => {
+		if (!shown) return;
+		const id = toast.show({
+			state: "info",
+			sticky: true,
+			title: text("title"),
+			description: text("description"),
+			action: {
+				label: text("reload"),
+				onClick: reload
+			},
+			onClose: () => setClosed(true)
+		});
+		return () => toast.dismiss(id);
+	}, [
+		shown,
+		toast,
+		reload
+	]);
+	return null;
+};
+//#endregion
+export { NewVersionToast };

package/dist/app/new-version/use-modal-open.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "react";
+//#region src/app/new-version/use-modal-open.ts
+const modalOpen = () => document.querySelector("[aria-modal=\"true\"]") !== null;
+/** Whether a modal, a dialog or a sheet, is open anywhere on the page, following them as they open and close. */
+const useModalOpen = () => {
+	const [open, setOpen] = useState(modalOpen);
+	useEffect(() => {
+		const observer = new MutationObserver(() => setOpen(modalOpen()));
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+		setOpen(modalOpen());
+		return () => observer.disconnect();
+	}, []);
+	return open;
+};
+//#endregion
+export { useModalOpen };

package/dist/app/pages/blocks/modal-form.js

@@ -1,5 +1,6 @@
 import { Button } from "../../../primitives/button.js";
 import { Dialog } from "../../../primitives/dialog.js";
+import { useNavigationGuard } from "../../router.js";
 import { useClient } from "../../../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "../../meta-gate.js";
 import { text } from "../messages.js";
@@ -45,6 +46,8 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 	const formRef = useFocusFirstInvalid(rejections);
 	const [failure, setFailure] = useState();
 	const [saving, setSaving] = useState(false);
+	const [touched, setTouched] = useState(false);
+	useNavigationGuard(touched || saving, "input-lost");
 	const submit = async () => {
 		setSaving(true);
 		setFailure(void 0);
@@ -113,6 +116,7 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 						resource: model.name,
 						onChange: (next) => {
 							setErrors(({ [name]: _, ...rest }) => rest);
+							setTouched(true);
 							setDraft((current) => ({
 								...current,
 								[name]: next

package/dist/app/record-page.js

@@ -153,7 +153,7 @@ const LoadedRecord = ({ model, recordKey, stored, preview }) => {
 	const restore = useRestore(model);
 	const canUpdate = can(permissions, "update") && stored.permissions?.update !== false;
 	const { shown, offersEdit, editing } = recordShown(view?.recordMode, canUpdate, address?.kind === "record" && address.edit === true);
-	useNavigationGuard(editor.dirty && shown === "form");
+	useNavigationGuard(editor.dirty && shown === "form" || editor.saving);
 	usePauseFocusRefresh(editor.dirty);
 	const openGroups = address?.kind === "record" ? address.open : void 0;
 	const atEdit = address?.kind === "record" && address.edit === true;

package/dist/app/router.js

@@ -34,13 +34,15 @@ const Router = ({ basePath = "", initialUrl, children }) => {
 		url: initialUrl ?? browserUrl(),
 		entry: memory ? newEntry() : historyEntry()
 	}));
-	const guards = useRef(/* @__PURE__ */ new Set());
+	const guards = useRef(/* @__PURE__ */ new Map());
+	const losesInput = () => [...guards.current.values()].includes("input-lost");
 	const current = useRef(page);
 	current.current = page;
 	const position = useRef(memory ? 0 : historyIndex());
 	const undoing = useRef(false);
 	const proceeding = useRef(false);
 	const leaveAfterUndo = useRef(void 0);
+	const reloading = useRef(false);
 	const [pending, setPending] = useState();
 	useEffect(() => {
 		if (memory) return;
@@ -64,7 +66,8 @@ const Router = ({ basePath = "", initialUrl, children }) => {
 				window.history.go(-delta);
 				setPending({
 					kind: "history",
-					delta
+					delta,
+					inputLost: losesInput()
 				});
 				return;
 			}
@@ -97,19 +100,32 @@ const Router = ({ basePath = "", initialUrl, children }) => {
 		if (pathOf(full) !== pathOf(current.current.url) && guards.current.size > 0) return setPending({
 			kind: "link",
 			full,
-			replace
+			replace,
+			inputLost: losesInput()
 		});
 		go(full, replace);
 	}, [basePath, go]);
-	const registerGuard = useCallback(() => {
+	const registerGuard = useCallback((kind = "draft-kept") => {
 		const token = Symbol("guard");
-		guards.current.add(token);
+		guards.current.set(token, kind);
 		return () => void guards.current.delete(token);
 	}, []);
+	const reload = useCallback(() => {
+		if (guards.current.size > 0) return setPending({
+			kind: "reload",
+			inputLost: losesInput()
+		});
+		window.location.reload();
+	}, []);
+	const reloadConfirmed = useCallback(() => reloading.current, []);
 	const leave = () => {
 		if (!pending) return;
 		setPending(void 0);
 		if (pending.kind === "link") return go(pending.full, pending.replace);
+		if (pending.kind === "reload") {
+			reloading.current = true;
+			return window.location.reload();
+		}
 		proceeding.current = true;
 		if (undoing.current) leaveAfterUndo.current = pending.delta;
 		else window.history.go(pending.delta);
@@ -122,29 +138,49 @@ const Router = ({ basePath = "", initialUrl, children }) => {
 			basePath,
 			entry: page.entry,
 			navigate,
-			registerGuard
+			registerGuard,
+			reload,
+			reloadConfirmed
 		};
 	}, [
 		page,
 		basePath,
 		navigate,
-		registerGuard
+		registerGuard,
+		reload,
+		reloadConfirmed
 	]);
 	return /* @__PURE__ */ jsxs(RouterContext.Provider, {
 		value,
-		children: [children, pending && /* @__PURE__ */ jsx(Dialog, {
-			title: text("leaveTitle"),
-			description: text("leaveDescription"),
-			onClose: () => setPending(void 0),
-			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
-				onClick: () => setPending(void 0),
-				children: text("stay")
-			}), /* @__PURE__ */ jsx(Button, {
-				variant: "primary",
-				onClick: leave,
-				children: text("leave")
-			})] })
-		})]
+		children: [
+			children,
+			pending?.kind === "reload" && /* @__PURE__ */ jsx(Dialog, {
+				title: text("reloadTitle"),
+				description: text(pending.inputLost ? "reloadInputLost" : "reloadDraftKept"),
+				onClose: () => setPending(void 0),
+				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => setPending(void 0),
+					children: text("keepEditing")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: leave,
+					children: text("reload")
+				})] })
+			}),
+			pending && pending.kind !== "reload" && /* @__PURE__ */ jsx(Dialog, {
+				title: text("leaveTitle"),
+				description: text(pending.inputLost ? "leaveInputLost" : "leaveDescription"),
+				onClose: () => setPending(void 0),
+				actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => setPending(void 0),
+					children: text("stay")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: leave,
+					children: text("leave")
+				})] })
+			})
+		]
 	});
 };
 /** A link to a path below the base path, as `appPath` writes it, that the router follows without reloading the page. */
@@ -158,16 +194,22 @@ const Link = ({ to, replace, ...rest }) => {
 		...rest
 	});
 };
-/** While `active`, leaving the page asks first (in-app links and closing the tab). */
-const useNavigationGuard = (active) => {
-	const { registerGuard } = useRouter();
-	useEffect(() => active ? registerGuard() : void 0, [active, registerGuard]);
+/** While `active`, leaving the page asks first (in-app links, a reload and closing the tab). */
+const useNavigationGuard = (active, kind = "draft-kept") => {
+	const { registerGuard, reloadConfirmed } = useRouter();
+	useEffect(() => active ? registerGuard(kind) : void 0, [
+		active,
+		kind,
+		registerGuard
+	]);
 	useEffect(() => {
 		if (!active) return;
-		const warn = (event) => event.preventDefault();
+		const warn = (event) => {
+			if (!reloadConfirmed()) event.preventDefault();
+		};
 		window.addEventListener("beforeunload", warn);
 		return () => window.removeEventListener("beforeunload", warn);
-	}, [active]);
+	}, [active, reloadConfirmed]);
 };
 //#endregion
 export { Link, Router, useNavigationGuard, useRouter };

package/dist/data/api-provider.js

@@ -66,6 +66,7 @@ const ApiProvider = ({ baseUrl, client: given, sources, fetch, queryClient: give
 			const previous = metaVersion.current;
 			metaVersion.current = version;
 			if (previous === void 0 || previous === version) return;
+			if (queryClient.getQueryData(keys.meta)?.versionChange) return;
 			queryClient.invalidateQueries({ queryKey: keys.meta }, { cancelRefetch: false });
 		}
 	}), [

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

@@ -7,6 +7,15 @@ export type MetaData = {
   etag: string;
   /** The app's name, which ends the tab titles. */
   appName: string;
+  /** The Protobase version the server ran when this `/meta` was read. */
+  protobaseVersion?: string;
+  /**
+   * Set once the server runs another Protobase version than the page started with: `to` is that version, when the server
+   * names one. The page keeps this `/meta` and stops reading it until it is reloaded (see `keepOnVersionChange`).
+   */
+  versionChange?: {
+    to?: string;
+  };
   /** The path of the app's own icon, when the project has one, which the sidebar's logo draws. */
   appIcon?: string;
   resources: Record<string, ResourceModel>;

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

@@ -3,8 +3,9 @@ import { UseQueryResult } from "@tanstack/react-query";
 //#region src/data/use-meta.d.ts
 /**
  * The resource and view models. Refetches on window focus with `If-None-Match`, so an unchanged
- * `/meta` costs a 304, and the cached object keeps its identity. Below the app's `MetaGate`, `data` holds the resources
- * of its sources too, as every page of the app reads them.
+ * `/meta` costs a 304, and the cached object keeps its identity. Once the server runs another Protobase version than
+ * the page started with, it keeps the `/meta` it has and stops reading it (see `keepOnVersionChange`). Below the app's
+ * `MetaGate`, `data` holds the resources of its sources too, as every page of the app reads them.
  */
 export declare const useMeta: () => UseQueryResult<MetaData>;
 //#endregion

package/dist/data/use-meta.js

@@ -1,13 +1,15 @@
 import { keys } from "./query-keys.js";
 import { useClient } from "./api-provider.js";
 import { MetaContext } from "./meta-context.js";
+import { keepOnVersionChange } from "./version-freeze.js";
 import { useContext, useMemo } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 //#region src/data/use-meta.ts
 /**
 * The resource and view models. Refetches on window focus with `If-None-Match`, so an unchanged
-* `/meta` costs a 304, and the cached object keeps its identity. Below the app's `MetaGate`, `data` holds the resources
-* of its sources too, as every page of the app reads them.
+* `/meta` costs a 304, and the cached object keeps its identity. Once the server runs another Protobase version than
+* the page started with, it keeps the `/meta` it has and stops reading it (see `keepOnVersionChange`). Below the app's
+* `MetaGate`, `data` holds the resources of its sources too, as every page of the app reads them.
 */
 const useMeta = () => {
 	const client = useClient();
@@ -17,6 +19,7 @@ const useMeta = () => {
 		queryKey: keys.meta,
 		staleTime: 0,
 		refetchOnWindowFocus: "always",
+		enabled: (current) => !current.state.data?.versionChange,
 		queryFn: async () => {
 			const previous = queryClient.getQueryData(keys.meta);
 			const result = await client.meta(previous?.etag);
@@ -24,9 +27,10 @@ const useMeta = () => {
 				if (!previous) throw new Error("The server answered 304 to a request without If-None-Match");
 				return previous;
 			}
-			return {
+			return keepOnVersionChange(previous, {
 				etag: result.etag,
 				appName: result.meta.appName,
+				...result.meta.protobaseVersion && { protobaseVersion: result.meta.protobaseVersion },
 				...result.meta.appIcon && { appIcon: result.meta.appIcon },
 				resources: Object.fromEntries(result.meta.resources.map((model) => [model.name, model])),
 				views: Object.fromEntries(result.meta.views.map((model) => [model.resource, model])),
@@ -46,7 +50,7 @@ const useMeta = () => {
 					source,
 					state: "loading"
 				})) }
-			};
+			});
 		}
 	});
 	return useMemo(() => merged && query.data ? {

package/dist/data/version-freeze.js

@@ -0,0 +1,17 @@
+//#region src/data/version-freeze.ts
+/**
+* The `/meta` the page keeps after reading it again: `next`, unless the server now runs another Protobase version than
+* the page started with. The page then keeps the `/meta` it has, marked with the version the server moved to, and
+* `useMeta` stops reading it, so nothing on the page changes until it is reloaded.
+*/
+const keepOnVersionChange = (previous, next) => {
+	if (!previous) return next;
+	if (previous.versionChange) return previous;
+	if (next.protobaseVersion === previous.protobaseVersion) return next;
+	return {
+		...previous,
+		versionChange: { ...next.protobaseVersion && { to: next.protobaseVersion } }
+	};
+};
+//#endregion
+export { keepOnVersionChange };

package/dist/package.js

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