@scalar/api-reference 1.36.2 → 1.38.0

package/package.json

@@ -20,7 +20,7 @@
     "vue",
     "vue3"
   ],
-  "version": "1.36.2",
+  "version": "1.38.0",
   "engines": {
     "node": ">=20"
   },
@@ -55,28 +55,28 @@
     "nanoid": "5.1.5",
     "type-fest": "^4.41.0",
     "vue": "^3.5.17",
-    "zod": "3.24.1",
-    "@scalar/api-client": "2.6.1",
+    "zod": "4.1.11",
     "@scalar/code-highlight": "0.2.0",
-    "@scalar/components": "0.14.38",
+    "@scalar/api-client": "2.8.0",
+    "@scalar/components": "0.15.0",
     "@scalar/helpers": "0.0.11",
+    "@scalar/json-magic": "0.6.0",
+    "@scalar/oas-utils": "0.5.1",
     "@scalar/icons": "0.4.7",
-    "@scalar/json-magic": "0.5.2",
+    "@scalar/openapi-parser": "0.22.2",
     "@scalar/object-utils": "1.2.7",
-    "@scalar/openapi-types": "0.3.7",
-    "@scalar/oas-utils": "0.4.33",
-    "@scalar/openapi-upgrader": "0.1.0",
-    "@scalar/themes": "0.13.19",
-    "@scalar/openapi-parser": "0.21.2",
-    "@scalar/types": "0.2.16",
+    "@scalar/openapi-types": "0.4.1",
+    "@scalar/snippetz": "0.5.0",
+    "@scalar/themes": "0.13.21",
     "@scalar/use-hooks": "0.2.5",
-    "@scalar/snippetz": "0.4.10",
+    "@scalar/openapi-upgrader": "0.1.2",
+    "@scalar/types": "0.3.1",
     "@scalar/use-toasts": "0.8.0",
-    "@scalar/workspace-store": "0.16.0"
+    "@scalar/workspace-store": "0.17.0"
   },
   "devDependencies": {
     "@hono/node-server": "^1.11.0",
-    "@playwright/test": "1.55.0",
+    "@playwright/test": "1.56.0",
     "@tailwindcss/vite": "^4.1.7",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
@@ -92,10 +92,10 @@
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-css-injected-by-js": "^3.4.0",
     "vitest": "3.2.4",
+    "@scalar/core": "0.3.19",
     "@scalar/build-tooling": "0.2.7",
     "@scalar/galaxy": "0.5.8",
-    "@scalar/react-renderer": "0.2.1",
-    "@scalar/core": "0.3.17"
+    "@scalar/react-renderer": "0.2.1"
   },
   "scripts": {
     "build": "pnpm build:default && pnpm build:standalone && pnpm types:build && tsc-alias -p tsconfig.build.json",
@@ -111,8 +111,11 @@
     "playground:vue": "vite ./playground/vue -c ./playground/vue/vite.config.ts",
     "preview": "vite preview",
     "test": "vitest",
+    "test:benchmark": "vitest bench",
+    "test:benchmark:compare": "vitest bench --compare test-results/test-benchmark.json",
+    "test:benchmark:save": "vitest bench --outputJson test-results/test-benchmark.json",
     "test:e2e": "playwright test",
-    "test:e2e:playwright": "docker run --network=host -e PORT=5001 -p 5001:5001 scalarapi/playwright:1.55.0",
+    "test:e2e:playwright": "docker run --network=host -e PORT=5001 -p 5001:5001 scalarapi/playwright:1.56.0",
     "test:e2e:report": "playwright show-report",
     "test:e2e:snapshots": "PW_TEST_CONNECT_WS_ENDPOINT=ws://127.0.0.1:5001/ playwright test -c playwright.snapshots.config.ts",
     "test:e2e:snapshots:ci": "playwright test -c playwright.snapshots.config.ts",

package/dist/components/Content/Operations/TraversedEntryContainer.vue.d.ts

@@ -1,13 +0,0 @@
-import type { ApiReferenceConfiguration } from '@scalar/types';
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
-type __VLS_Props = {
-    config: ApiReferenceConfiguration;
-    clientOptions: ClientOptionGroup[];
-    document: OpenApiDocument;
-    store: WorkspaceStore;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=TraversedEntryContainer.vue.d.ts.map

package/dist/components/Content/Operations/TraversedEntryContainer.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TraversedEntryContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Operations/TraversedEntryContainer.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAKnG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAKvF,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,yBAAyB,CAAA;IACjC,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,QAAQ,EAAE,eAAe,CAAA;IACzB,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;;AA6GF,wBAMG"}

package/dist/components/Content/Operations/TraversedEntryContainer.vue.js

@@ -1,52 +0,0 @@
-import { defineComponent as m, computed as r, createElementBlock as d, createCommentVNode as f, unref as c, openBlock as p, createVNode as g } from "vue";
-import { useWorkspace as C, useActiveEntities as S } from "@scalar/api-client/store";
-import { getSlugUid as h } from "@scalar/oas-utils/transforms";
-import { getCurrentIndex as _ } from "./get-current-index.js";
-import { useNavState as k } from "../../../hooks/useNavState.js";
-import I from "./TraversedEntry.vue.js";
-import { useSidebar as O } from "../../../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
-const E = { key: 0 }, T = /* @__PURE__ */ m({
-  __name: "TraversedEntryContainer",
-  props: {
-    config: {},
-    clientOptions: {},
-    document: {},
-    store: {}
-  },
-  setup(n) {
-    const { collections: s, servers: i } = C(), { activeCollection: l } = S(), t = r(() => {
-      if (n.config?.slug) {
-        const e = s[h(n.config.slug)];
-        if (e)
-          return e;
-      }
-      return l.value;
-    }), u = r(() => {
-      if (t.value) {
-        if (t.value.selectedServerUid) {
-          const e = i[t.value.selectedServerUid];
-          if (e)
-            return e;
-        }
-        return i[t.value.servers[0]];
-      }
-    }), { items: o } = O(), { hash: a } = k(), v = r(
-      () => _(a.value, o.value.entries)
-    );
-    return (e, N) => c(o).entries.length && t.value ? (p(), d("div", E, [
-      g(I, {
-        activeCollection: t.value,
-        activeServer: u.value,
-        clientOptions: e.clientOptions,
-        config: e.config,
-        document: e.document,
-        entries: c(o).entries,
-        rootIndex: v.value,
-        store: e.store
-      }, null, 8, ["activeCollection", "activeServer", "clientOptions", "config", "document", "entries", "rootIndex", "store"])
-    ])) : f("", !0);
-  }
-});
-export {
-  T as default
-};

package/dist/components/Content/Operations/TraversedEntryContainer.vue2.js

@@ -1,4 +0,0 @@
-import f from "./TraversedEntryContainer.vue.js";
-export {
-  f as default
-};

package/dist/components/Content/Operations/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TraversedEntryContainer } from './TraversedEntryContainer.vue.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Content/Operations/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Operations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/hooks/useConfig.d.ts

@@ -1,9 +0,0 @@
-import { type ApiReferenceConfiguration } from '@scalar/types/api-reference';
-import { type ComputedRef, type InjectionKey } from 'vue';
-export declare const CONFIGURATION_SYMBOL: InjectionKey<ComputedRef<ApiReferenceConfiguration>>;
-/**
- * New hook for reactive access to the client config
- * TODO: we need to move some properties from the store this way so that they are reactive
- */
-export declare const useConfig: () => ComputedRef<ApiReferenceConfiguration>;
-//# sourceMappingURL=useConfig.d.ts.map

package/dist/hooks/useConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmC,KAAK,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC7G,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAoB,MAAM,KAAK,CAAA;AAE3E,eAAO,MAAM,oBAAoB,EAAe,YAAY,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC,CAAA;AAEpG;;;GAGG;AACH,eAAO,MAAM,SAAS,8CAMrB,CAAA"}

package/dist/hooks/useConfig.js

@@ -1,10 +0,0 @@
-import { apiReferenceConfigurationSchema as o } from "@scalar/types/api-reference";
-import { inject as e, computed as n } from "vue";
-const r = Symbol(), f = () => e(
-  r,
-  n(() => o.parse({}))
-);
-export {
-  r as CONFIGURATION_SYMBOL,
-  f as useConfig
-};

package/dist/legacy/stores/index.d.ts

@@ -1,2 +0,0 @@
-export { useExampleStore } from './useExampleStore.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/legacy/stores/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/legacy/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/legacy/stores/useExampleStore.d.ts

@@ -1,5 +0,0 @@
-export declare const useExampleStore: () => {
-    selectedExampleKey: import("vue").Ref<string | undefined, string | undefined>;
-    operationId: import("vue").Ref<string | undefined, string | undefined>;
-};
-//# sourceMappingURL=useExampleStore.d.ts.map

package/dist/legacy/stores/useExampleStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExampleStore.d.ts","sourceRoot":"","sources":["../../../src/legacy/stores/useExampleStore.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;CAG1B,CAAA"}

package/dist/legacy/stores/useExampleStore.js

@@ -1,8 +0,0 @@
-import { ref as e } from "vue";
-const o = e(), t = e(), p = () => ({
-  selectedExampleKey: o,
-  operationId: t
-});
-export {
-  p as useExampleStore
-};

package/dist/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue.d.ts

@@ -1,14 +0,0 @@
-import type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-type __VLS_Props = {
-    examples?: MediaTypeObject['examples'];
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=ExamplePicker.vue.d.ts.map

package/dist/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExamplePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAGnG,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CACvC,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AA0GF,wBAOG"}

package/dist/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue.js

@@ -1,4 +0,0 @@
-import f from "./ExamplePicker.vue2.js";
-export {
-  f as default
-};

package/dist/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue2.js

@@ -1,55 +0,0 @@
-import { defineComponent as u, mergeModels as c, useModel as p, computed as n, createBlock as f, openBlock as x, unref as l, withCtx as r, createVNode as i, createElementVNode as v, toDisplayString as w } from "vue";
-import { ScalarListbox as V, ScalarButton as b } from "@scalar/components";
-import { ScalarIconCaretDown as g } from "@scalar/icons";
-const h = { class: "min-w-0 flex-1 truncate" }, k = /* @__PURE__ */ u({
-  __name: "ExamplePicker",
-  props: /* @__PURE__ */ c({
-    examples: { default: () => ({}) }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const s = p(o, "modelValue"), m = n(
-      () => Object.entries(o.examples).map(([e, t]) => ({
-        id: e,
-        label: t?.summary ?? e
-      }))
-    ), a = n({
-      get: () => m.value.find(({ id: e }) => e === s.value),
-      set: (e) => s.value = e?.id ?? ""
-    });
-    return (e, t) => (x(), f(l(V), {
-      modelValue: a.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (d) => a.value = d),
-      class: "w-fit min-w-32",
-      options: m.value,
-      placement: "bottom-start"
-    }, {
-      default: r(() => [
-        i(l(b), {
-          class: "text-c-2 hover:text-c-1 flex h-full w-fit min-w-0 gap-1.5 px-1.5 py-0.75 text-base font-normal",
-          "data-testid": "example-picker",
-          fullWidth: "",
-          variant: "ghost"
-        }, {
-          default: r(() => [
-            v("div", h, w(a.value?.label ?? "Select an example"), 1),
-            i(l(g), {
-              class: "ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100",
-              weight: "bold"
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue", "options"]));
-  }
-});
-export {
-  k as default
-};

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue.d.ts

@@ -1,79 +0,0 @@
-import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
-import { type AvailableClients } from '@scalar/snippetz';
-import type { OperationObject, SecuritySchemeObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { ClientOptionGroup } from '../../../../v2/blocks/scalar-request-example-block/types';
-export type RequestExampleProps = {
-    /**
-     * List of all http clients formatted into option groups for the client selector
-     */
-    clientOptions: ClientOptionGroup[];
-    /**
-     * Pre-selected client, this will determine which client is initially selected in the dropdown
-     *
-     * @defaults to shell/curl or a custom sample if one is available
-     */
-    selectedClient?: AvailableClients[number];
-    /**
-     * Which server from the spec to use for the code example
-     */
-    selectedServer?: ServerObject | undefined;
-    /**
-     * The selected content type from the requestBody.content, this will determine which examples are available
-     * as well as the content type of the code example
-     *
-     * @defaults to the first content type
-     */
-    selectedContentType?: string;
-    /**
-     * In case you wish to pre-select an example from the requestBody.content.examples
-     */
-    selectedExample?: string;
-    /**
-     * The security schemes which are applicable to this operation
-     */
-    securitySchemes?: SecuritySchemeObject[];
-    /**
-     * HTTP method of the operation
-     */
-    method: HttpMethodType;
-    /**
-     * Path of the operation
-     */
-    path: string;
-    /**
-     * De-referenced OpenAPI Operation object
-     */
-    operation: OperationObject;
-    /**
-     * If true and there's no example, we will display a small card with the method and path only
-     */
-    fallback?: boolean;
-    /**
-     * A method to generate the label of the block, should return an html string
-     */
-    generateLabel?: () => string;
-    /**
-     * If true, render this as a webhook request example
-     */
-    isWebhook?: boolean;
-};
-/**
- * Request Example
- *
- * The core component for rendering a request example block,
- * this component does not have much of its own state but operates on props and custom events
- *
- * @event scalar-update-selected-client - Emitted when the selected client changes
- * @event scalar-update-selected-example - Emitted when the selected example changes
- */
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<RequestExampleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RequestExampleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    header: () => unknown;
-    footer: () => unknown;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=RequestExample.vue.d.ts.map

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequestExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/RequestExample.vue"],"names":[],"mappings":"AAqcA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,kBAAkB,CAAA;AAGvE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AASrE,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gDAAgD,CAAA;AAKvD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACxC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,eAAe,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,MAAM,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;;;;;GAQG;;YAkBO,MAAM,OAAO;YACb,MAAM,OAAO;;AAlBvB,wBAuiBC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue.js

@@ -1,7 +0,0 @@
-import o from "./RequestExample.vue2.js";
-/* empty css                    */
-import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8b2bccdf"]]);
-export {
-  r as default
-};

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue2.js

@@ -1,236 +0,0 @@
-import { defineComponent as D, computed as u, ref as k, watch as H, useId as I, createBlock as h, createCommentVNode as m, openBlock as i, unref as o, withCtx as n, createVNode as s, createSlots as N, createElementVNode as y, createElementBlock as S, renderSlot as C, toDisplayString as z } from "vue";
-import { ScalarCard as E, ScalarCardHeader as K, ScalarCombobox as M, ScalarButton as F, ScalarCardSection as q, ScalarCodeBlock as U, ScalarCardFooter as A } from "@scalar/components";
-import { freezeElement as G } from "@scalar/helpers/dom/freeze-element";
-import { ScalarIconCaretDown as J } from "@scalar/icons";
-import { operationToHar as P } from "@scalar/oas-utils/helpers/operation-to-har";
-import { emitCustomEvent as T } from "@scalar/workspace-store/events";
-import { getResolvedRef as Q } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { getResolvedRefDeep as $ } from "../../../../features/example-responses/helpers/get-resolved-ref-deep.js";
-import { findClient as j } from "../helpers/find-client.js";
-import { generateCustomId as B } from "../helpers/generate-client-options.js";
-import { generateCodeSnippet as X } from "../helpers/generate-code-snippet.js";
-import { getSecrets as Y } from "../helpers/get-secrets.js";
-import Z from "./ExamplePicker.vue2.js";
-import V from "../../../../components/HttpMethod/HttpMethod.vue.js";
-const _ = ["innerHTML"], ee = { class: "text-base font-normal" }, te = ["id"], le = {
-  key: 0,
-  class: "request-card-footer-addon"
-}, oe = { class: "request-header" }, ae = {}, be = /* @__PURE__ */ D({
-  ...ae,
-  __name: "RequestExample",
-  props: {
-    clientOptions: {},
-    selectedClient: {},
-    selectedServer: { default: () => ({ url: "/" }) },
-    selectedContentType: {},
-    selectedExample: {},
-    securitySchemes: { default: () => [] },
-    method: {},
-    path: {},
-    operation: {},
-    fallback: { type: Boolean },
-    generateLabel: { type: Function },
-    isWebhook: { type: Boolean }
-  },
-  setup(l) {
-    const c = u(() => {
-      const e = Q(l.operation.requestBody)?.content ?? {}, t = l.selectedContentType || Object.keys(e)[0];
-      return e[t]?.examples ?? {};
-    }), f = k(
-      l.selectedExample ?? Object.keys(c.value)[0]
-    ), b = u(() => [
-      "x-custom-examples",
-      "x-codeSamples",
-      "x-code-samples"
-    ].flatMap((t) => l.operation[t] ?? [])), p = u(() => b.value.length ? [
-      {
-        label: "Code Examples",
-        options: b.value.map((t) => {
-          const a = B(t), v = t.label || t.lang || a;
-          return {
-            id: a,
-            lang: t.lang || "plaintext",
-            title: v,
-            label: v
-          };
-        })
-      },
-      ...l.clientOptions
-    ] : l.clientOptions), r = k(
-      j(p.value, l.selectedClient) ?? null
-    );
-    H(
-      () => l.selectedClient,
-      (e) => {
-        const t = j(p.value, e);
-        t && (r.value = t);
-      }
-    );
-    const g = u(() => {
-      if (!l.isWebhook) return null;
-      try {
-        const e = c.value[f.value || ""], t = $(e), a = t?.value ?? t?.summary;
-        return P({ operation: l.operation, method: l.method, path: l.path, example: a });
-      } catch (e) {
-        return console.error("[webhookHar]", e), null;
-      }
-    }), x = u(() => {
-      try {
-        if (r.value?.id.startsWith("custom"))
-          return b.value.find(
-            (v) => B(v) === r.value?.id
-          )?.source ?? "Custom example not found";
-        const e = c.value[f.value || ""], t = $(e), a = t?.value ?? t?.summary;
-        return l.isWebhook ? g.value?.postData?.text ?? "" : X({
-          clientId: r.value?.id,
-          operation: l.operation,
-          method: l.method,
-          server: l.selectedServer,
-          securitySchemes: l.securitySchemes,
-          contentType: l.selectedContentType,
-          path: l.path,
-          example: a
-        });
-      } catch (e) {
-        return console.error("[generateSnippet]", e), "";
-      }
-    }), w = u(() => l.isWebhook ? O.value : r.value?.lang), O = u(() => {
-      if (!g.value?.postData) return "json";
-      const e = g.value.postData.mimeType;
-      return e?.includes("json") ? "json" : e?.includes("xml") ? "xml" : e?.includes("yaml") || e?.includes("yml") ? "yaml" : e?.includes("text/plain") ? "text" : "json";
-    }), W = u(() => Y(l.securitySchemes)), d = k(null), L = (e) => {
-      if (d.value) {
-        const t = G(d.value.$el);
-        setTimeout(() => {
-          t();
-        }, 300);
-      }
-      r.value = e, e.id.startsWith("custom") || T(d.value?.$el, "scalar-update-selected-client", e.id);
-    }, R = I();
-    return (e, t) => x.value ? (i(), h(o(E), {
-      key: 0,
-      ref_key: "elem",
-      ref: d,
-      class: "request-card dark-mode"
-    }, {
-      default: n(() => [
-        s(o(K), { class: "pr-2.5" }, N({
-          default: n(() => [
-            t[3] || (t[3] = y("span", { class: "sr-only" }, "Request Example for", -1)),
-            s(o(V), {
-              as: "span",
-              class: "request-method",
-              method: e.method
-            }, null, 8, ["method"]),
-            e.generateLabel ? (i(), S("span", {
-              key: 0,
-              innerHTML: e.generateLabel()
-            }, null, 8, _)) : m("", !0),
-            C(e.$slots, "header", {}, void 0, !0)
-          ]),
-          _: 2
-        }, [
-          !e.isWebhook && p.value.length ? {
-            name: "actions",
-            fn: n(() => [
-              s(o(M), {
-                class: "max-h-80",
-                modelValue: r.value,
-                options: p.value,
-                placement: "bottom-end",
-                teleport: "",
-                "onUpdate:modelValue": t[0] || (t[0] = (a) => L(a))
-              }, {
-                default: n(() => [
-                  s(o(F), {
-                    class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-0.5",
-                    "data-testid": "client-picker",
-                    fullWidth: "",
-                    variant: "ghost"
-                  }, {
-                    default: n(() => [
-                      y("span", ee, z(r.value.title), 1),
-                      s(o(J), {
-                        class: "ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100",
-                        weight: "bold"
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue", "options"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1024),
-        s(o(q), { class: "request-editor-section custom-scroll p-0" }, {
-          default: n(() => [
-            y("div", {
-              id: `${o(R)}-example`,
-              class: "code-snippet"
-            }, [
-              s(o(U), {
-                class: "bg-b-2 !min-h-full -outline-offset-2",
-                content: x.value,
-                hideCredentials: W.value,
-                lang: w.value,
-                lineNumbers: ""
-              }, null, 8, ["content", "hideCredentials", "lang"])
-            ], 8, te)
-          ]),
-          _: 1
-        }),
-        Object.keys(c.value).length > 1 || e.$slots.footer ? (i(), h(o(A), {
-          key: 0,
-          class: "request-card-footer bg-b-3"
-        }, {
-          default: n(() => [
-            Object.keys(c.value).length > 1 ? (i(), S("div", le, [
-              Object.keys(c.value).length ? (i(), h(Z, {
-                key: 0,
-                modelValue: f.value,
-                "onUpdate:modelValue": [
-                  t[1] || (t[1] = (a) => f.value = a),
-                  t[2] || (t[2] = (a) => o(T)(
-                    d.value?.$el,
-                    "scalar-update-selected-example",
-                    a
-                  ))
-                ],
-                examples: c.value
-              }, null, 8, ["modelValue", "examples"])) : m("", !0)
-            ])) : m("", !0),
-            C(e.$slots, "footer", {}, void 0, !0)
-          ]),
-          _: 3
-        })) : m("", !0)
-      ]),
-      _: 3
-    }, 512)) : e.fallback ? (i(), h(o(E), {
-      key: 1,
-      class: "request-card dark-mode"
-    }, {
-      default: n(() => [
-        s(o(q), { class: "request-card-simple" }, {
-          default: n(() => [
-            y("div", oe, [
-              s(o(V), {
-                as: "span",
-                class: "request-method",
-                method: e.method
-              }, null, 8, ["method"]),
-              C(e.$slots, "header", {}, void 0, !0)
-            ]),
-            C(e.$slots, "footer", {}, void 0, !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    })) : m("", !0);
-  }
-});
-export {
-  be as default
-};