@protobase/ui 0.25.2 → 0.25.4

package/dist/plugins/plugin-manifest.js

@@ -1,15 +1,16 @@
+import { text } from "./messages.js";
 //#region src/plugins/plugin-manifest.ts
 const isText = (value) => typeof value === "string" && value.trim() !== "";
 /** The manifest in `value`, or what is wrong with it. */
 const parseManifest = (value) => {
-	if (typeof value !== "object" || value === null || Array.isArray(value)) return { problem: "its plugin.json is not an object" };
+	if (typeof value !== "object" || value === null || Array.isArray(value)) return { problem: text("notObject") };
 	const { name, version, api, protobase, entry, css } = value;
-	if (!isText(name)) return { problem: "its plugin.json names no plugin" };
-	if (!Number.isInteger(api)) return { problem: "its plugin.json names no plugin API" };
-	if (!isText(protobase)) return { problem: "its plugin.json names no Protobase versions" };
-	if (!isText(entry)) return { problem: "its plugin.json names no module" };
-	if (css !== void 0 && !isText(css)) return { problem: "its plugin.json names a stylesheet that is no URL" };
-	if (version !== void 0 && !isText(version)) return { problem: "its plugin.json has a version that is no text" };
+	if (!isText(name)) return { problem: text("noName") };
+	if (!Number.isInteger(api)) return { problem: text("noApi") };
+	if (!isText(protobase)) return { problem: text("noVersions") };
+	if (!isText(entry)) return { problem: text("noModule") };
+	if (css !== void 0 && !isText(css)) return { problem: text("badStylesheet") };
+	if (version !== void 0 && !isText(version)) return { problem: text("badVersion") };
 	return { manifest: {
 		name,
 		api,

package/dist/plugins/plugin-notice.js

@@ -1,3 +1,5 @@
+import { slotted } from "../locale/slotted.js";
+import { text } from "./messages.js";
 import { useState } from "react";
 import { Puzzle, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,7 +10,7 @@ const PluginNotice = ({ off }) => {
 	if (dismissed || off.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		role: "region",
-		"aria-label": "Plugins off",
+		"aria-label": text("pluginsOff"),
 		className: "flex items-start gap-3 border-b border-warning/40 bg-warning-soft px-4 py-2 text-warning-text",
 		children: [
 			/* @__PURE__ */ jsx(Puzzle, {
@@ -17,20 +19,14 @@ const PluginNotice = ({ off }) => {
 			}),
 			/* @__PURE__ */ jsx("ul", {
 				className: "min-w-0 flex-1 space-y-0.5 break-words",
-				children: off.map((plugin) => /* @__PURE__ */ jsxs("li", { children: [
-					"The plugin ",
-					/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: plugin.name ?? plugin.url
-					}),
-					" is off: ",
-					plugin.reason,
-					"."
-				] }, plugin.url))
+				children: off.map((plugin) => /* @__PURE__ */ jsx("li", { children: slotted(text("pluginOff"), /* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: plugin.name ?? plugin.url
+				}), plugin.reason) }, plugin.url))
 			}),
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
-				"aria-label": "Dismiss",
+				"aria-label": text("dismiss"),
 				className: "rounded p-0.5 hover:bg-warning/10",
 				onClick: () => setDismissed(true),
 				children: /* @__PURE__ */ jsx(X, {

package/dist/primitives/button.js

@@ -9,7 +9,7 @@ const variants = {
 	danger: "bg-background text-danger-text border border-border-strong hover:bg-danger-soft shadow-sm"
 };
 const sizes = {
-	sm: "h-7 px-2.5 text-xs gap-1.5",
+	sm: "h-7 px-2.5 text-body gap-1.5",
 	md: "h-8 px-3 text-body gap-2"
 };
 /** A button's classes, for a link that looks like one. */

package/dist/primitives/messages.js

@@ -0,0 +1,16 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/primitives/messages.ts
+const text = defineMessages({
+	en: {
+		close: "Close",
+		loading: "Loading",
+		remove: (label) => `Remove ${label}`
+	},
+	nl: {
+		close: "Sluiten",
+		loading: "Laden",
+		remove: (label) => `${label} verwijderen`
+	}
+});
+//#endregion
+export { text };

package/dist/primitives/segmented.js

@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const sizes = {
 	sm: {
 		group: "h-7",
-		option: "px-2.5 text-xs"
+		option: "px-2.5 text-body"
 	},
 	md: {
 		group: "h-8",

package/dist/primitives/sheet.js

@@ -1,4 +1,5 @@
 import { useFocusTrap } from "../lib/use-focus-trap.js";
+import { text } from "./messages.js";
 import { closesSheet } from "./sheet-swipe.js";
 import { useRef } from "react";
 import { X } from "lucide-react";
@@ -55,7 +56,7 @@ const Sheet = ({ title, open, onClose, children }) => {
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
-						"aria-label": "Close",
+						"aria-label": text("close"),
 						onClick: onClose,
 						className: "-mr-2 inline-flex size-11 items-center justify-center rounded-md text-muted-foreground hover:bg-muted",
 						children: /* @__PURE__ */ jsx(X, { className: "size-5" })

package/dist/primitives/spinner.js

@@ -1,9 +1,10 @@
 import { cn } from "../lib/cn.js";
+import { text } from "./messages.js";
 import { Loader2 } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/spinner.tsx
 const Spinner = ({ className }) => /* @__PURE__ */ jsx(Loader2, {
-	"aria-label": "Loading",
+	"aria-label": text("loading"),
 	className: cn("size-4 animate-spin", className)
 });
 //#endregion

package/dist/primitives/token.js

@@ -1,3 +1,4 @@
+import { text } from "./messages.js";
 import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/token.tsx
@@ -9,7 +10,7 @@ const Token = ({ label, onRemove }) => /* @__PURE__ */ jsxs("span", {
 		children: label
 	}), /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": `Remove ${label}`,
+		"aria-label": text("remove", label),
 		className: "rounded p-0.5 hover:bg-primary-border/60",
 		onMouseDown: (event) => event.preventDefault(),
 		onClick: onRemove,

package/dist/record-view/field.js

@@ -66,11 +66,11 @@ const Field = ({ name, label, required, help, example, error, conflict, wide, ch
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				id: `${id}-error`,
-				className: "mt-1.5 text-xs font-medium text-danger-text",
+				className: "mt-1.5 text-body font-medium text-danger-text",
 				children: error
 			}),
 			conflict && /* @__PURE__ */ jsxs("div", {
-				className: "mt-2 flex items-center justify-between gap-3 rounded-md border border-warning/30 bg-warning-soft px-3 py-2 text-xs text-warning-text",
+				className: "mt-2 flex items-center justify-between gap-3 rounded-md border border-warning/30 bg-warning-soft px-3 py-2 text-body text-warning-text",
 				children: [/* @__PURE__ */ jsxs("span", { children: [
 					/* @__PURE__ */ jsx("strong", { children: conflict.user.name }),
 					" ",

package/dist/record-view/messages.js

@@ -15,7 +15,8 @@ const text = defineMessages({
 		lastUpdated: (ago) => `Last updated ${ago}`,
 		viewing: (count) => `${count} viewing`,
 		savingSubject: (subject) => `Saving ${subject}...`,
-		subjectSaved: (subject) => `${subject} saved`
+		subjectSaved: (subject) => `${subject} saved`,
+		tabs: "Tabs"
 	},
 	nl: {
 		savedDifferent: (name) => `${name} bewaarde een andere waarde`,
@@ -31,7 +32,8 @@ const text = defineMessages({
 		lastUpdated: (ago) => `Laatst bijgewerkt ${ago}`,
 		viewing: (count) => `${count} kijken mee`,
 		savingSubject: (subject) => `${subject} bewaren...`,
-		subjectSaved: (subject) => `${subject} bewaard`
+		subjectSaved: (subject) => `${subject} bewaard`,
+		tabs: "Tabbladen"
 	}
 });
 //#endregion

package/dist/record-view/record-tabs.js

@@ -1,11 +1,12 @@
 import { cn } from "../lib/cn.js";
 import { segmentedClass } from "../primitives/segmented.js";
+import { text } from "./messages.js";
 import { AppLink } from "../app/use-app-address.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/record-view/record-tabs.tsx
 /** The record page's tabs, links whose addresses show each; the shown one is the current page. */
 const RecordTabs = ({ tabs }) => /* @__PURE__ */ jsx("nav", {
-	"aria-label": "Tabs",
+	"aria-label": text("tabs"),
 	className: "overflow-x-auto py-6",
 	children: /* @__PURE__ */ jsx("span", {
 		className: segmentedClass.group("md"),

package/dist/roles/messages.js

@@ -0,0 +1,14 @@
+import { defineMessages } from "../locale/messages.js";
+//#region src/roles/messages.ts
+const text = defineMessages({
+	en: {
+		couldNotReadRoles: "Could not read your roles",
+		couldNotSwitch: "Could not switch the role"
+	},
+	nl: {
+		couldNotReadRoles: "Kon je rollen niet lezen",
+		couldNotSwitch: "Kon niet van rol wisselen"
+	}
+});
+//#endregion
+export { text };

package/dist/roles/use-active-role.js

@@ -1,6 +1,7 @@
 import { authMessage } from "../auth/auth-messages.js";
 import { useAuth } from "../auth/auth-provider.js";
 import { useToast } from "../toasts/toast-provider.js";
+import { text } from "./messages.js";
 import { useCallback, useEffect, useState } from "react";
 import { AuthError } from "@protobase/client";
 //#region src/roles/use-active-role.ts
@@ -14,7 +15,7 @@ const useActiveRole = (reopen, enabled = true) => {
 		if (!enabled) return;
 		session.roles.current().then(setCurrent, (failure) => toast.show({
 			state: "error",
-			title: failureMessage(failure, "Could not read your roles")
+			title: failureMessage(failure, text("couldNotReadRoles"))
 		}));
 	}, [
 		session,
@@ -23,7 +24,7 @@ const useActiveRole = (reopen, enabled = true) => {
 	]);
 	const switchTo = useCallback((name) => void session.roles.switchTo(name).then(reopen, (failure) => toast.show({
 		state: "error",
-		title: failureMessage(failure, "Could not switch the role")
+		title: failureMessage(failure, text("couldNotSwitch"))
 	})), [
 		session,
 		toast,