@blocksdiy/blocks-client-sdk 1.24.2 → 1.25.1

package/dist/app/host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.d.ts","sourceRoot":"","sources":["../../src/app/host.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;GAOG;AAEH,+EAA+E;AAC/E,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAChD,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8FAA8F;IAC9F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACnC,0FAA0F;IAC1F,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,wFAAwF;IACxF,KAAK,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAC/C;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yFAAyF;IACzF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,qCAAqC;IACrC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1F,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3F,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAiBvD,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,GAAI,KAAK,OAAO,GAAG,SAAS,KAAG,SAG3D,CAAC;AAYF,eAAO,MAAM,aAAa,GAAI,MAAM,eAAe,SAIlD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,CAAC,eAAe,CAAC,SAG/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAAO,eAAe,GAAG,IAAa,CAAC;AAEtE,eAAO,MAAM,uBAAuB,GAAI,MAAM,oBAAoB,SAEjE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,oBAAkC,CAAC;AAE9E,mGAAmG;AACnG,eAAO,MAAM,YAAY,GAAI,WAAW,SAAS,SAIhD,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,eAAe,KAAK,CAAC,KAAG,CAK9E,CAAC;AAEJ,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,MAAM,eAAe,EAAE,KAAK,CAAC,KAAG,eAAe,CAAC,CAAC,CAChD,CAAC;AAE/C,iDAAiD;AACjD,eAAO,MAAM,uBAAuB,YAInC,CAAC"}

package/dist/app/host.js

@@ -0,0 +1,67 @@
+import { useSyncExternalStore } from "react";
+export const THEME_MODE_STORAGE_KEY = "app-theme-mode";
+let state = null;
+let extensions = {};
+const listeners = new Set();
+const emit = () => {
+    listeners.forEach((listener) => listener());
+};
+const requireState = () => {
+    if (!state) {
+        throw new Error("BlocksApp has no host: call setBlocksHost() before rendering it");
+    }
+    return state;
+};
+/** The theme mode to start from: the viewer's stored choice, else the app's default. */
+export const initialThemeMode = (app) => {
+    const stored = window.localStorage.getItem(THEME_MODE_STORAGE_KEY);
+    return stored || (app?.theme ? "system" : "light");
+};
+const applyThemeModeClass = (themeMode) => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (themeMode === "system") {
+        root.classList.add(window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+        return;
+    }
+    root.classList.add(themeMode);
+};
+export const setBlocksHost = (next) => {
+    state = next;
+    applyThemeModeClass(next.themeMode);
+    emit();
+};
+export const updateBlocksHost = (patch) => {
+    state = { ...requireState(), ...patch };
+    emit();
+};
+export const getBlocksHostState = () => state;
+export const setBlocksHostExtensions = (next) => {
+    extensions = next;
+};
+export const getBlocksHostExtensions = () => extensions;
+/** The viewer's choice, or the host's: stored, applied to the document, and pushed to the tree. */
+export const setThemeMode = (themeMode) => {
+    window.localStorage.setItem(THEME_MODE_STORAGE_KEY, themeMode);
+    applyThemeModeClass(themeMode);
+    updateBlocksHost({ themeMode });
+};
+const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+/**
+ * A value derived from the host state: the component re-renders only when that value changes. The
+ * value must stay the same between updates that don't change it: a field, or a primitive.
+ */
+export const useBlocksHostSelector = (select) => useSyncExternalStore(subscribe, () => select(requireState()), () => select(requireState()));
+/** One field of the host state, re-rendering only when that field changes. */
+export const useBlocksHostField = (key) => useBlocksHostSelector((state) => state[key]);
+/** Tests only: forget the host between cases. */
+export const resetBlocksHostForTests = () => {
+    state = null;
+    extensions = {};
+    listeners.clear();
+};

package/dist/app/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `@blocksdiy/blocks-client-sdk/app`: a Blocks app's React tree.
+ *
+ * - An app renders `BlocksApp` from its `src/main.tsx`.
+ * - A page that hosts Blocks apps (Blocks' own hosting, or a page of your own) feeds it through the
+ *   host contract: the state the tree reads, the layers it adds, and the reports it hears.
+ */
+export { BlocksApp, type BlocksAppProps } from "./BlocksApp";
+export { type AppShape, type CompiledBundle, shapeFromBundle } from "./app-shape/bundle-shape.js";
+export { type LoadedAppShape, useAppShape } from "./app-shape/use-app-shape.js";
+export { type BlocksHostExtensions, type BlocksHostState, getBlocksHostExtensions, getBlocksHostState, initialThemeMode, setBlocksHost, setBlocksHostExtensions, setThemeMode, updateBlocksHost, useBlocksHostField, useBlocksHostSelector, } from "./host.js";
+export { isAuthUrl } from "./sign-in/auth-url.js";
+export type { AppType, BlocksRouteNode, BlocksRoutesTree, ThemeMode } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/app/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,KAAK,cAAc,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,uBAAuB,EACvB,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/app/index.js

@@ -0,0 +1,14 @@
+/**
+ * `@blocksdiy/blocks-client-sdk/app`: a Blocks app's React tree.
+ *
+ * - An app renders `BlocksApp` from its `src/main.tsx`.
+ * - A page that hosts Blocks apps (Blocks' own hosting, or a page of your own) feeds it through the
+ *   host contract: the state the tree reads, the layers it adds, and the reports it hears.
+ */
+// For an app's src/main.tsx
+export { BlocksApp } from "./BlocksApp";
+// For a page that hosts Blocks apps
+export { shapeFromBundle } from "./app-shape/bundle-shape.js";
+export { useAppShape } from "./app-shape/use-app-shape.js";
+export { getBlocksHostExtensions, getBlocksHostState, initialThemeMode, setBlocksHost, setBlocksHostExtensions, setThemeMode, updateBlocksHost, useBlocksHostField, useBlocksHostSelector, } from "./host.js";
+export { isAuthUrl } from "./sign-in/auth-url.js";

package/dist/app/sign-in/Login.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * The app's sign-in outside the builder: a login link by email, or Google through the platform.
+ * Also the landing for the platform's magic-login, app-login and signup-invitation hops, which it
+ * forwards or completes and never renders.
+ */
+export declare const Login: () => React.JSX.Element | null;
+//# sourceMappingURL=Login.d.ts.map

package/dist/app/sign-in/Login.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../src/app/sign-in/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAkC/E;;;;GAIG;AACH,eAAO,MAAM,KAAK,gCAsNjB,CAAC"}

package/dist/app/sign-in/Login.jsx

@@ -0,0 +1,194 @@
+import React, { useEffect, useInsertionEffect, useRef, useState } from "react";
+import { useSearchParams } from "react-router";
+import { tokenStorageKey } from "../../dev-config.js";
+import { useBlocksHostField, useBlocksHostSelector } from "../host.js";
+import { AlertIcon, GoogleIcon, MailIcon, SpinnerIcon } from "../ui/icons";
+import { applyLoginAppTokens, ensureUiStyles } from "../ui/ui-styles.js";
+import { getAppDataByDomain, login } from "./api.js";
+const injectedAppData = () => window.__APP_DATA__;
+/** The platform's links that land here and go on to the platform, which signs in and comes back. */
+const FORWARDED_HOPS = new Set(["/auth/magic-login", "/auth/signup-invitation"]);
+const APP_LOGIN_HOP = "/auth/app-login";
+/** `path` when it stays on this app's origin, else undefined: a return path must not leave the app. */
+const sameOriginPath = (path) => {
+    if (!path?.startsWith("/")) {
+        return undefined;
+    }
+    try {
+        const url = new URL(path, window.location.origin);
+        return url.origin === window.location.origin ? `${url.pathname}${url.search}${url.hash}` : undefined;
+    }
+    catch {
+        return undefined;
+    }
+};
+/**
+ * The app's sign-in outside the builder: a login link by email, or Google through the platform.
+ * Also the landing for the platform's magic-login, app-login and signup-invitation hops, which it
+ * forwards or completes and never renders.
+ */
+export const Login = () => {
+    const [email, setEmail] = useState("");
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isSuccess, setIsSuccess] = useState(false);
+    const [error, setError] = useState("");
+    const [searchParams] = useSearchParams();
+    const hasForwarded = useRef(false);
+    const [appData, setAppData] = useState(injectedAppData);
+    const token = useBlocksHostField("token");
+    const appVersion = useBlocksHostField("appVersion");
+    const config = useBlocksHostField("config");
+    const hostAppId = useBlocksHostSelector((state) => state.app?.id);
+    const { pathname } = window.location;
+    const isHop = FORWARDED_HOPS.has(pathname) || pathname === APP_LOGIN_HOP;
+    // Before the form is laid out (its autofocus would otherwise style it unthemed, and the buttons
+    // would fade in): the edge-injected app data carries the app's own theme tokens.
+    useInsertionEffect(() => {
+        ensureUiStyles();
+        applyLoginAppTokens(injectedAppData()?.indexCssTheme);
+    }, []);
+    // A page the edge didn't serve has no injected app data: the platform answers the same question.
+    useEffect(() => {
+        if (injectedAppData()) {
+            return;
+        }
+        getAppDataByDomain(config.baseUrl, window.location.hostname, appVersion, token, hostAppId)
+            .then((data) => {
+            applyLoginAppTokens(data.indexCssTheme);
+            setAppData(data);
+        })
+            .catch((error) => {
+            console.error("Failed to fetch app data:", error);
+        });
+    }, [token, appVersion, config.baseUrl, hostAppId]);
+    useEffect(() => {
+        const hopToken = searchParams.get("token");
+        if (!hopToken) {
+            return;
+        }
+        if (pathname === APP_LOGIN_HOP) {
+            localStorage.setItem(tokenStorageKey(), hopToken);
+            window.location.href = sameOriginPath(searchParams.get("returnPath")) ?? "/";
+            return;
+        }
+        if (FORWARDED_HOPS.has(pathname) && !hasForwarded.current) {
+            hasForwarded.current = true;
+            const query = new URLSearchParams({ token: hopToken, redirectUrl: window.location.origin });
+            window.location.href = `${config.baseUrl}${pathname}?${query}`;
+        }
+    }, [searchParams, config.baseUrl, pathname]);
+    // Every app on localhost shares the origin: the platform is told which one (the host's, on the
+    // dev server, where the app data can't name it).
+    const localAppId = window.location.origin.includes("localhost") || window.location.origin.includes("127.0.0.1")
+        ? (appData?.id ?? hostAppId)
+        : undefined;
+    const returnPath = !pathname.startsWith("/auth")
+        ? pathname + window.location.search
+        : (searchParams.get("returnPath") ?? undefined);
+    const sendLink = async () => {
+        setIsSubmitting(true);
+        setError("");
+        try {
+            const desktopCallback = searchParams.get("desktopCallback") ?? undefined;
+            const { redirectToSsoUrl } = await login(config.baseUrl, email, window.location.origin, desktopCallback, localAppId);
+            if (redirectToSsoUrl) {
+                // Off to the company's sign-in: the button stays busy until the page goes.
+                window.location.href = redirectToSsoUrl;
+                return;
+            }
+            setIsSuccess(true);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Login failed");
+        }
+        setIsSubmitting(false);
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        void sendLink();
+    };
+    const changeEmail = () => {
+        setIsSuccess(false);
+        setEmail("");
+        setError("");
+    };
+    if (isHop) {
+        return null;
+    }
+    if (isSuccess) {
+        return (<div className="blocks-ui ui-login-page">
+        <div className="ui-login">
+          <div className="ui-card">
+            <div className="ui-card-header">
+              <div className="ui-icon-tile">
+                <MailIcon />
+              </div>
+              <h1 className="ui-card-title">Check your email</h1>
+              <p className="ui-card-description">
+                We sent a login link to <span className="ui-strong">{email}</span>. Open it to continue.
+              </p>
+            </div>
+            <div className="ui-card-content">
+              {error && (<div role="alert" className="ui-alert">
+                  <AlertIcon />
+                  <div className="ui-alert-description">{error}</div>
+                </div>)}
+              <div className="ui-actions">
+                <button type="button" onClick={() => void sendLink()} disabled={isSubmitting} className="ui-button ui-button-outline ui-button-full">
+                  {isSubmitting && <SpinnerIcon className="ui-spinner"/>}
+                  Send another link
+                </button>
+                <button type="button" onClick={changeEmail} disabled={isSubmitting} className="ui-button ui-button-outline ui-button-full">
+                  Use a different email
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>);
+    }
+    return (<div className="blocks-ui ui-login-page">
+      <div className="ui-login">
+        <div className="ui-card">
+          <div className="ui-card-header">
+            <h1 className="ui-card-title">{appData?.name ? `Welcome to ${appData?.name}` : "Welcome"}</h1>
+            <p className="ui-card-description">Enter your details below to login</p>
+          </div>
+          <div className="ui-card-content">
+            {error && (<div role="alert" className="ui-alert">
+                <AlertIcon />
+                <div className="ui-alert-description">{error}</div>
+              </div>)}
+            <form onSubmit={handleSubmit} className="ui-form">
+              <div className="ui-field">
+                <label htmlFor="email" className="ui-label">
+                  Email
+                </label>
+                <input id="email" type="email" className="ui-input" value={email} onChange={(e) => setEmail(e.target.value)} placeholder="name@company.com" required autoFocus disabled={isSubmitting}/>
+              </div>
+              <button type="submit" disabled={isSubmitting || !email} className="ui-button ui-button-default ui-button-full">
+                {isSubmitting && <SpinnerIcon className="ui-spinner"/>}
+                Send me a login link
+              </button>
+            </form>
+
+            <div className="ui-separator-text">
+              <span>Or</span>
+            </div>
+
+            <form action={`${config.googleBaseUrl}/authentication/oauth`} method="get" className="ui-form">
+              <input type="hidden" name="flow" value="app-login"/>
+              <input type="hidden" name="appUrl" value={window.location.origin}/>
+              {localAppId && <input type="hidden" name="appId" value={localAppId}/>}
+              {returnPath && <input type="hidden" name="returnPath" value={returnPath}/>}
+              {searchParams.get("desktopCallback") && (<input type="hidden" name="desktopCallback" value={searchParams.get("desktopCallback")}/>)}
+              <button className="ui-button ui-button-outline ui-button-full" type="submit">
+                <GoogleIcon />
+                Continue with Google
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>);
+};

package/dist/app/sign-in/api.d.ts

@@ -0,0 +1,13 @@
+import type { IndexCssTheme } from "../ui/ui-styles.js";
+/** The platform calls the standalone login makes, against the host's `config.baseUrl`. */
+export declare const getAppDataByDomain: (baseUrl: string, domain: string, version?: number, token?: string, 
+/** The app, where the domain alone can't name it (every app on localhost shares it). */
+appId?: string) => Promise<{
+    id: string;
+    name: string;
+    indexCssTheme?: IndexCssTheme;
+}>;
+export declare const login: (baseUrl: string, email: string, appUrl: string, desktopCallback?: string, appId?: string) => Promise<{
+    redirectToSsoUrl?: string;
+}>;
+//# sourceMappingURL=api.d.ts.map

package/dist/app/sign-in/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/app/sign-in/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,0FAA0F;AAE1F,eAAO,MAAM,kBAAkB,GAC7B,SAAS,MAAM,EACf,QAAQ,MAAM,EACd,UAAU,MAAM,EAChB,QAAQ,MAAM;AACd,wFAAwF;AACxF,QAAQ,MAAM,KACb,OAAO,CAAC;IACT,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAeA,CAAC;AASF,eAAO,MAAM,KAAK,GAChB,SAAS,MAAM,EACf,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,kBAAkB,MAAM,EACxB,QAAQ,MAAM,KACb,OAAO,CAAC;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,CA4BvC,CAAC"}

package/dist/app/sign-in/api.js

@@ -0,0 +1,47 @@
+/** The platform calls the standalone login makes, against the host's `config.baseUrl`. */
+export const getAppDataByDomain = async (baseUrl, domain, version, token, 
+/** The app, where the domain alone can't name it (every app on localhost shares it). */
+appId) => {
+    const query = new URLSearchParams();
+    if (version) {
+        query.set("version", String(version));
+    }
+    if (appId) {
+        query.set("appId", appId);
+    }
+    const search = query.toString();
+    const response = await fetch(`${baseUrl}/api/domains/get-app-data-by-domain/${domain}${search ? `?${search}` : ""}`, {
+        headers: token ? { Authorization: `Bearer ${token}` } : undefined,
+    });
+    const data = await response.json();
+    return data;
+};
+function isValidDesktopCallback(callback) {
+    if (callback.startsWith("blocks-desktop://")) {
+        return true;
+    }
+    return /^https?:\/\/(127\.0\.0\.1|localhost)(:\d+)?\/auth\/callback\/?$/i.test(callback);
+}
+export const login = async (baseUrl, email, appUrl, desktopCallback, appId) => {
+    const formData = new FormData();
+    formData.append("email", email);
+    formData.append("appUrl", appUrl);
+    if (desktopCallback && isValidDesktopCallback(desktopCallback)) {
+        formData.append("desktopCallback", desktopCallback);
+    }
+    if (appId) {
+        formData.append("appId", appId);
+    }
+    const response = await fetch(`${baseUrl}/auth/login-request`, {
+        method: "POST",
+        body: formData,
+    });
+    // A link the platform couldn't send comes back as `{ errors }` with a 200: a list for a failed send,
+    // an object keyed by field for invalid input. Either way its message is the one shown.
+    const data = (await response.json().catch(() => ({})));
+    if (!response.ok || !data.success) {
+        const [firstError] = Object.values(data.errors ?? {});
+        throw new Error(firstError?.message || "We couldn't send the login link. Please try again.");
+    }
+    return { redirectToSsoUrl: data.redirectToSsoUrl };
+};

package/dist/app/sign-in/auth-url.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether `pathname` is a platform-owned auth URL. Segment boundary on
+ * purpose: /auth and /auth/* are the platform's (login/logout), but an app's
+ * own /authors or /authorize must route normally.
+ */
+export declare const isAuthUrl: (pathname: string) => boolean;
+//# sourceMappingURL=auth-url.d.ts.map

package/dist/app/sign-in/auth-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-url.d.ts","sourceRoot":"","sources":["../../../src/app/sign-in/auth-url.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU,MAAM,KAAG,OAAgE,CAAC"}

package/dist/app/sign-in/auth-url.js

@@ -0,0 +1,6 @@
+/**
+ * Whether `pathname` is a platform-owned auth URL. Segment boundary on
+ * purpose: /auth and /auth/* are the platform's (login/logout), but an app's
+ * own /authors or /authorize must route normally.
+ */
+export const isAuthUrl = (pathname) => pathname === "/auth" || pathname.startsWith("/auth/");

package/dist/app/types.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentType } from "react";
+/** The viewer's light/dark choice; `system` follows the device. */
+export type ThemeMode = "light" | "dark" | "system";
+export interface AppType {
+    id: string;
+    name: string;
+    faviconUrl?: string;
+    defaultPageBlockId?: string;
+    compiledAt: number;
+    theme?: {
+        variables: Record<string, string>;
+        darkVariables: Record<string, string>;
+    };
+}
+/**
+ * Node of the file-system route tree emitted by routes-mode bundles
+ * (`window.compiler.__blocksRoutes`). `id` is the route id — the file path
+ * relative to src/ without extension (e.g. `routes/concerts/[city]`) —
+ * `path` the segment(s) relative to the parent route.
+ */
+export interface BlocksRouteNode {
+    id: string;
+    path?: string;
+    index?: boolean;
+    Component: ComponentType;
+    children?: BlocksRouteNode[];
+}
+/** Routes-mode bundle shape: the whole tree plus the src/root.tsx root layout. */
+export interface BlocksRoutesTree {
+    root?: {
+        id: string;
+        Component: ComponentType;
+    };
+    routes: BlocksRouteNode[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/app/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/app/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,mEAAmE;AACnE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACtF;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,aAAa,CAAA;KAAE,CAAC;IAChD,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B"}

package/dist/app/types.js

@@ -0,0 +1 @@
+export {};

package/dist/app/ui/icons.d.ts

@@ -0,0 +1,12 @@
+import type { SVGProps } from "react";
+/** Lucide `loader-circle`, shadcn's spinner. Decorative: what it waits for says so in text. */
+export declare const SpinnerIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+/** Lucide `circle-alert`. */
+export declare const AlertIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+/** Lucide `mail`. */
+export declare const MailIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+/** Lucide `file-question-mark`. */
+export declare const MissingPageIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+/** Google's "G", in its own colors. */
+export declare const GoogleIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/app/ui/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/app/ui/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmBtC,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAIzD,CAAC;AAEF,6BAA6B;AAC7B,eAAO,MAAM,SAAS,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAMvD,CAAC;AAEF,qBAAqB;AACrB,eAAO,MAAM,QAAQ,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAKtD,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,eAAe,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAM7D,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,UAAU,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAmBxD,CAAC"}

package/dist/app/ui/icons.jsx

@@ -0,0 +1,32 @@
+/** The Lucide icons shadcn's components use, inline: the platform's UI loads nothing from elsewhere. */
+const Lucide = ({ children, ...props }) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" {...props}>
+    {children}
+  </svg>);
+/** Lucide `loader-circle`, shadcn's spinner. Decorative: what it waits for says so in text. */
+export const SpinnerIcon = (props) => (<Lucide {...props}>
+    <path d="M21 12a9 9 0 1 1-6.219-8.56"/>
+  </Lucide>);
+/** Lucide `circle-alert`. */
+export const AlertIcon = (props) => (<Lucide {...props}>
+    <circle cx="12" cy="12" r="10"/>
+    <line x1="12" x2="12" y1="8" y2="12"/>
+    <line x1="12" x2="12.01" y1="16" y2="16"/>
+  </Lucide>);
+/** Lucide `mail`. */
+export const MailIcon = (props) => (<Lucide {...props}>
+    <rect width="20" height="16" x="2" y="4" rx="2"/>
+    <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
+  </Lucide>);
+/** Lucide `file-question-mark`. */
+export const MissingPageIcon = (props) => (<Lucide {...props}>
+    <path d="M12 17h.01"/>
+    <path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/>
+    <path d="M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3"/>
+  </Lucide>);
+/** Google's "G", in its own colors. */
+export const GoogleIcon = (props) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" {...props}>
+    <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
+    <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
+    <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
+    <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
+  </svg>);

package/dist/app/ui/ui-styles.d.ts

@@ -0,0 +1,15 @@
+/** The app's theme tokens as the platform's public app data carries them (`indexCssTheme`). */
+export interface IndexCssTheme {
+    variables?: Record<string, string>;
+    darkVariables?: Record<string, string>;
+}
+/** Adds the stylesheet once; every component that renders this UI calls it before it lays out. */
+export declare const ensureUiStyles: () => void;
+/**
+ * The app's own tokens, on the login only. A signed-out visitor's page has no app CSS (the bundle
+ * loads after sign-in), so the platform's public app data carries the tokens of the app's
+ * `index.css`, and they are set on the login's page: light, and under the host's `dark` class.
+ * Checked again here, since it is network data written into a stylesheet.
+ */
+export declare const applyLoginAppTokens: (theme: IndexCssTheme | undefined) => void;
+//# sourceMappingURL=ui-styles.d.ts.map

package/dist/app/ui/ui-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-styles.d.ts","sourceRoot":"","sources":["../../../src/app/ui/ui-styles.ts"],"names":[],"mappings":"AAaA,+FAA+F;AAC/F,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAsZD,kGAAkG;AAClG,eAAO,MAAM,cAAc,YAQ1B,CAAC;AAyBF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,aAAa,GAAG,SAAS,SAcnE,CAAC"}