@scalar/api-reference 1.52.1 → 1.52.3

package/dist/features/example-responses/ExampleResponses.vue.script.js

@@ -3,14 +3,15 @@ import ExampleSchema_default from "./ExampleSchema.vue.js";
 import ExampleResponse_default from "./ExampleResponse.vue.js";
 import ExampleResponseTab_default from "./ExampleResponseTab.vue.js";
 import ExampleResponseTabList_default from "./ExampleResponseTabList.vue.js";
-import { hasResponseContent } from "./has-response-content.js";
+import { normalizeMimeTypeObject } from "./helpers/normalize-mime-type-object.js";
+import { hasResponseContent } from "./helpers/has-response-content.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, toValue, unref, useId, vModelCheckbox, watch, withCtx, withDirectives } from "vue";
 import { ScalarCard, ScalarCardFooter, ScalarCardSection, ScalarIcon, ScalarMarkdown } from "@scalar/components";
 import { useClipboard } from "@scalar/use-hooks/useClipboard";
 import { getExample } from "@scalar/workspace-store/request-example";
-import { getObjectKeys, normalizeMimeTypeObject } from "@scalar/oas-utils/helpers";
-import { ExamplePicker } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { ExamplePicker } from "@scalar/api-client/blocks/operation-code-sample";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { objectKeys } from "@scalar/helpers/object/object-keys";
 //#region src/features/example-responses/ExampleResponses.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 1,
@@ -54,7 +55,7 @@ var ExampleResponses_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const currentResponseContent = computed(() => {
 			const normalizedContent = normalizeMimeTypeObject(currentResponse.value?.content);
 			/** All the keys of the normalized content */
-			const keys = getObjectKeys(normalizedContent ?? {});
+			const keys = objectKeys(normalizedContent ?? {});
 			return normalizedContent?.[keys[0] ?? ""];
 		});
 		const hasMultipleExamples = computed(() => !!currentResponseContent.value?.examples && Object.keys(currentResponseContent.value?.examples ?? {}).length > 1);

package/dist/features/example-responses/ExampleResponses.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponses.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ExamplePicker } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarIcon,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport {\n  getObjectKeys,\n  normalizeMimeTypeObject,\n} from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { getExample } from '@scalar/workspace-store/request-example'\nimport type {\n  MediaTypeObject,\n  ResponsesObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, toValue, useId, watch } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport ExampleSchema from '@/features/example-responses/ExampleSchema.vue'\n\nimport ExampleResponse from './ExampleResponse.vue'\nimport ExampleResponseTab from './ExampleResponseTab.vue'\nimport ExampleResponseTabList from './ExampleResponseTabList.vue'\nimport { hasResponseContent } from './has-response-content'\n\n/**\n * TODO: copyToClipboard isn't using the right content if there are multiple examples\n */\n\nconst { responses } = defineProps<{\n  responses: ResponsesObject\n}>()\n\nconst id = useId()\nconst { copyToClipboard } = useClipboard()\n\n// Bring the status codes in the right order.\nconst orderedStatusCodes = computed<string[]>(() =>\n  Object.keys(responses ?? {}).sort(),\n)\n\n// Filter to only valid response keys that should render in the example responses panel\nconst statusCodesWithContent = computed<string[]>(() =>\n  orderedStatusCodes.value.filter((statusCode) =>\n    hasResponseContent(getResolvedRef(responses?.[statusCode]), statusCode),\n  ),\n)\n\n// Keep track of the current selected tab\nconst selectedResponseIndex = ref<number>(0)\n\n/**\n * Clamp the selected index when the filtered list shrinks.\n * Without this, the index can become out of bounds and cause a mismatch\n * between the visible tabs and the displayed content.\n *\n * We also reset `selectedExampleKey` to match the behavior of `changeTab`,\n * since the new response may not have the same example keys.\n */\nwatch(statusCodesWithContent, (codes) => {\n  if (codes.length === 0) {\n    selectedResponseIndex.value = 0\n    selectedExampleKey.value = ''\n  } else if (selectedResponseIndex.value >= codes.length) {\n    selectedResponseIndex.value = codes.length - 1\n    selectedExampleKey.value = ''\n  }\n})\n\n// Return the whole response object\nconst currentResponse = computed(() => {\n  const currentStatusCode =\n    toValue(statusCodesWithContent)[toValue(selectedResponseIndex)] ?? ''\n\n  return getResolvedRef(responses?.[currentStatusCode])\n})\n\nconst currentResponseContent = computed<MediaTypeObject | undefined>(() => {\n  const normalizedContent = normalizeMimeTypeObject(\n    currentResponse.value?.content,\n  )\n\n  /** All the keys of the normalized content */\n  const keys = getObjectKeys(normalizedContent ?? {})\n  return normalizedContent?.[keys[0] ?? '']\n})\n\nconst hasMultipleExamples = computed<boolean>(\n  () =>\n    !!currentResponseContent.value?.examples &&\n    Object.keys(currentResponseContent.value?.examples ?? {}).length > 1,\n)\n\nconst selectedExampleKey = ref<string>(\n  Object.keys(currentResponseContent.value?.examples ?? {})[0] ?? '',\n)\n\n/** Get the current example to display */\nconst currentExample = computed(() => {\n  if (!currentResponseContent.value) {\n    return undefined\n  }\n\n  // When multiple examples exist and one is selected, we access it directly\n  if (hasMultipleExamples.value && selectedExampleKey.value) {\n    return currentResponseContent.value.examples?.[selectedExampleKey.value]\n  }\n\n  // Otherwise, we use getExample with an undefined exampleKey to handle fallbacks\n  return getExample(currentResponseContent.value, undefined, undefined)\n})\n\nconst changeTab = (index: number) => {\n  selectedResponseIndex.value = index\n  selectedExampleKey.value = ''\n}\n\nconst showSchema = ref(false)\n</script>\n<template>\n  <ScalarCard\n    v-if=\"statusCodesWithContent.length\"\n    aria-label=\"Example Responses\"\n    class=\"response-card\"\n    role=\"region\">\n    <ExampleResponseTabList @change=\"changeTab\">\n      <ExampleResponseTab\n        v-for=\"statusCode in statusCodesWithContent\"\n        :key=\"statusCode\"\n        :aria-controls=\"id\">\n        <ScreenReader>Status:</ScreenReader>\n        {{ statusCode }}\n      </ExampleResponseTab>\n\n      <template #actions>\n        <button\n          v-if=\"currentResponseContent?.example\"\n          class=\"code-copy\"\n          type=\"button\"\n          @click=\"() => copyToClipboard(currentResponseContent?.example)\">\n          <ScalarIcon\n            icon=\"Clipboard\"\n            width=\"12px\" />\n        </button>\n        <label\n          v-if=\"currentResponseContent?.schema\"\n          class=\"scalar-card-checkbox\">\n          Show Schema\n          <input\n            v-model=\"showSchema\"\n            :aria-controls=\"id\"\n            class=\"scalar-card-checkbox-input\"\n            type=\"checkbox\" />\n          <span class=\"scalar-card-checkbox-checkmark\" />\n        </label>\n      </template>\n    </ExampleResponseTabList>\n    <ScalarCardSection class=\"grid flex-1\">\n      <!-- Schema -->\n      <ExampleSchema\n        v-if=\"currentResponseContent?.schema && showSchema\"\n        :id=\"id\"\n        :schema=\"currentResponseContent?.schema\" />\n\n      <!-- Example -->\n      <ExampleResponse\n        v-else\n        :id=\"id\"\n        :example=\"currentExample\"\n        :response=\"currentResponseContent\" />\n    </ScalarCardSection>\n    <ScalarCardFooter\n      v-if=\"currentResponse?.description || hasMultipleExamples\"\n      class=\"response-card-footer\">\n      <ExamplePicker\n        v-if=\"hasMultipleExamples\"\n        v-model=\"selectedExampleKey\"\n        class=\"response-example-selector px-0\"\n        :examples=\"currentResponseContent?.examples\" />\n      <div class=\"response-description\">\n        <ScalarMarkdown\n          v-if=\"currentResponse?.description\"\n          class=\"response-description-markdown\"\n          :value=\"currentResponse.description\" />\n      </div>\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n\n<style scoped>\n.response-card {\n  font-size: var(--scalar-font-size-3);\n}\n\n.code-copy {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  outline: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--scalar-color-3);\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n}\n.code-copy:hover {\n  color: var(--scalar-color-1);\n}\n.code-copy svg {\n  width: 13px;\n  height: 13px;\n}\n.response-card-footer {\n  display: flex;\n  flex-direction: row-reverse;\n  flex-wrap: wrap;\n  justify-content: start;\n  flex-shrink: 0;\n  padding: 7px 12px;\n  column-gap: 8px;\n}\n.response-example-selector {\n  flex-shrink: 0;\n  margin: -4px;\n}\n.response-description {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  color: var(--scalar-color--1);\n\n  box-sizing: border-box;\n\n  flex-grow: 1;\n}\n.response-description-markdown {\n  max-height: 3lh;\n}\n\n.response-description-markdown :deep(*) {\n  margin: 0;\n}\n.schema-type {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  background: var(--scalar-background-3);\n  padding: 2px 4px;\n  border-radius: 4px;\n  margin-right: 4px;\n}\n.schema-example {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n}\n\n.example-response-tab {\n  display: block;\n  margin: 6px;\n}\n\n.scalar-card-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  min-height: 17px;\n  cursor: pointer;\n  user-select: none;\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-normal);\n  color: var(--scalar-color-2);\n  width: fit-content;\n  white-space: nowrap;\n  gap: 6px;\n  padding: 7px 6px;\n}\n.scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible)\n  .scalar-card-checkbox-checkmark {\n  outline: 1px solid var(--scalar-color-accent);\n}\n.scalar-card-checkbox:hover {\n  color: var(--scalar-color--1);\n}\n.scalar-card-checkbox .scalar-card-checkbox-input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.scalar-card-checkbox-checkmark {\n  height: 16px;\n  width: 16px;\n  border-radius: var(--scalar-radius);\n  background-color: transparent;\n  background-color: var(--scalar-background-3);\n  box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.scalar-card-checkbox:has(.scalar-card-checkbox-input:checked) {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n\n.scalar-card-checkbox\n  .scalar-card-checkbox-input:checked\n  ~ .scalar-card-checkbox-checkmark {\n  background-color: var(--scalar-button-1);\n  box-shadow: none;\n}\n\n.scalar-card-checkbox-checkmark:after {\n  content: '';\n  position: absolute;\n  display: none;\n}\n\n.scalar-card-checkbox\n  .scalar-card-checkbox-input:checked\n  ~ .scalar-card-checkbox-checkmark:after {\n  display: block;\n}\n\n.scalar-card-checkbox .scalar-card-checkbox-checkmark:after {\n  right: 11.5px;\n  top: 12.5px;\n  width: 5px;\n  height: 9px;\n  border: solid 1px var(--scalar-button-1-color);\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,KAAK,OAAM;EACjB,MAAM,EAAE,oBAAoB,cAAa;EAGzC,MAAM,qBAAqB,eACzB,OAAO,KAAK,QAAA,aAAa,EAAE,CAAC,CAAC,MAAM,CACrC;EAGA,MAAM,yBAAyB,eAC7B,mBAAmB,MAAM,QAAQ,eAC/B,mBAAmB,eAAe,QAAA,YAAY,YAAY,EAAE,WAAW,CACxE,CACH;EAGA,MAAM,wBAAwB,IAAY,EAAC;;;;;;;;;AAU3C,QAAM,yBAAyB,UAAU;AACvC,OAAI,MAAM,WAAW,GAAG;AACtB,0BAAsB,QAAQ;AAC9B,uBAAmB,QAAQ;cAClB,sBAAsB,SAAS,MAAM,QAAQ;AACtD,0BAAsB,QAAQ,MAAM,SAAS;AAC7C,uBAAmB,QAAQ;;IAE9B;EAGD,MAAM,kBAAkB,eAAe;GACrC,MAAM,oBACJ,QAAQ,uBAAuB,CAAC,QAAQ,sBAAsB,KAAK;AAErE,UAAO,eAAe,QAAA,YAAY,mBAAkB;IACrD;EAED,MAAM,yBAAyB,eAA4C;GACzE,MAAM,oBAAoB,wBACxB,gBAAgB,OAAO,QACzB;;GAGA,MAAM,OAAO,cAAc,qBAAqB,EAAE,CAAA;AAClD,UAAO,oBAAoB,KAAK,MAAM;IACvC;EAED,MAAM,sBAAsB,eAExB,CAAC,CAAC,uBAAuB,OAAO,YAChC,OAAO,KAAK,uBAAuB,OAAO,YAAY,EAAE,CAAC,CAAC,SAAS,EACvE;EAEA,MAAM,qBAAqB,IACzB,OAAO,KAAK,uBAAuB,OAAO,YAAY,EAAE,CAAC,CAAC,MAAM,GAClE;;EAGA,MAAM,iBAAiB,eAAe;AACpC,OAAI,CAAC,uBAAuB,MAC1B;AAIF,OAAI,oBAAoB,SAAS,mBAAmB,MAClD,QAAO,uBAAuB,MAAM,WAAW,mBAAmB;AAIpE,UAAO,WAAW,uBAAuB,OAAO,KAAA,GAAW,KAAA,EAAS;IACrE;EAED,MAAM,aAAa,UAAkB;AACnC,yBAAsB,QAAQ;AAC9B,sBAAmB,QAAQ;;EAG7B,MAAM,aAAa,IAAI,MAAK;;UAIlB,uBAAA,MAAuB,UAAA,WAAA,EAD/B,YAkEa,MAAA,WAAA,EAAA;;IAhEX,cAAW;IACX,OAAM;IACN,MAAK;;2BAgCoB;KA/BzB,YA+ByB,gCAAA,EA/BA,UAAQ,WAAS,EAAA;MAS7B,SAAO,cASP,CAPD,uBAAA,OAAwB,WAAA,WAAA,EADhC,mBAQS,UAAA;;OANP,OAAM;OACN,MAAK;OACJ,SAAK,OAAA,OAAA,OAAA,WAAQ,MAAA,gBAAe,CAAC,uBAAA,OAAwB,QAAO;UAC7D,YAEiB,MAAA,WAAA,EAAA;OADf,MAAK;OACL,OAAM;4CAGF,uBAAA,OAAwB,UAAA,WAAA,EADhC,mBAUQ,SAVR,YAUQ;iDARuB,iBAE7B,GAAA;sBAAA,mBAIoB,SAAA;gFAHC,QAAA;QAClB,iBAAe,MAAA,GAAE;QAClB,OAAM;QACN,MAAK;kDAHI,WAAA,MAAU,CAAA,CAAA;iCAIrB,mBAA+C,QAAA,EAAzC,OAAM,kCAAgC,EAAA,MAAA,GAAA;;6BA1BF,EAAA,UAAA,KAAA,EAD9C,mBAMqB,UAAA,MAAA,WALE,uBAAA,QAAd,eAAU;2BADnB,YAMqB,4BAAA;QAJlB,KAAK;QACL,iBAAe,MAAA,GAAE;;+BACkB,CAApC,YAAoC,sBAAA,MAAA;gCAAf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;4BAAe,MACpC,gBAAG,WAAU,EAAA,EAAA,CAAA,CAAA;;;;;;KA0BjB,YAaoB,MAAA,kBAAA,EAAA,EAbD,OAAM,eAAa,EAAA;6BAKS,CAFrC,uBAAA,OAAwB,UAAU,WAAA,SAAA,WAAA,EAD1C,YAG6C,uBAAA;;OAD1C,IAAI,MAAA,GAAE;OACN,QAAQ,uBAAA,OAAwB;qDAGnC,YAIuC,yBAAA;;OAFpC,IAAI,MAAA,GAAE;OACN,SAAS,eAAA;OACT,UAAU,uBAAA;;;;;;;;KAGP,gBAAA,OAAiB,eAAe,oBAAA,SAAA,WAAA,EADxC,YAcmB,MAAA,iBAAA,EAAA;;MAZjB,OAAM;;6BAK2C,CAHzC,oBAAA,SAAA,WAAA,EADR,YAIiD,MAAA,cAAA,EAAA;;mBAFtC,mBAAA;uFAAkB,QAAA;OAC3B,OAAM;OACL,UAAU,uBAAA,OAAwB;+EACrC,mBAKM,OALN,YAKM,CAHI,gBAAA,OAAiB,eAAA,WAAA,EADzB,YAGyC,MAAA,eAAA,EAAA;;OADvC,OAAM;OACL,OAAO,gBAAA,MAAgB"}
+{"version":3,"file":"ExampleResponses.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponses.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ExamplePicker } from '@scalar/api-client/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarIcon,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport { objectKeys } from '@scalar/helpers/object/object-keys'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { getExample } from '@scalar/workspace-store/request-example'\nimport type {\n  MediaTypeObject,\n  ResponsesObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref, toValue, useId, watch } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport ExampleSchema from '@/features/example-responses/ExampleSchema.vue'\n\nimport ExampleResponse from './ExampleResponse.vue'\nimport ExampleResponseTab from './ExampleResponseTab.vue'\nimport ExampleResponseTabList from './ExampleResponseTabList.vue'\nimport { hasResponseContent } from './helpers/has-response-content'\nimport { normalizeMimeTypeObject } from './helpers/normalize-mime-type-object'\n\n/**\n * TODO: copyToClipboard isn't using the right content if there are multiple examples\n */\n\nconst { responses } = defineProps<{\n  responses: ResponsesObject\n}>()\n\nconst id = useId()\nconst { copyToClipboard } = useClipboard()\n\n// Bring the status codes in the right order.\nconst orderedStatusCodes = computed<string[]>(() =>\n  Object.keys(responses ?? {}).sort(),\n)\n\n// Filter to only valid response keys that should render in the example responses panel\nconst statusCodesWithContent = computed<string[]>(() =>\n  orderedStatusCodes.value.filter((statusCode) =>\n    hasResponseContent(getResolvedRef(responses?.[statusCode]), statusCode),\n  ),\n)\n\n// Keep track of the current selected tab\nconst selectedResponseIndex = ref<number>(0)\n\n/**\n * Clamp the selected index when the filtered list shrinks.\n * Without this, the index can become out of bounds and cause a mismatch\n * between the visible tabs and the displayed content.\n *\n * We also reset `selectedExampleKey` to match the behavior of `changeTab`,\n * since the new response may not have the same example keys.\n */\nwatch(statusCodesWithContent, (codes) => {\n  if (codes.length === 0) {\n    selectedResponseIndex.value = 0\n    selectedExampleKey.value = ''\n  } else if (selectedResponseIndex.value >= codes.length) {\n    selectedResponseIndex.value = codes.length - 1\n    selectedExampleKey.value = ''\n  }\n})\n\n// Return the whole response object\nconst currentResponse = computed(() => {\n  const currentStatusCode =\n    toValue(statusCodesWithContent)[toValue(selectedResponseIndex)] ?? ''\n\n  return getResolvedRef(responses?.[currentStatusCode])\n})\n\nconst currentResponseContent = computed<MediaTypeObject | undefined>(() => {\n  const normalizedContent = normalizeMimeTypeObject(\n    currentResponse.value?.content,\n  )\n\n  /** All the keys of the normalized content */\n  const keys = objectKeys(normalizedContent ?? {})\n  return normalizedContent?.[keys[0] ?? '']\n})\n\nconst hasMultipleExamples = computed<boolean>(\n  () =>\n    !!currentResponseContent.value?.examples &&\n    Object.keys(currentResponseContent.value?.examples ?? {}).length > 1,\n)\n\nconst selectedExampleKey = ref<string>(\n  Object.keys(currentResponseContent.value?.examples ?? {})[0] ?? '',\n)\n\n/** Get the current example to display */\nconst currentExample = computed(() => {\n  if (!currentResponseContent.value) {\n    return undefined\n  }\n\n  // When multiple examples exist and one is selected, we access it directly\n  if (hasMultipleExamples.value && selectedExampleKey.value) {\n    return currentResponseContent.value.examples?.[selectedExampleKey.value]\n  }\n\n  // Otherwise, we use getExample with an undefined exampleKey to handle fallbacks\n  return getExample(currentResponseContent.value, undefined, undefined)\n})\n\nconst changeTab = (index: number) => {\n  selectedResponseIndex.value = index\n  selectedExampleKey.value = ''\n}\n\nconst showSchema = ref(false)\n</script>\n<template>\n  <ScalarCard\n    v-if=\"statusCodesWithContent.length\"\n    aria-label=\"Example Responses\"\n    class=\"response-card\"\n    role=\"region\">\n    <ExampleResponseTabList @change=\"changeTab\">\n      <ExampleResponseTab\n        v-for=\"statusCode in statusCodesWithContent\"\n        :key=\"statusCode\"\n        :aria-controls=\"id\">\n        <ScreenReader>Status:</ScreenReader>\n        {{ statusCode }}\n      </ExampleResponseTab>\n\n      <template #actions>\n        <button\n          v-if=\"currentResponseContent?.example\"\n          class=\"code-copy\"\n          type=\"button\"\n          @click=\"() => copyToClipboard(currentResponseContent?.example)\">\n          <ScalarIcon\n            icon=\"Clipboard\"\n            width=\"12px\" />\n        </button>\n        <label\n          v-if=\"currentResponseContent?.schema\"\n          class=\"scalar-card-checkbox\">\n          Show Schema\n          <input\n            v-model=\"showSchema\"\n            :aria-controls=\"id\"\n            class=\"scalar-card-checkbox-input\"\n            type=\"checkbox\" />\n          <span class=\"scalar-card-checkbox-checkmark\" />\n        </label>\n      </template>\n    </ExampleResponseTabList>\n    <ScalarCardSection class=\"grid flex-1\">\n      <!-- Schema -->\n      <ExampleSchema\n        v-if=\"currentResponseContent?.schema && showSchema\"\n        :id=\"id\"\n        :schema=\"currentResponseContent?.schema\" />\n\n      <!-- Example -->\n      <ExampleResponse\n        v-else\n        :id=\"id\"\n        :example=\"currentExample\"\n        :response=\"currentResponseContent\" />\n    </ScalarCardSection>\n    <ScalarCardFooter\n      v-if=\"currentResponse?.description || hasMultipleExamples\"\n      class=\"response-card-footer\">\n      <ExamplePicker\n        v-if=\"hasMultipleExamples\"\n        v-model=\"selectedExampleKey\"\n        class=\"response-example-selector px-0\"\n        :examples=\"currentResponseContent?.examples\" />\n      <div class=\"response-description\">\n        <ScalarMarkdown\n          v-if=\"currentResponse?.description\"\n          class=\"response-description-markdown\"\n          :value=\"currentResponse.description\" />\n      </div>\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n\n<style scoped>\n.response-card {\n  font-size: var(--scalar-font-size-3);\n}\n\n.code-copy {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  appearance: none;\n  -webkit-appearance: none;\n  outline: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--scalar-color-3);\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n}\n.code-copy:hover {\n  color: var(--scalar-color-1);\n}\n.code-copy svg {\n  width: 13px;\n  height: 13px;\n}\n.response-card-footer {\n  display: flex;\n  flex-direction: row-reverse;\n  flex-wrap: wrap;\n  justify-content: start;\n  flex-shrink: 0;\n  padding: 7px 12px;\n  column-gap: 8px;\n}\n.response-example-selector {\n  flex-shrink: 0;\n  margin: -4px;\n}\n.response-description {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  color: var(--scalar-color--1);\n\n  box-sizing: border-box;\n\n  flex-grow: 1;\n}\n.response-description-markdown {\n  max-height: 3lh;\n}\n\n.response-description-markdown :deep(*) {\n  margin: 0;\n}\n.schema-type {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  background: var(--scalar-background-3);\n  padding: 2px 4px;\n  border-radius: 4px;\n  margin-right: 4px;\n}\n.schema-example {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n}\n\n.example-response-tab {\n  display: block;\n  margin: 6px;\n}\n\n.scalar-card-checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  min-height: 17px;\n  cursor: pointer;\n  user-select: none;\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-normal);\n  color: var(--scalar-color-2);\n  width: fit-content;\n  white-space: nowrap;\n  gap: 6px;\n  padding: 7px 6px;\n}\n.scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible)\n  .scalar-card-checkbox-checkmark {\n  outline: 1px solid var(--scalar-color-accent);\n}\n.scalar-card-checkbox:hover {\n  color: var(--scalar-color--1);\n}\n.scalar-card-checkbox .scalar-card-checkbox-input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n}\n\n.scalar-card-checkbox-checkmark {\n  height: 16px;\n  width: 16px;\n  border-radius: var(--scalar-radius);\n  background-color: transparent;\n  background-color: var(--scalar-background-3);\n  box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.scalar-card-checkbox:has(.scalar-card-checkbox-input:checked) {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n\n.scalar-card-checkbox\n  .scalar-card-checkbox-input:checked\n  ~ .scalar-card-checkbox-checkmark {\n  background-color: var(--scalar-button-1);\n  box-shadow: none;\n}\n\n.scalar-card-checkbox-checkmark:after {\n  content: '';\n  position: absolute;\n  display: none;\n}\n\n.scalar-card-checkbox\n  .scalar-card-checkbox-input:checked\n  ~ .scalar-card-checkbox-checkmark:after {\n  display: block;\n}\n\n.scalar-card-checkbox .scalar-card-checkbox-checkmark:after {\n  right: 11.5px;\n  top: 12.5px;\n  width: 5px;\n  height: 9px;\n  border: solid 1px var(--scalar-button-1-color);\n  border-width: 0 1.5px 1.5px 0;\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":"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"}

package/dist/features/example-responses/ExampleSchema.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSchema.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarVirtualText } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualText\n    v-else\n    :id=\"id\"\n    containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n    contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n    :lineHeight=\"20\"\n    :text=\"schemaContent ?? ''\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ExampleSchema.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/api-client/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarVirtualText } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualText\n    v-else\n    :id=\"id\"\n    containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n    contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n    :lineHeight=\"20\"\n    :text=\"schemaContent ?? ''\" />\n</template>\n"],"mappings":""}

package/dist/features/example-responses/ExampleSchema.vue.script.js

@@ -1,6 +1,6 @@
 import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
 import { ScalarCodeBlock, ScalarVirtualText } from "@scalar/components";
-import { getResolvedRefDeep } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { getResolvedRefDeep } from "@scalar/api-client/blocks/operation-code-sample";
 import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
 //#region src/features/example-responses/ExampleSchema.vue?vue&type=script&setup=true&lang.ts
 var VIRTUALIZATION_THRESHOLD = 2e4;

package/dist/features/example-responses/ExampleSchema.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleSchema.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarVirtualText } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualText\n    v-else\n    :id=\"id\"\n    containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n    contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n    :lineHeight=\"20\"\n    :text=\"schemaContent ?? ''\" />\n</template>\n"],"mappings":";;;;;AAqBA,IAAM,2BAA2B;;;;;;;;EARjC,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,QAAA,OACH;AAGF,UAAO,gBAAgB,mBAAmB,QAAA,OAAO,CAAA;IAClD;EAID,MAAM,yBAAyB,eAAe;AAC5C,WAAQ,cAAc,OAAO,UAAU,KAAK;IAC7C;;WAKU,uBAAA,SAAA,WAAA,EADT,YAKgD,MAAA,gBAAA,EAAA;;IAH7C,IAAI,QAAA;IACL,OAAM;IACN,MAAK;IACJ,sBAAsB,cAAA,SAAa;gEACtC,YAMgC,MAAA,kBAAA,EAAA;;IAJ7B,IAAI,QAAA;IACL,gBAAe;IACf,cAAa;IACZ,YAAY;IACZ,MAAM,cAAA,SAAa"}
+{"version":3,"file":"ExampleSchema.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleSchema.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getResolvedRefDeep } from '@scalar/api-client/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarVirtualText } from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport type { ReferenceType } from '@scalar/workspace-store/schemas/v3.1/strict/reference'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/schema'\nimport { computed } from 'vue'\n\nconst { id, schema } = defineProps<{\n  id: string\n  schema: ReferenceType<SchemaObject>\n}>()\n\nconst schemaContent = computed(() => {\n  if (!schema) {\n    return undefined\n  }\n\n  return prettyPrintJson(getResolvedRefDeep(schema))\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\nconst shouldVirtualizeSchema = computed(() => {\n  return (schemaContent.value?.length ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n</script>\n\n<template>\n  <ScalarCodeBlock\n    v-if=\"!shouldVirtualizeSchema\"\n    :id=\"id\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"schemaContent ?? ''\" />\n  <ScalarVirtualText\n    v-else\n    :id=\"id\"\n    containerClass=\"custom-scroll scalar-code-block border rounded-b flex flex-1 max-h-screen\"\n    contentClass=\"language-plaintext whitespace-pre font-code text-base\"\n    :lineHeight=\"20\"\n    :text=\"schemaContent ?? ''\" />\n</template>\n"],"mappings":";;;;;AAqBA,IAAM,2BAA2B;;;;;;;;EARjC,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,QAAA,OACH;AAGF,UAAO,gBAAgB,mBAAmB,QAAA,OAAO,CAAA;IAClD;EAID,MAAM,yBAAyB,eAAe;AAC5C,WAAQ,cAAc,OAAO,UAAU,KAAK;IAC7C;;WAKU,uBAAA,SAAA,WAAA,EADT,YAKgD,MAAA,gBAAA,EAAA;;IAH7C,IAAI,QAAA;IACL,OAAM;IACN,MAAK;IACJ,sBAAsB,cAAA,SAAa;gEACtC,YAMgC,MAAA,kBAAA,EAAA;;IAJ7B,IAAI,QAAA;IACL,gBAAe;IACf,cAAa;IACZ,YAAY;IACZ,MAAM,cAAA,SAAa"}

package/dist/features/example-responses/helpers/has-response-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-response-content.d.ts","sourceRoot":"","sources":["../../../../src/features/example-responses/helpers/has-response-content.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,8DAA8D,CAAA;AA4BnH;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAqBtG"}

package/dist/features/example-responses/{has-response-content.js → helpers/has-response-content.js}

@@ -1,5 +1,6 @@
-import { getObjectKeys, normalizeMimeTypeObject } from "@scalar/oas-utils/helpers";
-//#region src/features/example-responses/has-response-content.ts
+import { normalizeMimeTypeObject } from "./normalize-mime-type-object.js";
+import { objectKeys } from "@scalar/helpers/object/object-keys";
+//#region src/features/example-responses/helpers/has-response-content.ts
 /**
 * Checks if a media type object has any displayable content.
 * This includes having a schema, a single example, or multiple examples.
@@ -28,7 +29,7 @@ function hasResponseContent(response, responseKey) {
 		return Boolean(response);
 	}
 	const normalizedContent = normalizeMimeTypeObject(response?.content);
-	const keys = getObjectKeys(normalizedContent ?? {});
+	const keys = objectKeys(normalizedContent ?? {});
 	return hasMediaTypeContent(normalizedContent?.["application/json"] ?? normalizedContent?.["application/xml"] ?? normalizedContent?.["text/plain"] ?? normalizedContent?.["text/html"] ?? normalizedContent?.["*/*"] ?? normalizedContent?.[keys[0] ?? ""]);
 }
 //#endregion

package/dist/features/example-responses/helpers/has-response-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-response-content.js","names":[],"sources":["../../../../src/features/example-responses/helpers/has-response-content.ts"],"sourcesContent":["import { objectKeys } from '@scalar/helpers/object/object-keys'\nimport type { MediaTypeObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeTypeObject } from './normalize-mime-type-object'\n\n/**\n * Checks if a media type object has any displayable content.\n * This includes having a schema, a single example, or multiple examples.\n *\n * Note: We use explicit property checks for `example` because falsy values\n * like `0`, `false`, and `\"\"` are valid JSON examples that should be displayed.\n * We still treat `null` as \"no content\" since it explicitly indicates absence.\n */\nfunction hasMediaTypeContent(mediaType: MediaTypeObject | undefined): boolean {\n  if (!mediaType) {\n    return false\n  }\n\n  const hasSchema = Boolean(mediaType.schema)\n  const hasExample = 'example' in mediaType && mediaType.example !== null\n  const hasExamples = Boolean(mediaType.examples)\n\n  return hasSchema || hasExample || hasExamples\n}\n\nfunction isResponseKey(responseKey: string): boolean {\n  return responseKey === 'default' || /^[1-5][0-9]{2}$/.test(responseKey) || /^[1-5]XX$/.test(responseKey)\n}\n\n/**\n * Checks if a response object has body content (schema, example, or examples).\n * Looks through common media types in priority order.\n */\nexport function hasResponseContent(response: ResponseObject | undefined, responseKey?: string): boolean {\n  if (responseKey !== undefined) {\n    if (!isResponseKey(responseKey)) {\n      return false\n    }\n\n    return Boolean(response)\n  }\n\n  const normalizedContent = normalizeMimeTypeObject(response?.content)\n  const keys = objectKeys(normalizedContent ?? {})\n\n  const mediaType =\n    normalizedContent?.['application/json'] ??\n    normalizedContent?.['application/xml'] ??\n    normalizedContent?.['text/plain'] ??\n    normalizedContent?.['text/html'] ??\n    normalizedContent?.['*/*'] ??\n    normalizedContent?.[keys[0] ?? '']\n\n  return hasMediaTypeContent(mediaType)\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAS,oBAAoB,WAAiD;AAC5E,KAAI,CAAC,UACH,QAAO;CAGT,MAAM,YAAY,QAAQ,UAAU,OAAO;CAC3C,MAAM,aAAa,aAAa,aAAa,UAAU,YAAY;CACnE,MAAM,cAAc,QAAQ,UAAU,SAAS;AAE/C,QAAO,aAAa,cAAc;;AAGpC,SAAS,cAAc,aAA8B;AACnD,QAAO,gBAAgB,aAAa,kBAAkB,KAAK,YAAY,IAAI,YAAY,KAAK,YAAY;;;;;;AAO1G,SAAgB,mBAAmB,UAAsC,aAA+B;AACtG,KAAI,gBAAgB,KAAA,GAAW;AAC7B,MAAI,CAAC,cAAc,YAAY,CAC7B,QAAO;AAGT,SAAO,QAAQ,SAAS;;CAG1B,MAAM,oBAAoB,wBAAwB,UAAU,QAAQ;CACpE,MAAM,OAAO,WAAW,qBAAqB,EAAE,CAAC;AAUhD,QAAO,oBAPL,oBAAoB,uBACpB,oBAAoB,sBACpB,oBAAoB,iBACpB,oBAAoB,gBACpB,oBAAoB,UACpB,oBAAoB,KAAK,MAAM,IAEI"}

package/dist/features/example-responses/helpers/normalize-mime-type-object.d.ts

@@ -0,0 +1,8 @@
+import type { ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+/**
+ * Remove charset from content types
+ *
+ * Example: `application/json; charset=utf-8` -> `application/json`
+ */
+export declare function normalizeMimeTypeObject(content?: ResponseObject['content']): ResponseObject['content'];
+//# sourceMappingURL=normalize-mime-type-object.d.ts.map

package/dist/features/example-responses/helpers/normalize-mime-type-object.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-mime-type-object.d.ts","sourceRoot":"","sources":["../../../../src/features/example-responses/helpers/normalize-mime-type-object.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAA;AAIlG;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAiBtG"}

package/dist/features/example-responses/helpers/normalize-mime-type-object.js

@@ -0,0 +1,20 @@
+import { normalizeMimeType } from "./normalize-mime-type.js";
+//#region src/features/example-responses/helpers/normalize-mime-type-object.ts
+/**
+* Remove charset from content types
+*
+* Example: `application/json; charset=utf-8` -> `application/json`
+*/
+function normalizeMimeTypeObject(content) {
+	if (!content) return content;
+	const newContent = { ...content };
+	Object.entries(newContent).forEach(([key, value]) => {
+		const normalizedKey = normalizeMimeType(key);
+		if (normalizedKey) newContent[normalizedKey] = value;
+	});
+	return newContent;
+}
+//#endregion
+export { normalizeMimeTypeObject };
+
+//# sourceMappingURL=normalize-mime-type-object.js.map

package/dist/features/example-responses/helpers/normalize-mime-type-object.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-mime-type-object.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type-object.ts"],"sourcesContent":["import type { ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { normalizeMimeType } from './normalize-mime-type'\n\n/**\n * Remove charset from content types\n *\n * Example: `application/json; charset=utf-8` -> `application/json`\n */\nexport function normalizeMimeTypeObject(content?: ResponseObject['content']): ResponseObject['content'] {\n  if (!content) {\n    return content\n  }\n\n  const newContent: ResponseObject['content'] = {\n    ...content,\n  }\n\n  Object.entries(newContent).forEach(([key, value]) => {\n    const normalizedKey = normalizeMimeType(key)\n    if (normalizedKey) {\n      newContent[normalizedKey] = value\n    }\n  })\n\n  return newContent\n}\n"],"mappings":";;;;;;;AASA,SAAgB,wBAAwB,SAAgE;AACtG,KAAI,CAAC,QACH,QAAO;CAGT,MAAM,aAAwC,EAC5C,GAAG,SACJ;AAED,QAAO,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;EACnD,MAAM,gBAAgB,kBAAkB,IAAI;AAC5C,MAAI,cACF,YAAW,iBAAiB;GAE9B;AAEF,QAAO"}

package/dist/features/example-responses/helpers/normalize-mime-type.d.ts

@@ -0,0 +1,10 @@
+import type { ContentType } from '@scalar/types/legacy';
+/**
+ * Normalizes a MIME type to a standard format.
+ *
+ * Input: application/problem+json; charset=utf-8
+ * Output: application/json
+ */
+export declare function normalizeMimeType(contentType: undefined): undefined;
+export declare function normalizeMimeType(contentType: string): ContentType;
+//# sourceMappingURL=normalize-mime-type.d.ts.map

package/dist/features/example-responses/helpers/normalize-mime-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-mime-type.d.ts","sourceRoot":"","sources":["../../../../src/features/example-responses/helpers/normalize-mime-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAEvD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,SAAS,GAAG,SAAS,CAAA;AACpE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,WAAW,CAAA"}

package/dist/features/example-responses/helpers/normalize-mime-type.js

@@ -0,0 +1,9 @@
+//#region src/features/example-responses/helpers/normalize-mime-type.ts
+function normalizeMimeType(contentType) {
+	if (typeof contentType !== "string") return;
+	return contentType.replace(/;.*$/, "").replace(/\/(?!.*vnd\.|fhir\+).*\+/, "/").trim();
+}
+//#endregion
+export { normalizeMimeType };
+
+//# sourceMappingURL=normalize-mime-type.js.map

package/dist/features/example-responses/helpers/normalize-mime-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-mime-type.js","names":[],"sources":["../../../../src/features/example-responses/helpers/normalize-mime-type.ts"],"sourcesContent":["import type { ContentType } from '@scalar/types/legacy'\n\n/**\n * Normalizes a MIME type to a standard format.\n *\n * Input: application/problem+json; charset=utf-8\n * Output: application/json\n */\nexport function normalizeMimeType(contentType: undefined): undefined\nexport function normalizeMimeType(contentType: string): ContentType\nexport function normalizeMimeType(contentType: string | undefined): ContentType | undefined {\n  if (typeof contentType !== 'string') {\n    return undefined\n  }\n\n  return (\n    contentType\n      // Remove '; charset=utf-8'\n      .replace(/;.*$/, '')\n      // Remove 'problem+' but keep vendor-specific vnd and fhir mime types\n      .replace(/\\/(?!.*vnd\\.|fhir\\+).*\\+/, '/')\n      // Remove whitespace\n      .trim() as ContentType\n  )\n}\n"],"mappings":";AAUA,SAAgB,kBAAkB,aAA0D;AAC1F,KAAI,OAAO,gBAAgB,SACzB;AAGF,QACE,YAEG,QAAQ,QAAQ,GAAG,CAEnB,QAAQ,4BAA4B,IAAI,CAExC,MAAM"}

package/dist/features/multiple-documents/DocumentSelector.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSelector.vue.js","names":[],"sources":["../../../src/features/multiple-documents/DocumentSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  options: { label: string; id: string }[]\n  modelValue?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', id: string): void\n}>()\n\nconst formattedOptions = computed(() =>\n  props.options.map((o) => ({ id: o.id, label: o.label })),\n)\n\nconst selected = computed(() =>\n  formattedOptions.value.find((o) => o.id === props.modelValue),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"options.length > 1\"\n    class=\"document-selector p-3 pb-0\">\n    <ScalarListbox\n      v-slot=\"{ open }\"\n      :modelValue=\"selected\"\n      :options=\"formattedOptions\"\n      resize\n      @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n      <button\n        class=\"group/dropdown-label text-c-2 hover:text-c-1 flex w-full cursor-pointer items-center gap-1 font-medium\"\n        type=\"button\">\n        <span class=\"overflow-hidden text-base text-ellipsis\">\n          {{ selected?.label || 'Select API' }}\n        </span>\n        <ScalarIconCaretDown\n          class=\"size-3 text-current transition-transform\"\n          :class=\"{ 'rotate-180': open }\"\n          weight=\"bold\" />\n      </button>\n    </ScalarListbox>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DocumentSelector.vue.js","names":[],"sources":["../../../src/features/multiple-documents/DocumentSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  options: { label: string; id: string }[]\n  modelValue?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', id: string): void\n}>()\n\nconst formattedOptions = computed(() =>\n  props.options.map((o) => ({ id: o.id, label: o.label })),\n)\n\nconst selected = computed(() =>\n  formattedOptions.value.find((o) => o.id === props.modelValue),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"options.length > 1\"\n    class=\"document-selector px-3 pt-3\">\n    <ScalarListbox\n      v-slot=\"{ open }\"\n      :modelValue=\"selected\"\n      :options=\"formattedOptions\"\n      resize\n      @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n      <button\n        class=\"group/dropdown-label text-c-2 hover:text-c-1 flex w-full cursor-pointer items-center gap-1 font-medium\"\n        type=\"button\">\n        <span class=\"overflow-hidden text-base text-ellipsis\">\n          {{ selected?.label || 'Select API' }}\n        </span>\n        <ScalarIconCaretDown\n          class=\"size-3 text-current transition-transform\"\n          :class=\"{ 'rotate-180': open }\"\n          weight=\"bold\" />\n      </button>\n    </ScalarListbox>\n  </div>\n</template>\n"],"mappings":""}

package/dist/features/multiple-documents/DocumentSelector.vue.script.js

@@ -4,7 +4,7 @@ import { ScalarIconCaretDown } from "@scalar/icons";
 //#region src/features/multiple-documents/DocumentSelector.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
-	class: "document-selector p-3 pb-0"
+	class: "document-selector px-3 pt-3"
 };
 var _hoisted_2 = {
 	class: "group/dropdown-label text-c-2 hover:text-c-1 flex w-full cursor-pointer items-center gap-1 font-medium",

package/dist/features/multiple-documents/DocumentSelector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSelector.vue.script.js","names":[],"sources":["../../../src/features/multiple-documents/DocumentSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  options: { label: string; id: string }[]\n  modelValue?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', id: string): void\n}>()\n\nconst formattedOptions = computed(() =>\n  props.options.map((o) => ({ id: o.id, label: o.label })),\n)\n\nconst selected = computed(() =>\n  formattedOptions.value.find((o) => o.id === props.modelValue),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"options.length > 1\"\n    class=\"document-selector p-3 pb-0\">\n    <ScalarListbox\n      v-slot=\"{ open }\"\n      :modelValue=\"selected\"\n      :options=\"formattedOptions\"\n      resize\n      @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n      <button\n        class=\"group/dropdown-label text-c-2 hover:text-c-1 flex w-full cursor-pointer items-center gap-1 font-medium\"\n        type=\"button\">\n        <span class=\"overflow-hidden text-base text-ellipsis\">\n          {{ selected?.label || 'Select API' }}\n        </span>\n        <ScalarIconCaretDown\n          class=\"size-3 text-current transition-transform\"\n          :class=\"{ 'rotate-180': open }\"\n          weight=\"bold\" />\n      </button>\n    </ScalarListbox>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,mBAAmB,eACvB,MAAM,QAAQ,KAAK,OAAO;GAAE,IAAI,EAAE;GAAI,OAAO,EAAE;GAAO,EAAE,CAC1D;EAEA,MAAM,WAAW,eACf,iBAAiB,MAAM,MAAM,MAAM,EAAE,OAAO,MAAM,WAAW,CAC/D;;UAKU,QAAA,QAAQ,SAAM,KAAA,WAAA,EADtB,mBAqBM,OArBN,YAqBM,CAlBJ,YAiBgB,MAAA,cAAA,EAAA;IAfb,YAAY,SAAA;IACZ,SAAS,iBAAA;IACV,QAAA;IACC,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,GAAE;;sBAWhD,EAfC,WAAI,CAKd,mBAUS,UAVT,YAUS,CAPP,mBAEO,QAFP,YAEO,gBADF,SAAA,OAAU,SAAK,aAAA,EAAA,EAAA,EAEpB,YAGkB,MAAA,oBAAA,EAAA;KAFhB,OAAK,eAAA,CAAC,4CAA0C,EAAA,cACxB,MAAI,CAAA,CAAA;KAC5B,QAAO"}
+{"version":3,"file":"DocumentSelector.vue.script.js","names":[],"sources":["../../../src/features/multiple-documents/DocumentSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  options: { label: string; id: string }[]\n  modelValue?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', id: string): void\n}>()\n\nconst formattedOptions = computed(() =>\n  props.options.map((o) => ({ id: o.id, label: o.label })),\n)\n\nconst selected = computed(() =>\n  formattedOptions.value.find((o) => o.id === props.modelValue),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"options.length > 1\"\n    class=\"document-selector px-3 pt-3\">\n    <ScalarListbox\n      v-slot=\"{ open }\"\n      :modelValue=\"selected\"\n      :options=\"formattedOptions\"\n      resize\n      @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n      <button\n        class=\"group/dropdown-label text-c-2 hover:text-c-1 flex w-full cursor-pointer items-center gap-1 font-medium\"\n        type=\"button\">\n        <span class=\"overflow-hidden text-base text-ellipsis\">\n          {{ selected?.label || 'Select API' }}\n        </span>\n        <ScalarIconCaretDown\n          class=\"size-3 text-current transition-transform\"\n          :class=\"{ 'rotate-180': open }\"\n          weight=\"bold\" />\n      </button>\n    </ScalarListbox>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,mBAAmB,eACvB,MAAM,QAAQ,KAAK,OAAO;GAAE,IAAI,EAAE;GAAI,OAAO,EAAE;GAAO,EAAE,CAC1D;EAEA,MAAM,WAAW,eACf,iBAAiB,MAAM,MAAM,MAAM,EAAE,OAAO,MAAM,WAAW,CAC/D;;UAKU,QAAA,QAAQ,SAAM,KAAA,WAAA,EADtB,mBAqBM,OArBN,YAqBM,CAlBJ,YAiBgB,MAAA,cAAA,EAAA;IAfb,YAAY,SAAA;IACZ,SAAS,iBAAA;IACV,QAAA;IACC,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,GAAE;;sBAWhD,EAfC,WAAI,CAKd,mBAUS,UAVT,YAUS,CAPP,mBAEO,QAFP,YAEO,gBADF,SAAA,OAAU,SAAK,aAAA,EAAA,EAAA,EAEpB,YAGkB,MAAA,oBAAA,EAAA;KAFhB,OAAK,eAAA,CAAC,4CAA0C,EAAA,cACxB,MAAI,CAAA,CAAA;KAC5B,QAAO"}

package/dist/helpers/load-from-perssistance.js

@@ -1,5 +1,5 @@
 import { authStorage, clientStorage } from "./storage.js";
-import { isClient } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { isClient } from "@scalar/api-client/blocks/operation-code-sample";
 //#region src/helpers/load-from-perssistance.ts
 /**
 * Loads the default HTTP client from storage and applies it to the workspace.

package/dist/helpers/load-from-perssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"load-from-perssistance.js","names":[],"sources":["../../src/helpers/load-from-perssistance.ts"],"sourcesContent":["import { isClient } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { authStorage, clientStorage } from '@/helpers/storage'\n\n/**\n * Loads the default HTTP client from storage and applies it to the workspace.\n * Only updates if no default client is already set.\n */\nexport const loadClientFromStorage = (store: WorkspaceStore): void => {\n  const storedClient = clientStorage().get()\n\n  if (isClient(storedClient) && !store.workspace['x-scalar-default-client']) {\n    store.update('x-scalar-default-client', storedClient)\n  }\n}\n\n/**\n * Loads the authentication data from storage and applies it to the workspace.\n * Only updates if no authentication data is already set.\n */\nexport const loadAuthFromStorage = (store: WorkspaceStore, slug: string): void => {\n  const authPersistence = authStorage()\n  const auth = authPersistence.getAuth(slug)\n  store.auth.load({ [slug]: auth })\n}\n"],"mappings":";;;;;;;AASA,IAAa,yBAAyB,UAAgC;CACpE,MAAM,eAAe,eAAe,CAAC,KAAK;AAE1C,KAAI,SAAS,aAAa,IAAI,CAAC,MAAM,UAAU,2BAC7C,OAAM,OAAO,2BAA2B,aAAa;;;;;;AAQzD,IAAa,uBAAuB,OAAuB,SAAuB;CAEhF,MAAM,OADkB,aAAa,CACR,QAAQ,KAAK;AAC1C,OAAM,KAAK,KAAK,GAAG,OAAO,MAAM,CAAC"}
+{"version":3,"file":"load-from-perssistance.js","names":[],"sources":["../../src/helpers/load-from-perssistance.ts"],"sourcesContent":["import { isClient } from '@scalar/api-client/blocks/operation-code-sample'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { authStorage, clientStorage } from '@/helpers/storage'\n\n/**\n * Loads the default HTTP client from storage and applies it to the workspace.\n * Only updates if no default client is already set.\n */\nexport const loadClientFromStorage = (store: WorkspaceStore): void => {\n  const storedClient = clientStorage().get()\n\n  if (isClient(storedClient) && !store.workspace['x-scalar-default-client']) {\n    store.update('x-scalar-default-client', storedClient)\n  }\n}\n\n/**\n * Loads the authentication data from storage and applies it to the workspace.\n * Only updates if no authentication data is already set.\n */\nexport const loadAuthFromStorage = (store: WorkspaceStore, slug: string): void => {\n  const authPersistence = authStorage()\n  const auth = authPersistence.getAuth(slug)\n  store.auth.load({ [slug]: auth })\n}\n"],"mappings":";;;;;;;AASA,IAAa,yBAAyB,UAAgC;CACpE,MAAM,eAAe,eAAe,CAAC,KAAK;AAE1C,KAAI,SAAS,aAAa,IAAI,CAAC,MAAM,UAAU,2BAC7C,OAAM,OAAO,2BAA2B,aAAa;;;;;;AAQzD,IAAa,uBAAuB,OAAuB,SAAuB;CAEhF,MAAM,OADkB,aAAa,CACR,QAAQ,KAAK;AAC1C,OAAM,KAAK,KAAK,GAAG,OAAO,MAAM,CAAC"}

package/dist/helpers/map-config-plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-config-plugins.d.ts","sourceRoot":"","sources":["../../src/helpers/map-config-plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,EAAE,KAAK,WAAW,EAAS,MAAM,KAAK,CAAA;AAE7C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,WAAW,CAAC,yBAAyB,CAAC,EAC9C,aAAa,WAAW,CAAC,kBAAkB,CAAC,KAC3C,YAAY,EAwCd,CAAA"}
+{"version":3,"file":"map-config-plugins.d.ts","sourceRoot":"","sources":["../../src/helpers/map-config-plugins.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,EAAE,KAAK,WAAW,EAAS,MAAM,KAAK,CAAA;AAE7C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,WAAW,CAAC,yBAAyB,CAAC,EAC9C,aAAa,WAAW,CAAC,kBAAkB,CAAC,KAC3C,YAAY,EAwCd,CAAA"}

package/dist/helpers/map-config-plugins.js

@@ -1,5 +1,6 @@
 import { watch } from "vue";
 import { buildRequest, getEnvironmentVariables } from "@scalar/workspace-store/request-example";
+import { buildSafeBodyRequest } from "@scalar/helpers/http/can-method-have-body";
 //#region src/helpers/map-config-plugins.ts
 /**
 * Maps API reference configuration callbacks to client plugins.
@@ -27,7 +28,7 @@ var mapConfigPlugins = (config, environment) => {
 		if (!plugin.hooks) plugin.hooks = {};
 		plugin.hooks.beforeRequest = onBeforeRequest ? async (payload) => {
 			await onBeforeRequest({
-				request: buildRequest(payload.requestBuilder, { envVariables }).request,
+				request: buildSafeBodyRequest(...buildRequest(payload.requestBuilder, { envVariables }).requestPayload),
 				requestBuilder: payload.requestBuilder,
 				envVariables
 			});

package/dist/helpers/map-config-plugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-config-plugins.js","names":[],"sources":["../../src/helpers/map-config-plugins.ts"],"sourcesContent":["import type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { buildRequest, getEnvironmentVariables } from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { type ComputedRef, watch } from 'vue'\n\n/**\n * Maps API reference configuration callbacks to client plugins.\n *\n * This function transforms the legacy onBeforeRequest and onRequestSent callbacks\n * into the new plugin hook system. The mapping is reactive, so changes to the\n * configuration will automatically update the plugin hooks.\n *\n * Note: onRequestSent is mapped to responseReceived hook. This is not a perfect\n * one-to-one mapping, but it maintains backward compatibility with the old API.\n * The old callback receives only the URL string, while the new hook receives\n * the full response object.\n *\n * @param config - Reactive configuration object containing optional hook callbacks\n * @returns Array containing a single plugin with the mapped hooks\n */\nexport const mapConfigPlugins = (\n  config: ComputedRef<ApiReferenceConfiguration>,\n  environment: ComputedRef<XScalarEnvironment>,\n): ClientPlugin[] => {\n  // Create a new plugin with the hooks which is going to be updated by the watcher when config changes\n  const plugin: ClientPlugin = { hooks: {} }\n\n  watch(\n    [() => config.value.onBeforeRequest, () => config.value.onRequestSent, () => environment.value],\n    ([onBeforeRequest, onRequestSent, environment]) => {\n      // Get the environment variables for the current environment\n      const envVariables = getEnvironmentVariables(environment)\n\n      // Initialize the hooks object if it doesn't exist\n      if (!plugin.hooks) {\n        plugin.hooks = {}\n      }\n\n      plugin.hooks.beforeRequest = onBeforeRequest\n        ? async (payload) => {\n            await onBeforeRequest({\n              // We need to build the request to get the fetch `Request`\n              request: buildRequest(payload.requestBuilder, { envVariables }).request,\n              requestBuilder: payload.requestBuilder,\n              envVariables,\n            })\n          }\n        : undefined\n\n      /**\n       * Maps onRequestSent to responseReceived hook.\n       * The old API only passed the URL string, so we extract it from the request.\n       */\n      plugin.hooks.responseReceived = onRequestSent\n        ? (payload) => {\n            onRequestSent(payload.request.url)\n          }\n        : undefined\n    },\n    { immediate: true },\n  )\n\n  return [plugin]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,IAAa,oBACX,QACA,gBACmB;CAEnB,MAAM,SAAuB,EAAE,OAAO,EAAE,EAAE;AAE1C,OACE;QAAO,OAAO,MAAM;QAAuB,OAAO,MAAM;QAAqB,YAAY;EAAM,GAC9F,CAAC,iBAAiB,eAAe,iBAAiB;EAEjD,MAAM,eAAe,wBAAwB,YAAY;AAGzD,MAAI,CAAC,OAAO,MACV,QAAO,QAAQ,EAAE;AAGnB,SAAO,MAAM,gBAAgB,kBACzB,OAAO,YAAY;AACjB,SAAM,gBAAgB;IAEpB,SAAS,aAAa,QAAQ,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAChE,gBAAgB,QAAQ;IACxB;IACD,CAAC;MAEJ,KAAA;;;;;AAMJ,SAAO,MAAM,mBAAmB,iBAC3B,YAAY;AACX,iBAAc,QAAQ,QAAQ,IAAI;MAEpC,KAAA;IAEN,EAAE,WAAW,MAAM,CACpB;AAED,QAAO,CAAC,OAAO"}
+{"version":3,"file":"map-config-plugins.js","names":[],"sources":["../../src/helpers/map-config-plugins.ts"],"sourcesContent":["import { buildSafeBodyRequest } from '@scalar/helpers/http/can-method-have-body'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { buildRequest, getEnvironmentVariables } from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { type ComputedRef, watch } from 'vue'\n\n/**\n * Maps API reference configuration callbacks to client plugins.\n *\n * This function transforms the legacy onBeforeRequest and onRequestSent callbacks\n * into the new plugin hook system. The mapping is reactive, so changes to the\n * configuration will automatically update the plugin hooks.\n *\n * Note: onRequestSent is mapped to responseReceived hook. This is not a perfect\n * one-to-one mapping, but it maintains backward compatibility with the old API.\n * The old callback receives only the URL string, while the new hook receives\n * the full response object.\n *\n * @param config - Reactive configuration object containing optional hook callbacks\n * @returns Array containing a single plugin with the mapped hooks\n */\nexport const mapConfigPlugins = (\n  config: ComputedRef<ApiReferenceConfiguration>,\n  environment: ComputedRef<XScalarEnvironment>,\n): ClientPlugin[] => {\n  // Create a new plugin with the hooks which is going to be updated by the watcher when config changes\n  const plugin: ClientPlugin = { hooks: {} }\n\n  watch(\n    [() => config.value.onBeforeRequest, () => config.value.onRequestSent, () => environment.value],\n    ([onBeforeRequest, onRequestSent, environment]) => {\n      // Get the environment variables for the current environment\n      const envVariables = getEnvironmentVariables(environment)\n\n      // Initialize the hooks object if it doesn't exist\n      if (!plugin.hooks) {\n        plugin.hooks = {}\n      }\n\n      plugin.hooks.beforeRequest = onBeforeRequest\n        ? async (payload) => {\n            await onBeforeRequest({\n              // We need to build the request to get the fetch `Request`\n              request: buildSafeBodyRequest(...buildRequest(payload.requestBuilder, { envVariables }).requestPayload),\n              requestBuilder: payload.requestBuilder,\n              envVariables,\n            })\n          }\n        : undefined\n\n      /**\n       * Maps onRequestSent to responseReceived hook.\n       * The old API only passed the URL string, so we extract it from the request.\n       */\n      plugin.hooks.responseReceived = onRequestSent\n        ? (payload) => {\n            onRequestSent(payload.request.url)\n          }\n        : undefined\n    },\n    { immediate: true },\n  )\n\n  return [plugin]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,IAAa,oBACX,QACA,gBACmB;CAEnB,MAAM,SAAuB,EAAE,OAAO,EAAE,EAAE;AAE1C,OACE;QAAO,OAAO,MAAM;QAAuB,OAAO,MAAM;QAAqB,YAAY;EAAM,GAC9F,CAAC,iBAAiB,eAAe,iBAAiB;EAEjD,MAAM,eAAe,wBAAwB,YAAY;AAGzD,MAAI,CAAC,OAAO,MACV,QAAO,QAAQ,EAAE;AAGnB,SAAO,MAAM,gBAAgB,kBACzB,OAAO,YAAY;AACjB,SAAM,gBAAgB;IAEpB,SAAS,qBAAqB,GAAG,aAAa,QAAQ,gBAAgB,EAAE,cAAc,CAAC,CAAC,eAAe;IACvG,gBAAgB,QAAQ;IACxB;IACD,CAAC;MAEJ,KAAA;;;;;AAMJ,SAAO,MAAM,mBAAmB,iBAC3B,YAAY;AACX,iBAAc,QAAQ,QAAQ,IAAI;MAEpC,KAAA;IAEN,EAAE,WAAW,MAAM,CACpB;AAED,QAAO,CAAC,OAAO"}

package/dist/helpers/map-config-to-workspace-store.js

@@ -1,6 +1,6 @@
 import { computed, toValue, watch } from "vue";
 import { useFavicon } from "@vueuse/core";
-import { isClient } from "@scalar/api-client/v2/blocks/operation-code-sample";
+import { isClient } from "@scalar/api-client/blocks/operation-code-sample";
 import { useSeoMeta } from "@unhead/vue";
 //#region src/helpers/map-config-to-workspace-store.ts
 var mapConfigToWorkspaceStore = ({ config, store, isDarkMode }) => {

package/dist/helpers/map-config-to-workspace-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-config-to-workspace-store.js","names":[],"sources":["../../src/helpers/map-config-to-workspace-store.ts"],"sourcesContent":["import { isClient } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { useSeoMeta } from '@unhead/vue'\nimport { useFavicon } from '@vueuse/core'\nimport { type MaybeRefOrGetter, type Ref, computed, toValue, watch } from 'vue'\n\nexport const mapConfigToWorkspaceStore = ({\n  config,\n  store,\n  isDarkMode,\n}: {\n  config: MaybeRefOrGetter<ApiReferenceConfigurationRaw>\n  store: WorkspaceStore\n  isDarkMode: Ref<boolean>\n}) => {\n  // Update the workspace store if default client changes\n  watch(\n    () => toValue(config).defaultHttpClient,\n    (newValue) => {\n      if (newValue) {\n        const { targetKey, clientKey } = newValue\n\n        const clientId = `${targetKey}/${clientKey}`\n        if (isClient(clientId)) {\n          store.update('x-scalar-default-client', clientId)\n        }\n      }\n    },\n    { immediate: true },\n  )\n\n  /** Update the dark mode state when props change */\n  watch(\n    () => toValue(config).darkMode,\n    (isDark) => store.update('x-scalar-color-mode', isDark ? 'dark' : 'light'),\n  )\n\n  // Temporary mapping of isDarkMode until we update the standalone component\n  watch(\n    () => isDarkMode.value,\n    (newIsDark) => store.update('x-scalar-color-mode', newIsDark ? 'dark' : 'light'),\n    { immediate: true },\n  )\n\n  if (toValue(config).metaData) {\n    useSeoMeta(toValue(config).metaData)\n  }\n\n  // Update the active proxy when the proxyUrl changes\n  watch(\n    () => toValue(config).proxyUrl,\n    (newProxyUrl) => store.update('x-scalar-active-proxy', newProxyUrl),\n    { immediate: true },\n  )\n\n  const favicon = computed(() => toValue(config).favicon)\n  useFavicon(favicon)\n}\n"],"mappings":";;;;;AAOA,IAAa,6BAA6B,EACxC,QACA,OACA,iBAKI;AAEJ,aACQ,QAAQ,OAAO,CAAC,oBACrB,aAAa;AACZ,MAAI,UAAU;GACZ,MAAM,EAAE,WAAW,cAAc;GAEjC,MAAM,WAAW,GAAG,UAAU,GAAG;AACjC,OAAI,SAAS,SAAS,CACpB,OAAM,OAAO,2BAA2B,SAAS;;IAIvD,EAAE,WAAW,MAAM,CACpB;;AAGD,aACQ,QAAQ,OAAO,CAAC,WACrB,WAAW,MAAM,OAAO,uBAAuB,SAAS,SAAS,QAAQ,CAC3E;AAGD,aACQ,WAAW,QAChB,cAAc,MAAM,OAAO,uBAAuB,YAAY,SAAS,QAAQ,EAChF,EAAE,WAAW,MAAM,CACpB;AAED,KAAI,QAAQ,OAAO,CAAC,SAClB,YAAW,QAAQ,OAAO,CAAC,SAAS;AAItC,aACQ,QAAQ,OAAO,CAAC,WACrB,gBAAgB,MAAM,OAAO,yBAAyB,YAAY,EACnE,EAAE,WAAW,MAAM,CACpB;AAGD,YADgB,eAAe,QAAQ,OAAO,CAAC,QAAQ,CACpC"}
+{"version":3,"file":"map-config-to-workspace-store.js","names":[],"sources":["../../src/helpers/map-config-to-workspace-store.ts"],"sourcesContent":["import { isClient } from '@scalar/api-client/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { useSeoMeta } from '@unhead/vue'\nimport { useFavicon } from '@vueuse/core'\nimport { type MaybeRefOrGetter, type Ref, computed, toValue, watch } from 'vue'\n\nexport const mapConfigToWorkspaceStore = ({\n  config,\n  store,\n  isDarkMode,\n}: {\n  config: MaybeRefOrGetter<ApiReferenceConfigurationRaw>\n  store: WorkspaceStore\n  isDarkMode: Ref<boolean>\n}) => {\n  // Update the workspace store if default client changes\n  watch(\n    () => toValue(config).defaultHttpClient,\n    (newValue) => {\n      if (newValue) {\n        const { targetKey, clientKey } = newValue\n\n        const clientId = `${targetKey}/${clientKey}`\n        if (isClient(clientId)) {\n          store.update('x-scalar-default-client', clientId)\n        }\n      }\n    },\n    { immediate: true },\n  )\n\n  /** Update the dark mode state when props change */\n  watch(\n    () => toValue(config).darkMode,\n    (isDark) => store.update('x-scalar-color-mode', isDark ? 'dark' : 'light'),\n  )\n\n  // Temporary mapping of isDarkMode until we update the standalone component\n  watch(\n    () => isDarkMode.value,\n    (newIsDark) => store.update('x-scalar-color-mode', newIsDark ? 'dark' : 'light'),\n    { immediate: true },\n  )\n\n  if (toValue(config).metaData) {\n    useSeoMeta(toValue(config).metaData)\n  }\n\n  // Update the active proxy when the proxyUrl changes\n  watch(\n    () => toValue(config).proxyUrl,\n    (newProxyUrl) => store.update('x-scalar-active-proxy', newProxyUrl),\n    { immediate: true },\n  )\n\n  const favicon = computed(() => toValue(config).favicon)\n  useFavicon(favicon)\n}\n"],"mappings":";;;;;AAOA,IAAa,6BAA6B,EACxC,QACA,OACA,iBAKI;AAEJ,aACQ,QAAQ,OAAO,CAAC,oBACrB,aAAa;AACZ,MAAI,UAAU;GACZ,MAAM,EAAE,WAAW,cAAc;GAEjC,MAAM,WAAW,GAAG,UAAU,GAAG;AACjC,OAAI,SAAS,SAAS,CACpB,OAAM,OAAO,2BAA2B,SAAS;;IAIvD,EAAE,WAAW,MAAM,CACpB;;AAGD,aACQ,QAAQ,OAAO,CAAC,WACrB,WAAW,MAAM,OAAO,uBAAuB,SAAS,SAAS,QAAQ,CAC3E;AAGD,aACQ,WAAW,QAChB,cAAc,MAAM,OAAO,uBAAuB,YAAY,SAAS,QAAQ,EAChF,EAAE,WAAW,MAAM,CACpB;AAED,KAAI,QAAQ,OAAO,CAAC,SAClB,YAAW,QAAQ,OAAO,CAAC,SAAS;AAItC,aACQ,QAAQ,OAAO,CAAC,WACrB,gBAAgB,MAAM,OAAO,yBAAyB,YAAY,EACnE,EAAE,WAAW,MAAM,CACpB;AAGD,YADgB,eAAe,QAAQ,OAAO,CAAC,QAAQ,CACpC"}

package/dist/helpers/normalize-configurations.js

@@ -1,6 +1,6 @@
 import { apiReferenceConfigurationWithSourceSchema, isConfigurationWithSources } from "@scalar/types/api-reference";
-import { parseJsonOrYaml } from "@scalar/oas-utils/helpers";
 import GithubSlugger from "github-slugger";
+import { parseJsonOrYaml } from "@scalar/oas-utils/helpers";
 //#region src/helpers/normalize-configurations.ts
 /**
 * Take any configuration and return a flat array of configurations.

package/dist/hooks/use-intersection.d.ts

@@ -1,3 +1,14 @@
 import { type TemplateRef } from 'vue';
-export declare const useIntersection: (el: TemplateRef<HTMLElement | undefined>, onIntersect: () => void) => void;
+type UseIntersectionOptions = {
+    /** Called when the element stops intersecting. */
+    onExit?: () => void;
+    /**
+     * Whether to immediately fire the intersection as soon as the element is on the screen.
+     *
+     * When false (default) we use a root margin that is 2% of the viewport height on the middle of the viewport.
+     */
+    immediate?: boolean;
+};
+export declare const useIntersection: (el: TemplateRef<HTMLElement | undefined>, onIntersect: () => void, options?: UseIntersectionOptions) => void;
+export {};
 //# sourceMappingURL=use-intersection.d.ts.map

package/dist/hooks/use-intersection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-intersection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-intersection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,KAAK,CAAA;AAQjD,eAAO,MAAM,eAAe,GAAI,IAAI,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,aAAa,MAAM,IAAI,SAmBhG,CAAA"}
+{"version":3,"file":"use-intersection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-intersection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,KAAK,CAAA;AAQjD,KAAK,sBAAsB,GAAG;IAC5B,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,IAAI,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,EACxC,aAAa,MAAM,IAAI,EACvB,UAAU,sBAAsB,SAsBjC,CAAA"}

package/dist/hooks/use-intersection.js

@@ -6,14 +6,16 @@ import { useIntersectionObserver } from "@vueuse/core";
 * the viewport (~2% of viewport height). Emits only while the target overlaps that line.
 */
 var VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN = "-49% 0px -49% 0px";
-var useIntersection = (el, onIntersect) => {
+var useIntersection = (el, onIntersect, options) => {
 	onMounted(() => {
+		const observerOptions = {
+			rootMargin: options?.immediate ? "0px 0px 0px 0px" : VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN,
+			threshold: 0
+		};
 		if (el.value) useIntersectionObserver(el, ([entry]) => {
 			if (entry?.isIntersecting) onIntersect();
-		}, {
-			rootMargin: VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN,
-			threshold: 0
-		});
+			else options?.onExit?.();
+		}, observerOptions);
 	});
 };
 //#endregion

package/dist/hooks/use-intersection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-intersection.js","names":[],"sources":["../../src/hooks/use-intersection.ts"],"sourcesContent":["import { useIntersectionObserver } from '@vueuse/core'\nimport { type TemplateRef, onMounted } from 'vue'\n\n/**\n * Shrinks the observation root to a thin horizontal strip at the vertical middle of\n * the viewport (~2% of viewport height). Emits only while the target overlaps that line.\n */\nconst VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN = '-49% 0px -49% 0px'\n\nexport const useIntersection = (el: TemplateRef<HTMLElement | undefined>, onIntersect: () => void) => {\n  onMounted(() => {\n    if (el.value) {\n      const observerOptions = {\n        rootMargin: VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN,\n        threshold: 0,\n      }\n\n      useIntersectionObserver(\n        el,\n        ([entry]) => {\n          if (entry?.isIntersecting) {\n            onIntersect()\n          }\n        },\n        observerOptions,\n      )\n    }\n  })\n}\n"],"mappings":";;;;;;;AAOA,IAAM,uCAAuC;AAE7C,IAAa,mBAAmB,IAA0C,gBAA4B;AACpG,iBAAgB;AACd,MAAI,GAAG,MAML,yBACE,KACC,CAAC,WAAW;AACX,OAAI,OAAO,eACT,cAAa;KATK;GACtB,YAAY;GACZ,WAAW;GACZ,CAUA;GAEH"}
+{"version":3,"file":"use-intersection.js","names":[],"sources":["../../src/hooks/use-intersection.ts"],"sourcesContent":["import { useIntersectionObserver } from '@vueuse/core'\nimport { type TemplateRef, onMounted } from 'vue'\n\n/**\n * Shrinks the observation root to a thin horizontal strip at the vertical middle of\n * the viewport (~2% of viewport height). Emits only while the target overlaps that line.\n */\nconst VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN = '-49% 0px -49% 0px'\n\ntype UseIntersectionOptions = {\n  /** Called when the element stops intersecting. */\n  onExit?: () => void\n  /**\n   * Whether to immediately fire the intersection as soon as the element is on the screen.\n   *\n   * When false (default) we use a root margin that is 2% of the viewport height on the middle of the viewport.\n   */\n  immediate?: boolean\n}\n\nexport const useIntersection = (\n  el: TemplateRef<HTMLElement | undefined>,\n  onIntersect: () => void,\n  options?: UseIntersectionOptions,\n) => {\n  onMounted(() => {\n    const observerOptions = {\n      rootMargin: options?.immediate ? '0px 0px 0px 0px' : VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN,\n      threshold: 0,\n    } as const\n\n    if (el.value) {\n      useIntersectionObserver(\n        el,\n        ([entry]) => {\n          if (entry?.isIntersecting) {\n            onIntersect()\n          } else {\n            options?.onExit?.()\n          }\n        },\n        observerOptions,\n      )\n    }\n  })\n}\n"],"mappings":";;;;;;;AAOA,IAAM,uCAAuC;AAa7C,IAAa,mBACX,IACA,aACA,YACG;AACH,iBAAgB;EACd,MAAM,kBAAkB;GACtB,YAAY,SAAS,YAAY,oBAAoB;GACrD,WAAW;GACZ;AAED,MAAI,GAAG,MACL,yBACE,KACC,CAAC,WAAW;AACX,OAAI,OAAO,eACT,cAAa;OAEb,UAAS,UAAU;KAGvB,gBACD;GAEH"}

package/dist/plugins/plugin-manager.d.ts

@@ -1,3 +1,4 @@
+import type { ClientPlugin } from '@scalar/oas-utils/helpers';
 import type { ApiReferencePlugin as OriginalApiReferencePlugin, SpecificationExtension, ViewComponent } from '@scalar/types/api-reference';
 export type ApiReferencePlugin = OriginalApiReferencePlugin;
 type CreatePluginManagerParams = {
@@ -17,6 +18,22 @@ export declare const createPluginManager: ({ plugins }: CreatePluginManagerParam
      * Get all components for a specific view from registered plugins
      */
     getViewComponents: (viewName: "content.end") => ViewComponent[];
+    /**
+     * Notify all plugins that the API Reference has been initialized
+     */
+    notifyInit: (config: Record<string, unknown>) => void;
+    /**
+     * Notify all plugins that the configuration has changed
+     */
+    notifyConfigChange: (config: Record<string, unknown>) => void;
+    /**
+     * Notify all plugins that the API Reference is being destroyed
+     */
+    notifyDestroy: () => void;
+    /**
+     * Get all client plugins provided by registered plugins
+     */
+    getApiClientPlugins: () => ClientPlugin[];
 };
 export type PluginManager = ReturnType<typeof createPluginManager>;
 export {};

package/dist/plugins/plugin-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-manager.d.ts","sourceRoot":"","sources":["../../src/plugins/plugin-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,IAAI,0BAA0B,EAChD,sBAAsB,EACtB,aAAa,EACd,MAAM,6BAA6B,CAAA;AAEpC,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,CAAA;AAE3D,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,aAAkB,yBAAyB;IAU3E;;OAEG;uCACgC,KAAK,MAAM,EAAE,KAAG,sBAAsB,EAAE;IAc3E;;OAEG;kCAC2B,aAAa,KAAG,aAAa,EAAE;CAahE,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAA"}
+{"version":3,"file":"plugin-manager.d.ts","sourceRoot":"","sources":["../../src/plugins/plugin-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EACV,kBAAkB,IAAI,0BAA0B,EAChD,sBAAsB,EACtB,aAAa,EACd,MAAM,6BAA6B,CAAA;AAEpC,MAAM,MAAM,kBAAkB,GAAG,0BAA0B,CAAA;AAE3D,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;CAC/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,aAAkB,yBAAyB;IAU3E;;OAEG;uCACgC,KAAK,MAAM,EAAE,KAAG,sBAAsB,EAAE;IAc3E;;OAEG;kCAC2B,aAAa,KAAG,aAAa,EAAE;IAa7D;;OAEG;yBACkB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,IAAI;IAMnD;;OAEG;iCAC0B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,IAAI;IAM3D;;OAEG;yBACgB,IAAI;IAMvB;;OAEG;+BACsB,YAAY,EAAE;CAY1C,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAA"}

package/dist/plugins/plugin-manager.js

@@ -23,6 +23,20 @@ var createPluginManager = ({ plugins = [] }) => {
 				if (viewComponents) components.push(...viewComponents);
 			}
 			return components;
+		},
+		notifyInit: (config) => {
+			for (const plugin of registeredPlugins.values()) plugin.hooks?.onInit?.({ config });
+		},
+		notifyConfigChange: (config) => {
+			for (const plugin of registeredPlugins.values()) plugin.hooks?.onConfigChange?.({ config });
+		},
+		notifyDestroy: () => {
+			for (const plugin of registeredPlugins.values()) plugin.hooks?.onDestroy?.();
+		},
+		getApiClientPlugins: () => {
+			const apiClientPlugins = [];
+			for (const plugin of registeredPlugins.values()) if (plugin.apiClientPlugins) apiClientPlugins.push(...plugin.apiClientPlugins);
+			return apiClientPlugins;
 		}
 	};
 };

package/dist/plugins/plugin-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-manager.js","names":[],"sources":["../../src/plugins/plugin-manager.ts"],"sourcesContent":["import type {\n  ApiReferencePlugin as OriginalApiReferencePlugin,\n  SpecificationExtension,\n  ViewComponent,\n} from '@scalar/types/api-reference'\n\nexport type ApiReferencePlugin = OriginalApiReferencePlugin\n\ntype CreatePluginManagerParams = {\n  plugins?: ApiReferencePlugin[]\n}\n\n/**\n * Create the plugin manager store\n *\n * This store manages all plugins registered with the API client\n */\nexport const createPluginManager = ({ plugins = [] }: CreatePluginManagerParams) => {\n  const registeredPlugins = new Map<string, ReturnType<ApiReferencePlugin>>()\n\n  // Register initial plugins\n  plugins.forEach((plugin) => {\n    const pluginInstance = plugin()\n    registeredPlugins.set(pluginInstance.name, pluginInstance)\n  })\n\n  return {\n    /**\n     * Get all extensions with the given name from registered plugins\n     */\n    getSpecificationExtensions: (name: `x-${string}`): SpecificationExtension[] => {\n      const extensions: SpecificationExtension[] = []\n\n      for (const plugin of registeredPlugins.values()) {\n        for (const extension of plugin.extensions) {\n          if (extension.name === name) {\n            extensions.push(extension)\n          }\n        }\n      }\n\n      return extensions\n    },\n\n    /**\n     * Get all components for a specific view from registered plugins\n     */\n    getViewComponents: (viewName: 'content.end'): ViewComponent[] => {\n      const components: ViewComponent[] = []\n\n      for (const plugin of registeredPlugins.values()) {\n        const viewComponents = plugin.views?.[viewName]\n        if (viewComponents) {\n          components.push(...viewComponents)\n        }\n      }\n\n      return components\n    },\n  }\n}\n\nexport type PluginManager = ReturnType<typeof createPluginManager>\n"],"mappings":";;;;;;AAiBA,IAAa,uBAAuB,EAAE,UAAU,EAAE,OAAkC;CAClF,MAAM,oCAAoB,IAAI,KAA6C;AAG3E,SAAQ,SAAS,WAAW;EAC1B,MAAM,iBAAiB,QAAQ;AAC/B,oBAAkB,IAAI,eAAe,MAAM,eAAe;GAC1D;AAEF,QAAO;EAIL,6BAA6B,SAAkD;GAC7E,MAAM,aAAuC,EAAE;AAE/C,QAAK,MAAM,UAAU,kBAAkB,QAAQ,CAC7C,MAAK,MAAM,aAAa,OAAO,WAC7B,KAAI,UAAU,SAAS,KACrB,YAAW,KAAK,UAAU;AAKhC,UAAO;;EAMT,oBAAoB,aAA6C;GAC/D,MAAM,aAA8B,EAAE;AAEtC,QAAK,MAAM,UAAU,kBAAkB,QAAQ,EAAE;IAC/C,MAAM,iBAAiB,OAAO,QAAQ;AACtC,QAAI,eACF,YAAW,KAAK,GAAG,eAAe;;AAItC,UAAO;;EAEV"}
+{"version":3,"file":"plugin-manager.js","names":[],"sources":["../../src/plugins/plugin-manager.ts"],"sourcesContent":["import type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type {\n  ApiReferencePlugin as OriginalApiReferencePlugin,\n  SpecificationExtension,\n  ViewComponent,\n} from '@scalar/types/api-reference'\n\nexport type ApiReferencePlugin = OriginalApiReferencePlugin\n\ntype CreatePluginManagerParams = {\n  plugins?: ApiReferencePlugin[]\n}\n\n/**\n * Create the plugin manager store\n *\n * This store manages all plugins registered with the API client\n */\nexport const createPluginManager = ({ plugins = [] }: CreatePluginManagerParams) => {\n  const registeredPlugins = new Map<string, ReturnType<ApiReferencePlugin>>()\n\n  // Register initial plugins\n  plugins.forEach((plugin) => {\n    const pluginInstance = plugin()\n    registeredPlugins.set(pluginInstance.name, pluginInstance)\n  })\n\n  return {\n    /**\n     * Get all extensions with the given name from registered plugins\n     */\n    getSpecificationExtensions: (name: `x-${string}`): SpecificationExtension[] => {\n      const extensions: SpecificationExtension[] = []\n\n      for (const plugin of registeredPlugins.values()) {\n        for (const extension of plugin.extensions) {\n          if (extension.name === name) {\n            extensions.push(extension)\n          }\n        }\n      }\n\n      return extensions\n    },\n\n    /**\n     * Get all components for a specific view from registered plugins\n     */\n    getViewComponents: (viewName: 'content.end'): ViewComponent[] => {\n      const components: ViewComponent[] = []\n\n      for (const plugin of registeredPlugins.values()) {\n        const viewComponents = plugin.views?.[viewName]\n        if (viewComponents) {\n          components.push(...viewComponents)\n        }\n      }\n\n      return components\n    },\n\n    /**\n     * Notify all plugins that the API Reference has been initialized\n     */\n    notifyInit: (config: Record<string, unknown>): void => {\n      for (const plugin of registeredPlugins.values()) {\n        plugin.hooks?.onInit?.({ config })\n      }\n    },\n\n    /**\n     * Notify all plugins that the configuration has changed\n     */\n    notifyConfigChange: (config: Record<string, unknown>): void => {\n      for (const plugin of registeredPlugins.values()) {\n        plugin.hooks?.onConfigChange?.({ config })\n      }\n    },\n\n    /**\n     * Notify all plugins that the API Reference is being destroyed\n     */\n    notifyDestroy: (): void => {\n      for (const plugin of registeredPlugins.values()) {\n        plugin.hooks?.onDestroy?.()\n      }\n    },\n\n    /**\n     * Get all client plugins provided by registered plugins\n     */\n    getApiClientPlugins: (): ClientPlugin[] => {\n      const apiClientPlugins: ClientPlugin[] = []\n\n      for (const plugin of registeredPlugins.values()) {\n        if (plugin.apiClientPlugins) {\n          apiClientPlugins.push(...(plugin.apiClientPlugins as ClientPlugin[]))\n        }\n      }\n\n      return apiClientPlugins\n    },\n  }\n}\n\nexport type PluginManager = ReturnType<typeof createPluginManager>\n"],"mappings":";;;;;;AAkBA,IAAa,uBAAuB,EAAE,UAAU,EAAE,OAAkC;CAClF,MAAM,oCAAoB,IAAI,KAA6C;AAG3E,SAAQ,SAAS,WAAW;EAC1B,MAAM,iBAAiB,QAAQ;AAC/B,oBAAkB,IAAI,eAAe,MAAM,eAAe;GAC1D;AAEF,QAAO;EAIL,6BAA6B,SAAkD;GAC7E,MAAM,aAAuC,EAAE;AAE/C,QAAK,MAAM,UAAU,kBAAkB,QAAQ,CAC7C,MAAK,MAAM,aAAa,OAAO,WAC7B,KAAI,UAAU,SAAS,KACrB,YAAW,KAAK,UAAU;AAKhC,UAAO;;EAMT,oBAAoB,aAA6C;GAC/D,MAAM,aAA8B,EAAE;AAEtC,QAAK,MAAM,UAAU,kBAAkB,QAAQ,EAAE;IAC/C,MAAM,iBAAiB,OAAO,QAAQ;AACtC,QAAI,eACF,YAAW,KAAK,GAAG,eAAe;;AAItC,UAAO;;EAMT,aAAa,WAA0C;AACrD,QAAK,MAAM,UAAU,kBAAkB,QAAQ,CAC7C,QAAO,OAAO,SAAS,EAAE,QAAQ,CAAC;;EAOtC,qBAAqB,WAA0C;AAC7D,QAAK,MAAM,UAAU,kBAAkB,QAAQ,CAC7C,QAAO,OAAO,iBAAiB,EAAE,QAAQ,CAAC;;EAO9C,qBAA2B;AACzB,QAAK,MAAM,UAAU,kBAAkB,QAAQ,CAC7C,QAAO,OAAO,aAAa;;EAO/B,2BAA2C;GACzC,MAAM,mBAAmC,EAAE;AAE3C,QAAK,MAAM,UAAU,kBAAkB,QAAQ,CAC7C,KAAI,OAAO,iBACT,kBAAiB,KAAK,GAAI,OAAO,iBAAoC;AAIzE,UAAO;;EAEV"}

package/dist/plugins/posthog/index.d.ts

@@ -0,0 +1,16 @@
+import { type PostHogConfig } from '@scalar/api-client/plugins/posthog';
+import type { ApiReferencePlugin } from '../plugin-manager.js';
+export type { PostHogConfig };
+/**
+ * PostHog analytics plugin for the API Reference.
+ *
+ * Loading this plugin opts in to analytics for both the API Reference
+ * and the embedded API Client (tracked as separate products).
+ *
+ * Respects the `telemetry` configuration option — when set to `false`,
+ * capturing is disabled. Reacts dynamically to config changes at runtime.
+ *
+ * If the plugin is not loaded, no tracking occurs.
+ */
+export declare const PostHogPlugin: (config: PostHogConfig) => ApiReferencePlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/posthog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/posthog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAI5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,aAAa,KAAG,kBAuDrD,CAAA"}

package/dist/plugins/posthog/index.js

@@ -0,0 +1,54 @@
+import { PostHogClientPlugin } from "@scalar/api-client/plugins/posthog";
+import ph from "posthog-js";
+//#region src/plugins/posthog/index.ts
+/**
+* PostHog analytics plugin for the API Reference.
+*
+* Loading this plugin opts in to analytics for both the API Reference
+* and the embedded API Client (tracked as separate products).
+*
+* Respects the `telemetry` configuration option — when set to `false`,
+* capturing is disabled. Reacts dynamically to config changes at runtime.
+*
+* If the plugin is not loaded, no tracking occurs.
+*/
+var PostHogPlugin = (config) => {
+	let posthog = null;
+	const clientPlugin = PostHogClientPlugin(config);
+	return () => ({
+		name: "posthog",
+		extensions: [],
+		apiClientPlugins: [clientPlugin],
+		hooks: {
+			onInit({ config: referenceConfig }) {
+				if (typeof window === "undefined") return;
+				const instance = ph.init(config.apiKey, {
+					api_host: config.apiHost,
+					...config.uiHost ? { ui_host: config.uiHost } : {},
+					...config.defaults ? { defaults: config.defaults } : {},
+					opt_out_capturing_by_default: true
+				}, "scalar-api-reference");
+				if (instance) {
+					posthog = instance;
+					posthog.register({ product: "api-reference" });
+					if (referenceConfig.telemetry !== false) posthog.opt_in_capturing();
+				}
+				clientPlugin.lifecycle?.onInit?.({ config: referenceConfig });
+			},
+			onConfigChange({ config: referenceConfig }) {
+				if (posthog) if (referenceConfig.telemetry === false) posthog.opt_out_capturing();
+				else posthog.opt_in_capturing();
+				clientPlugin.lifecycle?.onConfigChange?.({ config: referenceConfig });
+			},
+			onDestroy() {
+				posthog?.reset();
+				posthog = null;
+				clientPlugin.lifecycle?.onDestroy?.();
+			}
+		}
+	});
+};
+//#endregion
+export { PostHogPlugin };
+
+//# sourceMappingURL=index.js.map

package/dist/plugins/posthog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/plugins/posthog/index.ts"],"sourcesContent":["import { PostHogClientPlugin, type PostHogConfig } from '@scalar/api-client/plugins/posthog'\nimport type { PostHog } from 'posthog-js'\nimport ph from 'posthog-js'\n\nimport type { ApiReferencePlugin } from '../plugin-manager'\n\nexport type { PostHogConfig }\n\n/**\n * PostHog analytics plugin for the API Reference.\n *\n * Loading this plugin opts in to analytics for both the API Reference\n * and the embedded API Client (tracked as separate products).\n *\n * Respects the `telemetry` configuration option — when set to `false`,\n * capturing is disabled. Reacts dynamically to config changes at runtime.\n *\n * If the plugin is not loaded, no tracking occurs.\n */\nexport const PostHogPlugin = (config: PostHogConfig): ApiReferencePlugin => {\n  let posthog: PostHog | null = null\n  const clientPlugin = PostHogClientPlugin(config)\n\n  return () => ({\n    name: 'posthog',\n    extensions: [],\n    apiClientPlugins: [clientPlugin],\n    hooks: {\n      onInit({ config: referenceConfig }) {\n        if (typeof window === 'undefined') {\n          return\n        }\n\n        const instance = ph.init(\n          config.apiKey,\n          {\n            api_host: config.apiHost,\n            ...(config.uiHost ? { ui_host: config.uiHost } : {}),\n            ...(config.defaults ? { defaults: config.defaults } : {}),\n            opt_out_capturing_by_default: true,\n          },\n          'scalar-api-reference',\n        )\n\n        if (instance) {\n          posthog = instance\n          posthog.register({ product: 'api-reference' })\n\n          if (referenceConfig.telemetry !== false) {\n            posthog.opt_in_capturing()\n          }\n        }\n\n        clientPlugin.lifecycle?.onInit?.({ config: referenceConfig })\n      },\n      onConfigChange({ config: referenceConfig }) {\n        if (posthog) {\n          if (referenceConfig.telemetry === false) {\n            posthog.opt_out_capturing()\n          } else {\n            posthog.opt_in_capturing()\n          }\n        }\n\n        clientPlugin.lifecycle?.onConfigChange?.({ config: referenceConfig })\n      },\n      onDestroy() {\n        posthog?.reset()\n        posthog = null\n\n        clientPlugin.lifecycle?.onDestroy?.()\n      },\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAa,iBAAiB,WAA8C;CAC1E,IAAI,UAA0B;CAC9B,MAAM,eAAe,oBAAoB,OAAO;AAEhD,eAAc;EACZ,MAAM;EACN,YAAY,EAAE;EACd,kBAAkB,CAAC,aAAa;EAChC,OAAO;GACL,OAAO,EAAE,QAAQ,mBAAmB;AAClC,QAAI,OAAO,WAAW,YACpB;IAGF,MAAM,WAAW,GAAG,KAClB,OAAO,QACP;KACE,UAAU,OAAO;KACjB,GAAI,OAAO,SAAS,EAAE,SAAS,OAAO,QAAQ,GAAG,EAAE;KACnD,GAAI,OAAO,WAAW,EAAE,UAAU,OAAO,UAAU,GAAG,EAAE;KACxD,8BAA8B;KAC/B,EACD,uBACD;AAED,QAAI,UAAU;AACZ,eAAU;AACV,aAAQ,SAAS,EAAE,SAAS,iBAAiB,CAAC;AAE9C,SAAI,gBAAgB,cAAc,MAChC,SAAQ,kBAAkB;;AAI9B,iBAAa,WAAW,SAAS,EAAE,QAAQ,iBAAiB,CAAC;;GAE/D,eAAe,EAAE,QAAQ,mBAAmB;AAC1C,QAAI,QACF,KAAI,gBAAgB,cAAc,MAChC,SAAQ,mBAAmB;QAE3B,SAAQ,kBAAkB;AAI9B,iBAAa,WAAW,iBAAiB,EAAE,QAAQ,iBAAiB,CAAC;;GAEvE,YAAY;AACV,aAAS,OAAO;AAChB,cAAU;AAEV,iBAAa,WAAW,aAAa;;GAExC;EACF"}