@protobase/ui 0.63.5 → 0.65.0

package/dist/app/messages.js

@@ -1,142 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/messages.ts
-const text = defineMessages({
-	en: {
-		notFound: "Not found",
-		noResource: (name) => `There is no resource called ${name}.`,
-		somethingWentWrong: "Something went wrong",
-		signInPolicy: "Sign-in policy",
-		adminsOnly: "Admins only",
-		onlyAdminPolicy: "Only an admin can change how people sign in.",
-		ownersOnly: "Owners and admins only",
-		onlyOwners: "Only the organization's owners and admins manage its members.",
-		chooseResource: "Choose a resource",
-		pickFromSidebar: "Pick one from the sidebar.",
-		nothingHere: "There is nothing at this address.",
-		noPage: "There is no page called {}.",
-		assistant: "Assistant",
-		operationFailed: (index, label, message) => `Operation ${index} (${label}) failed: ${message} Nothing was saved.`,
-		nothingSaved: (message) => `${message} Nothing was saved.`,
-		admin: "Admin",
-		new: "New",
-		loadingRecord: "Loading record",
-		noComponent: "No component is registered as {}. Export it from protobase.ui.tsx, or load the plugin that provides it.",
-		choose: "Choose...",
-		fileMissing: "The file is missing from storage",
-		chooseFileFor: (label) => `Choose a file for ${label}`,
-		notUploaded: "Not uploaded",
-		uploadingLabel: (label) => `Uploading ${label}`,
-		uploading: (percent) => `Uploading… ${percent}%`,
-		replace: "Replace",
-		remove: "Remove",
-		dropFile: "Drop a file here or",
-		chooseFile: "Choose a file",
-		average: (label) => `Average ${label.toLowerCase()}`,
-		pages: "Pages",
-		account: "Account",
-		sales: "Sales",
-		crm: "CRM",
-		catalog: "Catalog",
-		inventory: "Inventory",
-		hr: "HR",
-		cannotReach: (label) => `Cannot reach ${label}`,
-		searchPlural: (plural) => `Search ${plural}`,
-		couldNotLoadOptions: "Could not load the options",
-		noMatches: "No matches",
-		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}`,
-		setNewValue: "Set a new value",
-		noAnswer: "It did not answer.",
-		signInRefused: (message) => `It did not accept your sign-in: ${message}`,
-		loadingFrom: (label) => `Loading from ${label}`,
-		restWorks: "The rest of the app works as before.",
-		tryAgain: "Try again",
-		staffSession: "Staff session",
-		staffSignedIn: "{} is signed in as {} until {}. Reason: {}",
-		stopStaffSession: "Stop staff session",
-		open: "Open",
-		openLabel: (label) => `Open ${label}`
-	},
-	nl: {
-		notFound: "Niet gevonden",
-		noResource: (name) => `Er is geen onderdeel met de naam ${name}.`,
-		somethingWentWrong: "Er ging iets mis",
-		signInPolicy: "Inlogbeleid",
-		adminsOnly: "Alleen beheerders",
-		onlyAdminPolicy: "Alleen een beheerder kan wijzigen hoe mensen inloggen.",
-		ownersOnly: "Alleen eigenaren en beheerders",
-		onlyOwners: "Alleen de eigenaren en beheerders van de organisatie beheren de leden.",
-		chooseResource: "Kies een onderdeel",
-		pickFromSidebar: "Kies er een in de zijbalk.",
-		nothingHere: "Er is niets op dit adres.",
-		noPage: "Er is geen pagina met de naam {}.",
-		assistant: "Assistent",
-		operationFailed: (index, label, message) => `Bewerking ${index} (${label}) mislukte: ${message} Er is niets bewaard.`,
-		nothingSaved: (message) => `${message} Er is niets bewaard.`,
-		admin: "Beheer",
-		new: "Nieuw",
-		loadingRecord: "Record laden",
-		noComponent: "Er is geen component geregistreerd als {}. Exporteer die uit protobase.ui.tsx, of laad de plug-in die haar levert.",
-		choose: "Kiezen...",
-		fileMissing: "Het bestand ontbreekt in de opslag",
-		chooseFileFor: (label) => `Kies een bestand voor ${label}`,
-		notUploaded: "Niet geüpload",
-		uploadingLabel: (label) => `${label} uploaden`,
-		uploading: (percent) => `Uploaden… ${percent}%`,
-		replace: "Vervangen",
-		remove: "Verwijderen",
-		dropFile: "Zet hier een bestand neer of",
-		chooseFile: "Kies een bestand",
-		average: (label) => `${label}, gemiddeld`,
-		pages: "Pagina's",
-		account: "Account",
-		sales: "Verkoop",
-		crm: "CRM",
-		catalog: "Catalogus",
-		inventory: "Voorraad",
-		hr: "HR",
-		cannotReach: (label) => `Kan ${label} niet bereiken`,
-		searchPlural: (plural) => `${plural} zoeken`,
-		couldNotLoadOptions: "Kon de keuzes niet laden",
-		noMatches: "Niets gevonden",
-		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`,
-		setNewValue: "Nieuwe waarde instellen",
-		noAnswer: "Het antwoordde niet.",
-		signInRefused: (message) => `Het accepteerde je inlog niet: ${message}`,
-		loadingFrom: (label) => `Laden van ${label}`,
-		restWorks: "De rest van de app werkt zoals eerst.",
-		tryAgain: "Opnieuw proberen",
-		staffSession: "Sessie van een medewerker",
-		staffSignedIn: "{} is ingelogd als {} tot {}. Reden: {}",
-		stopStaffSession: "Sessie van medewerker stoppen",
-		open: "Openen",
-		openLabel: (label) => `${label} openen`
-	}
-});
+const text = messages("app");
 //#endregion
 export { text };

package/dist/app/meta-gate-messages.js

@@ -1,16 +1,5 @@
-import { defineMessages } from "../locale/messages.js";
+import { messages } from "../locale/messages.js";
 //#region src/app/meta-gate-messages.ts
-const text = defineMessages({
-	en: {
-		loading: "Loading",
-		cannotReach: "Cannot reach the API",
-		noAnswer: "The server did not answer. Is it running?"
-	},
-	nl: {
-		loading: "Laden",
-		cannotReach: "De API is niet bereikbaar",
-		noAnswer: "De server gaf geen antwoord. Draait hij?"
-	}
-});
+const text = messages("app/meta-gate");
 //#endregion
 export { text };

package/dist/app/nav-from-meta.js

@@ -2,11 +2,10 @@ import { allowEverything } from "../data/meta-data.js";
 import { humanize } from "../live/naming.js";
 import { text } from "./messages.js";
 import { text as text$1 } from "./create/messages.js";
-import { iconFor } from "./icons.js";
-import { menuIcon } from "./menu-icons.js";
+import { menuIcon, resourceIcon } from "./menu-icons.js";
 import { createOffered } from "./create/create-offered.js";
 import { userMenuResources } from "./user-menu-from-meta.js";
-import { LayoutDashboard } from "lucide-react";
+import { LayoutDashboard, Table2 } from "lucide-react";
 import { appPath } from "@protobase/schema";
 //#region src/app/nav-from-meta.ts
 /** The sidebar item of a resource's list, or of one of its named lists. */
@@ -28,7 +27,7 @@ const schemaGroup = (schema = "public") => {
 const createLink = (meta, view, nav, singular, basePath) => {
 	if (!nav?.create || !createOffered(view, meta.pages, meta.permissions[view.resource] ?? allowEverything)) return {};
 	return { create: {
-		label: nav.create === true ? text$1("title", singular) : nav.create.label,
+		label: nav.create === true ? text$1("title", { noun: singular }) : nav.create.label,
 		href: appPath({
 			kind: "create",
 			resource: view.resource
@@ -82,7 +81,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		if (!view.nav?.hidden) add(defaultGroup, {
 			id: navItemId(model.name),
 			label: view.names?.plural ?? humanize(model.name),
-			icon: iconFor(model.name),
+			icon: resourceIcon(meta, model.name),
 			href: appPath({
 				kind: "list",
 				resource: model.name
@@ -95,7 +94,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 			add(named.nav?.group ?? defaultGroup, {
 				id: navItemId(model.name, named.name),
 				label: named.names.plural,
-				icon: iconFor(model.name),
+				icon: resourceIcon(meta, model.name),
 				href: appPath({
 					kind: "list",
 					resource: model.name,
@@ -115,7 +114,7 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		group.items.push({
 			id: entry.resource,
 			label: entry.names?.plural ?? humanize(entry.resource),
-			icon: iconFor(entry.resource),
+			icon: resourceIcon(meta, entry.resource),
 			href: appPath({
 				kind: "list",
 				resource: entry.resource
@@ -133,12 +132,12 @@ const navFromMeta = (meta, basePath = "", recent = {}) => {
 		for (const resource of status.source.resources) group.items.push({
 			id: resource,
 			label: humanize(resource),
-			icon: iconFor(resource),
+			icon: Table2,
 			href: appPath({
 				kind: "list",
 				resource
 			}, basePath),
-			problem: text("cannotReach", status.source.label)
+			problem: text("cannotReach", { label: status.source.label })
 		});
 		groups.set(status.source.label, group);
 	}

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

@@ -1,24 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } 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",
-		bannerTitle: "{} updated",
-		bannerLine: "Save your work, then click here to reload. You may see errors until you do."
-	},
-	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",
-		bannerTitle: "{} bijgewerkt",
-		bannerLine: "Sla je werk op en klik hier om te herladen. Tot dan kunnen er fouten optreden."
-	}
-});
+const text = messages("app/new-version");
 //#endregion
 export { text };

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

@@ -1,6 +1,5 @@
 import { useAdminMeta } from "../meta-gate.js";
 import { useRouter } from "../router.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { RotateCw } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,7 +24,7 @@ const NewVersionBanner = () => {
 			className: "flex min-w-0 flex-col gap-0.5",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "break-words font-semibold",
-				children: appName ? slotted(text("bannerTitle"), appName) : text("title")
+				children: appName ? text.rich("bannerTitle", { app: appName }) : text("title")
 			}), /* @__PURE__ */ jsx("span", {
 				className: "text-xs",
 				children: text("bannerLine")

package/dist/app/pages/action-inputs/action-inputs-dialog.js

@@ -91,7 +91,7 @@ const ActionInputsDialog = ({ action, label, danger, onCancel, onSubmit }) => {
 				submit();
 			},
 			children: [failure !== void 0 && Object.keys(errors).length === 0 && /* @__PURE__ */ jsx(ErrorBanner, {
-				title: text("failed", label),
+				title: text("failed", { label }),
 				error: failure
 			}), action.inputs.filter((input) => shown.has(input.name)).map((input) => /* @__PURE__ */ jsx(Field, {
 				label: input.label,

package/dist/app/pages/action-inputs/input-answers.js

@@ -77,7 +77,7 @@ const refusal = (input, value) => {
 	if (input.kind === "integer" && !Number.isInteger(value)) return text("wholeNumber");
 	if (input.kind === "decimal" && !decimal.test(String(value))) return text("number");
 	if (input.kind === "date" && !date.test(String(value))) return text("dateFormat");
-	if (input.max !== void 0 && String(value).length > input.max) return text("atMost", input.max);
+	if (input.max !== void 0 && String(value).length > input.max) return text("atMost", { max: input.max });
 };
 /** What is wrong with the answers that show, by input name: one left empty that is required, a number that is none, a text too long. */
 const refusedAnswers = (inputs, values) => Object.fromEntries(inputs.flatMap((input) => {

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

@@ -44,7 +44,7 @@ const ModalFormDialog = ({ model, record, mode, label, title, fields, values, on
 			await refresh(model.name);
 			toast.show({
 				state: "success",
-				title: text("saved", title ?? label)
+				title: text("saved", { label: title ?? label })
 			});
 			onClose();
 		}, (error) => {

package/dist/app/pages/blocks/settings.js

@@ -69,7 +69,7 @@ const SettingsForm = ({ model, fields, title, description, stored: loaded }) =>
 				await refresh(model.name);
 				toast.show({
 					state: "success",
-					title: text("saved", title ?? text("settings"))
+					title: text("saved", { label: title ?? text("settings") })
 				});
 			}, (error) => {
 				setErrors((current) => ({

package/dist/app/pages/blocks/tabs.js

@@ -46,7 +46,7 @@ const TabsBlock = ({ node, children }) => {
 					}) }, tab.name))
 				})
 			}),
-			shown ? /* @__PURE__ */ jsx(Fragment, { children: children[tabs.indexOf(shown)] }, shown.name) : /* @__PURE__ */ jsx(Problem, { children: text("noTab", named ?? "") })
+			shown ? /* @__PURE__ */ jsx(Fragment, { children: children[tabs.indexOf(shown)] }, shown.name) : /* @__PURE__ */ jsx(Problem, { children: text("noTab", { name: named ?? "" }) })
 		]
 	});
 };

package/dist/app/pages/composed-page.js

@@ -1,6 +1,5 @@
 import { Notice, useAdminMeta } from "../meta-gate.js";
 import { PageTabsProvider } from "./page-tabs.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { RenderNode } from "./render-node.js";
 import { jsx } from "react/jsx-runtime";
@@ -11,7 +10,7 @@ const ComposedPage = ({ name, tab }) => {
 	const page = useAdminMeta().pages[name];
 	if (!page) return /* @__PURE__ */ jsx(Notice, {
 		title: text("notFound"),
-		children: slotted(text("noPage"), name)
+		children: text.rich("noPage", { page: name })
 	});
 	const pathOf = (shown) => appPath({
 		kind: "page",

package/dist/app/pages/custom-boundary.js

@@ -1,6 +1,5 @@
 import { reportRenderError } from "../error-reporting.js";
 import { Problem } from "./problem.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { Component } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -16,7 +15,7 @@ var CustomBoundary = class extends Component {
 	}
 	render() {
 		if (!this.state.failed) return this.props.children;
-		return this.props.fallback === void 0 ? /* @__PURE__ */ jsx(Problem, { children: slotted(text("couldNotDraw"), this.props.name) }) : this.props.fallback;
+		return this.props.fallback === void 0 ? /* @__PURE__ */ jsx(Problem, { children: text.rich("couldNotDraw", { name: this.props.name }) }) : this.props.fallback;
 	}
 };
 //#endregion

package/dist/app/pages/messages.js

@@ -1,82 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/pages/messages.ts
-const text = defineMessages({
-	en: {
-		notFound: "Not found",
-		noPage: "There is no page called {}.",
-		tabs: "Tabs",
-		noTab: (name) => `This page has no tab called ${name}.`,
-		cancel: "Cancel",
-		couldNotDraw: "{} could not be drawn.",
-		noComponent: "No component is registered as {}. Export it from protobase.ui.tsx, or load the plugin that provides it.",
-		unknownBlock: "{} is not a block this version of the app knows.",
-		somethingWrong: "Something went wrong",
-		needsRecord: "Needs a record",
-		cannotChange: "You cannot change this record",
-		cannotDelete: "You cannot delete this record",
-		doesNotApply: "Does not apply to this record",
-		noHandler: (name) => `The app has no handler for "${name}"`,
-		noInputComponent: (component, input) => `The app has no component "${component}" for input "${input}"`,
-		done: (label) => `${label}: done`,
-		doneOn: (label, done, skipped, failed) => [
-			`${label}: done on ${done}`,
-			...skipped > 0 ? [`skipped ${skipped} it does not apply to`] : [],
-			...failed > 0 ? [`failed on ${failed}`] : []
-		].join(", "),
-		failed: (label) => `${label} failed`,
-		noAction: (name) => `No action "${name}"`,
-		couldNotLoad: "Could not load",
-		nothingYet: "Nothing here yet.",
-		saved: (label) => `${label}: saved`,
-		create: "Create",
-		save: "Save",
-		notSaved: "Not saved",
-		settings: "Settings",
-		couldNotCount: "Could not count",
-		required: "Required",
-		wholeNumber: "A whole number",
-		number: "A number",
-		dateFormat: "A date as YYYY-MM-DD",
-		atMost: (max) => `At most ${max} characters`
-	},
-	nl: {
-		notFound: "Niet gevonden",
-		noPage: "Er is geen pagina met de naam {}.",
-		tabs: "Tabbladen",
-		noTab: (name) => `Deze pagina heeft geen tabblad met de naam ${name}.`,
-		cancel: "Annuleren",
-		couldNotDraw: "{} kon niet worden getekend.",
-		noComponent: "Er is geen component geregistreerd als {}. Exporteer die uit protobase.ui.tsx, of laad de plug-in die haar levert.",
-		unknownBlock: "{} is geen blok dat deze versie van de app kent.",
-		somethingWrong: "Er ging iets mis",
-		needsRecord: "Vraagt een record",
-		cannotChange: "Je kunt dit record niet wijzigen",
-		cannotDelete: "Je kunt dit record niet verwijderen",
-		doesNotApply: "Geldt niet voor dit record",
-		noHandler: (name) => `De app heeft geen handler voor "${name}"`,
-		noInputComponent: (component, input) => `De app heeft geen component "${component}" voor invoer "${input}"`,
-		done: (label) => `${label}: klaar`,
-		doneOn: (label, done, skipped, failed) => [
-			`${label}: klaar voor ${done}`,
-			...skipped > 0 ? [`${skipped} overgeslagen waarvoor het niet geldt`] : [],
-			...failed > 0 ? [`mislukt voor ${failed}`] : []
-		].join(", "),
-		failed: (label) => `${label} mislukt`,
-		noAction: (name) => `Geen actie "${name}"`,
-		couldNotLoad: "Kon niet laden",
-		nothingYet: "Hier staat nog niets.",
-		saved: (label) => `${label}: bewaard`,
-		create: "Maken",
-		save: "Bewaren",
-		notSaved: "Niet bewaard",
-		settings: "Instellingen",
-		couldNotCount: "Kon niet tellen",
-		required: "Verplicht",
-		wholeNumber: "Een geheel getal",
-		number: "Een getal",
-		dateFormat: "Een datum als JJJJ-MM-DD",
-		atMost: (max) => `Hoogstens ${max} tekens`
-	}
-});
+const text = messages("app/pages");
 //#endregion
 export { text };

package/dist/app/pages/render-node.js

@@ -1,6 +1,5 @@
 import { useProjectUi } from "./project-ui.js";
 import { Problem } from "./problem.js";
-import { slotted } from "../../locale/slotted.js";
 import { text } from "./messages.js";
 import { CustomBoundary } from "./custom-boundary.js";
 import { ActionBlock } from "./blocks/action.js";
@@ -93,7 +92,7 @@ const RenderNode = ({ node }) => {
 	const { components } = useProjectUi();
 	if (node.custom) {
 		const Custom = components?.[node.type];
-		if (!Custom) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("noComponent"), node.type) });
+		if (!Custom) return /* @__PURE__ */ jsx(Problem, { children: text.rich("noComponent", { component: node.type }) });
 		return /* @__PURE__ */ jsx(CustomBoundary, {
 			name: node.type,
 			children: /* @__PURE__ */ jsx(Custom, {
@@ -103,7 +102,7 @@ const RenderNode = ({ node }) => {
 		});
 	}
 	const Block = blocks[node.type];
-	if (!Block) return /* @__PURE__ */ jsx(Problem, { children: slotted(text("unknownBlock"), node.type) });
+	if (!Block) return /* @__PURE__ */ jsx(Problem, { children: text.rich("unknownBlock", { type: node.type }) });
 	return /* @__PURE__ */ jsx(Block, {
 		node,
 		slots: renderSlots(node),

package/dist/app/pages/use-run-action.js

@@ -40,9 +40,12 @@ const useActionRunner = (resource, scope, afterRun) => {
 		if ((kind === "update" || kind === "ai") && (!can(permissions, "update") || on?.permissions?.update === false)) return text("cannotChange");
 		if (action.run?.kind === "ai" && on?.permissions?.fields?.[action.run.writes] === "read") return text("cannotChange");
 		if (kind === "delete" && (!can(permissions, "delete") || on?.permissions?.delete === false)) return text("cannotDelete");
-		if (!action.run && !handlers?.[action.name]) return text("noHandler", action.name);
+		if (!action.run && !handlers?.[action.name]) return text("noHandler", { name: action.name });
 		const custom = action.inputs?.find((input) => input.kind === "custom" && !components?.[input.component ?? ""]);
-		if (custom) return text("noInputComponent", String(custom.component), custom.name);
+		if (custom) return text("noInputComponent", {
+			component: String(custom.component),
+			input: custom.name
+		});
 	};
 	const blocked = (action) => blockedOn(action, scope);
 	const execute = async (action, on, values) => {
@@ -71,7 +74,7 @@ const useActionRunner = (resource, scope, afterRun) => {
 		await refresh(resource);
 		toast.show({
 			state: "success",
-			title: text("done", action.label)
+			title: text("done", { label: action.label })
 		});
 		afterRun?.(action);
 	};
@@ -80,7 +83,7 @@ const useActionRunner = (resource, scope, afterRun) => {
 		setRunning(action.name);
 		await perform(action, on).catch((error) => toast.show({
 			state: "error",
-			title: text("failed", action.label),
+			title: text("failed", { label: action.label }),
 			description: message(error)
 		}));
 		setRunning(void 0);
@@ -97,7 +100,12 @@ const useActionRunner = (resource, scope, afterRun) => {
 		const outcome = await runEach(records, (on) => appliesOn(action, on), (on) => execute(action, on));
 		setRunning(void 0);
 		await refresh(resource);
-		const title = text("doneOn", action.label, outcome.done, outcome.skipped + skipped, outcome.failed);
+		const title = text("doneOn", {
+			label: action.label,
+			done: outcome.done,
+			skipped: outcome.skipped + skipped,
+			failed: outcome.failed
+		});
 		toast.show(outcome.failed > 0 ? {
 			state: "error",
 			title,
@@ -125,7 +133,7 @@ const useRunAction = (resource, name, scope) => {
 	const action = runner.actions.find((entry) => entry.name === name);
 	return {
 		action,
-		blocked: action ? runner.blocked(action) : text("noAction", name),
+		blocked: action ? runner.blocked(action) : text("noAction", { name }),
 		running: runner.running === name,
 		run: () => action ? runner.run(action) : Promise.resolve(),
 		submit: (values) => action ? runner.submit(action, values) : Promise.resolve()

package/dist/app/rank-after/dependency-rule.js

@@ -9,9 +9,15 @@ import { encodeKey } from "@protobase/schema/internal";
 const dependencyRule = (model, bounds, title) => ({ order, index }) => {
 	const at = (key) => order.findIndex((entry) => encodeKey(recordKey(model, entry)) === key);
 	const above = bounds.after.find((bound) => at(bound.key) > index);
-	if (above) return text("dependsOn", title, above.title);
+	if (above) return text("dependsOn", {
+		record: title,
+		other: above.title
+	});
 	const below = bounds.before.find((bound) => at(bound.key) !== -1 && at(bound.key) < index);
-	return below ? text("dependsOn", below.title, title) : void 0;
+	return below ? text("dependsOn", {
+		record: below.title,
+		other: title
+	}) : void 0;
 };
 //#endregion
 export { dependencyRule };

package/dist/app/rank-after/messages.js

@@ -1,8 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/rank-after/messages.ts
-const text = defineMessages({
-	en: { dependsOn: (record, other) => `${record} depends on ${other}.` },
-	nl: { dependsOn: (record, other) => `${record} hangt af van ${other}.` }
-});
+const text = messages("app/rank-after");
 //#endregion
 export { text };

package/dist/app/rank-after/ranked-place.js

@@ -23,7 +23,13 @@ const rankedPlace = ({ model, rank, rows, row, index, bounds, title }) => {
 		const mine = Number(ranked.get(encodeKey(recordKey(model, row.record))));
 		const above = bounds.after.filter((bound) => isRank(rankOf(bound)) && Number(rankOf(bound)) >= mine);
 		const below = bounds.before.find((bound) => isRank(rankOf(bound)) && Number(rankOf(bound)) <= mine);
-		const refusal = below ? text("dependsOn", below.title, title) : above[0] && text("dependsOn", title, above[0].title);
+		const refusal = below ? text("dependsOn", {
+			record: below.title,
+			other: title
+		}) : above[0] && text("dependsOn", {
+			record: title,
+			other: above[0].title
+		});
 		if (!refusal) return {
 			place: { index: at },
 			...reason !== void 0 && { reason }

package/dist/app/record-chart/messages.js

@@ -1,28 +1,5 @@
-import { defineMessages } from "../../locale/messages.js";
+import { messages } from "../../locale/messages.js";
 //#region src/app/record-chart/messages.ts
-const text = defineMessages({
-	en: {
-		range: "Range",
-		hour: "Hour",
-		day: "Day",
-		week: "Week",
-		measure: "Per bucket",
-		average: "Average",
-		maximum: "Maximum",
-		noSamples: "No samples in this range.",
-		couldNotLoad: "Could not load the chart."
-	},
-	nl: {
-		range: "Periode",
-		hour: "Uur",
-		day: "Dag",
-		week: "Week",
-		measure: "Per interval",
-		average: "Gemiddelde",
-		maximum: "Maximum",
-		noSamples: "Geen metingen in deze periode.",
-		couldNotLoad: "Kon de grafiek niet laden."
-	}
-});
+const text = messages("app/record-chart");
 //#endregion
 export { text };

package/dist/app/record-lines-cell.js

@@ -20,7 +20,10 @@ const LineCell = ({ field, hints, label, lineNumber, resource, value, stored, re
 			/* @__PURE__ */ jsx("label", {
 				htmlFor: id,
 				className: "sr-only",
-				children: text("lineField", label, lineNumber)
+				children: text("lineField", {
+					label,
+					place: lineNumber
+				})
 			}),
 			/* @__PURE__ */ jsx(FieldEditor, {
 				field,

package/dist/app/record-lines.js

@@ -93,7 +93,7 @@ const RecordLines = ({ lines, editable, saving }) => {
 		help: text("linesHelp"),
 		children: [!data.complete && /* @__PURE__ */ jsx("p", {
 			className: "mb-2 text-muted-foreground",
-			children: text("tooManyLines", formatInt(1e3))
+			children: text("tooManyLines", { limit: formatInt(1e3) })
 		}), /* @__PURE__ */ jsx("div", {
 			className: "-mx-4 overflow-x-auto px-4 [-webkit-overflow-scrolling:touch] md:mx-0 md:px-0",
 			children: /* @__PURE__ */ jsx("div", {
@@ -101,7 +101,7 @@ const RecordLines = ({ lines, editable, saving }) => {
 				children: /* @__PURE__ */ jsx(InlineChildTable, {
 					lines: draft.shown,
 					columns: tableColumns,
-					lineName: (line) => recordTitle(model, view, line.stored ?? {}, "") || text("lineNumber", placeOf(line)),
+					lineName: (line) => recordTitle(model, view, line.stored ?? {}, "") || text("lineNumber", { place: placeOf(line) }),
 					onReorder: (next) => draft.setOrder(next.map((line) => line.id)),
 					reorderable: canUpdate,
 					onAdd: canCreate ? () => void draft.add() : void 0,