@scalar/api-client-react 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @scalar/api-client-react
 
+## 0.1.3
+
+### Patch Changes
+
+- d91133e: feat: add proxy as prop to react client
+
 ## 0.1.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -52768,19 +52768,24 @@ registerRuntimeCompiler(compileToFunction);
 globalThis.__VUE_OPTIONS_API__ = true;
 globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true;
 globalThis.__VUE_PROD_DEVTOOLS__ = false;
-const ApiClientReactBase = () => {
+const ApiClientReactBase = (props) => {
   const el = require$$0.useRef(null);
   require$$0.useEffect(() => {
     if (!el.current)
       return void 0;
-    const vueApp = createApp(_sfc_main, { readOnly: true });
+    const vueApp = createApp(_sfc_main, { proxy: props.proxy, readOnly: true });
     vueApp.mount(el.current);
     return () => vueApp.unmount();
   }, [el]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el });
 };
 const { setActiveRequest } = useRequestStore();
-const ApiClientReact = ({ close, isOpen = false, request }) => {
+const ApiClientReact = ({
+  proxy = "",
+  close,
+  isOpen = false,
+  request
+}) => {
   require$$0.useEffect(() => {
     setActiveRequest(request);
   }, [request]);
@@ -52804,7 +52809,7 @@ const ApiClientReact = ({ close, isOpen = false, request }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ApiClientReactBase, {})
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ApiClientReactBase, { proxy })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",

package/dist/index.d.ts

@@ -4,19 +4,22 @@ import { default as React_2 } from 'react';
 /**
  * Api Client React
  */
-export declare const ApiClientReact: ({ close, isOpen, request }: Props) => React_2.JSX.Element;
+export declare const ApiClientReact: ({ proxy, close, isOpen, request, }: Props) => React_2.JSX.Element;
 
 /**
  * Api Client base for react
  * You are probably looking for ApiClientReact
  * only use this if you know what you are doing
  */
-export declare const ApiClientReactBase: () => React_2.JSX.Element;
+export declare const ApiClientReactBase: (props: {
+    proxy: string;
+}) => React_2.JSX.Element;
 
 declare type Props = {
     close: () => void;
     isOpen: boolean;
     request: ClientRequestConfig;
+    proxy?: string;
 };
 
 export { }

package/dist/index.js

@@ -52766,19 +52766,24 @@ registerRuntimeCompiler(compileToFunction);
 globalThis.__VUE_OPTIONS_API__ = true;
 globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true;
 globalThis.__VUE_PROD_DEVTOOLS__ = false;
-const ApiClientReactBase = () => {
+const ApiClientReactBase = (props) => {
   const el = useRef(null);
   useEffect(() => {
     if (!el.current)
       return void 0;
-    const vueApp = createApp(_sfc_main, { readOnly: true });
+    const vueApp = createApp(_sfc_main, { proxy: props.proxy, readOnly: true });
     vueApp.mount(el.current);
     return () => vueApp.unmount();
   }, [el]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el });
 };
 const { setActiveRequest } = useRequestStore();
-const ApiClientReact = ({ close, isOpen = false, request }) => {
+const ApiClientReact = ({
+  proxy = "",
+  close,
+  isOpen = false,
+  request
+}) => {
   useEffect(() => {
     setActiveRequest(request);
   }, [request]);
@@ -52802,7 +52807,7 @@ const ApiClientReact = ({ close, isOpen = false, request }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ApiClientReactBase, {})
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ApiClientReactBase, { proxy })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",

package/dist/index.umd.cjs

@@ -52769,19 +52769,24 @@ ${codeFrame}` : message);
   globalThis.__VUE_OPTIONS_API__ = true;
   globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = true;
   globalThis.__VUE_PROD_DEVTOOLS__ = false;
-  const ApiClientReactBase = () => {
+  const ApiClientReactBase = (props) => {
     const el = require$$0.useRef(null);
     require$$0.useEffect(() => {
       if (!el.current)
         return void 0;
-      const vueApp = createApp(_sfc_main, { readOnly: true });
+      const vueApp = createApp(_sfc_main, { proxy: props.proxy, readOnly: true });
       vueApp.mount(el.current);
       return () => vueApp.unmount();
     }, [el]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: el });
   };
   const { setActiveRequest } = useRequestStore();
-  const ApiClientReact = ({ close, isOpen = false, request }) => {
+  const ApiClientReact = ({
+    proxy = "",
+    close,
+    isOpen = false,
+    request
+  }) => {
     require$$0.useEffect(() => {
       setActiveRequest(request);
     }, [request]);
@@ -52805,7 +52810,7 @@ ${codeFrame}` : message);
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ApiClientReactBase, {})
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ApiClientReactBase, { proxy })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",

package/package.json

@@ -14,7 +14,7 @@
     "testing",
     "react"
   ],
-  "version": "0.1.2",
+  "version": "0.1.3",
   "engines": {
     "node": ">=18"
   },