@scalar/api-client-react 1.0.3 → 1.0.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @scalar/api-client-react
 
+## 1.0.5
+
+### Patch Changes
+
+- Updated dependencies [6123165]
+  - @scalar/api-client@2.0.32
+
+## 1.0.4
+
+### Patch Changes
+
+- 240a618: feat: allow multiple api-clients on single page
+- Updated dependencies [240a618]
+  - @scalar/api-client@2.0.31
+
 ## 1.0.3
 
 ### Patch Changes

package/dist/ApiClientModalProvider.js

@@ -1,33 +1,38 @@
 "use client";
-import { jsxs as p, jsx as C } from "react/jsx-runtime";
-import { createContext as d, useRef as A, useState as s, useEffect as i, useContext as T } from "react";
+import { jsxs as C, jsx as d } from "react/jsx-runtime";
+import { createContext as A, useRef as f, useState as c, useEffect as i, useContext as S } from "react";
 /* empty css          */
-const o = d(null);
+const _ = A(null);
 globalThis.__VUE_OPTIONS_API__ = !0;
 globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = !0;
 globalThis.__VUE_PROD_DEVTOOLS__ = !1;
-const S = ({
-  children: c,
-  configuration: l = {}
+const x = ({
+  children: a,
+  initialRequest: l,
+  configuration: n = {}
 }) => {
-  const e = A(null), [n, u] = s(null), [_, r] = s(null);
+  const e = f(null), [o, u] = c(null), [p, s] = c(null);
   return i(() => {
     (async () => {
-      const { createApiClientModalSync: a } = await import("@scalar/api-client");
-      u(() => a);
+      const { createApiClientModalSync: r } = await import("@scalar/api-client/layouts/Modal");
+      u(() => r);
     })();
   }, []), i(() => {
-    if (!(e != null && e.current) || !n) return;
-    const t = n(e.current, l, !0, !0);
-    return r(t), l.spec && t.updateSpec(l.spec), () => {
-      t.app.unmount(), r(null);
+    if (!(e != null && e.current) || !o) return;
+    const t = o(e.current, n);
+    s(t);
+    const r = async () => {
+      await t.updateSpec(n.spec), l && t.route(l);
     };
-  }, [e, n]), /* @__PURE__ */ p(o.Provider, { value: _, children: [
-    /* @__PURE__ */ C("div", { ref: e }),
-    c
+    return n.spec ? r() : l && t.route(l), () => {
+      t.app.unmount(), s(null);
+    };
+  }, [e, o]), /* @__PURE__ */ C(_.Provider, { value: p, children: [
+    /* @__PURE__ */ d("div", { ref: e }),
+    a
   ] });
-}, x = () => T(o);
+}, E = () => S(_);
 export {
-  S as ApiClientModalProvider,
-  x as useApiClientModal
+  x as ApiClientModalProvider,
+  E as useApiClientModal
 };