@scalar/api-client-react 1.1.30 → 1.1.32

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @scalar/api-client-react
 
+## 1.1.32
+
+### Patch Changes
+
+- ed5dd8c: fix: react packages to work with react 18 and 19
+- c10bbf5: chore: code style
+- Updated dependencies [7833331]
+- Updated dependencies [f61e986]
+- Updated dependencies [8173889]
+- Updated dependencies [8d9a2c0]
+- Updated dependencies [8d9a2c0]
+- Updated dependencies [2be8986]
+- Updated dependencies [7017639]
+- Updated dependencies [143d2a9]
+- Updated dependencies [e52ecd2]
+- Updated dependencies [c10bbf5]
+- Updated dependencies [eed78eb]
+- Updated dependencies [875ee2c]
+- Updated dependencies [4a0e6b7]
+- Updated dependencies [5a46f1c]
+- Updated dependencies [a89510b]
+- Updated dependencies [48f24c9]
+  - @scalar/api-client@2.2.52
+
+## 1.1.31
+
+### Patch Changes
+
+- Updated dependencies [58a8efd]
+  - @scalar/api-client@2.2.51
+
 ## 1.1.30
 
 ### Patch Changes

package/README.md

@@ -11,19 +11,14 @@
 npm install @scalar/api-client-react
 ```
 
-## Compatibility
-
-This package is compatible with React 19 and is untested on React 18. If you want guaranteed React 18 support please use
-version `1.0.107` of this package.
-
 ## Usage
 
 First we need to add the provider, you should add it in the highest place you have a unique spec.
 
 ```tsx
 import { ApiClientModalProvider } from '@scalar/api-client-react'
-import '@scalar/api-client-react/style.css'
 
+import '@scalar/api-client-react/style.css'
 ;<ApiClientModalProvider
   configuration={{
     spec: {
@@ -42,8 +37,7 @@ import { useApiClientModal } from '@scalar/api-client-react'
 const client = useApiClientModal()
 
 return (
-  <button
-    onClick={() => client?.open({ path: '/auth/token', method: 'get' })}>
+  <button onClick={() => client?.open({ path: '/auth/token', method: 'get' })}>
     Click me to open the Api Client
   </button>
 )

package/dist/ApiClientModalProvider.d.ts

@@ -0,0 +1,20 @@
+import type { createApiClientModalSync as CreateApiClientModalSync } from '@scalar/api-client/layouts/Modal';
+import type { ClientConfiguration, OpenClientPayload } from '@scalar/api-client/libs';
+import type { PropsWithChildren } from 'react';
+import './style.css';
+type Props = PropsWithChildren<{
+    /** Choose a request to initially route to */
+    initialRequest?: OpenClientPayload;
+    /** Configuration for the Api Client */
+    configuration?: ClientConfiguration;
+}>;
+/**
+ * Api Client Modal React
+ *
+ * Provider which mounts the Scalar Api Client Modal vue app.
+ * Rebuilt to support multiple instances when using a unique spec.url
+ */
+export declare const ApiClientModalProvider: ({ children, initialRequest, configuration }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const useApiClientModal: () => ReturnType<typeof CreateApiClientModalSync> | null;
+export {};
+//# sourceMappingURL=ApiClientModalProvider.d.ts.map

package/dist/ApiClientModalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiClientModalProvider.d.ts","sourceRoot":"","sources":["../src/ApiClientModalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAC5G,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAK9C,OAAO,aAAa,CAAA;AAIpB,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,uCAAuC;IACvC,aAAa,CAAC,EAAE,mBAAmB,CAAA;CACpC,CAAC,CAAA;AAQF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,gDAAsD,KAAK,4CAuD7F,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,UAAU,CAAC,OAAO,wBAAwB,CAAC,GAAG,IAChD,CAAA"}

package/dist/ApiClientModalProvider.js

@@ -5,17 +5,9 @@ import { clientStore as n } from "./client-store.js";
 /* empty css          */
 const d = S(null);
 let u = !1;
-const a = {}, j = ({
-  children: C,
-  initialRequest: r,
-  configuration: l = {}
-}) => {
+const a = {}, j = ({ children: C, initialRequest: r, configuration: l = {} }) => {
   var i;
-  const t = ((i = l.spec) == null ? void 0 : i.url) || "default", c = x(null), s = A(
-    n.subscribe,
-    n.getSnapshot,
-    n.getSnapshot
-  );
+  const t = ((i = l.spec) == null ? void 0 : i.url) || "default", c = x(null), s = A(n.subscribe, n.getSnapshot, n.getSnapshot);
   return p(() => {
     u || (async () => {
       u = !0;

package/dist/client-store.d.ts

@@ -0,0 +1,12 @@
+import type { createApiClientModalSync as CreateApiClientModalSync } from '@scalar/api-client/layouts/Modal';
+export declare const clientStore: {
+    getSnapshot: () => {
+        createClient: typeof CreateApiClientModalSync | null;
+        clientDict: Record<string, ReturnType<typeof CreateApiClientModalSync>>;
+    };
+    subscribe: (listener: () => void) => () => boolean;
+    setCreateClient: (client: typeof CreateApiClientModalSync) => void;
+    addClient: (url: string, client: ReturnType<typeof CreateApiClientModalSync>) => void;
+    removeClient: (url: string) => void;
+};
+//# sourceMappingURL=client-store.d.ts.map

package/dist/client-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-store.d.ts","sourceRoot":"","sources":["../src/client-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,IAAI,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AA+C5G,eAAO,MAAM,WAAW;;sBAtCA,OAAO,wBAAwB,GAAG,IAAI;oBAC1C,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;;0BAOlD,MAAM,IAAI;8BAYN,OAAO,wBAAwB;qBAMxC,MAAM,UAAU,UAAU,CAAC,OAAO,wBAAwB,CAAC;wBAMxD,MAAM;CAYhC,CAAA"}