@lukoweb/apitogo-plugin-dev-portal-billing 0.1.48 → 0.1.49

package/dist/index.mjs

@@ -12,6 +12,8 @@ import { Alert, AlertAction, AlertDescription } from "@lukoweb/apitogo/ui/Alert"
 import { Button as Button$1 } from "@lukoweb/apitogo/ui/Button";
 import { Secret } from "@lukoweb/apitogo/ui/Secret.js";
 import { Value } from "@lukoweb/apitogo/ui/Value.js";
+import { access, readFile } from "node:fs/promises";
+import path from "node:path";
 
 //#region src/utils/dev-portal-api.ts
 const DEV_PORTAL_PLACEHOLDER_API_URL = "https://dp-example.azurecontainerapps.io";
@@ -713,14 +715,25 @@ const CredentialsPage = () => {
 	});
 };
 
+//#endregion
+//#region src/utils/pricing-config.ts
+function isPreviewPricingEnabled() {
+	return manifestCatalog?.pricingEnabled === true;
+}
+
 //#endregion
 //#region src/pages/PricingPage.tsx
 const PricingPage = () => {
 	const { pricing } = useDevPortalBillingConfig();
 	const auth = useAuth();
 	const isPreview = useDevPortalPreviewMode();
+	const pricingEnabled = isPreviewPricingEnabled();
 	const { data: catalog, isLoading, isError } = usePlans();
 	const { data: me } = useMySubscriptions();
+	if (!pricingEnabled) return /* @__PURE__ */ jsx(Navigate, {
+		to: "/",
+		replace: true
+	});
 	if (auth.isAuthenticated) return /* @__PURE__ */ jsx(Navigate, {
 		to: "/account/plans",
 		replace: true
@@ -782,9 +795,25 @@ const PricingPage = () => {
 					mode: "public",
 					isSubscribed: activeSkus.has(plan.sku)
 				}, plan.sku))
-			}) : !isLoading && !isError ? /* @__PURE__ */ jsx("div", {
+			}) : !isLoading && !isError ? /* @__PURE__ */ jsxs("div", {
 				className: "mx-auto max-w-lg rounded-xl border border-dashed p-8 text-center text-sm text-muted-foreground",
-				children: "No plans are available yet. Sync plans from your APItoGo manifest or platform gateway."
+				children: [
+					"No plans are configured yet. Add plans in",
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "rounded bg-muted px-1.5 py-0.5",
+						children: "apitogo.json"
+					}),
+					" ",
+					"and set",
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "rounded bg-muted px-1.5 py-0.5",
+						children: "pricing.enabled"
+					}),
+					" ",
+					"to true."
+				]
 			}) : null
 		]
 	});
@@ -912,14 +941,103 @@ const SubscriptionsPage = () => {
 	});
 };
 
+//#endregion
+//#region src/utils/manifest-pricing.ts
+const APITOGO_MANIFEST_BASE_FILENAME = "apitogo.json";
+const APITOGO_MANIFEST_ENV_FILES = {
+	development: "apitogo.local.json",
+	production: "apitogo.prod.json"
+};
+async function fileExists(filePath) {
+	try {
+		await access(filePath);
+		return true;
+	} catch {
+		return false;
+	}
+}
+async function readManifestFile(filePath) {
+	try {
+		const raw = await readFile(filePath, "utf8");
+		return JSON.parse(raw);
+	} catch {
+		return null;
+	}
+}
+function mergeManifest(base, override) {
+	if (!base) return override;
+	if (!override) return base;
+	return {
+		...base,
+		...override,
+		pricing: {
+			...base.pricing,
+			...override.pricing
+		}
+	};
+}
+async function readEffectiveManifest(rootDir, mode) {
+	const resolvedRoot = path.resolve(rootDir);
+	const env = mode === "production" ? "production" : "development";
+	const basePath = path.join(resolvedRoot, APITOGO_MANIFEST_BASE_FILENAME);
+	const overridePath = path.join(resolvedRoot, APITOGO_MANIFEST_ENV_FILES[env]);
+	const hasBase = await fileExists(basePath);
+	const hasOverride = await fileExists(overridePath);
+	if (!hasBase) {
+		const legacy = await readManifestFile(path.join(resolvedRoot, APITOGO_MANIFEST_ENV_FILES.development));
+		if (legacy) return legacy;
+		if (hasOverride) return readManifestFile(overridePath);
+		return null;
+	}
+	const base = await readManifestFile(basePath);
+	if (!hasOverride) return base;
+	return mergeManifest(base, await readManifestFile(overridePath));
+}
+async function manifestPricingEnabled(rootDir, mode = "development") {
+	return (await readEffectiveManifest(rootDir, mode))?.pricing?.enabled === true;
+}
+
+//#endregion
+//#region src/utils/navigation-plans.ts
+function withoutPricingNavigation(items) {
+	if (!items?.length) return [];
+	return items.map((item) => {
+		if (typeof item === "string") return item;
+		if (item.type === "link" && item.to === PRICING_PATH) return null;
+		if (item.items?.length) {
+			const filteredItems = withoutPricingNavigation(item.items);
+			return {
+				...item,
+				items: filteredItems
+			};
+		}
+		return item;
+	}).filter((item) => item !== null);
+}
+
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
+async function resolvePricingEnabled(config) {
+	const meta = config;
+	const rootDir = meta.__meta?.rootDir;
+	if (rootDir) return manifestPricingEnabled(rootDir, meta.__meta?.mode);
+	return isPreviewPricingEnabled();
+}
 const devPortalBillingPlugin = createPlugin((options = {}) => ({
-	transformConfig: ({ config, merge }) => merge({ header: { navigation: [...config.header?.navigation ?? [], {
-		label: "Pricing",
-		to: PRICING_PATH,
-		display: "anon"
-	}] } }),
+	transformConfig: async ({ config, merge }) => {
+		if (!await resolvePricingEnabled(config)) return merge({
+			navigation: withoutPricingNavigation(config.navigation),
+			header: {
+				...config.header,
+				navigation: withoutPricingNavigation(config.header?.navigation)
+			}
+		});
+		return merge({ header: { navigation: [...config.header?.navigation ?? [], {
+			label: "Pricing",
+			to: PRICING_PATH,
+			display: "anon"
+		}] } });
+	},
 	getProfileMenuItems: () => [{
 		label: "My Subscriptions",
 		path: SUBSCRIPTIONS_PATH,
@@ -933,15 +1051,8 @@ const devPortalBillingPlugin = createPlugin((options = {}) => ({
 		category: "middle",
 		weight: 26
 	}],
-	getRoutes: () => [{
-		element: /* @__PURE__ */ jsx(DevPortalBillingWrapper, { options }),
-		handle: { layout: "none" },
-		children: [
-			{
-				path: PRICING_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(PricingPage, {})
-			},
+	getRoutes: () => {
+		const children = [
 			{
 				path: CHECKOUT_PATH,
 				handle: { layout: "default" },
@@ -957,8 +1068,18 @@ const devPortalBillingPlugin = createPlugin((options = {}) => ({
 				handle: { layout: "default" },
 				element: /* @__PURE__ */ jsx(CredentialsPage, {})
 			}
-		]
-	}],
+		];
+		if (isPreviewPricingEnabled()) children.unshift({
+			path: PRICING_PATH,
+			handle: { layout: "default" },
+			element: /* @__PURE__ */ jsx(PricingPage, {})
+		});
+		return [{
+			element: /* @__PURE__ */ jsx(DevPortalBillingWrapper, { options }),
+			handle: { layout: "none" },
+			children
+		}];
+	},
 	getProtectedRoutes: () => [
 		CHECKOUT_PATH,
 		SUBSCRIPTIONS_PATH,

package/package.json

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