@cosmoops/connect-sdk 0.33.0 → 0.34.1

package/dist/cjs/server/handler.js

@@ -58,6 +58,99 @@ function sameState(a, b) {
         diff |= a.charCodeAt(i) ^ b.charCodeAt(i);
     return diff === 0;
 }
+/**
+ * How many sign-ins one browser may have in flight at once.
+ *
+ * The state cookie used to hold a *single* `state:next` pair, so a second
+ * `GET /signin` overwrote the first. Two tabs - or one abandoned attempt and
+ * one fresh one - and the older round trip came back to a cookie naming a
+ * state it had never heard of: `connect_error=state_mismatch`, which the host
+ * app's own session gate answers by silently firing another `/signin`, putting
+ * the visitor back on the sign-in screen with nothing on the page saying why.
+ *
+ * Five is far past what anyone opens by hand and still a cookie nobody
+ * notices - each entry is a 43-character state plus a short path. Entries are
+ * newest-first and the oldest fall off the end, so the tab a visitor is
+ * actually looking at is the last one to be forgotten.
+ *
+ * It does not weaken the CSRF check: a callback must still present one of
+ * these exact 256-bit values, and each still expires with the cookie.
+ */
+const MAX_PENDING_STATES = 5;
+/** `-` and `r` are the only flag fields this format writes - see `decodePendingState`. */
+const RETRIED_FLAG = "r";
+const NO_FLAGS = "-";
+/**
+ * The state cookie's wire format: one entry per in-flight sign-in, newest
+ * first, joined by `|`.
+ *
+ * An entry is `state:flags:next` with the destination **percent-encoded**
+ * rather than written raw, and that is what makes splitting on a delimiter
+ * safe: `state` is base64url so it can hold neither, and an encoded path
+ * cannot be read as a field boundary however many colons or pipes it
+ * contains. The raw single-pair format this replaces is exactly why `retried`
+ * and the silent marker had to live outside the cookie - the split was too
+ * fragile to carry a third field.
+ */
+function encodePendingStates(entries) {
+    return entries
+        .map((entry) => `${entry.state}:${entry.retried ? RETRIED_FLAG : NO_FLAGS}:${encodeURIComponent(entry.next)}`)
+        .join("|");
+}
+function decodePendingStates(raw) {
+    if (!raw)
+        return [];
+    const entries = [];
+    for (const part of raw.split("|")) {
+        const entry = decodePendingState(part);
+        if (entry)
+            entries.push(entry);
+    }
+    return entries;
+}
+/**
+ * One entry, tolerating the format this replaced.
+ *
+ * A cookie minted by the previous version is a single raw `state:next` pair,
+ * and sign-ins in flight across a deploy carry one. The flag field is a known
+ * one-character set, so anything else in that position means the remainder is
+ * a legacy destination - including one that itself contains a colon. Dropping
+ * those instead would answer every mid-deploy callback with
+ * `state_mismatch`.
+ */
+function decodePendingState(part) {
+    const firstColon = part.indexOf(":");
+    if (firstColon <= 0)
+        return null;
+    const state = part.slice(0, firstColon);
+    const remainder = part.slice(firstColon + 1);
+    const secondColon = remainder.indexOf(":");
+    const flags = secondColon === -1 ? "" : remainder.slice(0, secondColon);
+    const hasFlags = flags === NO_FLAGS || flags === RETRIED_FLAG;
+    return {
+        state,
+        next: decodeDestination(hasFlags ? remainder.slice(secondColon + 1) : remainder),
+        retried: flags === RETRIED_FLAG,
+    };
+}
+/**
+ * `decodeURIComponent` throws on a lone `%`, which a legacy raw destination
+ * may well hold. The undecoded string then goes through `safeRedirect` like
+ * any other candidate, so a malformed one costs the default destination
+ * rather than a 500.
+ */
+function decodeDestination(value) {
+    try {
+        return decodeURIComponent(value);
+    }
+    catch {
+        return value;
+    }
+}
+/** Appends `connect_error=<code>` to a destination that may already carry a query. */
+function withError(next, code) {
+    return `${next}${next.includes("?") ? "&" : "?"}connect_error=${encodeURIComponent(code)}`;
+}
 function readCookie(request, name) {
     const header = request.headers.get("cookie");
     if (!header)
@@ -130,6 +223,10 @@ function createConnectHandler(options) {
      * the cross-site redirect back from Connect, which is the one request that
      * has to read it. Scoped to `basePath` so it is never attached to ordinary
      * page loads.
+     *
+     * Holds every in-flight round trip rather than the latest one - see
+     * `MAX_PENDING_STATES` and `encodePendingStates`. An empty value clears it,
+     * which is what an exchange that consumed the last pending entry wants.
      */
     function stateCookie(value, secure) {
         const cleared = value === "";
@@ -959,6 +1056,17 @@ function createConnectHandler(options) {
          * alongside the post-login destination, and bounces the browser to
          * Connect.
          *
+         * The new entry is **prepended to whatever is already pending** rather
+         * than replacing it, so opening the app in a second tab no longer
+         * invalidates the first - see `MAX_PENDING_STATES`.
+         *
+         * `?connect_retry=1` is stamped onto the entry here, which is the only
+         * place that marker can be read: it is a query parameter on *this* URL,
+         * and the `redirect_uri` handed to Connect is a registered, exact-match
+         * value that cannot carry it. The callback used to look for it on its own
+         * URL, where it could never arrive - so both retry bounds below were
+         * unreachable and `login_required` could loop indefinitely.
+         *
          * Registered only when the session store can `write` - without that, the
          * callback would have nowhere to put the session it just earned.
          */
@@ -974,9 +1082,13 @@ function createConnectHandler(options) {
                 state,
                 ...(prompt ? { prompt } : {}),
             });
-            // State and destination travel together in one cookie so the callback
+            // State and destination travel together in one entry so the callback
             // cannot end up with one and not the other.
-            const cookies = [stateCookie(`${state}:${next}`, secure)];
+            const pending = [
+                { state, next, retried: url.searchParams.get("connect_retry") === "1" },
+                ...decodePendingStates(readCookie(request, stateCookieName)),
+            ].slice(0, MAX_PENDING_STATES);
+            const cookies = [stateCookie(encodePendingStates(pending), secure)];
             if (prompt === "none")
                 cookies.push(silentCookie("1", secure));
             return redirect(authorizeUrl, cookies);
@@ -989,20 +1101,49 @@ function createConnectHandler(options) {
         "GET /callback": async (request) => {
             const url = new URL(request.url);
             const secure = url.protocol === "https:";
-            const [cookieState, ...destinationParts] = (readCookie(request, stateCookieName) ?? "").split(":");
-            const next = safeRedirect(destinationParts.join(":") || null, defaultRedirect);
-            const clearState = stateCookie("", secure);
+            const pending = decodePendingStates(readCookie(request, stateCookieName));
             const returnedState = url.searchParams.get("state") ?? "";
-            if (!cookieState || !sameState(cookieState, returnedState)) {
-                // Either a forged callback or a genuinely stale tab. Neither should
-                // mint a session, and neither is worth an error page.
-                return redirect(`${next}${next.includes("?") ? "&" : "?"}connect_error=state_mismatch`, [
-                    clearState,
-                    silentCookie("", secure),
-                ]);
-            }
+            const matched = pending.find((entry) => sameState(entry.state, returnedState)) ?? null;
+            // Every *other* in-flight sign-in survives this one. Clearing the whole
+            // cookie is what made a second tab collateral damage: finishing in one
+            // tab left the other holding a state the server had just forgotten.
+            const settleState = stateCookie(encodePendingStates(pending.filter((entry) => entry !== matched)), secure);
+            // Only ever this flow's own destination. With no match there is no
+            // destination to trust - a `next` belonging to a different round trip is
+            // somebody else's business, so that case takes the default.
+            const next = safeRedirect(matched?.next ?? null, defaultRedirect);
+            // Read before the state check, not after. A `prompt=none` probe must
+            // never escalate into a visible sign-in - including the retry below -
+            // and the mismatch branch is reachable for a silent probe whose cookie
+            // has expired.
             const wasSilent = readCookie(request, silentCookieName) === "1";
             const clearSilent = silentCookie("", secure);
+            /** One more interactive attempt, marked so the next pass can tell. */
+            const retrySignIn = () => {
+                const retry = new URL(`${url.origin}${basePath}/signin`);
+                retry.searchParams.set("next", next);
+                retry.searchParams.set("connect_retry", "1");
+                return redirect(retry.toString(), [settleState, clearSilent]);
+            };
+            if (!matched) {
+                // A stale tab whose cookie has expired, more entries in flight than
+                // `MAX_PENDING_STATES` holds, or a forged callback. None of them mints
+                // a session and none is worth an error page.
+                //
+                // One retry, because the overwhelmingly common cause is a round trip
+                // whose own entry is simply gone and whose visitor Connect has already
+                // signed in - that completes in a single hop. The bound reads *any*
+                // pending entry's marker rather than the matched one, there being
+                // none: a browser that has already been bounced once gets the error
+                // instead of another lap. Without it this is the silent infinite loop,
+                // since the host app's session gate answers `/dashboard` with no
+                // session by firing `/signin` again.
+                if (wasSilent)
+                    return redirect(next, [settleState, clearSilent]);
+                if (!pending.some((entry) => entry.retried))
+                    return retrySignIn();
+                return redirect(withError(next, "state_mismatch"), [settleState, clearSilent]);
+            }
             const error = url.searchParams.get("error");
             if (error) {
                 // A silent (`prompt=none`) probe that came back empty-handed. All
@@ -1017,27 +1158,20 @@ function createConnectHandler(options) {
                 // if they're already here" into "force everyone to log in", which is
                 // the precise opposite of the feature.
                 if (wasSilent) {
-                    return redirect(next, [clearState, clearSilent]);
+                    return redirect(next, [settleState, clearSilent]);
                 }
                 // `login_required` is normal traffic, not a fault: a new account gets
                 // pulled out to their inbox to verify, and the ~15 minute request
                 // expires before they return. Connect has already signed them in, so
-                // one silent retry completes in a single hop. `connect_retry` bounds
-                // it - a genuine loop must surface, not spin.
-                if (error === "login_required" && url.searchParams.get("connect_retry") !== "1") {
-                    const retry = new URL(`${url.origin}${basePath}/signin`);
-                    retry.searchParams.set("next", next);
-                    retry.searchParams.set("connect_retry", "1");
-                    return redirect(retry.toString(), [clearState, clearSilent]);
-                }
-                return redirect(`${next}${next.includes("?") ? "&" : "?"}connect_error=${encodeURIComponent(error)}`, [
-                    clearState,
-                    clearSilent,
-                ]);
+                // one silent retry completes in a single hop. The marker on this
+                // flow's own entry bounds it - a genuine loop must surface, not spin.
+                if (error === "login_required" && !matched.retried)
+                    return retrySignIn();
+                return redirect(withError(next, error), [settleState, clearSilent]);
             }
             const code = url.searchParams.get("code");
             if (!code) {
-                return redirect(`${next}${next.includes("?") ? "&" : "?"}connect_error=missing_code`, [clearState, clearSilent]);
+                return redirect(withError(next, "missing_code"), [settleState, clearSilent]);
             }
             const result = await client.identity.exchangeCode({
                 code,
@@ -1046,7 +1180,7 @@ function createConnectHandler(options) {
             // Verified before the session is stored, not after - an unverifiable
             // token must never become a signed-in user.
             await client.identity.verifyIdToken(result.idToken);
-            const response = redirect(next, [clearState, clearSilent]);
+            const response = redirect(next, [settleState, clearSilent]);
             await session.write(request, response, result.sessionToken);
             return response;
         },

package/dist/cjs/server/resources/billing.js

@@ -17,6 +17,10 @@ class BillingResource {
      * independently of the instance it talks to. Without the coercion a partner
      * pointed at a Connect that has not upgraded yet renders a feature list of
      * blanks - which is exactly what happened. See `normalizePlanFeatures`.
+     *
+     * `limits` is defaulted for the same reason, one version later: an instance
+     * that predates limits sends no such field, and a pricing grid mapping over
+     * `plan.limits` would throw rather than simply show no limit rows.
      */
     async listPlans() {
         const response = await (0, http_js_1.request)(this.transport, { method: "GET", path: "/plans" });
@@ -24,6 +28,7 @@ class BillingResource {
             plans: (response.plans ?? []).map((plan) => ({
                 ...plan,
                 features: (0, helpers_js_1.normalizePlanFeatures)(plan.features),
+                limits: plan.limits ?? [],
             })),
         };
     }

package/dist/cjs/server/resources/entitlements.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntitlementsResource = void 0;
 const http_js_1 = require("../http.js");
+const helpers_js_1 = require("../../helpers.js");
 /**
  * The two checks worth making on every request: may this workspace be here at
  * all, and what is it paying for.
@@ -45,6 +46,52 @@ class EntitlementsResource {
         const result = await this.getSubscription(workspaceId);
         return result.hasActiveSubscription && (result.plan?.features.includes(feature) ?? false);
     }
+    /**
+     * How much of a metered resource this workspace may have - the numeric
+     * counterpart of `hasFeature`, for the resources your application counts
+     * itself (sites, projects, pipelines).
+     *
+     * **This is the effective ceiling, not the plan's own number.** Connect has
+     * already folded in whatever the add-ons on the subscription raise it by, so
+     * "Starter includes 1 site, they bought two 5-site packs" arrives here as
+     * `{ model: "limited", value: 11 }`. You never join the plan against the
+     * add-on list yourself, and a customer who buys another pack needs no change
+     * on your side.
+     *
+     * Returns `{ model: "none" }` rather than throwing when there is no active
+     * subscription, when the plan carries no answer for this key, and when the
+     * Connect instance predates limits entirely - the same reasoning
+     * `hasFeature` gives for answering `false`: "not entitled" is the same answer
+     * either way, and a limit check should not need a try/catch around it.
+     *
+     * Connect does not enforce this. It cannot see what you are counting, so it
+     * hands you the number and your code refuses the next row - `canAdd` is that
+     * comparison if you already have the count.
+     */
+    async getLimit(workspaceId, key) {
+        const result = await this.getSubscription(workspaceId);
+        if (!result.hasActiveSubscription)
+            return helpers_js_1.NO_PLAN_LIMIT;
+        return (0, helpers_js_1.planLimitFor)(result.plan?.limits, key);
+    }
+    /**
+     * Whether this workspace may add `additional` more of a limited resource,
+     * given how many it already has.
+     *
+     * You supply the count, because only your application can produce it. This
+     * is `getLimit` plus `planLimitAllows`, which exists so the comparison is
+     * not rewritten per call site - see that helper for the three ways of
+     * getting it wrong.
+     *
+     * ```ts
+     * if (!(await connect.entitlements.canAdd(workspaceId, "sites", sites.length))) {
+     *   return refuse("Your plan's site limit is reached.");
+     * }
+     * ```
+     */
+    async canAdd(workspaceId, key, currentCount, additional = 1) {
+        return (0, helpers_js_1.planLimitAllows)(await this.getLimit(workspaceId, key), currentCount, additional);
+    }
     /**
      * One page of the workspaces subscribed to your application, newest first.
      *

package/dist/esm/client/components/access-gate.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Ban, AlertTriangle, Building2, Clock, CreditCard, ExternalLink, User, X } from "lucide-react";
 import { Button, Card } from "@heroui/react";
 import { blockingBlockers } from "../../helpers.js";
@@ -36,7 +36,19 @@ function formatDate(iso) {
  */
 export function useConnectAccessGate() {
     const { session, isLoading: sessionLoading } = useConnect();
-    const { data, isLoading: entitlementsLoading } = useConnectEntitlements();
+    const { data, isLoading: entitlementsLoading, refetch } = useConnectEntitlements();
+    return { ...decideAccess(session, sessionLoading, data, entitlementsLoading), refresh: refetch };
+}
+/**
+ * The priority ordering, with the reads lifted out.
+ *
+ * Split from the hook so the twelve verdicts stay one `return` each and none
+ * of them has to carry `refresh` - a field that is the same function in every
+ * branch and says nothing about which branch it is. Pure, like
+ * `rbac/policy.ts` and `evaluateSignInRisk`, and for the same reason: a
+ * decision spread across its inputs cannot be tested.
+ */
+function decideAccess(session, sessionLoading, data, entitlementsLoading) {
     if (sessionLoading) {
         return { state: "loading", blocker: null, paymentRetry: null };
     }
@@ -147,6 +159,49 @@ export function useConnectAccessGate() {
  */
 export function ConnectAccessGate({ children, fallback, loading, className }) {
     const gate = useConnectAccessGate();
+    const isBlocked = gate.state !== "loading" &&
+        gate.state !== "signed_out" &&
+        gate.state !== "clear" &&
+        gate.state !== "payment_retry";
+    /**
+     * A blocked gate re-checks when the tab comes back.
+     *
+     * Every blocker this component draws is resolved **somewhere else** - on
+     * Connect, in another tab, by an admin, on a phone - and none of that
+     * reaches this tab. The resolve button used to open Connect in a new tab,
+     * so the overwhelmingly common path was: subscribe over there, switch back,
+     * and find the same "Choose a plan to continue" card, with a reload the
+     * only way out. It read as the purchase not having worked.
+     *
+     * The button is a same-tab navigation now (see `GateCard`), which handles
+     * the common case on its own. This covers the rest: a second tab, a
+     * colleague with the admin rights, a payment settled on a phone.
+     *
+     * Only while blocked, deliberately. A `clear` gate re-reading entitlements
+     * on every tab focus would put a request on the critical path of
+     * alt-tabbing back into an application that is working fine, for every
+     * workspace, all day. Nothing is gained by it: the gate has nothing to
+     * show, and losing access mid-session is what the server-side check before
+     * each action is for.
+     */
+    useEffect(() => {
+        if (!isBlocked || typeof document === "undefined")
+            return;
+        const recheck = () => {
+            if (document.visibilityState === "visible")
+                gate.refresh();
+        };
+        document.addEventListener("visibilitychange", recheck);
+        window.addEventListener("focus", recheck);
+        return () => {
+            document.removeEventListener("visibilitychange", recheck);
+            window.removeEventListener("focus", recheck);
+        };
+        // `gate.refresh` is stable per render of the provider and re-subscribing
+        // on it would churn the listeners; `isBlocked` is the only thing that
+        // should add or remove them.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isBlocked]);
     // `children`, unless the host explicitly asked for a placeholder. See the
     // doc comment - this is the branch that decides whether a partner's page
     // can stream.
@@ -215,9 +270,27 @@ function AccessGateFallback({ state, blocker, className, }) {
  * so "see plans" landing back on the same blocked screen never gets anyone
  * to a choice they can act on. Sending them to Connect's own subscribe page
  * always resolves.
+ *
+ * ### Same tab, and it carries the way back
+ *
+ * It used to `window.open(resolveUrl, "_blank")`. A new tab is the wrong
+ * shape for a step you have to finish before you can continue: the customer
+ * subscribes over there, is left on Connect's billing page with nothing
+ * pointing home, and the tab they started in is still showing this card. The
+ * most common ending was two open tabs and the belief that the payment had
+ * not worked.
+ *
+ * So: a same-tab navigation carrying `?next=` back to the page they are
+ * standing on, which Connect honours after a subscribe once the origin
+ * matches one registered for this application's client
+ * (`resolveApplicationReturnUrl`). An unregistered origin costs the return
+ * trip and nothing else - they still reach Connect, still resolve the
+ * blocker, and `ConnectAccessGate`'s focus re-check catches them on the way
+ * back. Partners should register their app's origin; the fallback is a
+ * degraded path, not a broken one.
  */
 function GateCard({ icon: Icon, iconClassName, title, message, actionLabel, resolveUrl, className, }) {
-    return (_jsx(MotionProvider, { children: _jsx(m.div, { initial: { opacity: 0, y: -6 }, animate: { opacity: 1, y: 0 }, transition: ENTER, children: _jsxs(Card, { className: className, children: [_jsxs(Card.Header, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { className: `size-5 shrink-0 ${iconClassName}`, "aria-hidden": "true" }), _jsx(Card.Title, { children: title })] }), _jsx(Card.Description, { children: message })] }), resolveUrl && (_jsx(Card.Footer, { children: _jsxs(Button, { variant: "primary", onPress: () => window.open(resolveUrl, "_blank", "noopener,noreferrer"), children: [actionLabel ?? "Resolve on Connect", _jsx(ExternalLink, { className: "size-3.5" })] }) }))] }) }) }));
+    return (_jsx(MotionProvider, { children: _jsx(m.div, { initial: { opacity: 0, y: -6 }, animate: { opacity: 1, y: 0 }, transition: ENTER, children: _jsxs(Card, { className: className, children: [_jsxs(Card.Header, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { className: `size-5 shrink-0 ${iconClassName}`, "aria-hidden": "true" }), _jsx(Card.Title, { children: title })] }), _jsx(Card.Description, { children: message })] }), resolveUrl && (_jsx(Card.Footer, { children: _jsxs(Button, { variant: "primary", onPress: () => window.location.assign(withReturnTo(resolveUrl)), children: [actionLabel ?? "Resolve on Connect", _jsx(ExternalLink, { className: "size-3.5" })] }) }))] }) }) }));
 }
 /**
  * The skippable payment-due warning. Dismissal is scoped to this specific
@@ -236,3 +309,26 @@ function PaymentRetryBanner({ blocker, className, }) {
                                     window.localStorage.setItem(dismissKey, "1");
                             }, children: _jsx(X, { className: "size-4" }) })] })] }) }));
 }
+/**
+ * `resolveUrl` with `?next=` pointing at the page the customer is standing
+ * on, so Connect can hand them back once the blocker is gone.
+ *
+ * Returns the URL untouched if anything is off - no `window`, an unparseable
+ * `resolveUrl`, a `next` already set by the server. Getting back is a
+ * courtesy on top of resolving the blocker, and it must never be the reason
+ * somebody cannot reach the screen that resolves it.
+ */
+function withReturnTo(resolveUrl) {
+    if (typeof window === "undefined")
+        return resolveUrl;
+    try {
+        const url = new URL(resolveUrl);
+        if (url.searchParams.has("next"))
+            return resolveUrl;
+        url.searchParams.set("next", window.location.href);
+        return url.toString();
+    }
+    catch {
+        return resolveUrl;
+    }
+}

package/dist/esm/client/components/subscription.js

@@ -119,6 +119,12 @@ function NextEvent({ detail, state, }) {
  * count against, so it renders nothing rather than a meter that is always
  * empty. Under `"per-seat"` going over is billable rather than blocked, so it
  * says what the extra costs instead of warning.
+ *
+ * `detail.seatCount` is a live count of the members holding a role for this
+ * application. It used to be the subscription's last-billed snapshot, which
+ * only ever moved on a `"per-seat"` plan - so a `"fixed"` single-seat plan
+ * read "0 of 1 seat used" permanently, including when its one seat was taken
+ * and Connect was already refusing the next assignment.
  */
 export function ConnectSeatUsage({ plan, detail, className, }) {
     if (plan.seats.model === "unlimited")

package/dist/esm/client/provider.js

@@ -483,7 +483,7 @@ export function useConnectSessions() {
  */
 export function useConnectResource(path, options) {
     const requiresSession = options?.requiresSession ?? true;
-    const { fetchResource, session, isLoading: sessionLoading } = useConnect();
+    const { fetchResource, invalidateResource, session, isLoading: sessionLoading } = useConnect();
     // Stamped with the `path` it belongs to, so switching paths reports loading
     // without a synchronous `setIsLoading(true)` - and, more usefully, so a
     // resolved response for a previous path can never be read as this one's.
@@ -523,6 +523,9 @@ export function useConnectResource(path, options) {
         // should render its signed-out state, not skeletons forever.
         isLoading: !signedOut && !loaded,
         error: loaded?.error ?? null,
-        refetch: () => setVersion((v) => v + 1),
+        refetch: () => {
+            invalidateResource(path);
+            setVersion((v) => v + 1);
+        },
     };
 }

package/dist/esm/client/use-checkout.js

@@ -161,12 +161,14 @@ export function buildCancelUrl({ appUrl, subscriptionId }) {
  * prefix that has never served this page. Building the other one is what
  * sent every first-time subscriber from a partner's pricing page to a 404.
  */
-export function buildCheckoutUrl({ appUrl, applicationId, planId, subscriptionId, coupon, }) {
+export function buildCheckoutUrl({ appUrl, applicationId, planId, subscriptionId, coupon, next, }) {
     const path = subscriptionId
         ? `/billing/subscriptions/${encodeURIComponent(subscriptionId)}/change-plan/${encodeURIComponent(planId)}`
         : `/apps/${encodeURIComponent(applicationId)}/subscribe/${encodeURIComponent(planId)}`;
     const url = new URL(path, appUrl);
     if (coupon?.trim())
         url.searchParams.set("coupon", coupon.trim());
+    if (next?.trim())
+        url.searchParams.set("next", next.trim());
     return url.toString();
 }

package/dist/esm/helpers.js

@@ -24,3 +24,46 @@ export function blockingBlockers(readiness) {
 export function normalizePlanFeatures(features) {
     return (features ?? []).map((feature) => typeof feature === "string" ? { key: feature, name: feature, description: "" } : feature);
 }
+/**
+ * What a key the plan carries no answer for reads as - see
+ * `SubscribedPlan.limits`, which is sparse.
+ *
+ * `"none"` rather than `"unlimited"`: a plan that was never asked about a
+ * limit has not sold it, and defaulting the other way would hand an unbounded
+ * allowance to every tier that predates the question.
+ */
+export const NO_PLAN_LIMIT = { model: "none", value: null };
+/**
+ * One plan's answer for one limit key, with the sparse-map default applied.
+ *
+ * Indexing `plan.limits` directly is what makes a missing key `undefined`,
+ * which then reads as unlimited through the first `?.` somebody writes. This
+ * returns a `PlanLimit` either way.
+ */
+export function planLimitFor(limits, key) {
+    return limits?.[key] ?? NO_PLAN_LIMIT;
+}
+/**
+ * Whether `additional` more of the resource fit under this limit, given how
+ * many the subscriber already has. The comparison, written once.
+ *
+ * Every way of writing it at a call site is wrong in a different direction:
+ * `count < limit.value` is off by one as soon as you add more than one row,
+ * `if (!limit.value)` refuses the unlimited tier, and
+ * `limit.value ?? Infinity` grants unlimited to a plan that allows none. This
+ * is the same implementation Connect's own server uses to validate a plan.
+ *
+ * ```ts
+ * const limit = await connect.entitlements.getLimit(workspaceId, "sites");
+ * if (!planLimitAllows(limit, await countSites(workspaceId))) {
+ *   throw new Error("Your plan's site limit is reached.");
+ * }
+ * ```
+ */
+export function planLimitAllows(limit, currentCount, additional = 1) {
+    if (limit.model === "unlimited")
+        return true;
+    if (limit.model === "none")
+        return false;
+    return currentCount + additional <= (limit.value ?? 0);
+}

package/dist/esm/index.js

@@ -15,5 +15,6 @@
  */
 export { ConnectError, isConnectError } from "./errors.js";
 export { blockingBlockers, normalizePlanFeatures } from "./helpers.js";
+export { NO_PLAN_LIMIT, planLimitAllows, planLimitFor } from "./helpers.js";
 export { arrayRemove, arrayUnion, deleteField, documentExists, increment, serverTimestamp, storeIndexFor, storeIndexSignature, unchangedSince, } from "./store.js";
 export { describeQueryRejection, storeIndexCovers } from "./store-schema.js";

package/dist/esm/next/index.js

@@ -35,11 +35,18 @@ import { ConnectError } from "../errors.js";
  * | --- | --- | --- |
  * | `CONNECT_API_KEY` | yes | server-side credential |
  * | `CONNECT_CLIENT_ID` | yes | OAuth client id |
- * | `CONNECT_APP_URL` | no | non-production Connect instance |
- * | `CONNECT_SESSION_COOKIE` | no | session cookie name |
+ * | `CONNECT_APP_URL` | no | non-production Connect instance; unset means production |
+ * | `CONNECT_SESSION_COOKIE` | no | session cookie name; unset means `connect_session` |
+ *
+ * `CONNECT_APP_URL` is server-side only and does not reach the browser:
+ * `ConnectProvider` defaults `appUrl` to the production origin independently,
+ * so an app pointed at another instance must pass that prop as well or its
+ * portal links and its browser-built authorize URL still go to production.
  *
  * Register `{your origin}/api/connect/callback` as a redirect URI in the
- * application's Connect client section. That is the only step this cannot do for you.
+ * application's Connect client section. That is the only step this cannot do
+ * for you, and Connect matches it exactly - every origin you run from needs
+ * its own entry, localhost included.
  *
  * No `next.config.ts` changes needed either, including `transpilePackages`:
  * `dist/` is already ES2022 with `"use client"` hoisted to the top of every

package/dist/esm/server/client.js

@@ -175,4 +175,4 @@ export class ConnectClient {
     }
 }
 /** Kept in step with `package.json` by `sdk.test.ts`. */
-export const SDK_VERSION = "0.32.0";
+export const SDK_VERSION = "0.34.0";