@protobase/ui 0.63.2 → 0.63.3

package/dist/auth/auth-gate.js

@@ -148,7 +148,10 @@ const useAuthPage = (workspace, children) => {
 				children: text("tryAgain")
 			})]
 		});
-		case "needs-admin": return /* @__PURE__ */ jsx(FirstRunPage, { onCheckAgain: recheck });
+		case "needs-admin": return /* @__PURE__ */ jsx(FirstRunPage, {
+			firstAdminUrl: state.firstAdminUrl,
+			onCheckAgain: recheck
+		});
 	}
 	if (state.kind === "signed-in" && address) return /* @__PURE__ */ jsx(Redirect, { to: next ?? "/" });
 	if (page.kind === "reset-password") return /* @__PURE__ */ jsx(ResetPasswordPage, {

package/dist/auth/auth-provider.js

@@ -125,7 +125,10 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 			setAnonymous(Boolean(status.anonymous));
 			setBeforeSignIn(status.plugins ?? []);
 			setLocale(status.locale);
-			if (status.needsAdmin) return setState({ kind: "needs-admin" });
+			if (status.needsAdmin) return setState({
+				kind: "needs-admin",
+				...status.firstAdminUrl && { firstAdminUrl: status.firstAdminUrl }
+			});
 			const user = await session.session();
 			return user ? enter(user) : setState({ kind: status.anonymous ? "visitor" : "signed-out" });
 		}).catch((error) => setState({

package/dist/auth/first-run-page.js

@@ -1,52 +1,61 @@
 import { text } from "./messages.js";
-import { Button } from "../primitives/button.js";
+import { cn } from "../lib/cn.js";
+import { Button, buttonClass } from "../primitives/button.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
-import { Check, Copy } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy, ExternalLink } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/first-run-page.tsx
 const createAdminCommand = "protobase users create you@example.com";
 /**
 * Shown while the admin store has no user. Accounts are not created over the web (a fresh URL must not be claimable
-* by whoever reaches it first), so this says how to create the first admin on the host.
+* by whoever reaches it first), so this says how to create the first admin on the host, or, with `firstAdminUrl`,
+* links to the platform's page where it is added, since nobody hosted there can run the command.
 */
-const FirstRunPage = ({ command = createAdminCommand, onCheckAgain, busy }) => {
+const FirstRunPage = ({ command = createAdminCommand, firstAdminUrl, onCheckAgain, busy }) => /* @__PURE__ */ jsxs(AuthLayout, {
+	title: text("noAdminTitle"),
+	description: text("noAdminDescription"),
+	children: [firstAdminUrl ? /* @__PURE__ */ jsx(ConsoleLink, { url: firstAdminUrl }) : /* @__PURE__ */ jsx(CommandBox, { command }), /* @__PURE__ */ jsx(Button, {
+		variant: firstAdminUrl ? "secondary" : "primary",
+		className: "mt-4 min-h-10 w-full",
+		loading: busy,
+		onClick: onCheckAgain,
+		children: text("reload")
+	})]
+});
+const ConsoleLink = ({ url }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
+	className: "text-muted-foreground",
+	children: text("firstAdminExplanation")
+}), /* @__PURE__ */ jsxs("a", {
+	href: url,
+	target: "_blank",
+	rel: "noopener noreferrer",
+	className: cn(buttonClass({ variant: "primary" }), "mt-4 min-h-10 w-full"),
+	children: [text("firstAdminLink"), /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" })]
+})] });
+const CommandBox = ({ command }) => {
 	const [copied, setCopied] = useState(false);
-	return /* @__PURE__ */ jsxs(AuthLayout, {
-		title: text("noAdminTitle"),
-		description: text("noAdminDescription"),
-		children: [
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: text("noAdminExplanation")
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mt-4 flex items-center gap-2 rounded-md border bg-surface py-1.5 pl-3 pr-1.5",
-				children: [/* @__PURE__ */ jsx("code", {
-					className: "min-w-0 flex-1 break-all font-mono text-xs",
-					children: command
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": text("copyCommand"),
-					onClick: () => {
-						navigator.clipboard.writeText(command).then(() => {
-							setCopied(true);
-							setTimeout(() => setCopied(false), 2e3);
-						});
-					},
-					className: "inline-flex size-8 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted pointer-coarse:size-11",
-					children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-4 text-success" }) : /* @__PURE__ */ jsx(Copy, { className: "size-4" })
-				})]
-			}),
-			/* @__PURE__ */ jsx(Button, {
-				variant: "primary",
-				className: "mt-4 min-h-10 w-full",
-				loading: busy,
-				onClick: onCheckAgain,
-				children: text("reload")
-			})
-		]
-	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
+		className: "text-muted-foreground",
+		children: text("noAdminExplanation")
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "mt-4 flex items-center gap-2 rounded-md border bg-surface py-1.5 pl-3 pr-1.5",
+		children: [/* @__PURE__ */ jsx("code", {
+			className: "min-w-0 flex-1 break-all font-mono text-xs",
+			children: command
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": text("copyCommand"),
+			onClick: () => {
+				navigator.clipboard.writeText(command).then(() => {
+					setCopied(true);
+					setTimeout(() => setCopied(false), 2e3);
+				});
+			},
+			className: "inline-flex size-8 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted pointer-coarse:size-11",
+			children: copied ? /* @__PURE__ */ jsx(Check, { className: "size-4 text-success" }) : /* @__PURE__ */ jsx(Copy, { className: "size-4" })
+		})]
+	})] });
 };
 //#endregion
 export { FirstRunPage, createAdminCommand };

package/dist/auth/messages.js

@@ -29,6 +29,8 @@ const text = defineMessages({
 		noAdminDescription: "This Protobase has no users to sign in with.",
 		noAdminExplanation: "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL.",
 		copyCommand: "Copy command",
+		firstAdminExplanation: "The first user is added in the Protobase Cloud console, not in the browser, so nobody else can claim a fresh URL. Add yourself there, then reload.",
+		firstAdminLink: "Add your first user in the Protobase Cloud console",
 		reload: "Reload",
 		tooManyRequests: "Too many requests. Wait a minute and try again.",
 		tooManyAttempts: "Too many attempts. Wait a minute and try again.",
@@ -127,6 +129,8 @@ const text = defineMessages({
 		noAdminDescription: "Deze Protobase heeft geen gebruikers om mee in te loggen.",
 		noAdminExplanation: "Voer dit uit in de terminal waar Protobase draait en laad de pagina daarna opnieuw. De eerste beheerder wordt op de server gemaakt, niet in de browser, zodat niemand anders een nieuwe URL kan opeisen.",
 		copyCommand: "Opdracht kopiëren",
+		firstAdminExplanation: "De eerste gebruiker wordt in de Protobase Cloud-console toegevoegd, niet in de browser, zodat niemand anders een nieuwe URL kan opeisen. Voeg jezelf daar toe en laad de pagina daarna opnieuw.",
+		firstAdminLink: "Voeg je eerste gebruiker toe in de Protobase Cloud-console",
 		reload: "Opnieuw laden",
 		tooManyRequests: "Te veel verzoeken. Wacht een minuut en probeer het opnieuw.",
 		tooManyAttempts: "Te veel pogingen. Wacht een minuut en probeer het opnieuw.",

package/dist/package.js

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