@protobase/ui 0.26.9 → 0.27.0

package/dist/app/app.d.ts

@@ -12,7 +12,7 @@ export type AppProps = {
   client?: Client;
   /** Ready-made clients of the sources `/meta` names, by their URL, for stories and tests. */
   sources?: Record<string, Client>;
-  /** Sign-in state for the app; made from the page's origin when omitted. */
+  /** Sign-in state for the app; made from `baseUrl`'s origin when omitted. */
   auth?: AuthSession;
   /** Path prefix the app is mounted under, for example `/admin`. */
   basePath?: string;

package/dist/app/app.js

@@ -309,6 +309,7 @@ const App = ({ auth, workspace, basePath, initialUrl, pluginLoader, locale, ...r
 	setFallbackLocale(locale ?? "en");
 	return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(AuthProvider, {
 		session: auth,
+		...rest.baseUrl && { origin: new URL(rest.baseUrl, window.location.href).origin },
 		children: /* @__PURE__ */ jsx(Router, {
 			basePath,
 			initialUrl,

package/dist/app/main.js

@@ -1,6 +1,7 @@
 import { browserLocale } from "../locale/active-locale.js";
 import { uiFromModule } from "./pages/ui-from-module.js";
 import { App } from "./app.js";
+import { pageApiOrigin } from "./page-api-origin.js";
 import { StrictMode } from "react";
 import { jsx } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
@@ -10,7 +11,7 @@ import "../styles.css";
 const root = document.getElementById("root");
 if (!root) throw new Error("index.html needs an element with id \"root\"");
 createRoot(root).render(/* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(App, {
-	baseUrl: "/api/v1",
+	baseUrl: `${pageApiOrigin() ?? ""}/api/v1`,
 	ui: uiFromModule(projectUi),
 	locale: browserLocale()
 }) }));

package/dist/app/page-api-origin.js

@@ -0,0 +1,18 @@
+import { apiOriginMeta } from "@protobase/schema/internal";
+//#region src/app/page-api-origin.ts
+/**
+* The API origin the page's `<meta name="protobase-api-origin">` tags name: `undefined` without one. Anything but one
+* tag holding exactly an http or https origin, such as `https://shop.example.com`, is an error.
+*/
+const apiOriginOf = (contents) => {
+	if (contents.length === 0) return void 0;
+	if (contents.length > 1) throw new Error(`The page has ${contents.length} ${apiOriginMeta} meta tags; it may have one`);
+	const value = contents[0];
+	const url = URL.canParse(value) ? new URL(value) : void 0;
+	if (!url || url.protocol !== "http:" && url.protocol !== "https:" || url.origin !== value) throw new Error(`The page's ${apiOriginMeta} meta tag holds "${value}", which is not an http or https origin such as https://shop.example.com`);
+	return value;
+};
+/** The API origin this page names in its `<meta name="protobase-api-origin">` (see `apiOriginOf`). */
+const pageApiOrigin = () => apiOriginOf([...document.querySelectorAll(`meta[name="${apiOriginMeta}"]`)].map((meta) => meta.content));
+//#endregion
+export { apiOriginOf, pageApiOrigin };

package/dist/auth/auth-provider.js

@@ -10,8 +10,11 @@ const useAuth = () => {
 	if (!api) throw new Error("useAuth must be used inside AuthProvider");
 	return api;
 };
-/** Finds out whether the server has a login and who is signed in, and keeps that state for the app. */
-const AuthProvider = ({ session: given, children }) => {
+/**
+* Finds out whether the server has a login and who is signed in, and keeps that state for the app. Without a `session`,
+* it makes one on `origin`, the page's own by default.
+*/
+const AuthProvider = ({ session: given, origin, children }) => {
 	const [state, setState] = useState({ kind: "loading" });
 	const [signInMethods, setSignInMethods] = useState(["password"]);
 	const [passwordReset, setPasswordReset] = useState(false);
@@ -29,7 +32,10 @@ const AuthProvider = ({ session: given, children }) => {
 	const markSignedOut = useCallback(() => setState((current) => current.kind === "signed-in" ? { kind: "signed-out" } : current), []);
 	const signedOut = useRef(markSignedOut);
 	signedOut.current = markSignedOut;
-	const session = useMemo(() => given ?? createAuthSession({ onSignedOut: () => signedOut.current() }), [given]);
+	const session = useMemo(() => given ?? createAuthSession({
+		...origin && { origin },
+		onSignedOut: () => signedOut.current()
+	}), [given, origin]);
 	const enter = useCallback(async (user) => {
 		const [{ missing }, staff] = await Promise.all([session.account.signInMethods(), session.staff.current()]);
 		setState(missing.length > 0 ? {

package/dist/package.js

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