@lukoweb/apitogo-plugin-dev-portal-billing 0.2.42 → 0.2.44

package/dist/{AccountPlansPage-wrL7BtXu.mjs → AccountPlansPage-DTVIVeRh.mjs}

@@ -1,7 +1,7 @@
 import { c as isActiveSubscription, n as useDevPortalPreviewMode, p as parseManifestPlans, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { t as PricingCard } from "./PricingCard-D-owYlf3.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
 import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { CreditCardIcon } from "@lukoweb/apitogo/icons";

package/dist/{CredentialsPage-BdSCmTR9.mjs → CredentialsPage-BOVn3PpF.mjs}

@@ -1,8 +1,8 @@
 import { t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
 import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { n as createDemoCredentials } from "./demo-session-Cez740bi.mjs";
-import { a as useApiKeys, n as apiReferencePath, r as ApiKeysPanel } from "./account-links-CH6HyjOb.mjs";
+import { r as createDemoCredentials } from "./demo-session-B6WAunKV.mjs";
+import { a as useApiKeys, n as apiReferencePath, r as ApiKeysPanel } from "./account-links-BUeCO2Du.mjs";
 import { t as ChoosePlanNotice } from "./ChoosePlanNotice-DITJNrh1.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon } from "@lukoweb/apitogo/icons";

package/dist/{SubscriptionsPage-CIiPzK64.mjs → SubscriptionsPage-29Xs4XvM.mjs}

@@ -1,7 +1,7 @@
 import { i as CREDENTIALS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
 import { c as isActiveSubscription, i as formatBillingPeriod, m as parseMonthlyQuotaCalls, o as formatPlanPrice, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
 import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-DjUXQYSr.mjs";

package/dist/{UsagePage-Xz2KEk2B.mjs → UsagePage-U27bvmbF.mjs}

@@ -1,6 +1,6 @@
 import { c as isActiveSubscription, h as parseQuotaPeriodDays, m as parseMonthlyQuotaCalls } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
 import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { Head } from "@lukoweb/apitogo/components";

package/dist/{account-links-CH6HyjOb.mjs → account-links-BUeCO2Du.mjs}

@@ -1,6 +1,6 @@
 import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as createDemoApiKeys } from "./demo-session-Cez740bi.mjs";
+import { n as createDemoApiKeys, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-B6WAunKV.mjs";
 import { Spinner } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon, TrashIcon } from "@lukoweb/apitogo/icons";
 import { useState } from "react";
@@ -13,6 +13,65 @@ import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, D
 import { Input } from "@lukoweb/apitogo/ui/Input.js";
 import { Secret } from "@lukoweb/apitogo/ui/Secret.js";
 
+//#region src/utils/playground-key.ts
+const STORAGE_KEY = "apitogo-playground-api-key";
+const PLAYGROUND_KEY_IDENTITY_ID = "api-key";
+const storage = () => {
+	try {
+		return typeof localStorage === "undefined" ? void 0 : localStorage;
+	} catch {
+		return;
+	}
+};
+/**
+* Remembers a key the moment it is created: the plans backend shows a key's secret only then, so this is the one
+* chance to offer it to the playground later. Only the last key is kept, in this browser only.
+*/
+function rememberPlaygroundKey(entry) {
+	if (!entry.key) return;
+	const value = {
+		id: entry.id,
+		key: entry.key,
+		header: entry.header || DEMO_GATEWAY_KEY_HEADER,
+		keyPrefix: entry.keyPrefix
+	};
+	try {
+		storage()?.setItem(STORAGE_KEY, JSON.stringify(value));
+	} catch {}
+}
+function readPlaygroundKey() {
+	try {
+		const raw = storage()?.getItem(STORAGE_KEY);
+		if (!raw) return void 0;
+		const parsed = JSON.parse(raw);
+		return parsed.id && parsed.key && parsed.header && parsed.keyPrefix ? parsed : void 0;
+	} catch {
+		return;
+	}
+}
+/** A revoked key stops working, so it is no longer offered. */
+function forgetPlaygroundKey(keyId) {
+	if (readPlaygroundKey()?.id !== keyId) return;
+	try {
+		storage()?.removeItem(STORAGE_KEY);
+	} catch {}
+}
+/** The "Try it" identity for the remembered key, sent in the gateway's key header. */
+function playgroundKeyIdentities() {
+	const remembered = readPlaygroundKey();
+	if (!remembered) return [];
+	return [{
+		id: PLAYGROUND_KEY_IDENTITY_ID,
+		label: `Your API key (${remembered.keyPrefix}…)`,
+		authorizationFields: { headers: [remembered.header] },
+		authorizeRequest: (request) => {
+			request.headers.set(remembered.header, remembered.key);
+			return request;
+		}
+	}];
+}
+
+//#endregion
 //#region src/hooks/useApiKeys.ts
 /** Thrown when the developer has hit their plan's per-developer key cap. */
 const API_KEY_CAP_REACHED = "API_KEY_CAP_REACHED";
@@ -75,7 +134,11 @@ function useCreateApiKey() {
 			if (!response.ok) throw new Error(await readProblemDetail(response) ?? "Failed to create API key.");
 			return await response.json();
 		},
-		onSuccess: async () => {
+		onSuccess: async (created) => {
+			rememberPlaygroundKey({
+				...created,
+				header: queryClient.getQueryData(apiKeysQueryKey(apiBaseUrl))?.header
+			});
 			await queryClient.invalidateQueries({ queryKey: apiKeysQueryKey(apiBaseUrl) });
 		}
 	});
@@ -93,7 +156,8 @@ function useRevokeApiKey() {
 			});
 			if (!response.ok && response.status !== 204) throw new Error(await readProblemDetail(response) ?? "Failed to revoke API key.");
 		},
-		onSuccess: async () => {
+		onSuccess: async (_result, keyId) => {
+			forgetPlaygroundKey(keyId);
 			await queryClient.invalidateQueries({ queryKey: apiKeysQueryKey(apiBaseUrl) });
 		}
 	});
@@ -172,6 +236,10 @@ const ApiKeysPanel = ({ plan, header, readOnly = false }) => {
 			newKey?.key ? /* @__PURE__ */ jsxs(Alert, { children: [
 				/* @__PURE__ */ jsx(KeyRoundIcon, { size: 16 }),
 				/* @__PURE__ */ jsx(AlertTitle, { children: "Copy your new key now — it is shown only once." }),
+				/* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: "In this browser, the API reference's “Try it” also offers it under Authentication."
+				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "mt-3 space-y-3",
 					children: [/* @__PURE__ */ jsx(Secret, {
@@ -300,4 +368,4 @@ function apiReferencePath(links) {
 }
 
 //#endregion
-export { useApiKeys as a, API_KEY_CAP_REACHED as i, apiReferencePath as n, useCreateApiKey as o, ApiKeysPanel as r, useRevokeApiKey as s, accountLayoutProps as t };
+export { useApiKeys as a, playgroundKeyIdentities as c, API_KEY_CAP_REACHED as i, apiReferencePath as n, useCreateApiKey as o, ApiKeysPanel as r, useRevokeApiKey as s, accountLayoutProps as t };

package/dist/{demo-session-Cez740bi.mjs → demo-session-B6WAunKV.mjs}

@@ -62,4 +62,4 @@ function createDemoApiKeys(plans) {
 }
 
 //#endregion
-export { createDemoCredentials as n, createDemoMeResponse as r, createDemoApiKeys as t };
+export { createDemoMeResponse as i, createDemoApiKeys as n, createDemoCredentials as r, DEMO_GATEWAY_KEY_HEADER as t };

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { t as AccountPlansPage } from "./AccountPlansPage-wrL7BtXu.mjs";
+import { t as AccountPlansPage } from "./AccountPlansPage-DTVIVeRh.mjs";
 import { a as LOGIN_NAV_PATH, c as USAGE_PATH, i as CREDENTIALS_PATH, n as CHECKOUT_PATH, o as PRICING_PATH, r as CONTACT_SALES_PATH, s as SUBSCRIPTIONS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
 import { a as formatPlanDisplayPrice, c as isActiveSubscription, f as listPlanFeatureLines, g as pickFeaturedPlanSku, p as parseManifestPlans, s as formatPlanPriceUnit, y as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import "./PricingCard-D-owYlf3.mjs";
 import { t as DevPortalBillingProvider } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-Bdo2HFrP.mjs";
 import { n as startPlansPrefetch, t as usePlans } from "./usePlans-DVGt2Myv.mjs";
-import { a as useApiKeys, i as API_KEY_CAP_REACHED, o as useCreateApiKey, r as ApiKeysPanel, s as useRevokeApiKey, t as accountLayoutProps } from "./account-links-CH6HyjOb.mjs";
+import { a as useApiKeys, c as playgroundKeyIdentities, i as API_KEY_CAP_REACHED, o as useCreateApiKey, r as ApiKeysPanel, s as useRevokeApiKey, t as accountLayoutProps } from "./account-links-BUeCO2Du.mjs";
 import { n as useUsageRecent, t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { t as isPreviewPricingEnabled } from "./pricing-config-CfhRX9tk.mjs";
 import { Head, Link } from "@lukoweb/apitogo/components";
@@ -363,13 +363,13 @@ async function getSignedInIdentities(apiBaseUrl, fetchImpl = fetch) {
 
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
-const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-wrL7BtXu.mjs").then((n) => n.n));
+const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-DTVIVeRh.mjs").then((n) => n.n));
 const CheckoutPage = lazy(() => import("./CheckoutPage-6nFq9GKO.mjs"));
 const ContactSalesPage = lazy(() => import("./ContactSalesPage-Imh39E8z.mjs"));
-const CredentialsPage = lazy(() => import("./CredentialsPage-BdSCmTR9.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-BOVn3PpF.mjs"));
 const PricingPage = lazy(() => import("./PricingPage-BTPQ-ntp.mjs"));
-const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-CIiPzK64.mjs"));
-const UsagePage = lazy(() => import("./UsagePage-Xz2KEk2B.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-29Xs4XvM.mjs"));
+const UsagePage = lazy(() => import("./UsagePage-U27bvmbF.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
@@ -394,7 +394,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 				}
 			});
 		},
-		getIdentities: () => getSignedInIdentities(resolveDevPortalApiBaseUrl(options.apiBaseUrl)),
+		getIdentities: async () => [...playgroundKeyIdentities(), ...await getSignedInIdentities(resolveDevPortalApiBaseUrl(options.apiBaseUrl))],
 		getProfileMenuItems: () => [{
 			label: "My Subscriptions",
 			path: SUBSCRIPTIONS_PATH,

package/dist/{useMySubscriptions-BFe0t1Ru.mjs → useMySubscriptions-Bdo2HFrP.mjs}

@@ -1,6 +1,6 @@
 import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { r as createDemoMeResponse } from "./demo-session-Cez740bi.mjs";
+import { i as createDemoMeResponse } from "./demo-session-B6WAunKV.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo-plugin-dev-portal-billing",
-  "version": "0.2.42",
+  "version": "0.2.44",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -46,8 +46,8 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "0.20.3",
-    "@lukoweb/apitogo": "0.2.42",
-    "@lukoweb/apitogo-module-user-panel": "0.2.42"
+    "@lukoweb/apitogo": "0.2.44",
+    "@lukoweb/apitogo-module-user-panel": "0.2.44"
   },
   "peerDependencies": {
     "react": ">=19.2.0",