@gitbook/react-openapi 1.0.3 → 1.0.4

package/src/OpenAPITabs.tsx

@@ -1,12 +1,12 @@
 'use client';
 
 import { createContext, useContext, useEffect, useMemo, useState } from 'react';
-import { Key, Tab, TabList, TabPanel, Tabs, TabsProps } from 'react-aria-components';
+import { type Key, Tab, TabList, TabPanel, Tabs, type TabsProps } from 'react-aria-components';
+import { useIntersectionObserver } from 'usehooks-ts';
 import { Markdown } from './Markdown';
 import { useSyncedTabsGlobalState } from './useSyncedTabsGlobalState';
-import { useIntersectionObserver } from 'usehooks-ts';
 
-export type Tab = {
+export type TabItem = {
     key: Key;
     label: string;
     body: React.ReactNode;
@@ -14,8 +14,8 @@ export type Tab = {
 };
 
 type OpenAPITabsContextData = {
-    items: Tab[];
-    selectedTab: Tab;
+    items: TabItem[];
+    selectedTab: TabItem;
 };
 
 const OpenAPITabsContext = createContext<OpenAPITabsContextData | null>(null);
@@ -32,17 +32,16 @@ function useOpenAPITabsContext() {
  * The OpenAPI Tabs wrapper component.
  */
 export function OpenAPITabs(
-    props: React.PropsWithChildren<TabsProps & { items: Tab[]; stateKey?: string }>,
+    props: React.PropsWithChildren<TabsProps & { items: TabItem[]; stateKey?: string }>
 ) {
     const { children, items, stateKey } = props;
-    const isVisible = stateKey
-        ? useIntersectionObserver({
-              threshold: 0.1,
-              rootMargin: '200px',
-          })
-        : true;
-    const defaultTab = items[0] as Tab;
-    const [syncedTabs, setSyncedTabs] = useSyncedTabsGlobalState<Tab>();
+    const [ref, isIntersectionVisible] = useIntersectionObserver({
+        threshold: 0.1,
+        rootMargin: '200px',
+    });
+    const isVisible = stateKey ? isIntersectionVisible : true;
+    const defaultTab = items[0] as TabItem;
+    const [syncedTabs, setSyncedTabs] = useSyncedTabsGlobalState<TabItem>();
     const [selectedTabKey, setSelectedTabKey] = useState(() => {
         if (isVisible && stateKey && syncedTabs && syncedTabs.has(stateKey)) {
             const tabFromState = syncedTabs.get(stateKey);
@@ -50,7 +49,7 @@ export function OpenAPITabs(
         }
         return items[0]?.key;
     });
-    const [selectedTab, setSelectedTab] = useState<Tab>(defaultTab);
+    const [selectedTab, setSelectedTab] = useState<TabItem>(defaultTab);
 
     const handleSelectionChange = (key: Key) => {
         setSelectedTabKey(key);
@@ -94,6 +93,7 @@ export function OpenAPITabs(
     return (
         <OpenAPITabsContext.Provider value={contextValue}>
             <Tabs
+                ref={ref}
                 className="openapi-tabs"
                 onSelectionChange={handleSelectionChange}
                 selectedKey={selectedTab?.key}

package/src/ScalarApiButton.tsx

@@ -4,8 +4,8 @@ import { ApiClientModalProvider, useApiClientModal } from '@scalar/api-client-re
 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
@@ -48,7 +48,7 @@ export function ScalarApiButton({
                         path={path}
                         specUrl={specUrl}
                     />,
-                    document.body,
+                    document.body
                 )}
         </div>
     );
@@ -88,7 +88,7 @@ function ScalarModalController(props: {
     useImperativeHandle(
         props.controllerRef,
         () => ({ openClient: openClient ? () => openClient() : undefined }),
-        [openClient],
+        [openClient]
     );
 
     // Open the client when the component is mounted.

package/src/code-samples.test.ts

@@ -1,5 +1,5 @@
-import { it, expect, describe } from 'bun:test';
-import { codeSampleGenerators, CodeSampleInput, parseHostAndPath } from './code-samples';
+import { describe, expect, it } from 'bun:test';
+import { type CodeSampleInput, codeSampleGenerators, parseHostAndPath } from './code-samples';
 
 it('should parse host and path on url strings properly', () => {
     const testUrls = [
@@ -67,10 +67,10 @@ describe('curL code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/x-www-form-urlencoded' \\\n  --data 'key=value'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/x-www-form-urlencoded' \\\n  --data 'key=value'"
         );
     });
 
@@ -86,10 +86,10 @@ describe('curL code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/json' \\\n  --data '{\n    \"key\": \"value\"\n  }'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/json' \\\n  --data '{\n    \"key\": \"value\"\n  }'"
         );
     });
 
@@ -103,10 +103,10 @@ describe('curL code sample generator', () => {
             body: '<key>value</key>',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/xml' \\\n  --data-binary $'<key>value</key>'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/xml' \\\n  --data-binary $'<key>value</key>'"
         );
     });
 
@@ -120,10 +120,10 @@ describe('curL code sample generator', () => {
             body: '{ key }',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/json' \\\n  --data '\"{ key }\"'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/json' \\\n  --data '\"{ key }\"'"
         );
     });
 
@@ -137,10 +137,10 @@ describe('curL code sample generator', () => {
             body: 'key,value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: text/csv' \\\n  --data-binary $'key,value'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: text/csv' \\\n  --data-binary $'key,value'"
         );
     });
 
@@ -154,10 +154,10 @@ describe('curL code sample generator', () => {
             body: 'file',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/pdf' \\\n  --data-binary '@file'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: application/pdf' \\\n  --data-binary '@file'"
         );
     });
 
@@ -171,10 +171,10 @@ describe('curL code sample generator', () => {
             body: 'value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: text/plain' \\\n  --data 'value'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: text/plain' \\\n  --data 'value'"
         );
     });
 
@@ -190,10 +190,10 @@ describe('curL code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: multipart/form-data' \\\n  --form 'key=value'",
+            "curl -L \\\n  --url 'https://example.com/path' \\\n  --header 'Content-Type: multipart/form-data' \\\n  --form 'key=value'"
         );
     });
 });
@@ -215,10 +215,10 @@ describe('javascript code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const params = new URLSearchParams();\n\nparams.append("key", "value");\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/x-www-form-urlencoded"\n    },\n    body: params.toString()\n});\n\nconst data = await response.json();',
+            'const params = new URLSearchParams();\n\nparams.append("key", "value");\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/x-www-form-urlencoded"\n    },\n    body: params.toString()\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -234,10 +234,10 @@ describe('javascript code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/json"\n    },\n    body: JSON.stringify({\n      "key": "value"\n    })\n});\n\nconst data = await response.json();',
+            'const response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/json"\n    },\n    body: JSON.stringify({\n      "key": "value"\n    })\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -251,10 +251,10 @@ describe('javascript code sample generator', () => {
             body: '<key>value</key>',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const xml = `\n    <key>value</key>`;\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/xml"\n    },\n    body: xml\n});\n\nconst data = await response.json();',
+            'const xml = `\n    <key>value</key>`;\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/xml"\n    },\n    body: xml\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -268,10 +268,10 @@ describe('javascript code sample generator', () => {
             body: '{ key }',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const query = `\n    { key }`;\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/graphql"\n    },\n    body: JSON.stringify(query)\n});\n\nconst data = await response.json();',
+            'const query = `\n    { key }`;\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/graphql"\n    },\n    body: JSON.stringify(query)\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -285,10 +285,10 @@ describe('javascript code sample generator', () => {
             body: 'key,value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const csv = `\n    key,value`;\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "text/csv"\n    },\n    body: csv\n});\n\nconst data = await response.json();',
+            'const csv = `\n    key,value`;\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "text/csv"\n    },\n    body: csv\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -302,10 +302,10 @@ describe('javascript code sample generator', () => {
             body: 'file',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const formData = new FormData();\n\nformData.append("file", "file");\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/pdf"\n    },\n    body: formData\n});\n\nconst data = await response.json();',
+            'const formData = new FormData();\n\nformData.append("file", "file");\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "application/pdf"\n    },\n    body: formData\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -319,10 +319,10 @@ describe('javascript code sample generator', () => {
             body: 'value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "text/plain"\n    },\n    body: "value"\n});\n\nconst data = await response.json();',
+            'const response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "text/plain"\n    },\n    body: "value"\n});\n\nconst data = await response.json();'
         );
     });
 
@@ -338,10 +338,10 @@ describe('javascript code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'const formData = new FormData();\n\nformData.append("key", "value");\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "multipart/form-data"\n    },\n    body: formData\n});\n\nconst data = await response.json();',
+            'const formData = new FormData();\n\nformData.append("key", "value");\n\nconst response = await fetch(\'https://example.com/path\', {\n    method: \'GET\',\n    headers: {\n      "Content-Type": "multipart/form-data"\n    },\n    body: formData\n});\n\nconst data = await response.json();'
         );
     });
 });
@@ -363,10 +363,10 @@ describe('python code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/x-www-form-urlencoded"},\n    data={"key":"value"}\n)\n\ndata = response.json()',
+            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/x-www-form-urlencoded"},\n    data={"key":"value"}\n)\n\ndata = response.json()'
         );
     });
 
@@ -382,10 +382,10 @@ describe('python code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/json"},\n    data={"key":"value"}\n)\n\ndata = response.json()',
+            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/json"},\n    data={"key":"value"}\n)\n\ndata = response.json()'
         );
     });
 
@@ -399,10 +399,10 @@ describe('python code sample generator', () => {
             body: '<key>value</key>',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/xml"},\n    data="<key>value</key>"\n)\n\ndata = response.json()',
+            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/xml"},\n    data="<key>value</key>"\n)\n\ndata = response.json()'
         );
     });
 
@@ -416,10 +416,10 @@ describe('python code sample generator', () => {
             body: '{ key }',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/graphql"},\n    data="{ key }"\n)\n\ndata = response.json()',
+            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/graphql"},\n    data="{ key }"\n)\n\ndata = response.json()'
         );
     });
 
@@ -433,10 +433,10 @@ describe('python code sample generator', () => {
             body: 'key,value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"text/csv"},\n    data="key,value"\n)\n\ndata = response.json()',
+            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"text/csv"},\n    data="key,value"\n)\n\ndata = response.json()'
         );
     });
 
@@ -450,10 +450,10 @@ describe('python code sample generator', () => {
             body: 'file',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nfiles = {\n    "file": "file",\n}\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/pdf"},\n    files=files\n)\n\ndata = response.json()',
+            'import requests\n\nfiles = {\n    "file": "file",\n}\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"application/pdf"},\n    files=files\n)\n\ndata = response.json()'
         );
     });
 
@@ -467,10 +467,10 @@ describe('python code sample generator', () => {
             body: 'value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"text/plain"},\n    data="value"\n)\n\ndata = response.json()',
+            'import requests\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"text/plain"},\n    data="value"\n)\n\ndata = response.json()'
         );
     });
 
@@ -486,10 +486,10 @@ describe('python code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'import requests\n\nfiles = {\n    "key": "value",\n}\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"multipart/form-data"},\n    files=files\n)\n\ndata = response.json()',
+            'import requests\n\nfiles = {\n    "key": "value",\n}\n\nresponse = requests.get(\n    "https://example.com/path",\n    headers={"Content-Type":"multipart/form-data"},\n    files=files\n)\n\ndata = response.json()'
         );
     });
 });
@@ -511,10 +511,10 @@ describe('http code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/x-www-form-urlencoded\nContent-Length: 15\nAccept: */*\n\n"key=value"',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/x-www-form-urlencoded\nContent-Length: 15\nAccept: */*\n\n"key=value"'
         );
     });
 
@@ -530,10 +530,10 @@ describe('http code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/json\nContent-Length: 15\nAccept: */*\n\n{\n  "key": "value"\n}',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/json\nContent-Length: 15\nAccept: */*\n\n{\n  "key": "value"\n}'
         );
     });
 
@@ -547,10 +547,10 @@ describe('http code sample generator', () => {
             body: '<key>value</key>',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/xml\nContent-Length: 18\nAccept: */*\n\n"<key>value</key>"',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/xml\nContent-Length: 18\nAccept: */*\n\n"<key>value</key>"'
         );
     });
 
@@ -564,10 +564,10 @@ describe('http code sample generator', () => {
             body: '{ key }',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/graphql\nContent-Length: 9\nAccept: */*\n\n"{ key }"',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/graphql\nContent-Length: 9\nAccept: */*\n\n"{ key }"'
         );
     });
 
@@ -581,10 +581,10 @@ describe('http code sample generator', () => {
             body: 'key,value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: text/csv\nContent-Length: 11\nAccept: */*\n\n"key,value"',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: text/csv\nContent-Length: 11\nAccept: */*\n\n"key,value"'
         );
     });
 
@@ -598,10 +598,10 @@ describe('http code sample generator', () => {
             body: 'file',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/pdf\nContent-Length: 6\nAccept: */*\n\n"file"',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: application/pdf\nContent-Length: 6\nAccept: */*\n\n"file"'
         );
     });
 
@@ -615,10 +615,10 @@ describe('http code sample generator', () => {
             body: 'value',
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: text/plain\nContent-Length: 7\nAccept: */*\n\n"value"',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: text/plain\nContent-Length: 7\nAccept: */*\n\n"value"'
         );
     });
 
@@ -634,10 +634,10 @@ describe('http code sample generator', () => {
             },
         };
 
-        const output = generator!.generate(input);
+        const output = generator?.generate(input);
 
         expect(output).toBe(
-            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: multipart/form-data\nContent-Length: 15\nAccept: */*\n\n{\n  "key": "value"\n}',
+            'GET /path HTTP/1.1\nHost: example.com\nContent-Type: multipart/form-data\nContent-Length: 15\nAccept: */*\n\n{\n  "key": "value"\n}'
         );
     });
 });

package/src/code-samples.ts

@@ -1,12 +1,12 @@
 import {
+    isCSV,
     isFormData,
-    isPDF,
     isFormUrlEncoded,
-    isText,
-    isXML,
-    isCSV,
     isGraphQL,
+    isPDF,
     isPlainObject,
+    isText,
+    isXML,
 } from './contentTypeChecks';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
 
@@ -95,8 +95,8 @@ export const codeSampleGenerators: CodeSampleGenerator[] = [
                 code += indent(`body: ${body}\n`, 4);
             }
 
-            code += `});\n\n`;
-            code += `const data = await response.json();`;
+            code += '});\n\n';
+            code += 'const data = await response.json();';
 
             return code;
         },
@@ -135,7 +135,7 @@ export const codeSampleGenerators: CodeSampleGenerator[] = [
             }
 
             code += ')\n\n';
-            code += `data = response.json()`;
+            code += 'data = response.json()';
             return code;
         },
     },
@@ -169,11 +169,11 @@ export const codeSampleGenerators: CodeSampleGenerator[] = [
             }
 
             const headerString = headers
-                ? Object.entries(headers)
+                ? `${Object.entries(headers)
                       .map(([key, value]) =>
-                          key.toLowerCase() !== 'host' ? `${key}: ${value}` : ``,
+                          key.toLowerCase() !== 'host' ? `${key}: ${value}` : ''
                       )
-                      .join('\n') + '\n'
+                      .join('\n')}\n`
                 : '';
 
             const bodyString = body ? `\n${body}` : '';
@@ -200,7 +200,7 @@ export function parseHostAndPath(url: string) {
         const urlObj = new URL(url);
         const path = urlObj.pathname || '/';
         return { host: urlObj.host, 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
         const splitted = url.split('//');
@@ -211,7 +211,7 @@ export function parseHostAndPath(url: string) {
         // pull off the host (mutates)
         const host = parts.shift();
         // add a leading slash and join the paths again
-        const path = '/' + parts.join('/');
+        const path = `/${parts.join('/')}`;
 
         return { host, path };
     }
@@ -332,7 +332,7 @@ const BodyGenerators = {
             code += 'files = {\n';
             if (isPlainObject(body)) {
                 Object.entries(body).forEach(([key, value]) => {
-                    code += indent(`"${key}": "${String(value)}",`, 4) + '\n';
+                    code += `${indent(`"${key}": "${String(value)}",`, 4)}\n`;
                 });
             }
             code += '}\n\n';
@@ -341,7 +341,7 @@ const BodyGenerators = {
 
         if (isPDF(contentType)) {
             code += 'files = {\n';
-            code += indent(`"file": "${body}",`, 4) + '\n';
+            code += `${indent(`"file": "${body}",`, 4)}\n`;
             code += '}\n\n';
             body = 'files';
         }

package/src/generateSchemaExample.ts

@@ -14,7 +14,7 @@ type GenerateSchemaExampleOptions = Pick<
  */
 export function generateSchemaExample(
     schema: OpenAPIV3.SchemaObject,
-    options?: GenerateSchemaExampleOptions,
+    options?: GenerateSchemaExampleOptions
 ): JSONValue | undefined {
     return getExampleFromSchema(
         schema,
@@ -35,7 +35,7 @@ export function generateSchemaExample(
             },
             ...options,
         },
-        3, // Max depth for circular references
+        3 // Max depth for circular references
     );
 }
 
@@ -44,7 +44,7 @@ export function generateSchemaExample(
  */
 export function generateMediaTypeExample(
     mediaType: OpenAPIV3.MediaTypeObject,
-    options?: GenerateSchemaExampleOptions,
+    options?: GenerateSchemaExampleOptions
 ): JSONValue | undefined {
     if (mediaType.example) {
         return mediaType.example;

package/src/json2xml.test.ts

@@ -19,7 +19,7 @@ describe('getUrlFromServerState', () => {
         });
 
         expect(xml).toBe(
-            '<?xml version="1.0"?>\n<urls>\n\t<url>https://example.com</url>\n\t<url>https://example.com</url>\n</urls>\n',
+            '<?xml version="1.0"?>\n<urls>\n\t<url>https://example.com</url>\n\t<url>https://example.com</url>\n</urls>\n'
         );
     });