@gitbook/react-openapi 1.0.3 → 1.0.5

package/dist/OpenAPITabs.jsx

@@ -1,9 +1,9 @@
 'use client';
-import { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Tab, TabList, TabPanel, Tabs } from 'react-aria-components';
+import { useEventCallback } from 'usehooks-ts';
 import { Markdown } from './Markdown';
-import { useSyncedTabsGlobalState } from './useSyncedTabsGlobalState';
-import { useIntersectionObserver } from 'usehooks-ts';
+import { getOrCreateTabStoreByKey } from './useSyncedTabsGlobalState';
 var OpenAPITabsContext = createContext(null);
 function useOpenAPITabsContext() {
     var context = useContext(OpenAPITabsContext);
@@ -16,60 +16,62 @@ function useOpenAPITabsContext() {
  * The OpenAPI Tabs wrapper component.
  */
 export function OpenAPITabs(props) {
+    var _a, _b;
     var children = props.children, items = props.items, stateKey = props.stateKey;
-    var isVisible = stateKey
-        ? useIntersectionObserver({
-            threshold: 0.1,
-            rootMargin: '200px',
-        })
-        : true;
-    var defaultTab = items[0];
-    var _a = useSyncedTabsGlobalState(), syncedTabs = _a[0], setSyncedTabs = _a[1];
-    var _b = useState(function () {
-        var _a, _b, _c;
-        if (isVisible && stateKey && syncedTabs && syncedTabs.has(stateKey)) {
-            var tabFromState = syncedTabs.get(stateKey);
-            return (_a = tabFromState === null || tabFromState === void 0 ? void 0 : tabFromState.key) !== null && _a !== void 0 ? _a : (_b = items[0]) === null || _b === void 0 ? void 0 : _b.key;
-        }
-        return (_c = items[0]) === null || _c === void 0 ? void 0 : _c.key;
-    }), selectedTabKey = _b[0], setSelectedTabKey = _b[1];
-    var _c = useState(defaultTab), selectedTab = _c[0], setSelectedTab = _c[1];
-    var handleSelectionChange = function (key) {
-        setSelectedTabKey(key);
-        if (stateKey) {
-            var tab_1 = items.find(function (item) { return item.key === key; });
-            if (!tab_1) {
-                return;
+    var _c = useState(function () {
+        var _a, _b;
+        if (stateKey && typeof window !== 'undefined') {
+            var store = getOrCreateTabStoreByKey(stateKey);
+            var tabKey_1 = store.getState().tabKey;
+            if (tabKey_1) {
+                return tabKey_1;
             }
-            setSyncedTabs(function (state) {
-                var newState = new Map(state);
-                newState.set(stateKey, tab_1);
-                return newState;
-            });
         }
-    };
+        return (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : null;
+    }), tabKey = _c[0], setTabKey = _c[1];
+    var selectTab = useEventCallback(function (key) {
+        if (!key || key === tabKey) {
+            return;
+        }
+        var tab = items.find(function (item) { return item.key === key; });
+        if (!tab) {
+            return;
+        }
+        setTabKey(key);
+    });
+    var selectedTab = (_b = (_a = items.find(function (item) { return item.key === tabKey; })) !== null && _a !== void 0 ? _a : items[0]) !== null && _b !== void 0 ? _b : null;
+    var cancelDeferRef = useRef(null);
     useEffect(function () {
-        if (isVisible && stateKey && syncedTabs && syncedTabs.has(stateKey)) {
-            var tabFromState_1 = syncedTabs.get(stateKey);
-            if (!items.some(function (item) { return item.key === (tabFromState_1 === null || tabFromState_1 === void 0 ? void 0 : tabFromState_1.key); })) {
-                return setSelectedTab(defaultTab);
-            }
-            if (tabFromState_1 && (tabFromState_1 === null || tabFromState_1 === void 0 ? void 0 : tabFromState_1.key) !== (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.key)) {
-                var tabFromItems = items.find(function (item) { return item.key === tabFromState_1.key; });
-                if (!tabFromItems) {
-                    return;
-                }
-                setSelectedTab(tabFromItems);
-            }
+        if (!stateKey) {
+            return undefined;
         }
-    }, [isVisible, stateKey, syncedTabs, selectedTabKey]);
+        var store = getOrCreateTabStoreByKey(stateKey);
+        return store.subscribe(function (state) {
+            var _a;
+            (_a = cancelDeferRef.current) === null || _a === void 0 ? void 0 : _a.call(cancelDeferRef);
+            cancelDeferRef.current = defer(function () { return selectTab(state.tabKey); });
+        });
+    }, [stateKey, selectTab]);
+    useEffect(function () {
+        return function () { var _a; return (_a = cancelDeferRef.current) === null || _a === void 0 ? void 0 : _a.call(cancelDeferRef); };
+    }, []);
     var contextValue = useMemo(function () { return ({ items: items, selectedTab: selectedTab }); }, [items, selectedTab]);
     return (<OpenAPITabsContext.Provider value={contextValue}>
-            <Tabs className="openapi-tabs" onSelectionChange={handleSelectionChange} selectedKey={selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.key}>
+            <Tabs className="openapi-tabs" onSelectionChange={function (tabKey) {
+            selectTab(tabKey);
+            if (stateKey) {
+                var store = getOrCreateTabStoreByKey(stateKey);
+                store.setState({ tabKey: tabKey });
+            }
+        }} selectedKey={tabKey}>
                 {children}
             </Tabs>
         </OpenAPITabsContext.Provider>);
 }
+var defer = function (fn) {
+    var id = setTimeout(fn, 0);
+    return function () { return clearTimeout(id); };
+};
 /**
  * The OpenAPI Tabs list component.
  * This component should be used as a child of the OpenAPITabs component.
@@ -78,14 +80,14 @@ export function OpenAPITabs(props) {
 export function OpenAPITabsList() {
     var items = useOpenAPITabsContext().items;
     return (<TabList className="openapi-tabs-list">
-            {items.map(function (tab) { return (<Tab style={function (_a) {
+            {items.map(function (tab) { return (<Tab key={tab.key} id={tab.key} style={function (_a) {
                 var isFocusVisible = _a.isFocusVisible;
                 return ({
                     outline: isFocusVisible
                         ? '2px solid rgb(var(--primary-color-500)/0.4)'
                         : 'none',
                 });
-            }} className="openapi-tabs-tab" key={"Tab-".concat(tab.key)} id={tab.key}>
+            }} className="openapi-tabs-tab">
                     {tab.label}
                 </Tab>); })}
         </TabList>);
@@ -100,7 +102,8 @@ export function OpenAPITabsPanels() {
     if (!selectedTab) {
         return null;
     }
-    return (<TabPanel key={"TabPanel-".concat(selectedTab.key)} id={selectedTab.key.toString()} className="openapi-tabs-panel">
+    var key = selectedTab.key.toString();
+    return (<TabPanel key={key} id={key} className="openapi-tabs-panel">
             {selectedTab.body}
             {selectedTab.description ? (<Markdown source={selectedTab.description} className="openapi-tabs-footer"/>) : null}
         </TabPanel>);

package/dist/ScalarApiButton.jsx

@@ -2,8 +2,8 @@
 import { ApiClientModalProvider, useApiClientModal } from '@scalar/api-client-react';
 import { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { useOpenAPIOperationContext } from './OpenAPIOperationContext';
 import { useEventCallback } from 'usehooks-ts';
+import { useOpenAPIOperationContext } from './OpenAPIOperationContext';
 /**
  * Button which launches the Scalar API Client
  */

package/dist/StaticSection.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export declare function Section(props: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+export declare function SectionHeader(props: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+export declare function SectionHeaderContent(props: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+export declare const SectionBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function StaticSection(props: {
+    className: string;
+    header: React.ReactNode;
+    children: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/StaticSection.jsx

@@ -0,0 +1,23 @@
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+export function Section(props) {
+    return <div {...props} className={clsx('openapi-section', props.className)}/>;
+}
+export function SectionHeader(props) {
+    return (<div {...props} className={clsx('openapi-section-header', props.className && "".concat(props.className, "-header"))}/>);
+}
+export function SectionHeaderContent(props) {
+    return (<div {...props} className={clsx('openapi-section-header-content', props.className && "".concat(props.className, "-header-content"))}/>);
+}
+export var SectionBody = forwardRef(function SectionBody(props, ref) {
+    return (<div ref={ref} {...props} className={clsx('openapi-section-body', props.className && "".concat(props.className, "-body"))}/>);
+});
+export function StaticSection(props) {
+    var className = props.className, header = props.header, children = props.children;
+    return (<Section className={className}>
+            <SectionHeader className={className}>
+                <SectionHeaderContent className={className}>{header}</SectionHeaderContent>
+            </SectionHeader>
+            <SectionBody className={className}>{children}</SectionBody>
+        </Section>);
+}

package/dist/code-samples.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { isFormData, isPDF, isFormUrlEncoded, isText, isXML, isCSV, isGraphQL, isPlainObject, } from './contentTypeChecks';
+import { isCSV, isFormData, isFormUrlEncoded, isGraphQL, isPDF, isPlainObject, isText, isXML, } from './contentTypeChecks';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
 export var codeSampleGenerators = [
     {
@@ -71,8 +71,8 @@ export var codeSampleGenerators = [
             if (body) {
                 code += indent("body: ".concat(body, "\n"), 4);
             }
-            code += "});\n\n";
-            code += "const data = await response.json();";
+            code += '});\n\n';
+            code += 'const data = await response.json();';
             return code;
         },
     },
@@ -106,7 +106,7 @@ export var codeSampleGenerators = [
                 }
             }
             code += ')\n\n';
-            code += "data = response.json()";
+            code += 'data = response.json()';
             return code;
         },
     },
@@ -132,12 +132,12 @@ export var codeSampleGenerators = [
                 headers.Accept = '*/*';
             }
             var headerString = headers
-                ? Object.entries(headers)
+                ? "".concat(Object.entries(headers)
                     .map(function (_a) {
                     var key = _a[0], value = _a[1];
-                    return key.toLowerCase() !== 'host' ? "".concat(key, ": ").concat(value) : "";
+                    return key.toLowerCase() !== 'host' ? "".concat(key, ": ").concat(value) : '';
                 })
-                    .join('\n') + '\n'
+                    .join('\n'), "\n")
                 : '';
             var bodyString = body ? "\n".concat(body) : '';
             var httpRequest = "".concat(method.toUpperCase(), " ").concat(decodeURI(path), " HTTP/1.1\nHost: ").concat(host, "\n").concat(headerString).concat(bodyString);
@@ -158,7 +158,7 @@ export function parseHostAndPath(url) {
         var path = urlObj.pathname || '/';
         return { host: urlObj.host, path: path };
     }
-    catch (e) {
+    catch (_e) {
         // If the URL was invalid do our best to parse the URL.
         // Check for the protocol part and pull it off to grab the host
         var splitted = url.split('//');
@@ -168,7 +168,7 @@ export function parseHostAndPath(url) {
         // pull off the host (mutates)
         var host = parts.shift();
         // add a leading slash and join the paths again
-        var path = '/' + parts.join('/');
+        var path = "/".concat(parts.join('/'));
         return { host: host, path: path };
     }
 }
@@ -307,7 +307,7 @@ var BodyGenerators = {
             if (isPlainObject(body)) {
                 Object.entries(body).forEach(function (_a) {
                     var key = _a[0], value = _a[1];
-                    code += indent("\"".concat(key, "\": \"").concat(String(value), "\","), 4) + '\n';
+                    code += "".concat(indent("\"".concat(key, "\": \"").concat(String(value), "\","), 4), "\n");
                 });
             }
             code += '}\n\n';
@@ -315,7 +315,7 @@ var BodyGenerators = {
         }
         if (isPDF(contentType)) {
             code += 'files = {\n';
-            code += indent("\"file\": \"".concat(body, "\","), 4) + '\n';
+            code += "".concat(indent("\"file\": \"".concat(body, "\","), 4), "\n");
             code += '}\n\n';
             body = 'files';
         }

package/dist/generateSchemaExample.js

@@ -26,7 +26,8 @@ export function generateSchemaExample(schema, options) {
             binary: 'binary',
             byte: 'Ynl0ZXM=',
             password: 'password',
-        } }, options), 3);
+        } }, options), 3 // Max depth for circular references
+    );
 }
 /**
  * Generate an example for a media type.

package/dist/resolveOpenAPIOperation.d.ts

@@ -1,6 +1,6 @@
-import { toJSON, fromJSON } from 'flatted';
-import { type OpenAPIV3xDocument, type Filesystem } from '@gitbook/openapi-parser';
-import { OpenAPIOperationData } from './types';
+import { fromJSON, toJSON } from 'flatted';
+import { type Filesystem, type OpenAPIV3xDocument } from '@gitbook/openapi-parser';
+import type { OpenAPIOperationData } from './types';
 export { toJSON, fromJSON };
 /**
  * Resolve an OpenAPI operation in a file and compile it to a more usable format.

package/dist/resolveOpenAPIOperation.js

@@ -54,7 +54,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { toJSON, fromJSON } from 'flatted';
+import { fromJSON, toJSON } from 'flatted';
 import { dereference, } from '@gitbook/openapi-parser';
 import { checkIsReference } from './utils';
 export { toJSON, fromJSON };