@oaspect/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 oaspect contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,14 @@
+# @oaspect/react
+
+The [oaspect](https://github.com/oaspect/oaspect) API reference as a React component.
+
+```jsx
+import { ApiReference } from "@oaspect/react";
+import "@oaspect/react/styles.css";
+
+<ApiReference specUrl="/openapi.yaml" />;
+```
+
+Every module carries `"use client"`, so it works in React Server Components
+frameworks such as Next.js. See the [main README](https://github.com/oaspect/oaspect#configuration)
+for all props. MIT licensed.

package/dist/api-reference.js

@@ -0,0 +1,476 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { applySecurity, buildModel, loadSpec, loadSpecText, normalizeSpec, securityRequirements, serverUrl } from "@oaspect/core";
+import { LocaleProvider, useAvailableLocales, useLocale, useLocalized, useSetLocale, useT } from "./i18n/context.js";
+import { LOCALE_NAMES, directionOf, mergeMessages } from "./i18n/index.js";
+import { LazyContext, scrollToAnchor } from "./lazy.js";
+import { createStorage } from "./storage.js";
+import Intro from "./intro.js";
+import Markdown from "./markdown.js";
+import Models from "./models.js";
+import Operation from "./operation.js";
+import Sidebar from "./sidebar.js";
+import { ModelContext, SettingsContext, SpecContext } from "./spec-context.js";
+import TryIt from "./try-it.js";
+import { MenuIcon, MoonIcon, SunIcon } from "./icons.js";
+const SPEC_SOURCE_HEADER = "x-oaspect-spec-source";
+function LanguageToggle() {
+  const locale = useLocale();
+  const setLocale = useSetLocale();
+  const locales = useAvailableLocales();
+  const t = useT();
+  return (
+    // The native select sits invisibly on top: the button shows the short
+    // code ("TR"), the opened list shows full language names.
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        title: t("header.language"),
+        className: "relative flex cursor-pointer items-center gap-1.5 rounded-lg border border-border px-2.5 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: "size-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "uppercase", children: locale }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: locale,
+              onChange: (event) => setLocale(event.target.value),
+              "aria-label": t("header.language"),
+              className: "absolute inset-0 cursor-pointer opacity-0",
+              children: locales.map((item) => /* @__PURE__ */ jsx("option", { value: item, children: LOCALE_NAMES[item] ?? item }, item))
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+function ThemeToggle({ theme, onChange }) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(theme === "dark" ? "light" : "dark"),
+      "aria-label": t("header.theme"),
+      title: t("header.theme"),
+      className: "rounded-lg border border-border p-2 text-muted-foreground hover:text-foreground",
+      children: [
+        /* @__PURE__ */ jsx(MoonIcon, { className: "size-4 dark:hidden" }),
+        /* @__PURE__ */ jsx(SunIcon, { className: "hidden size-4 dark:block" })
+      ]
+    }
+  );
+}
+function SourceMenu({ source, defaultLabel, onUrl, onFile, onDefault }) {
+  const [draft, setDraft] = useState(source.type === "url" ? source.url : "");
+  const fileInput = useRef(null);
+  const menu = useRef(null);
+  const close = () => menu.current?.removeAttribute("open");
+  const t = useT();
+  return /* @__PURE__ */ jsxs("details", { ref: menu, className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      "summary",
+      {
+        title: t("source.title"),
+        className: "flex cursor-pointer list-none items-center gap-1.5 rounded-lg border border-border px-2.5 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground [&::-webkit-details-marker]:hidden",
+        children: [
+          /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: "size-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+            /* @__PURE__ */ jsx("path", { d: "M14 2v6h6M10 13l-2 2 2 2M14 13l2 2-2 2" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t("source.title") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "absolute end-0 z-40 mt-2 w-80 space-y-3 rounded-xl border border-border bg-background p-4 shadow-xl", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onDefault();
+            close();
+          },
+          className: `block w-full rounded-lg border px-3 py-2 text-start text-sm ${source.type === "default" ? "border-primary text-primary" : "border-border hover:border-primary"}`,
+          children: [
+            t("source.default"),
+            defaultLabel && /* @__PURE__ */ jsx("span", { className: "block truncate font-mono text-[11px] text-muted-foreground", children: defaultLabel })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (event) => {
+            event.preventDefault();
+            if (draft.trim()) {
+              onUrl(draft.trim());
+              close();
+            }
+          },
+          className: "space-y-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "url",
+                value: draft,
+                onChange: (event) => setDraft(event.target.value),
+                placeholder: "https://\u2026/swagger.json",
+                dir: "ltr",
+                className: "w-full rounded-lg border border-border bg-background px-3 py-1.5 font-mono text-xs outline-none focus:border-primary"
+              }
+            ),
+            /* @__PURE__ */ jsx("button", { type: "submit", className: "w-full rounded-lg border border-border px-3 py-1.5 text-sm hover:border-primary hover:text-primary", children: t("source.loadUrl") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => fileInput.current?.click(),
+          className: "w-full rounded-lg border border-dashed border-border px-3 py-2 text-sm hover:border-primary hover:text-primary",
+          children: source.type === "file" ? t("source.file", { name: source.name }) : t("source.chooseFile")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInput,
+          type: "file",
+          accept: ".json,.yaml,.yml,application/json,application/yaml,text/yaml",
+          className: "hidden",
+          onChange: (event) => {
+            const file = event.target.files?.[0];
+            event.target.value = "";
+            if (file) {
+              onFile(file);
+              close();
+            }
+          }
+        }
+      )
+    ] })
+  ] });
+}
+async function readText(url) {
+  const response = await fetch(url);
+  if (!response.ok) throw new Error(`${url} \u2192 HTTP ${response.status}`);
+  return response.text();
+}
+function systemTheme() {
+  try {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  } catch {
+    return "light";
+  }
+}
+const LAZY_THRESHOLD = 40;
+const EAGER_OPERATIONS = 8;
+const DEFAULT_FEATURES = {
+  sourceMenu: true,
+  languageSwitcher: true,
+  themeToggle: true,
+  tryIt: true,
+  models: true
+};
+function Viewer({
+  spec: inlineSpec,
+  specUrl,
+  title,
+  logo,
+  storagePrefix,
+  proxyUrl,
+  features: featureOverrides,
+  defaultSnippet,
+  urlParam,
+  theme: themeProp,
+  lazy
+}) {
+  const features = { ...DEFAULT_FEATURES, ...featureOverrides };
+  const storage = useMemo(() => createStorage(storagePrefix), [storagePrefix]);
+  const rootRef = useRef(null);
+  const locale = useLocale();
+  const [nestedInMain, setNestedInMain] = useState(false);
+  useEffect(() => {
+    setNestedInMain(Boolean(rootRef.current?.parentElement?.closest("main, [role=main]")));
+  }, []);
+  const [source, setSource] = useState({ type: "pending" });
+  const normalizedInline = useMemo(() => inlineSpec ? normalizeSpec(inlineSpec) : null, [inlineSpec]);
+  const [spec, setSpec] = useState(normalizedInline);
+  const [error, setError] = useState("");
+  const [usingFallback, setUsingFallback] = useState(false);
+  const [activeAnchor, setActiveAnchor] = useState("introduction");
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+  const [tryOperation, setTryOperation] = useState(null);
+  const searchRef = useRef(null);
+  const t = useT();
+  const localized = useLocalized();
+  const [serverIndex, setServerIndex] = useState(0);
+  const [customServer, setCustomServer] = useState("");
+  const [serverVariables, setServerVariables] = useState({});
+  const [token, setToken] = useState("");
+  const [credentials, setCredentials] = useState({});
+  const [language, setLanguage] = useState(defaultSnippet);
+  const [theme, setTheme] = useState(themeProp ?? null);
+  useEffect(() => {
+    setToken(storage.get("token", ""));
+    try {
+      setCredentials(JSON.parse(storage.get("credentials", "{}")) ?? {});
+    } catch {
+    }
+    setLanguage(storage.get("language", defaultSnippet));
+    if (!themeProp) setTheme(storage.get("theme") ?? document.documentElement.dataset.theme ?? systemTheme());
+    const url = urlParam ? new URLSearchParams(window.location.search).get(urlParam) : null;
+    setSource(url ? { type: "url", url } : { type: "default" });
+  }, [storage, defaultSnippet, urlParam, themeProp]);
+  useEffect(() => storage.set("token", token), [storage, token]);
+  useEffect(() => storage.set("credentials", Object.keys(credentials).length ? JSON.stringify(credentials) : null), [storage, credentials]);
+  useEffect(() => storage.set("language", language), [storage, language]);
+  function changeTheme(next) {
+    setTheme(next);
+    storage.set("theme", next);
+    if (document.documentElement.hasAttribute("data-theme")) document.documentElement.dataset.theme = next;
+  }
+  useEffect(() => {
+    if (source.type === "default" && normalizedInline) {
+      setSpec(normalizedInline);
+      setUsingFallback(false);
+      setError("");
+      return;
+    }
+    if (source.type !== "default" && source.type !== "url") return;
+    const url = source.type === "url" ? source.url : specUrl;
+    if (!url) return;
+    let cancelled = false;
+    if (urlParam) {
+      const params = new URLSearchParams(window.location.search);
+      if (source.type === "url") params.set(urlParam, url);
+      else params.delete(urlParam);
+      const search = params.toString();
+      window.history.replaceState(null, "", `${window.location.pathname}${search ? `?${search}` : ""}${window.location.hash}`);
+    }
+    fetch(url).then(async (response) => {
+      if (!response.ok) throw new Error(`${url} \u2192 HTTP ${response.status}`);
+      return { text: await response.text(), fallback: response.headers.get(SPEC_SOURCE_HEADER) === "fallback" };
+    }).then(async ({ text, fallback }) => {
+      const json = await loadSpec(text, { baseUrl: new URL(url, window.location.href).href, read: readText });
+      if (!cancelled) {
+        setSpec(json);
+        setUsingFallback(fallback);
+        setError("");
+      }
+    }).catch((err) => !cancelled && setError(err.message));
+    return () => {
+      cancelled = true;
+    };
+  }, [source, specUrl, normalizedInline, urlParam]);
+  async function loadFile(file) {
+    try {
+      const json = loadSpecText(await file.text());
+      setSource({ type: "file", name: file.name });
+      setSpec(json);
+      setUsingFallback(false);
+      setError("");
+    } catch (err) {
+      setError({ key: "spec.unreadableFile", params: { name: file.name, error: err.message } });
+    }
+  }
+  const model = useMemo(() => spec ? buildModel(spec) : null, [spec]);
+  const lazyEnabled = lazy === true || lazy === "auto" && (model?.operations.length ?? 0) > LAZY_THRESHOLD;
+  const eagerAnchors = useMemo(() => new Set(model?.operations.slice(0, EAGER_OPERATIONS).map((operation) => operation.anchor)), [model]);
+  useEffect(() => {
+    setServerIndex(0);
+  }, [model]);
+  const schemes = useMemo(() => model?.securitySchemes ?? {}, [model]);
+  const settings = useMemo(() => {
+    const servers = model?.servers ?? [];
+    const selected = serverIndex === -1 ? { url: customServer } : servers[serverIndex] ?? servers[0];
+    const variableValues = serverVariables[serverIndex] ?? {};
+    const server = selected ? { url: serverUrl(selected, variableValues) } : void 0;
+    return {
+      servers,
+      server,
+      selectedServer: selected,
+      variableValues,
+      setVariable: (name, value) => setServerVariables((current) => ({ ...current, [serverIndex]: { ...current[serverIndex], [name]: value } })),
+      serverIndex,
+      setServerIndex,
+      customServer,
+      setCustomServer,
+      token,
+      setToken,
+      credentials,
+      setCredential: (name, patch) => setCredentials((current) => ({ ...current, [name]: { ...current[name], ...patch } })),
+      securitySchemes: schemes,
+      // Headers, query parameters and cookies an operation needs. Without
+      // securitySchemes in the document, the generic Bearer token applies.
+      authFor: (operation) => Object.keys(schemes).length ? applySecurity(schemes, securityRequirements(operation), credentials) : { headers: token ? { Authorization: `Bearer ${token}` } : {}, query: {}, cookies: {} },
+      language,
+      setLanguage,
+      proxyUrl,
+      storage,
+      features
+    };
+  }, [model, schemes, serverIndex, customServer, serverVariables, token, credentials, language, proxyUrl, storage, features.tryIt]);
+  useEffect(() => {
+    if (!model || !rootRef.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const visible = entries.filter((entry) => entry.isIntersecting);
+        if (visible.length) setActiveAnchor(visible[visible.length - 1].target.id);
+      },
+      { rootMargin: "-72px 0px -70% 0px" }
+    );
+    rootRef.current.querySelectorAll("[data-anchor]").forEach((node) => observer.observe(node));
+    const target = decodeURIComponent(window.location.hash.slice(1));
+    if (target) scrollToAnchor(target);
+    const onHash = () => scrollToAnchor(decodeURIComponent(window.location.hash.slice(1)));
+    window.addEventListener("hashchange", onHash);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("hashchange", onHash);
+    };
+  }, [model]);
+  useEffect(() => {
+    function onKey(event) {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+        event.preventDefault();
+        setSidebarOpen(true);
+        requestAnimationFrame(() => searchRef.current?.focus());
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
+  const closeSidebar = useCallback(() => setSidebarOpen(false), []);
+  const openTry = useCallback((operation) => setTryOperation(operation), []);
+  const heading = title ?? (model ? localized(model.info, "title") : "");
+  return /* @__PURE__ */ jsx(SpecContext.Provider, { value: spec, children: /* @__PURE__ */ jsx(ModelContext.Provider, { value: model, children: /* @__PURE__ */ jsx(SettingsContext.Provider, { value: settings, children: /* @__PURE__ */ jsx("div", { ref: rootRef, className: "oaspect", "data-theme": theme ?? void 0, dir: directionOf(locale), lang: locale, children: /* @__PURE__ */ jsxs("div", { className: "min-h-dvh bg-background text-foreground", children: [
+    /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-background/85 px-4 backdrop-blur", children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "#oaspect-content",
+          className: "absolute start-2 top-2 z-50 -translate-y-20 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground focus:translate-y-0",
+          children: t("header.skip")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSidebarOpen(!sidebarOpen),
+          "aria-label": t("header.menu"),
+          className: "rounded-lg border border-border p-2 lg:hidden",
+          children: /* @__PURE__ */ jsx(MenuIcon, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("a", { href: "#introduction", className: "flex min-w-0 items-center gap-2", children: logo ?? /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold", children: heading }) }),
+      model && logo && /* @__PURE__ */ jsxs("span", { className: "hidden truncate text-sm text-muted-foreground md:inline", children: [
+        heading,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs", children: [
+          "v",
+          model.info.version
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ms-auto flex items-center gap-2", children: [
+        features.sourceMenu && source.type !== "pending" && /* @__PURE__ */ jsx(
+          SourceMenu,
+          {
+            source,
+            defaultLabel: specUrl,
+            onDefault: () => setSource({ type: "default" }),
+            onUrl: (url) => setSource({ type: "url", url }),
+            onFile: loadFile
+          },
+          `${source.type}:${source.url ?? source.name ?? ""}`
+        ),
+        features.languageSwitcher && /* @__PURE__ */ jsx(LanguageToggle, {}),
+        features.themeToggle && /* @__PURE__ */ jsx(ThemeToggle, { theme, onChange: changeTheme })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "border-b border-rose-500/30 bg-rose-500/10 px-4 py-2 text-sm text-rose-700 dark:text-rose-300", children: t("spec.loadFailed", { error: typeof error === "string" ? t(error) : t(error.key, error.params) }) }),
+    usingFallback && source.type === "default" && /* @__PURE__ */ jsx("div", { className: "border-b border-amber-500/30 bg-amber-500/10 px-4 py-2 text-sm text-amber-800 dark:text-amber-200", children: t("spec.fallback") }),
+    !model ? !error && /* @__PURE__ */ jsx("p", { className: "p-10 text-center text-sm text-muted-foreground", children: t("spec.loading") }) : /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ jsx(
+        "aside",
+        {
+          className: `fixed inset-y-0 start-0 top-14 z-20 w-72 shrink-0 border-e border-border bg-card transition-transform lg:sticky lg:h-[calc(100dvh-3.5rem)] lg:translate-x-0 lg:rtl:translate-x-0 ${sidebarOpen ? "translate-x-0" : "-translate-x-full rtl:translate-x-full"}`,
+          children: /* @__PURE__ */ jsx(Sidebar, { model, activeAnchor, searchRef, onNavigate: closeSidebar, showModels: features.models })
+        }
+      ),
+      sidebarOpen && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 top-14 z-10 bg-black/30 lg:hidden", onClick: closeSidebar, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx(LazyContext.Provider, { value: lazyEnabled, children: /* @__PURE__ */ jsx("div", { id: "oaspect-content", tabIndex: -1, role: nestedInMain ? "region" : "main", "aria-label": nestedInMain ? heading : void 0, className: "min-w-0 flex-1 px-4 outline-none sm:px-8 xl:px-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-[88rem]", children: [
+        /* @__PURE__ */ jsx(Intro, { spec, model }),
+        model.tags.map((tag) => /* @__PURE__ */ jsxs("section", { id: tag.anchor, "data-anchor": true, className: "pt-14", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight [overflow-wrap:anywhere]", children: localized(tag, "name") }),
+          /* @__PURE__ */ jsx(Markdown, { source: localized(tag, "description"), className: "mt-3 max-w-3xl text-muted-foreground" }),
+          tag.operations.map((operation) => /* @__PURE__ */ jsx(
+            Operation,
+            {
+              operation,
+              onTry: features.tryIt ? openTry : null,
+              eager: eagerAnchors.has(operation.anchor)
+            },
+            operation.anchor
+          ))
+        ] }, tag.name)),
+        model.webhooks.length > 0 && /* @__PURE__ */ jsxs("section", { id: "webhooks", "data-anchor": true, className: "pt-14", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight", children: t("webhooks.title") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-3xl text-sm text-muted-foreground", children: t("webhooks.hint") }),
+          model.webhooks.map((operation) => /* @__PURE__ */ jsx(Operation, { operation, onTry: null }, operation.anchor))
+        ] }),
+        features.models && /* @__PURE__ */ jsx(Models, { schemas: model.schemas })
+      ] }) }) })
+    ] }),
+    tryOperation && /* @__PURE__ */ jsx(TryIt, { operation: tryOperation, onClose: () => setTryOperation(null) }, tryOperation.anchor)
+  ] }) }) }) }) });
+}
+function ApiReference({
+  spec,
+  specUrl,
+  title,
+  logo,
+  locale,
+  defaultLocale = "en",
+  onLocaleChange,
+  messages,
+  storagePrefix = "oaspect",
+  proxyUrl = null,
+  features,
+  defaultSnippet = "shell:curl",
+  urlParam = "url",
+  theme,
+  lazy = "auto"
+}) {
+  const merged = useMemo(() => mergeMessages(messages), [messages]);
+  return /* @__PURE__ */ jsx(LocaleProvider, { locale, defaultLocale, onLocaleChange, messages: merged, children: /* @__PURE__ */ jsx(
+    Viewer,
+    {
+      spec,
+      specUrl,
+      title,
+      logo,
+      storagePrefix,
+      proxyUrl,
+      features,
+      defaultSnippet,
+      urlParam,
+      theme,
+      lazy
+    }
+  ) });
+}
+export {
+  ApiReference,
+  SPEC_SOURCE_HEADER
+};
+//# sourceMappingURL=api-reference.js.map

package/dist/api-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api-reference.jsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { applySecurity, buildModel, loadSpec, loadSpecText, normalizeSpec, securityRequirements, serverUrl } from \"@oaspect/core\";\nimport { LocaleProvider, useAvailableLocales, useLocale, useLocalized, useSetLocale, useT } from \"./i18n/context\";\nimport { LOCALE_NAMES, directionOf, mergeMessages } from \"./i18n/index\";\nimport { LazyContext, scrollToAnchor } from \"./lazy\";\nimport { createStorage } from \"./storage\";\nimport Intro from \"./intro\";\nimport Markdown from \"./markdown\";\nimport Models from \"./models\";\nimport Operation from \"./operation\";\nimport Sidebar from \"./sidebar\";\nimport { ModelContext, SettingsContext, SpecContext } from \"./spec-context\";\nimport TryIt from \"./try-it\";\nimport { MenuIcon, MoonIcon, SunIcon } from \"./icons\";\n\n// Header a spec endpoint can send to say it served a fallback copy, e.g.\n// when the live document was unreachable. The viewer then shows a notice.\nexport const SPEC_SOURCE_HEADER = \"x-oaspect-spec-source\";\n\n// Errors are kept as translation keys (or { key, params }) and translated\n// when rendered, so they follow later language switches too.\n\nfunction LanguageToggle() {\n  const locale = useLocale();\n  const setLocale = useSetLocale();\n  const locales = useAvailableLocales();\n  const t = useT();\n\n  return (\n    // The native select sits invisibly on top: the button shows the short\n    // code (\"TR\"), the opened list shows full language names.\n    <label\n      title={t(\"header.language\")}\n      className=\"relative flex cursor-pointer items-center gap-1.5 rounded-lg border border-border px-2.5 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" className=\"size-4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" />\n      </svg>\n      <span className=\"uppercase\">{locale}</span>\n      <select\n        value={locale}\n        onChange={(event) => setLocale(event.target.value)}\n        aria-label={t(\"header.language\")}\n        className=\"absolute inset-0 cursor-pointer opacity-0\"\n      >\n        {locales.map((item) => (\n          <option key={item} value={item}>\n            {LOCALE_NAMES[item] ?? item}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\nfunction ThemeToggle({ theme, onChange }) {\n  const t = useT();\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onChange(theme === \"dark\" ? \"light\" : \"dark\")}\n      aria-label={t(\"header.theme\")}\n      title={t(\"header.theme\")}\n      className=\"rounded-lg border border-border p-2 text-muted-foreground hover:text-foreground\"\n    >\n      <MoonIcon className=\"size-4 dark:hidden\" />\n      <SunIcon className=\"hidden size-4 dark:block\" />\n    </button>\n  );\n}\n\nfunction SourceMenu({ source, defaultLabel, onUrl, onFile, onDefault }) {\n  const [draft, setDraft] = useState(source.type === \"url\" ? source.url : \"\");\n  const fileInput = useRef(null);\n  const menu = useRef(null);\n  const close = () => menu.current?.removeAttribute(\"open\");\n  const t = useT();\n\n  return (\n    <details ref={menu} className=\"relative\">\n      <summary\n        title={t(\"source.title\")}\n        className=\"flex cursor-pointer list-none items-center gap-1.5 rounded-lg border border-border px-2.5 py-1.5 text-sm font-medium text-muted-foreground hover:text-foreground [&::-webkit-details-marker]:hidden\"\n      >\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" className=\"size-4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n          <path d=\"M14 2v6h6M10 13l-2 2 2 2M14 13l2 2-2 2\" />\n        </svg>\n        <span className=\"hidden sm:inline\">{t(\"source.title\")}</span>\n      </summary>\n      <div className=\"absolute end-0 z-40 mt-2 w-80 space-y-3 rounded-xl border border-border bg-background p-4 shadow-xl\">\n        <button\n          type=\"button\"\n          onClick={() => {\n            onDefault();\n            close();\n          }}\n          className={`block w-full rounded-lg border px-3 py-2 text-start text-sm ${\n            source.type === \"default\" ? \"border-primary text-primary\" : \"border-border hover:border-primary\"\n          }`}\n        >\n          {t(\"source.default\")}\n          {defaultLabel && <span className=\"block truncate font-mono text-[11px] text-muted-foreground\">{defaultLabel}</span>}\n        </button>\n        <form\n          onSubmit={(event) => {\n            event.preventDefault();\n            if (draft.trim()) {\n              onUrl(draft.trim());\n              close();\n            }\n          }}\n          className=\"space-y-2\"\n        >\n          <input\n            type=\"url\"\n            value={draft}\n            onChange={(event) => setDraft(event.target.value)}\n            placeholder=\"https://…/swagger.json\"\n            dir=\"ltr\"\n            className=\"w-full rounded-lg border border-border bg-background px-3 py-1.5 font-mono text-xs outline-none focus:border-primary\"\n          />\n          <button type=\"submit\" className=\"w-full rounded-lg border border-border px-3 py-1.5 text-sm hover:border-primary hover:text-primary\">\n            {t(\"source.loadUrl\")}\n          </button>\n        </form>\n        <button\n          type=\"button\"\n          onClick={() => fileInput.current?.click()}\n          className=\"w-full rounded-lg border border-dashed border-border px-3 py-2 text-sm hover:border-primary hover:text-primary\"\n        >\n          {source.type === \"file\" ? t(\"source.file\", { name: source.name }) : t(\"source.chooseFile\")}\n        </button>\n        <input\n          ref={fileInput}\n          type=\"file\"\n          accept=\".json,.yaml,.yml,application/json,application/yaml,text/yaml\"\n          className=\"hidden\"\n          onChange={(event) => {\n            const file = event.target.files?.[0];\n            event.target.value = \"\";\n            if (file) {\n              onFile(file);\n              close();\n            }\n          }}\n        />\n      </div>\n    </details>\n  );\n}\n\n// Loads a referenced document for external $refs.\nasync function readText(url) {\n  const response = await fetch(url);\n  if (!response.ok) throw new Error(`${url} → HTTP ${response.status}`);\n  return response.text();\n}\n\nfunction systemTheme() {\n  try {\n    return window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n  } catch {\n    return \"light\";\n  }\n}\n\nconst LAZY_THRESHOLD = 40;\nconst EAGER_OPERATIONS = 8;\n\nconst DEFAULT_FEATURES = {\n  sourceMenu: true,\n  languageSwitcher: true,\n  themeToggle: true,\n  tryIt: true,\n  models: true,\n};\n\nfunction Viewer({\n  spec: inlineSpec,\n  specUrl,\n  title,\n  logo,\n  storagePrefix,\n  proxyUrl,\n  features: featureOverrides,\n  defaultSnippet,\n  urlParam,\n  theme: themeProp,\n  lazy,\n}) {\n  const features = { ...DEFAULT_FEATURES, ...featureOverrides };\n  const storage = useMemo(() => createStorage(storagePrefix), [storagePrefix]);\n  const rootRef = useRef(null);\n  const locale = useLocale();\n  const [nestedInMain, setNestedInMain] = useState(false);\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- reads the host DOM once\n    setNestedInMain(Boolean(rootRef.current?.parentElement?.closest(\"main, [role=main]\")));\n  }, []);\n\n  const [source, setSource] = useState({ type: \"pending\" });\n  // Inline documents are normalized too (Swagger 2.0 → OpenAPI 3).\n  const normalizedInline = useMemo(() => (inlineSpec ? normalizeSpec(inlineSpec) : null), [inlineSpec]);\n  const [spec, setSpec] = useState(normalizedInline);\n  const [error, setError] = useState(\"\");\n  // True when the spec endpoint answered with SPEC_SOURCE_HEADER: fallback.\n  const [usingFallback, setUsingFallback] = useState(false);\n  const [activeAnchor, setActiveAnchor] = useState(\"introduction\");\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const [tryOperation, setTryOperation] = useState(null);\n  const searchRef = useRef(null);\n  const t = useT();\n  const localized = useLocalized();\n\n  const [serverIndex, setServerIndex] = useState(0);\n  const [customServer, setCustomServer] = useState(\"\");\n  // Server variable values per server index: { 0: { region: \"us\" } }.\n  const [serverVariables, setServerVariables] = useState({});\n  const [token, setToken] = useState(\"\");\n  // Credentials per security scheme name (components.securitySchemes).\n  const [credentials, setCredentials] = useState({});\n  const [language, setLanguage] = useState(defaultSnippet);\n  // null until mounted: the host's own data-theme (if any) applies meanwhile,\n  // so a server-rendered page does not flash the wrong theme.\n  const [theme, setTheme] = useState(themeProp ?? null);\n\n  // Restore per-browser preferences and the ?url= source after hydration.\n  useEffect(() => {\n    /* eslint-disable react-hooks/set-state-in-effect -- one-time sync from browser-only state */\n    setToken(storage.get(\"token\", \"\"));\n    try {\n      setCredentials(JSON.parse(storage.get(\"credentials\", \"{}\")) ?? {});\n    } catch {\n      // Ignore unreadable stored credentials.\n    }\n    setLanguage(storage.get(\"language\", defaultSnippet));\n    if (!themeProp) setTheme(storage.get(\"theme\") ?? document.documentElement.dataset.theme ?? systemTheme());\n    const url = urlParam ? new URLSearchParams(window.location.search).get(urlParam) : null;\n    setSource(url ? { type: \"url\", url } : { type: \"default\" });\n    /* eslint-enable react-hooks/set-state-in-effect */\n  }, [storage, defaultSnippet, urlParam, themeProp]);\n\n  useEffect(() => storage.set(\"token\", token), [storage, token]);\n  useEffect(() => storage.set(\"credentials\", Object.keys(credentials).length ? JSON.stringify(credentials) : null), [storage, credentials]);\n  useEffect(() => storage.set(\"language\", language), [storage, language]);\n\n  function changeTheme(next) {\n    setTheme(next);\n    storage.set(\"theme\", next);\n    // Hosts that theme <html data-theme> (e.g. with a no-flash script) stay in\n    // sync, otherwise their attribute would keep matching the dark: variant.\n    if (document.documentElement.hasAttribute(\"data-theme\")) document.documentElement.dataset.theme = next;\n  }\n\n  // Inline specs need no fetching; specUrl and ?url= sources do. File\n  // sources are loaded directly in loadFile().\n  useEffect(() => {\n    if (source.type === \"default\" && normalizedInline) {\n      /* eslint-disable react-hooks/set-state-in-effect -- adopting a new inline spec */\n      setSpec(normalizedInline);\n      setUsingFallback(false);\n      setError(\"\");\n      /* eslint-enable react-hooks/set-state-in-effect */\n      return;\n    }\n    if (source.type !== \"default\" && source.type !== \"url\") return;\n    const url = source.type === \"url\" ? source.url : specUrl;\n    if (!url) return;\n    let cancelled = false;\n\n    if (urlParam) {\n      const params = new URLSearchParams(window.location.search);\n      if (source.type === \"url\") params.set(urlParam, url);\n      else params.delete(urlParam);\n      const search = params.toString();\n      window.history.replaceState(null, \"\", `${window.location.pathname}${search ? `?${search}` : \"\"}${window.location.hash}`);\n    }\n\n    fetch(url)\n      .then(async (response) => {\n        if (!response.ok) throw new Error(`${url} → HTTP ${response.status}`);\n        return { text: await response.text(), fallback: response.headers.get(SPEC_SOURCE_HEADER) === \"fallback\" };\n      })\n      .then(async ({ text, fallback }) => {\n        // JSON or YAML; Swagger 2.0 is converted to OpenAPI 3; external\n        // $refs resolve relative to the document's URL.\n        const json = await loadSpec(text, { baseUrl: new URL(url, window.location.href).href, read: readText });\n        if (!cancelled) {\n          setSpec(json);\n          setUsingFallback(fallback);\n          setError(\"\");\n        }\n      })\n      .catch((err) => !cancelled && setError(err.message));\n\n    return () => {\n      cancelled = true;\n    };\n  }, [source, specUrl, normalizedInline, urlParam]);\n\n  async function loadFile(file) {\n    try {\n      const json = loadSpecText(await file.text());\n      setSource({ type: \"file\", name: file.name });\n      setSpec(json);\n      setUsingFallback(false);\n      setError(\"\");\n    } catch (err) {\n      setError({ key: \"spec.unreadableFile\", params: { name: file.name, error: err.message } });\n    }\n  }\n\n  const model = useMemo(() => (spec ? buildModel(spec) : null), [spec]);\n  // \"auto\": render sections lazily only for documents large enough to need it.\n  const lazyEnabled = lazy === true || (lazy === \"auto\" && (model?.operations.length ?? 0) > LAZY_THRESHOLD);\n  // The first operations render eagerly so the top of the page is complete.\n  const eagerAnchors = useMemo(() => new Set(model?.operations.slice(0, EAGER_OPERATIONS).map((operation) => operation.anchor)), [model]);\n\n  // Reset the server choice whenever a new spec is loaded.\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- derived reset on spec change\n    setServerIndex(0);\n  }, [model]);\n\n  const schemes = useMemo(() => model?.securitySchemes ?? {}, [model]);\n\n  const settings = useMemo(() => {\n    const servers = model?.servers ?? [];\n    const selected = serverIndex === -1 ? { url: customServer } : servers[serverIndex] ?? servers[0];\n    const variableValues = serverVariables[serverIndex] ?? {};\n    // Variables are resolved here so requests and samples see a plain URL.\n    const server = selected ? { url: serverUrl(selected, variableValues) } : undefined;\n    return {\n      servers,\n      server,\n      selectedServer: selected,\n      variableValues,\n      setVariable: (name, value) =>\n        setServerVariables((current) => ({ ...current, [serverIndex]: { ...current[serverIndex], [name]: value } })),\n      serverIndex,\n      setServerIndex,\n      customServer,\n      setCustomServer,\n      token,\n      setToken,\n      credentials,\n      setCredential: (name, patch) => setCredentials((current) => ({ ...current, [name]: { ...current[name], ...patch } })),\n      securitySchemes: schemes,\n      // Headers, query parameters and cookies an operation needs. Without\n      // securitySchemes in the document, the generic Bearer token applies.\n      authFor: (operation) =>\n        Object.keys(schemes).length\n          ? applySecurity(schemes, securityRequirements(operation), credentials)\n          : { headers: token ? { Authorization: `Bearer ${token}` } : {}, query: {}, cookies: {} },\n      language,\n      setLanguage,\n      proxyUrl,\n      storage,\n      features,\n    };\n    // features is rebuilt each render from props; its fields are what matter.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [model, schemes, serverIndex, customServer, serverVariables, token, credentials, language, proxyUrl, storage, features.tryIt]);\n\n  // Scroll spy: the section crossing the band under the header is active.\n  useEffect(() => {\n    if (!model || !rootRef.current) return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const visible = entries.filter((entry) => entry.isIntersecting);\n        if (visible.length) setActiveAnchor(visible[visible.length - 1].target.id);\n      },\n      { rootMargin: \"-72px 0px -70% 0px\" },\n    );\n    rootRef.current.querySelectorAll(\"[data-anchor]\").forEach((node) => observer.observe(node));\n\n    const target = decodeURIComponent(window.location.hash.slice(1));\n    if (target) scrollToAnchor(target);\n\n    // Anchor links jump to a section whose neighbours may still render;\n    // keep the target in place while they do.\n    const onHash = () => scrollToAnchor(decodeURIComponent(window.location.hash.slice(1)));\n    window.addEventListener(\"hashchange\", onHash);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener(\"hashchange\", onHash);\n    };\n  }, [model]);\n\n  // ⌘K / Ctrl+K focuses the sidebar search.\n  useEffect(() => {\n    function onKey(event) {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"k\") {\n        event.preventDefault();\n        setSidebarOpen(true);\n        requestAnimationFrame(() => searchRef.current?.focus());\n      }\n    }\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, []);\n\n  const closeSidebar = useCallback(() => setSidebarOpen(false), []);\n  const openTry = useCallback((operation) => setTryOperation(operation), []);\n  const heading = title ?? (model ? localized(model.info, \"title\") : \"\");\n\n  return (\n    <SpecContext.Provider value={spec}>\n      <ModelContext.Provider value={model}>\n      <SettingsContext.Provider value={settings}>\n        {/* .oaspect scopes the stylesheet and carries theme, direction and\n            language; layout utilities live on the inner element because\n            scoped selectors only match descendants. */}\n        <div ref={rootRef} className=\"oaspect\" data-theme={theme ?? undefined} dir={directionOf(locale)} lang={locale}>\n        <div className=\"min-h-dvh bg-background text-foreground\">\n          <header className=\"sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-background/85 px-4 backdrop-blur\">\n            <a\n              href=\"#oaspect-content\"\n              className=\"absolute start-2 top-2 z-50 -translate-y-20 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground focus:translate-y-0\"\n            >\n              {t(\"header.skip\")}\n            </a>\n            <button\n              type=\"button\"\n              onClick={() => setSidebarOpen(!sidebarOpen)}\n              aria-label={t(\"header.menu\")}\n              className=\"rounded-lg border border-border p-2 lg:hidden\"\n            >\n              <MenuIcon className=\"size-4\" />\n            </button>\n            <a href=\"#introduction\" className=\"flex min-w-0 items-center gap-2\">\n              {logo ?? <span className=\"truncate text-sm font-semibold\">{heading}</span>}\n            </a>\n            {model && logo && (\n              <span className=\"hidden truncate text-sm text-muted-foreground md:inline\">\n                {heading} <span className=\"font-mono text-xs\">v{model.info.version}</span>\n              </span>\n            )}\n            <div className=\"ms-auto flex items-center gap-2\">\n              {features.sourceMenu && source.type !== \"pending\" && (\n                <SourceMenu\n                  key={`${source.type}:${source.url ?? source.name ?? \"\"}`}\n                  source={source}\n                  defaultLabel={specUrl}\n                  onDefault={() => setSource({ type: \"default\" })}\n                  onUrl={(url) => setSource({ type: \"url\", url })}\n                  onFile={loadFile}\n                />\n              )}\n              {features.languageSwitcher && <LanguageToggle />}\n              {features.themeToggle && <ThemeToggle theme={theme} onChange={changeTheme} />}\n            </div>\n          </header>\n\n          {error && (\n            <div className=\"border-b border-rose-500/30 bg-rose-500/10 px-4 py-2 text-sm text-rose-700 dark:text-rose-300\">\n              {t(\"spec.loadFailed\", { error: typeof error === \"string\" ? t(error) : t(error.key, error.params) })}\n            </div>\n          )}\n\n          {usingFallback && source.type === \"default\" && (\n            <div className=\"border-b border-amber-500/30 bg-amber-500/10 px-4 py-2 text-sm text-amber-800 dark:text-amber-200\">\n              {t(\"spec.fallback\")}\n            </div>\n          )}\n\n          {!model ? (\n            !error && <p className=\"p-10 text-center text-sm text-muted-foreground\">{t(\"spec.loading\")}</p>\n          ) : (\n            <div className=\"flex\">\n              <aside\n                className={`fixed inset-y-0 start-0 top-14 z-20 w-72 shrink-0 border-e border-border bg-card transition-transform lg:sticky lg:h-[calc(100dvh-3.5rem)] lg:translate-x-0 lg:rtl:translate-x-0 ${\n                  sidebarOpen ? \"translate-x-0\" : \"-translate-x-full rtl:translate-x-full\"\n                }`}\n              >\n                <Sidebar model={model} activeAnchor={activeAnchor} searchRef={searchRef} onNavigate={closeSidebar} showModels={features.models} />\n              </aside>\n              {sidebarOpen && (\n                <div className=\"fixed inset-0 top-14 z-10 bg-black/30 lg:hidden\" onClick={closeSidebar} aria-hidden=\"true\" />\n              )}\n\n              <LazyContext.Provider value={lazyEnabled}>\n              {/* role=\"main\" unless the host page already has a main landmark around us. */}\n              <div id=\"oaspect-content\" tabIndex={-1} role={nestedInMain ? \"region\" : \"main\"} aria-label={nestedInMain ? heading : undefined} className=\"min-w-0 flex-1 px-4 outline-none sm:px-8 xl:px-12\">\n                <div className=\"mx-auto max-w-[88rem]\">\n                  <Intro spec={spec} model={model} />\n                  {model.tags.map((tag) => (\n                    <section key={tag.name} id={tag.anchor} data-anchor className=\"pt-14\">\n                      <h2 className=\"text-3xl font-bold tracking-tight [overflow-wrap:anywhere]\">{localized(tag, \"name\")}</h2>\n                      <Markdown source={localized(tag, \"description\")} className=\"mt-3 max-w-3xl text-muted-foreground\" />\n                      {tag.operations.map((operation) => (\n                        <Operation\n                          key={operation.anchor}\n                          operation={operation}\n                          onTry={features.tryIt ? openTry : null}\n                          eager={eagerAnchors.has(operation.anchor)}\n                        />\n                      ))}\n                    </section>\n                  ))}\n                  {model.webhooks.length > 0 && (\n                    <section id=\"webhooks\" data-anchor className=\"pt-14\">\n                      <h2 className=\"text-3xl font-bold tracking-tight\">{t(\"webhooks.title\")}</h2>\n                      <p className=\"mt-3 max-w-3xl text-sm text-muted-foreground\">{t(\"webhooks.hint\")}</p>\n                      {model.webhooks.map((operation) => (\n                        <Operation key={operation.anchor} operation={operation} onTry={null} />\n                      ))}\n                    </section>\n                  )}\n                  {features.models && <Models schemas={model.schemas} />}\n                </div>\n              </div>\n              </LazyContext.Provider>\n            </div>\n          )}\n\n          {tryOperation && <TryIt key={tryOperation.anchor} operation={tryOperation} onClose={() => setTryOperation(null)} />}\n        </div>\n        </div>\n      </SettingsContext.Provider>\n      </ModelContext.Provider>\n    </SpecContext.Provider>\n  );\n}\n\n/**\n * Interactive API reference for an OpenAPI 3.x document.\n *\n * @param {import(\"./index\").ApiReferenceProps} props\n */\nexport function ApiReference({\n  spec,\n  specUrl,\n  title,\n  logo,\n  locale,\n  defaultLocale = \"en\",\n  onLocaleChange,\n  messages,\n  storagePrefix = \"oaspect\",\n  proxyUrl = null,\n  features,\n  defaultSnippet = \"shell:curl\",\n  urlParam = \"url\",\n  theme,\n  lazy = \"auto\",\n}) {\n  const merged = useMemo(() => mergeMessages(messages), [messages]);\n\n  return (\n    <LocaleProvider locale={locale} defaultLocale={defaultLocale} onLocaleChange={onLocaleChange} messages={merged}>\n      <Viewer\n        spec={spec}\n        specUrl={specUrl}\n        title={title}\n        logo={logo}\n        storagePrefix={storagePrefix}\n        proxyUrl={proxyUrl}\n        features={features}\n        defaultSnippet={defaultSnippet}\n        urlParam={urlParam}\n        theme={theme}\n        lazy={lazy}\n      />\n    </LocaleProvider>\n  );\n}\n"],"mappings":"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","names":[]}