@lukoweb/apitogo-module-landing 0.2.23 → 0.2.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo-module-landing",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "type": "module",
   "exports": {
     ".": "./src/index.tsx"
@@ -14,7 +14,7 @@
   "devDependencies": {
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@lukoweb/apitogo": "0.2.23",
+    "@lukoweb/apitogo": "0.2.24",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "typescript": "5.9.3"

package/src/DefaultLandingPage.tsx

@@ -1,51 +1,51 @@
-import type { ResolvedLandingContent } from "@lukoweb/apitogo";
-import { useZudoku } from "@lukoweb/apitogo/components";
-import { LandingShell } from "./LandingShell.js";
-import { ApiShowcaseSection } from "./sections/ApiShowcaseSection.js";
-import { FeaturesSection } from "./sections/FeaturesSection.js";
-import { HeroSection } from "./sections/HeroSection.js";
-import { PricingCtaSection } from "./sections/PricingCtaSection.js";
-import { TrustSection } from "./sections/TrustSection.js";
-
-export type DefaultLandingPageProps = {
-  content: ResolvedLandingContent;
-};
-
-export const DefaultLandingPage = ({ content }: DefaultLandingPageProps) => {
-  const { options } = useZudoku();
-  const siteTitle =
-    options.metadata?.applicationName ?? options.site?.title ?? "API ToGo";
-
-  const hero = content.hero ?? { title: siteTitle };
-  const title = hero.title ?? siteTitle;
-  const description = hero.description;
-
-  return (
-    <LandingShell
-      title={title}
-      description={description}
-      showPoweredBy={content.showPoweredBy !== false}
-    >
-      <HeroSection
-        hero={{ ...hero, title }}
-        primaryAction={content.primaryAction}
-        secondaryAction={content.secondaryAction}
-      />
-
-      {content.trust ? <TrustSection trust={content.trust} /> : null}
-      {content.features ? (
-        <FeaturesSection
-          features={content.features}
-          section={content.featuresSection}
-        />
-      ) : null}
-      {content.apiShowcase ? (
-        <ApiShowcaseSection apiShowcase={content.apiShowcase} />
-      ) : null}
-      {content.pricingCta ? (
-        <PricingCtaSection pricingCta={content.pricingCta} />
-      ) : null}
-      {/* content.footer renders portal-wide via the layout "footer" slot. */}
-    </LandingShell>
-  );
-};
+import type { ResolvedLandingContent } from "@lukoweb/apitogo";
+import { useZudoku } from "@lukoweb/apitogo/components";
+import { LandingShell } from "./LandingShell.js";
+import { ApiShowcaseSection } from "./sections/ApiShowcaseSection.js";
+import { FeaturesSection } from "./sections/FeaturesSection.js";
+import { HeroSection } from "./sections/HeroSection.js";
+import { PricingCtaSection } from "./sections/PricingCtaSection.js";
+import { TrustSection } from "./sections/TrustSection.js";
+
+export type DefaultLandingPageProps = {
+  content: ResolvedLandingContent;
+};
+
+export const DefaultLandingPage = ({ content }: DefaultLandingPageProps) => {
+  const { options } = useZudoku();
+  const siteTitle =
+    options.metadata?.applicationName ?? options.site?.title ?? "API ToGo";
+
+  const hero = content.hero ?? { title: siteTitle };
+  const title = hero.title ?? siteTitle;
+  const description = hero.description;
+
+  return (
+    <LandingShell
+      title={title}
+      description={description}
+      showPoweredBy={content.showPoweredBy !== false}
+    >
+      <HeroSection
+        hero={{ ...hero, title }}
+        primaryAction={content.primaryAction}
+        secondaryAction={content.secondaryAction}
+      />
+
+      {content.trust ? <TrustSection trust={content.trust} /> : null}
+      {content.features ? (
+        <FeaturesSection
+          features={content.features}
+          section={content.featuresSection}
+        />
+      ) : null}
+      {content.apiShowcase ? (
+        <ApiShowcaseSection apiShowcase={content.apiShowcase} />
+      ) : null}
+      {content.pricingCta ? (
+        <PricingCtaSection pricingCta={content.pricingCta} />
+      ) : null}
+      {/* content.footer renders portal-wide via the layout "footer" slot. */}
+    </LandingShell>
+  );
+};

package/src/LandingFooterSlot.tsx

@@ -1,21 +1,21 @@
-import type { ResolvedLandingContent } from "@lukoweb/apitogo";
-import type { ComponentType } from "react";
-import { FooterSection } from "./sections/FooterSection.js";
-
-export type LandingFooterSlotConfig = ResolvedLandingContent["footer"];
-
-/**
- * Builds a component for the layout "footer" slot so the landing footer
- * renders on every page (home, docs, API reference, pricing, auth).
- */
-export const createLandingFooterSlot = (
-  footer: LandingFooterSlotConfig,
-): ComponentType | undefined => {
-  if (!footer || footer.enabled === false) {
-    return undefined;
-  }
-
-  const LandingFooterSlot = () => <FooterSection footer={footer} />;
-
-  return LandingFooterSlot;
-};
+import type { ResolvedLandingContent } from "@lukoweb/apitogo";
+import type { ComponentType } from "react";
+import { FooterSection } from "./sections/FooterSection.js";
+
+export type LandingFooterSlotConfig = ResolvedLandingContent["footer"];
+
+/**
+ * Builds a component for the layout "footer" slot so the landing footer
+ * renders on every page (home, docs, API reference, pricing, auth).
+ */
+export const createLandingFooterSlot = (
+  footer: LandingFooterSlotConfig,
+): ComponentType | undefined => {
+  if (!footer || footer.enabled === false) {
+    return undefined;
+  }
+
+  const LandingFooterSlot = () => <FooterSection footer={footer} />;
+
+  return LandingFooterSlot;
+};

package/src/LandingShell.tsx

@@ -1,73 +1,73 @@
-import { cn } from "@lukoweb/apitogo";
-import { Head, useZudoku } from "@lukoweb/apitogo/components";
-import { Children, isValidElement, type ReactNode } from "react";
-import { FooterSection } from "./sections/FooterSection.js";
-import "./landing.css";
-
-/**
- * Detects a composed `FooterSection` in the element tree so the
- * "Built with API ToGo" line can be replaced by the real footer.
- */
-const containsFooterSection = (node: ReactNode): boolean =>
-  Children.toArray(node).some((child) => {
-    if (!isValidElement(child)) {
-      return false;
-    }
-
-    if (child.type === FooterSection) {
-      return true;
-    }
-
-    const { children } = child.props as { children?: ReactNode };
-    return children ? containsFooterSection(children) : false;
-  });
-
-export type LandingShellProps = {
-  children: ReactNode;
-  /** Page title for `<Head>`. Defaults to site title from config. */
-  title?: string;
-  /** Meta description for `<Head>`. */
-  description?: string;
-  /**
-   * Show the "Built with API ToGo" line. Defaults to true.
-   * Automatically hidden when a `FooterSection` is composed as a child or
-   * a footer slot is configured (e.g. `modules.landing.content.footer`).
-   */
-  showPoweredBy?: boolean;
-};
-
-export const LandingShell = ({
-  children,
-  title,
-  description,
-  showPoweredBy = true,
-}: LandingShellProps) => {
-  const { options } = useZudoku();
-  const siteTitle =
-    options.metadata?.applicationName ?? options.site?.title ?? "API ToGo";
-  const pageTitle = title ?? siteTitle;
-  const hasFooter =
-    containsFooterSection(children) || Boolean(options.slots?.footer);
-
-  return (
-    <div className="relative overflow-hidden bg-background text-foreground">
-      <Head>
-        <title>{pageTitle}</title>
-        {description ? <meta name="description" content={description} /> : null}
-      </Head>
-
-      {children}
-
-      {showPoweredBy && !hasFooter ? (
-        <div
-          className={cn(
-            "border-t border-border py-6 text-center text-xs text-muted-foreground/70",
-            !options.site?.footer && "mb-8",
-          )}
-        >
-          Built with API ToGo
-        </div>
-      ) : null}
-    </div>
-  );
-};
+import { cn } from "@lukoweb/apitogo";
+import { Head, useZudoku } from "@lukoweb/apitogo/components";
+import { Children, isValidElement, type ReactNode } from "react";
+import { FooterSection } from "./sections/FooterSection.js";
+import "./landing.css";
+
+/**
+ * Detects a composed `FooterSection` in the element tree so the
+ * "Built with API ToGo" line can be replaced by the real footer.
+ */
+const containsFooterSection = (node: ReactNode): boolean =>
+  Children.toArray(node).some((child) => {
+    if (!isValidElement(child)) {
+      return false;
+    }
+
+    if (child.type === FooterSection) {
+      return true;
+    }
+
+    const { children } = child.props as { children?: ReactNode };
+    return children ? containsFooterSection(children) : false;
+  });
+
+export type LandingShellProps = {
+  children: ReactNode;
+  /** Page title for `<Head>`. Defaults to site title from config. */
+  title?: string;
+  /** Meta description for `<Head>`. */
+  description?: string;
+  /**
+   * Show the "Built with API ToGo" line. Defaults to true.
+   * Automatically hidden when a `FooterSection` is composed as a child or
+   * a footer slot is configured (e.g. `modules.landing.content.footer`).
+   */
+  showPoweredBy?: boolean;
+};
+
+export const LandingShell = ({
+  children,
+  title,
+  description,
+  showPoweredBy = true,
+}: LandingShellProps) => {
+  const { options } = useZudoku();
+  const siteTitle =
+    options.metadata?.applicationName ?? options.site?.title ?? "API ToGo";
+  const pageTitle = title ?? siteTitle;
+  const hasFooter =
+    containsFooterSection(children) || Boolean(options.slots?.footer);
+
+  return (
+    <div className="relative overflow-hidden bg-background text-foreground">
+      <Head>
+        <title>{pageTitle}</title>
+        {description ? <meta name="description" content={description} /> : null}
+      </Head>
+
+      {children}
+
+      {showPoweredBy && !hasFooter ? (
+        <div
+          className={cn(
+            "border-t border-border py-6 text-center text-xs text-muted-foreground/70",
+            !options.site?.footer && "mb-8",
+          )}
+        >
+          Built with API ToGo
+        </div>
+      ) : null}
+    </div>
+  );
+};

package/src/hooks/useGatewayActions.ts

@@ -1,131 +1,131 @@
-import type { ResolvedLandingContent } from "@lukoweb/apitogo";
-import { useAuth } from "@lukoweb/apitogo/hooks";
-import { type UseQueryResult, useQuery } from "@lukoweb/apitogo/react-query";
-
-declare const VITE_APITOGO_AUTHENTICATION_API_BASE_URL: string | undefined;
-declare const VITE_APITOGO_DEV_PORTAL_API_URL: string | undefined;
-
-type ApiShowcaseItem = NonNullable<
-  NonNullable<ResolvedLandingContent["apiShowcase"]>["items"]
->[number];
-
-const PLACEHOLDER_HOST = "dp-example.azurecontainerapps.io";
-
-/** One operation of your API, as synced by the dev portal backend from the gateway. */
-export type GatewayAction = {
-  /** Stable key, e.g. `get:/orders/{id}`. */
-  actionKey: string;
-  /** Upper-case HTTP method, e.g. `GET`. */
-  method: string;
-  /** Path template, e.g. `/orders/{id}`. */
-  path: string;
-  /** True when the action can be called without an API key. */
-  isPublic: boolean;
-};
-
-export type GatewayActionCatalog = {
-  actions: GatewayAction[];
-  lastSyncedAtUtc: string | null;
-};
-
-/** Server-side filters for `GET /api/v1/actions`. All filters are combined with AND. */
-export type GatewayActionFilters = {
-  /** Only actions included in at least one active plan. */
-  inPlan?: boolean;
-  /** Only actions included in this plan SKU. */
-  plan?: string;
-  isPublic?: boolean;
-  method?: string;
-  pathPrefix?: string;
-  /** Max number of actions (server caps at 500). */
-  limit?: number;
-};
-
-export type UseGatewayActionsOptions = GatewayActionFilters & {
-  /** Set to false to skip the request (e.g. behind a feature flag). */
-  enabled?: boolean;
-};
-
-type DevPortalProviderData = { type?: string; apiBaseUrl?: string };
-
-const trimUrl = (url: string | undefined) =>
-  url?.trim().replace(/\/+$/, "") || undefined;
-
-const resolveEnvApiBaseUrl = () =>
-  trimUrl(
-    (typeof VITE_APITOGO_AUTHENTICATION_API_BASE_URL === "string"
-      ? VITE_APITOGO_AUTHENTICATION_API_BASE_URL
-      : undefined) ||
-      (typeof VITE_APITOGO_DEV_PORTAL_API_URL === "string"
-        ? VITE_APITOGO_DEV_PORTAL_API_URL
-        : undefined),
-  );
-
-const toSearchParams = (filters: GatewayActionFilters) =>
-  new URLSearchParams(
-    Object.entries(filters).flatMap(([key, value]) =>
-      value === undefined || value === "" ? [] : [[key, String(value)]],
-    ),
-  );
-
-/**
- * Loads your API's gateway actions from the dev portal backend (`GET /api/v1/actions`).
- *
- * Runs in the browser only, so prerendered pages never bake in a stale list. Disabled in
- * preview/demo mode or when no dev portal backend URL is configured — render a fallback
- * list while `data` is undefined.
- */
-export const useGatewayActions = ({
-  enabled = true,
-  ...filters
-}: UseGatewayActionsOptions = {}): UseQueryResult<GatewayActionCatalog> => {
-  const auth = useAuth();
-  const providerData = auth.providerData as DevPortalProviderData | null;
-  const apiBaseUrl =
-    (providerData?.type === "dev-portal"
-      ? trimUrl(providerData.apiBaseUrl)
-      : undefined) ?? resolveEnvApiBaseUrl();
-
-  const isLive =
-    Boolean(apiBaseUrl) &&
-    !apiBaseUrl?.includes(PLACEHOLDER_HOST) &&
-    auth.authMode !== "preview" &&
-    auth.isBackendAvailable !== false &&
-    auth.isDemoSession !== true;
-
-  const search = toSearchParams(filters).toString();
-
-  return useQuery<GatewayActionCatalog>({
-    queryKey: ["dev-portal-gateway-actions", apiBaseUrl, search],
-    enabled: enabled && isLive,
-    staleTime: 5 * 60 * 1000,
-    queryFn: async ({ signal }) => {
-      const response = await fetch(
-        `${apiBaseUrl}/api/v1/actions${search ? `?${search}` : ""}`,
-        { headers: { Accept: "application/json" }, signal },
-      );
-
-      if (!response.ok) {
-        throw new Error("Failed to load API actions.");
-      }
-
-      const body = (await response.json()) as Partial<GatewayActionCatalog>;
-      return {
-        actions: Array.isArray(body.actions) ? body.actions : [],
-        lastSyncedAtUtc: body.lastSyncedAtUtc ?? null,
-      };
-    },
-  });
-};
-
-/** Maps gateway actions to `ApiShowcaseSection` items. Pass `summaries` to label actions by key. */
-export const toApiShowcaseItems = (
-  actions: GatewayAction[],
-  summaries: Record<string, string> = {},
-): ApiShowcaseItem[] =>
-  actions.map((action) => ({
-    name: summaries[action.actionKey] ?? `${action.method} ${action.path}`,
-    method: action.method,
-    path: action.path,
-    summary: summaries[action.actionKey],
-  }));
+import type { ResolvedLandingContent } from "@lukoweb/apitogo";
+import { useAuth } from "@lukoweb/apitogo/hooks";
+import { type UseQueryResult, useQuery } from "@lukoweb/apitogo/react-query";
+
+declare const VITE_APITOGO_AUTHENTICATION_API_BASE_URL: string | undefined;
+declare const VITE_APITOGO_DEV_PORTAL_API_URL: string | undefined;
+
+type ApiShowcaseItem = NonNullable<
+  NonNullable<ResolvedLandingContent["apiShowcase"]>["items"]
+>[number];
+
+const PLACEHOLDER_HOST = "dp-example.azurecontainerapps.io";
+
+/** One operation of your API, as synced by the dev portal backend from the gateway. */
+export type GatewayAction = {
+  /** Stable key, e.g. `get:/orders/{id}`. */
+  actionKey: string;
+  /** Upper-case HTTP method, e.g. `GET`. */
+  method: string;
+  /** Path template, e.g. `/orders/{id}`. */
+  path: string;
+  /** True when the action can be called without an API key. */
+  isPublic: boolean;
+};
+
+export type GatewayActionCatalog = {
+  actions: GatewayAction[];
+  lastSyncedAtUtc: string | null;
+};
+
+/** Server-side filters for `GET /api/v1/actions`. All filters are combined with AND. */
+export type GatewayActionFilters = {
+  /** Only actions included in at least one active plan. */
+  inPlan?: boolean;
+  /** Only actions included in this plan SKU. */
+  plan?: string;
+  isPublic?: boolean;
+  method?: string;
+  pathPrefix?: string;
+  /** Max number of actions (server caps at 500). */
+  limit?: number;
+};
+
+export type UseGatewayActionsOptions = GatewayActionFilters & {
+  /** Set to false to skip the request (e.g. behind a feature flag). */
+  enabled?: boolean;
+};
+
+type DevPortalProviderData = { type?: string; apiBaseUrl?: string };
+
+const trimUrl = (url: string | undefined) =>
+  url?.trim().replace(/\/+$/, "") || undefined;
+
+const resolveEnvApiBaseUrl = () =>
+  trimUrl(
+    (typeof VITE_APITOGO_AUTHENTICATION_API_BASE_URL === "string"
+      ? VITE_APITOGO_AUTHENTICATION_API_BASE_URL
+      : undefined) ||
+      (typeof VITE_APITOGO_DEV_PORTAL_API_URL === "string"
+        ? VITE_APITOGO_DEV_PORTAL_API_URL
+        : undefined),
+  );
+
+const toSearchParams = (filters: GatewayActionFilters) =>
+  new URLSearchParams(
+    Object.entries(filters).flatMap(([key, value]) =>
+      value === undefined || value === "" ? [] : [[key, String(value)]],
+    ),
+  );
+
+/**
+ * Loads your API's gateway actions from the dev portal backend (`GET /api/v1/actions`).
+ *
+ * Runs in the browser only, so prerendered pages never bake in a stale list. Disabled in
+ * preview/demo mode or when no dev portal backend URL is configured — render a fallback
+ * list while `data` is undefined.
+ */
+export const useGatewayActions = ({
+  enabled = true,
+  ...filters
+}: UseGatewayActionsOptions = {}): UseQueryResult<GatewayActionCatalog> => {
+  const auth = useAuth();
+  const providerData = auth.providerData as DevPortalProviderData | null;
+  const apiBaseUrl =
+    (providerData?.type === "dev-portal"
+      ? trimUrl(providerData.apiBaseUrl)
+      : undefined) ?? resolveEnvApiBaseUrl();
+
+  const isLive =
+    Boolean(apiBaseUrl) &&
+    !apiBaseUrl?.includes(PLACEHOLDER_HOST) &&
+    auth.authMode !== "preview" &&
+    auth.isBackendAvailable !== false &&
+    auth.isDemoSession !== true;
+
+  const search = toSearchParams(filters).toString();
+
+  return useQuery<GatewayActionCatalog>({
+    queryKey: ["dev-portal-gateway-actions", apiBaseUrl, search],
+    enabled: enabled && isLive,
+    staleTime: 5 * 60 * 1000,
+    queryFn: async ({ signal }) => {
+      const response = await fetch(
+        `${apiBaseUrl}/api/v1/actions${search ? `?${search}` : ""}`,
+        { headers: { Accept: "application/json" }, signal },
+      );
+
+      if (!response.ok) {
+        throw new Error("Failed to load API actions.");
+      }
+
+      const body = (await response.json()) as Partial<GatewayActionCatalog>;
+      return {
+        actions: Array.isArray(body.actions) ? body.actions : [],
+        lastSyncedAtUtc: body.lastSyncedAtUtc ?? null,
+      };
+    },
+  });
+};
+
+/** Maps gateway actions to `ApiShowcaseSection` items. Pass `summaries` to label actions by key. */
+export const toApiShowcaseItems = (
+  actions: GatewayAction[],
+  summaries: Record<string, string> = {},
+): ApiShowcaseItem[] =>
+  actions.map((action) => ({
+    name: summaries[action.actionKey] ?? `${action.method} ${action.path}`,
+    method: action.method,
+    path: action.path,
+    summary: summaries[action.actionKey],
+  }));

package/src/index.tsx

@@ -1,42 +1,42 @@
-export { DefaultLandingPage } from "./DefaultLandingPage.js";
-export type { DefaultLandingPageProps } from "./DefaultLandingPage.js";
-export { LandingShell } from "./LandingShell.js";
-export type { LandingShellProps } from "./LandingShell.js";
-export { landingModule } from "./landingModule.js";
-export type { LandingModuleOptions } from "./landingModule.js";
-export { createLandingFooterSlot } from "./LandingFooterSlot.js";
-export type { LandingFooterSlotConfig } from "./LandingFooterSlot.js";
-export { HeroSection } from "./sections/HeroSection.js";
-export type { HeroSectionProps } from "./sections/HeroSection.js";
-export { TrustSection } from "./sections/TrustSection.js";
-export type { TrustSectionProps } from "./sections/TrustSection.js";
-export { FeaturesSection } from "./sections/FeaturesSection.js";
-export type { FeaturesSectionProps } from "./sections/FeaturesSection.js";
-export { StepsSection } from "./sections/StepsSection.js";
-export type {
-  StepsSectionProps,
-  StepsSectionStep,
-} from "./sections/StepsSection.js";
-export { ApiShowcaseSection } from "./sections/ApiShowcaseSection.js";
-export type { ApiShowcaseSectionProps } from "./sections/ApiShowcaseSection.js";
-export { PlansPreviewSection } from "./sections/PlansPreviewSection.js";
-export type {
-  PlansPreviewPlan,
-  PlansPreviewSectionProps,
-} from "./sections/PlansPreviewSection.js";
-export { PricingCtaSection } from "./sections/PricingCtaSection.js";
-export type { PricingCtaSectionProps } from "./sections/PricingCtaSection.js";
-export { FooterSection } from "./sections/FooterSection.js";
-export type { FooterSectionProps } from "./sections/FooterSection.js";
-export { CodeExampleCard } from "./sections/CodeExampleCard.js";
-export type { CodeExampleCardProps } from "./sections/CodeExampleCard.js";
-export {
-  toApiShowcaseItems,
-  useGatewayActions,
-} from "./hooks/useGatewayActions.js";
-export type {
-  GatewayAction,
-  GatewayActionCatalog,
-  GatewayActionFilters,
-  UseGatewayActionsOptions,
-} from "./hooks/useGatewayActions.js";
+export { DefaultLandingPage } from "./DefaultLandingPage.js";
+export type { DefaultLandingPageProps } from "./DefaultLandingPage.js";
+export { LandingShell } from "./LandingShell.js";
+export type { LandingShellProps } from "./LandingShell.js";
+export { landingModule } from "./landingModule.js";
+export type { LandingModuleOptions } from "./landingModule.js";
+export { createLandingFooterSlot } from "./LandingFooterSlot.js";
+export type { LandingFooterSlotConfig } from "./LandingFooterSlot.js";
+export { HeroSection } from "./sections/HeroSection.js";
+export type { HeroSectionProps } from "./sections/HeroSection.js";
+export { TrustSection } from "./sections/TrustSection.js";
+export type { TrustSectionProps } from "./sections/TrustSection.js";
+export { FeaturesSection } from "./sections/FeaturesSection.js";
+export type { FeaturesSectionProps } from "./sections/FeaturesSection.js";
+export { StepsSection } from "./sections/StepsSection.js";
+export type {
+  StepsSectionProps,
+  StepsSectionStep,
+} from "./sections/StepsSection.js";
+export { ApiShowcaseSection } from "./sections/ApiShowcaseSection.js";
+export type { ApiShowcaseSectionProps } from "./sections/ApiShowcaseSection.js";
+export { PlansPreviewSection } from "./sections/PlansPreviewSection.js";
+export type {
+  PlansPreviewPlan,
+  PlansPreviewSectionProps,
+} from "./sections/PlansPreviewSection.js";
+export { PricingCtaSection } from "./sections/PricingCtaSection.js";
+export type { PricingCtaSectionProps } from "./sections/PricingCtaSection.js";
+export { FooterSection } from "./sections/FooterSection.js";
+export type { FooterSectionProps } from "./sections/FooterSection.js";
+export { CodeExampleCard } from "./sections/CodeExampleCard.js";
+export type { CodeExampleCardProps } from "./sections/CodeExampleCard.js";
+export {
+  toApiShowcaseItems,
+  useGatewayActions,
+} from "./hooks/useGatewayActions.js";
+export type {
+  GatewayAction,
+  GatewayActionCatalog,
+  GatewayActionFilters,
+  UseGatewayActionsOptions,
+} from "./hooks/useGatewayActions.js";