api_binding_ui 2.0.0 → 2.0.2

package/dist/studio/index.js

@@ -12,7 +12,7 @@ import {
   createEngine2,
   validateRegistry2,
   useBindingRuntime
-} from "../index-e9twc25y.js";
+} from "../index-3q1vx729.js";
 
 // src/studio/BindingStudio.tsx
 import * as React15 from "react";
@@ -2096,10 +2096,96 @@ function docsSummary(c) {
   if (c.status === "error")
     return c.error;
   const products = new Set(c.catalog.operations.map((o) => o.product).filter(Boolean));
-  return `${products.size || 1} ${products.size === 1 ? "product" : "products"} · ${c.catalog.operations.length} APIs · loaded ${TIME.format(c.loadedAt)}`;
+  const where = c.source === "pasted" ? "Pasted file · " : "";
+  return `${where}${products.size || 1} ${products.size === 1 ? "product" : "products"} · ${c.catalog.operations.length} ${c.catalog.operations.length === 1 ? "API" : "APIs"} · loaded ${TIME.format(c.loadedAt)}`;
 }
-function SettingsPanel({ docsUrl, onDocsUrl, catalog, onReload, manifests, onImport, onClose }) {
+var SIZE = new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 });
+var kb = (chars) => chars < 1e6 ? `${SIZE.format(chars / 1000)} KB` : `${SIZE.format(chars / 1e6)} MB`;
+function PasteDocs({ onPaste, onDone }) {
+  const area = React12.useRef(null);
+  const [size, setSize] = React12.useState(0);
+  const [busy, setBusy] = React12.useState(false);
+  const [error, setError] = React12.useState();
+  const load = async () => {
+    const text = area.current?.value ?? "";
+    setBusy(true);
+    setError(undefined);
+    const problem = await onPaste(text);
+    setBusy(false);
+    if (problem) {
+      setError(problem);
+      return;
+    }
+    if (area.current)
+      area.current.value = "";
+    onDone();
+  };
+  return /* @__PURE__ */ jsxs15("div", {
+    className: "abs-paste",
+    children: [
+      /* @__PURE__ */ jsx17("textarea", {
+        ref: area,
+        id: "abs-docs-paste",
+        className: "abs-input abs-paste-area",
+        rows: 7,
+        wrap: "off",
+        spellCheck: false,
+        autoCorrect: "off",
+        autoCapitalize: "off",
+        autoComplete: "off",
+        autoFocus: true,
+        placeholder: "Paste the contents of index.yaml (or the JSON version)",
+        "aria-label": "OpenAPI document",
+        "aria-describedby": "abs-paste-note",
+        "aria-invalid": !!error,
+        onInput: (e) => setSize(e.currentTarget.value.length)
+      }),
+      /* @__PURE__ */ jsxs15("div", {
+        className: "abs-set-row",
+        children: [
+          /* @__PURE__ */ jsx17("button", {
+            type: "button",
+            className: "abs-btn abs-btn-primary",
+            onClick: () => void load(),
+            disabled: busy || size === 0,
+            children: busy ? /* @__PURE__ */ jsxs15(Fragment9, {
+              children: [
+                /* @__PURE__ */ jsx17(Icon, {
+                  name: "refresh",
+                  size: 14,
+                  className: "abs-spin"
+                }),
+                "Reading…"
+              ]
+            }) : "Load"
+          }),
+          /* @__PURE__ */ jsx17("button", {
+            type: "button",
+            className: "abs-btn abs-btn-ghost",
+            onClick: onDone,
+            disabled: busy,
+            children: "Cancel"
+          }),
+          /* @__PURE__ */ jsx17("span", {
+            className: "abs-paste-size",
+            "aria-live": "polite",
+            children: size ? kb(size) : ""
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx17("p", {
+        id: "abs-paste-note",
+        className: "abs-set-status" + (error ? " is-error" : ""),
+        role: error ? "alert" : undefined,
+        children: error ?? "Used for this session only. Nothing is saved; the URL is used again next time."
+      })
+    ]
+  });
+}
+function SettingsPanel({ docsUrl, onDocsUrl, catalog, onReload, onPaste, manifests, onImport, onClose }) {
   const [draft, setDraft] = React12.useState(docsUrl);
+  const [pasting, setPasting] = React12.useState(false);
+  const usingPaste = catalog.status === "ready" && catalog.source === "pasted";
   const [importMsg, setImportMsg] = React12.useState(null);
   const panel = React12.useRef(null);
   const file = React12.useRef(null);
@@ -2213,15 +2299,46 @@ function SettingsPanel({ docsUrl, onDocsUrl, catalog, onReload, manifests, onImp
             "aria-live": "polite",
             children: valid ? docsSummary(catalog) : "Enter a full URL, for example " + DEFAULT_DOCS_URL
           }),
-          docsUrl !== DEFAULT_DOCS_URL ? /* @__PURE__ */ jsx17("button", {
-            type: "button",
-            className: "abs-link abs-more",
-            onClick: () => {
-              setDraft(DEFAULT_DOCS_URL);
-              onDocsUrl(DEFAULT_DOCS_URL);
-            },
-            children: "Use the default URL"
-          }) : null
+          pasting ? /* @__PURE__ */ jsx17(PasteDocs, {
+            onPaste,
+            onDone: () => setPasting(false)
+          }) : /* @__PURE__ */ jsxs15("div", {
+            className: "abs-set-links",
+            children: [
+              usingPaste ? /* @__PURE__ */ jsxs15("button", {
+                type: "button",
+                className: "abs-link",
+                onClick: onReload,
+                children: [
+                  /* @__PURE__ */ jsx17(Icon, {
+                    name: "refresh",
+                    size: 14
+                  }),
+                  "Use the URL again"
+                ]
+              }) : /* @__PURE__ */ jsxs15("button", {
+                type: "button",
+                className: "abs-link",
+                onClick: () => setPasting(true),
+                children: [
+                  /* @__PURE__ */ jsx17(Icon, {
+                    name: "upload",
+                    size: 14
+                  }),
+                  "Paste the file instead"
+                ]
+              }),
+              docsUrl !== DEFAULT_DOCS_URL ? /* @__PURE__ */ jsx17("button", {
+                type: "button",
+                className: "abs-link",
+                onClick: () => {
+                  setDraft(DEFAULT_DOCS_URL);
+                  onDocsUrl(DEFAULT_DOCS_URL);
+                },
+                children: "Use the default URL"
+              }) : null
+            ]
+          })
         ]
       }),
       /* @__PURE__ */ jsxs15("div", {
@@ -2364,13 +2481,29 @@ import * as React14 from "react";
 // src/framework/loadCatalog.ts
 import { parse } from "yaml";
 class CatalogLoadError extends Error {
-  url;
-  constructor(message, url) {
+  source;
+  constructor(message, source) {
     super(message);
-    this.url = url;
+    this.source = source;
     this.name = "CatalogLoadError";
   }
 }
+function catalogFromText(text, source) {
+  const body = text.trim();
+  if (!body)
+    throw new CatalogLoadError("Nothing to read: the text is empty.", source);
+  let doc;
+  try {
+    doc = body.startsWith("{") ? JSON.parse(body) : parse(body);
+  } catch {
+    throw new CatalogLoadError("The text is not valid JSON or YAML.", source);
+  }
+  try {
+    return catalogFromOpenApi2(doc, source.includes("://") ? { url: source } : {});
+  } catch (e) {
+    throw new CatalogLoadError(e instanceof Error ? e.message : "The text is not an OpenAPI document.", source);
+  }
+}
 async function loadCatalog(url, init) {
   let res;
   try {
@@ -2380,39 +2513,46 @@ async function loadCatalog(url, init) {
   }
   if (!res.ok)
     throw new CatalogLoadError(`The docs server answered ${res.status} ${res.statusText}. Check the URL.`, url);
-  const text = await res.text();
-  let doc;
-  try {
-    doc = text.trimStart().startsWith("{") ? JSON.parse(text) : parse(text);
-  } catch {
-    throw new CatalogLoadError("The file is not valid JSON or YAML.", url);
-  }
-  try {
-    return catalogFromOpenApi2(doc, { url });
-  } catch (e) {
-    throw new CatalogLoadError(e instanceof Error ? e.message : "The file is not an OpenAPI document.", url);
-  }
+  return catalogFromText(await res.text(), url);
 }
 
 // src/studio/useCatalog.ts
 function useCatalog(url, provided) {
-  const [state, setState] = React14.useState(() => provided ? { status: "ready", catalog: provided, loadedAt: new Date } : { status: "loading" });
+  const [state, setState] = React14.useState(() => provided ? { status: "ready", catalog: provided, loadedAt: new Date, source: "provided" } : { status: "loading" });
   const [nonce, setNonce] = React14.useState(0);
+  const [pasted, setPasted] = React14.useState(null);
   React14.useEffect(() => {
+    if (pasted) {
+      setState({ status: "ready", catalog: pasted, loadedAt: new Date, source: "pasted" });
+      return;
+    }
     if (provided) {
-      setState({ status: "ready", catalog: provided, loadedAt: new Date });
+      setState({ status: "ready", catalog: provided, loadedAt: new Date, source: "provided" });
       return;
     }
     const ctrl = new AbortController;
     setState((s) => ({ status: "loading", catalog: s.catalog }));
-    loadCatalog(url, { signal: ctrl.signal }).then((catalog) => setState({ status: "ready", catalog, loadedAt: new Date }), (e) => {
+    loadCatalog(url, { signal: ctrl.signal }).then((catalog) => setState({ status: "ready", catalog, loadedAt: new Date, source: "url" }), (e) => {
       if (!ctrl.signal.aborted)
         setState((s) => ({ status: "error", catalog: s.catalog, error: e instanceof Error ? e.message : String(e) }));
     });
     return () => ctrl.abort();
-  }, [url, provided, nonce]);
-  const reload = React14.useCallback(() => setNonce((n) => n + 1), []);
-  return [state, reload];
+  }, [url, provided, nonce, pasted]);
+  const reload = React14.useCallback(() => {
+    setPasted(null);
+    setNonce((n) => n + 1);
+  }, []);
+  const loadPasted = React14.useCallback((text) => new Promise((resolve) => {
+    setTimeout(() => {
+      try {
+        setPasted(catalogFromText(text, "pasted"));
+        resolve(undefined);
+      } catch (e) {
+        resolve(e instanceof Error ? e.message : String(e));
+      }
+    }, 0);
+  }), []);
+  return [state, reload, loadPasted];
 }
 
 // src/studio/BindingStudio.tsx
@@ -2494,7 +2634,7 @@ var EMPTY_HINT = /* @__PURE__ */ jsxs16("aside", {
 });
 function BindingStudio({ framework, docsUrl = DEFAULT_DOCS_URL, persistence, initialScreen, title = "Bind API", onClose }) {
   const [settings, updateSettings] = useSettings({ docsUrl });
-  const [catalogState, reloadCatalog] = useCatalog(settings.docsUrl, framework.catalog);
+  const [catalogState, reloadCatalog, loadPasted] = useCatalog(settings.docsUrl, framework.catalog);
   const [settingsOpen, setSettingsOpen] = React15.useState(false);
   const closeSettings = React15.useCallback(() => setSettingsOpen(false), []);
   const adapter = React15.useMemo(() => persistence ?? localStorageAdapter2(), [persistence]);
@@ -2534,6 +2674,7 @@ function BindingStudio({ framework, docsUrl = DEFAULT_DOCS_URL, persistence, ini
         onDocsUrl: (url) => updateSettings({ docsUrl: url }),
         catalog: catalogState,
         onReload: reloadCatalog,
+        onPaste: loadPasted,
         manifests: () => fw ? Object.entries(binds.index).map(([s, b]) => toManifest2(fw, s, b)) : [],
         onImport: binds.importManifests,
         onClose: closeSettings
@@ -2591,7 +2732,7 @@ function BindingStudio({ framework, docsUrl = DEFAULT_DOCS_URL, persistence, ini
                     type: "button",
                     className: "abs-btn",
                     onClick: () => setSettingsOpen(true),
-                    children: "Change the URL"
+                    children: "Change the URL or paste the file"
                   })
                 ]
               })
@@ -2802,5 +2943,5 @@ export {
   BindingWidget
 };
 
-//# debugId=34079C9B227D68B264756E2164756E21
+//# debugId=C512BDFB06A7F43E64756E2164756E21
 //# sourceMappingURL=index.js.map