@scalar/api-reference 1.49.4 → 1.49.6

package/dist/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarShareRegister.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;AAkGF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ApiReferenceToolbarShareRegister.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAoGF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarShareRegister.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarIconBookOpen,\n  ScalarIconBracketsCurly,\n  ScalarIconCloud,\n  ScalarIconFileMd,\n  ScalarIconGitBranch,\n  ScalarIconGlobeSimple,\n  ScalarIconLockSimple,\n  ScalarIconWarningOctagon,\n} from '@scalar/icons'\nimport { type ScalarIconComponent } from '@scalar/icons/types'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\nimport ApiReferenceToolbarRegisterButton from './ApiReferenceToolbarRegisterButton.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst FEATURES = [\n  { icon: ScalarIconLockSimple, label: 'Password Protection' },\n  { icon: ScalarIconGlobeSimple, label: 'Custom Domains' },\n  { icon: ScalarIconBookOpen, label: 'Free-form content' },\n  { icon: ScalarIconCloud, label: 'CDN Infrastructure' },\n  { icon: ScalarIconGitBranch, label: 'Pull from GitHub' },\n  { icon: ScalarIconFileMd, label: 'Markdown/MDX' },\n  { icon: ScalarIconWarningOctagon, label: 'Spectral Linting' },\n  { icon: ScalarIconBracketsCurly, label: 'JSON Schema Hosting' },\n] as const satisfies ReadonlyArray<{\n  icon: ScalarIconComponent\n  label: string\n}>\n</script>\n<template>\n  <ul class=\"text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium\">\n    <li\n      v-for=\"feature in FEATURES\"\n      :key=\"feature.label\"\n      class=\"flex items-center gap-2\">\n      <component\n        :is=\"feature.icon\"\n        class=\"text-c-3 size-3.5\"\n        weight=\"bold\" />\n      {{ feature.label }}\n    </li>\n  </ul>\n  <ApiReferenceToolbarRegisterButton :workspace>\n    Deploy on Scalar\n  </ApiReferenceToolbarRegisterButton>\n  <ApiReferenceToolbarBlurb>\n    Deploy your documentation for free. <br />\n    Additional features might require\n    <a\n      href=\"https://scalar.com/products/docs/getting-started\"\n      target=\"_blank\"\n      >Scalar Pro</a\n    >.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarShareRegister.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarIconBookOpen,\n  ScalarIconBracketsCurly,\n  ScalarIconCloud,\n  ScalarIconFileMd,\n  ScalarIconGitBranch,\n  ScalarIconGlobeSimple,\n  ScalarIconLockSimple,\n  ScalarIconWarningOctagon,\n} from '@scalar/icons'\nimport { type ScalarIconComponent } from '@scalar/icons/types'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\nimport ApiReferenceToolbarRegisterButton from './ApiReferenceToolbarRegisterButton.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n\nconst FEATURES = [\n  { icon: ScalarIconLockSimple, label: 'Password Protection' },\n  { icon: ScalarIconGlobeSimple, label: 'Custom Domains' },\n  { icon: ScalarIconBookOpen, label: 'Free-form content' },\n  { icon: ScalarIconCloud, label: 'CDN Infrastructure' },\n  { icon: ScalarIconGitBranch, label: 'Pull from GitHub' },\n  { icon: ScalarIconFileMd, label: 'Markdown/MDX' },\n  { icon: ScalarIconWarningOctagon, label: 'Spectral Linting' },\n  { icon: ScalarIconBracketsCurly, label: 'JSON Schema Hosting' },\n] as const satisfies ReadonlyArray<{\n  icon: ScalarIconComponent\n  label: string\n}>\n</script>\n<template>\n  <ul class=\"text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium\">\n    <li\n      v-for=\"feature in FEATURES\"\n      :key=\"feature.label\"\n      class=\"flex items-center gap-2\">\n      <component\n        :is=\"feature.icon\"\n        class=\"text-c-3 size-3.5\"\n        weight=\"bold\" />\n      {{ feature.label }}\n    </li>\n  </ul>\n  <ApiReferenceToolbarRegisterButton\n    :externalUrls\n    :workspace>\n    Deploy on Scalar\n  </ApiReferenceToolbarRegisterButton>\n  <ApiReferenceToolbarBlurb>\n    Deploy your documentation for free. <br />\n    Additional features might require\n    <a\n      href=\"https://scalar.com/products/docs/getting-started\"\n      target=\"_blank\"\n      >Scalar Pro</a\n    >.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue.script.js

@@ -6,7 +6,10 @@ import { ScalarIconBookOpen, ScalarIconBracketsCurly, ScalarIconCloud, ScalarIco
 var _hoisted_1 = { class: "text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium" };
 var ApiReferenceToolbarShareRegister_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ApiReferenceToolbarShareRegister",
-	props: { workspace: {} },
+	props: {
+		workspace: {},
+		externalUrls: {}
+	},
 	setup(__props) {
 		const FEATURES = [
 			{
@@ -53,10 +56,13 @@ var ApiReferenceToolbarShareRegister_vue_vue_type_script_setup_true_lang_default
 						weight: "bold"
 					})), createTextVNode(" " + toDisplayString(feature.label), 1)]);
 				}), 64))]),
-				createVNode(ApiReferenceToolbarRegisterButton_default, { workspace: __props.workspace }, {
+				createVNode(ApiReferenceToolbarRegisterButton_default, {
+					externalUrls: __props.externalUrls,
+					workspace: __props.workspace
+				}, {
 					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Deploy on Scalar ", -1)])]),
 					_: 1
-				}, 8, ["workspace"]),
+				}, 8, ["externalUrls", "workspace"]),
 				createVNode(ApiReferenceToolbarBlurb_default, null, {
 					default: withCtx(() => [..._cache[1] || (_cache[1] = [
 						createTextVNode(" Deploy your documentation for free. ", -1),

package/dist/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarShareRegister.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarIconBookOpen,\n  ScalarIconBracketsCurly,\n  ScalarIconCloud,\n  ScalarIconFileMd,\n  ScalarIconGitBranch,\n  ScalarIconGlobeSimple,\n  ScalarIconLockSimple,\n  ScalarIconWarningOctagon,\n} from '@scalar/icons'\nimport { type ScalarIconComponent } from '@scalar/icons/types'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\nimport ApiReferenceToolbarRegisterButton from './ApiReferenceToolbarRegisterButton.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst FEATURES = [\n  { icon: ScalarIconLockSimple, label: 'Password Protection' },\n  { icon: ScalarIconGlobeSimple, label: 'Custom Domains' },\n  { icon: ScalarIconBookOpen, label: 'Free-form content' },\n  { icon: ScalarIconCloud, label: 'CDN Infrastructure' },\n  { icon: ScalarIconGitBranch, label: 'Pull from GitHub' },\n  { icon: ScalarIconFileMd, label: 'Markdown/MDX' },\n  { icon: ScalarIconWarningOctagon, label: 'Spectral Linting' },\n  { icon: ScalarIconBracketsCurly, label: 'JSON Schema Hosting' },\n] as const satisfies ReadonlyArray<{\n  icon: ScalarIconComponent\n  label: string\n}>\n</script>\n<template>\n  <ul class=\"text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium\">\n    <li\n      v-for=\"feature in FEATURES\"\n      :key=\"feature.label\"\n      class=\"flex items-center gap-2\">\n      <component\n        :is=\"feature.icon\"\n        class=\"text-c-3 size-3.5\"\n        weight=\"bold\" />\n      {{ feature.label }}\n    </li>\n  </ul>\n  <ApiReferenceToolbarRegisterButton :workspace>\n    Deploy on Scalar\n  </ApiReferenceToolbarRegisterButton>\n  <ApiReferenceToolbarBlurb>\n    Deploy your documentation for free. <br />\n    Additional features might require\n    <a\n      href=\"https://scalar.com/products/docs/getting-started\"\n      target=\"_blank\"\n      >Scalar Pro</a\n    >.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":";;;;;;;;;;EAqBA,MAAM,WAAW;GACf;IAAE,MAAM;IAAsB,OAAO;IAAuB;GAC5D;IAAE,MAAM;IAAuB,OAAO;IAAkB;GACxD;IAAE,MAAM;IAAoB,OAAO;IAAqB;GACxD;IAAE,MAAM;IAAiB,OAAO;IAAsB;GACtD;IAAE,MAAM;IAAqB,OAAO;IAAoB;GACxD;IAAE,MAAM;IAAkB,OAAO;IAAgB;GACjD;IAAE,MAAM;IAA0B,OAAO;IAAoB;GAC7D;IAAE,MAAM;IAAyB,OAAO;IAAuB;GAChE;;;IAMC,mBAWK,MAXL,YAWK,EAAA,WAAA,EAVH,mBASK,UAAA,MAAA,WARe,WAAX,YAAO;YADhB,mBASK,MAAA;MAPF,KAAK,QAAQ;MACd,OAAM;uBACN,YAGkB,wBAFX,QAAQ,KAAI,EAAA;MACjB,OAAM;MACN,QAAO;0BAAS,MAClB,gBAAG,QAAQ,MAAK,EAAA,EAAA,CAAA,CAAA;;IAGpB,YAEoC,2CAAA,EAFA,WAAA,QAAA,WAAS,EAAA;4BAE7C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8C,sBAE9C,GAAA,CAAA,EAAA,CAAA;;;IACA,YAQ2B,kCAAA,MAAA;4BAPW,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;sBADZ,yCACY,GAAA;MAAA,mBAAM,MAAA,MAAA,MAAA,GAAA;sBAAA,uCAE1C,GAAA;MAAA,mBAIC,KAAA;OAHC,MAAK;OACL,QAAO;SACN,cAAU,GAAA;sBACZ,MACH,GAAA"}
+{"version":3,"file":"ApiReferenceToolbarShareRegister.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarIconBookOpen,\n  ScalarIconBracketsCurly,\n  ScalarIconCloud,\n  ScalarIconFileMd,\n  ScalarIconGitBranch,\n  ScalarIconGlobeSimple,\n  ScalarIconLockSimple,\n  ScalarIconWarningOctagon,\n} from '@scalar/icons'\nimport { type ScalarIconComponent } from '@scalar/icons/types'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\nimport ApiReferenceToolbarRegisterButton from './ApiReferenceToolbarRegisterButton.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n\nconst FEATURES = [\n  { icon: ScalarIconLockSimple, label: 'Password Protection' },\n  { icon: ScalarIconGlobeSimple, label: 'Custom Domains' },\n  { icon: ScalarIconBookOpen, label: 'Free-form content' },\n  { icon: ScalarIconCloud, label: 'CDN Infrastructure' },\n  { icon: ScalarIconGitBranch, label: 'Pull from GitHub' },\n  { icon: ScalarIconFileMd, label: 'Markdown/MDX' },\n  { icon: ScalarIconWarningOctagon, label: 'Spectral Linting' },\n  { icon: ScalarIconBracketsCurly, label: 'JSON Schema Hosting' },\n] as const satisfies ReadonlyArray<{\n  icon: ScalarIconComponent\n  label: string\n}>\n</script>\n<template>\n  <ul class=\"text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium\">\n    <li\n      v-for=\"feature in FEATURES\"\n      :key=\"feature.label\"\n      class=\"flex items-center gap-2\">\n      <component\n        :is=\"feature.icon\"\n        class=\"text-c-3 size-3.5\"\n        weight=\"bold\" />\n      {{ feature.label }}\n    </li>\n  </ul>\n  <ApiReferenceToolbarRegisterButton\n    :externalUrls\n    :workspace>\n    Deploy on Scalar\n  </ApiReferenceToolbarRegisterButton>\n  <ApiReferenceToolbarBlurb>\n    Deploy your documentation for free. <br />\n    Additional features might require\n    <a\n      href=\"https://scalar.com/products/docs/getting-started\"\n      target=\"_blank\"\n      >Scalar Pro</a\n    >.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAuBA,MAAM,WAAW;GACf;IAAE,MAAM;IAAsB,OAAO;IAAuB;GAC5D;IAAE,MAAM;IAAuB,OAAO;IAAkB;GACxD;IAAE,MAAM;IAAoB,OAAO;IAAqB;GACxD;IAAE,MAAM;IAAiB,OAAO;IAAsB;GACtD;IAAE,MAAM;IAAqB,OAAO;IAAoB;GACxD;IAAE,MAAM;IAAkB,OAAO;IAAgB;GACjD;IAAE,MAAM;IAA0B,OAAO;IAAoB;GAC7D;IAAE,MAAM;IAAyB,OAAO;IAAuB;GAChE;;;IAMC,mBAWK,MAXL,YAWK,EAAA,WAAA,EAVH,mBASK,UAAA,MAAA,WARe,WAAX,YAAO;YADhB,mBASK,MAAA;MAPF,KAAK,QAAQ;MACd,OAAM;uBACN,YAGkB,wBAFX,QAAQ,KAAI,EAAA;MACjB,OAAM;MACN,QAAO;0BAAS,MAClB,gBAAG,QAAQ,MAAK,EAAA,EAAA,CAAA,CAAA;;IAGpB,YAIoC,2CAAA;KAHjC,cAAA,QAAA;KACA,WAAA,QAAA;;4BAEH,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFa,sBAEb,GAAA,CAAA,EAAA,CAAA;;;IACA,YAQ2B,kCAAA,MAAA;4BAPW,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;sBADZ,yCACY,GAAA;MAAA,mBAAM,MAAA,MAAA,MAAA,GAAA;sBAAA,uCAE1C,GAAA;MAAA,mBAIC,KAAA;OAHC,MAAK;OACL,QAAO;SACN,cAAU,GAAA;sBACZ,MACH,GAAA"}

package/dist/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue.d.ts

@@ -1,6 +1,8 @@
+import type { ExternalUrls } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 type __VLS_Props = {
     workspace: WorkspaceStore;
+    externalUrls: ExternalUrls;
 };
 type __VLS_ModelProps = {
     'url'?: string;

package/dist/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarShareTemporary.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAOpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;AAqCF,KAAK,gBAAgB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAqFxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ApiReferenceToolbarShareTemporary.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAMpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAqCF,KAAK,gBAAgB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAoFxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarShareTemporary.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarTextInputCopy,\n  useLoadingState,\n} from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { REGISTRY_SHARE_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst tempDocUrl = defineModel<string>('url')\n\nasync function generateTemporaryLink() {\n  if (loader.isLoading || !workspace || !!tempDocUrl.value) {\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    const url = await uploadTempDocument(document)\n    await loader.validate({ duration: 900, persist: true }) // Wait to show the success state\n    tempDocUrl.value = url\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <template v-if=\"tempDocUrl\">\n    <ScalarTextInputCopy\n      immediate\n      :modelValue=\"tempDocUrl\"\n      name=\"temporary-link\"\n      :placeholder=\"`${REGISTRY_SHARE_URL}/apis/…`\">\n    </ScalarTextInputCopy>\n  </template>\n  <template v-else>\n    <ScalarButton\n      class=\"h-auto p-2.5\"\n      :loader\n      variant=\"gradient\"\n      @click=\"generateTemporaryLink\">\n      Upload Document\n    </ScalarButton>\n  </template>\n  <ApiReferenceToolbarBlurb class=\"-mt-1\">\n    Your document will automatically be deleted after 7 days.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarShareTemporary.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarTextInputCopy,\n  useLoadingState,\n} from '@scalar/components'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst tempDocUrl = defineModel<string>('url')\n\nasync function generateTemporaryLink() {\n  if (loader.isLoading || !workspace || !!tempDocUrl.value) {\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    const url = await uploadTempDocument(document, externalUrls)\n    await loader.validate({ duration: 900, persist: true }) // Wait to show the success state\n    tempDocUrl.value = url\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <template v-if=\"tempDocUrl\">\n    <ScalarTextInputCopy\n      immediate\n      :modelValue=\"tempDocUrl\"\n      name=\"temporary-link\"\n      :placeholder=\"`${externalUrls.registryUrl}/share/apis/…`\">\n    </ScalarTextInputCopy>\n  </template>\n  <template v-else>\n    <ScalarButton\n      class=\"h-auto p-2.5\"\n      :loader\n      variant=\"gradient\"\n      @click=\"generateTemporaryLink\">\n      Upload Document\n    </ScalarButton>\n  </template>\n  <ApiReferenceToolbarBlurb class=\"-mt-1\">\n    Your document will automatically be deleted after 7 days.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue.script.js

@@ -1,4 +1,3 @@
-import { REGISTRY_SHARE_URL } from "../../../consts/urls.js";
 import { uploadTempDocument } from "../../../helpers/upload-temp-document.js";
 import ApiReferenceToolbarBlurb_default from "./ApiReferenceToolbarBlurb.vue.js";
 import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
@@ -7,7 +6,10 @@ import { useToasts } from "@scalar/use-toasts";
 //#region src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue?vue&type=script&setup=true&lang.ts
 var ApiReferenceToolbarShareTemporary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ApiReferenceToolbarShareTemporary",
-	props: /* @__PURE__ */ mergeModels({ workspace: {} }, {
+	props: /* @__PURE__ */ mergeModels({
+		workspace: {},
+		externalUrls: {}
+	}, {
 		"url": {},
 		"urlModifiers": {}
 	}),
@@ -26,7 +28,7 @@ var ApiReferenceToolbarShareTemporary_vue_vue_type_script_setup_true_lang_defaul
 				return;
 			}
 			try {
-				const url = await uploadTempDocument(document);
+				const url = await uploadTempDocument(document, __props.externalUrls);
 				await loader.validate({
 					duration: 900,
 					persist: true
@@ -43,7 +45,7 @@ var ApiReferenceToolbarShareTemporary_vue_vue_type_script_setup_true_lang_defaul
 				immediate: "",
 				modelValue: tempDocUrl.value,
 				name: "temporary-link",
-				placeholder: `${unref(REGISTRY_SHARE_URL)}/apis/…`
+				placeholder: `${__props.externalUrls.registryUrl}/share/apis/…`
 			}, null, 8, ["modelValue", "placeholder"])) : (openBlock(), createBlock(unref(ScalarButton), {
 				key: 1,
 				class: "h-auto p-2.5",

package/dist/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarShareTemporary.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarTextInputCopy,\n  useLoadingState,\n} from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { REGISTRY_SHARE_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst tempDocUrl = defineModel<string>('url')\n\nasync function generateTemporaryLink() {\n  if (loader.isLoading || !workspace || !!tempDocUrl.value) {\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    const url = await uploadTempDocument(document)\n    await loader.validate({ duration: 900, persist: true }) // Wait to show the success state\n    tempDocUrl.value = url\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <template v-if=\"tempDocUrl\">\n    <ScalarTextInputCopy\n      immediate\n      :modelValue=\"tempDocUrl\"\n      name=\"temporary-link\"\n      :placeholder=\"`${REGISTRY_SHARE_URL}/apis/…`\">\n    </ScalarTextInputCopy>\n  </template>\n  <template v-else>\n    <ScalarButton\n      class=\"h-auto p-2.5\"\n      :loader\n      variant=\"gradient\"\n      @click=\"generateTemporaryLink\">\n      Upload Document\n    </ScalarButton>\n  </template>\n  <ApiReferenceToolbarBlurb class=\"-mt-1\">\n    Your document will automatically be deleted after 7 days.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,MAAM,EAAE,UAAU,WAAU;EAC5B,MAAM,SAAS,iBAAgB;EAE/B,MAAM,aAAa,SAAmB,SAAC,MAAK;EAE5C,eAAe,wBAAwB;AACrC,OAAI,OAAO,aAAa,CAAC,QAAA,aAAa,CAAC,CAAC,WAAW,MACjD;AAGF,UAAO,OAAM;GAEb,MAAM,WAAW,QAAA,UAAU,qBAAqB,OAAM;AAEtD,OAAI,CAAC,UAAU;AACb,UAAM,oCAAoC,QAAO;AACjD,UAAM,OAAO,YAAW;AACxB;;AAGF,OAAI;IACF,MAAM,MAAM,MAAM,mBAAmB,SAAQ;AAC7C,UAAM,OAAO,SAAS;KAAE,UAAU;KAAK,SAAS;KAAM,CAAC;AACvD,eAAW,QAAQ;YACZ,OAAO;AAGd,UADE,iBAAiB,QAAQ,MAAM,UAAU,6BAC5B,QAAO;AACtB,UAAM,OAAO,YAAW;;;;2DAKV,WAAA,SAAA,WAAA,EACd,YAKsB,MAAA,oBAAA,EAAA;;IAJpB,WAAA;IACC,YAAY,WAAA;IACb,MAAK;IACJ,aAAW,GAAK,MAAA,mBAAkB,CAAA;+DAIrC,YAMe,MAAA,aAAA,EAAA;;IALb,OAAM;IACL,QAAA,MAAA,OAAM;IACP,SAAQ;IACP,SAAO;;2BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFiC,qBAEjC,GAAA,CAAA,EAAA,CAAA;;uBAEF,YAE2B,kCAAA,EAFD,OAAM,SAAO,EAAA;2BAEvC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFwC,+DAExC,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ApiReferenceToolbarShareTemporary.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarTextInputCopy,\n  useLoadingState,\n} from '@scalar/components'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst tempDocUrl = defineModel<string>('url')\n\nasync function generateTemporaryLink() {\n  if (loader.isLoading || !workspace || !!tempDocUrl.value) {\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    const url = await uploadTempDocument(document, externalUrls)\n    await loader.validate({ duration: 900, persist: true }) // Wait to show the success state\n    tempDocUrl.value = url\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <template v-if=\"tempDocUrl\">\n    <ScalarTextInputCopy\n      immediate\n      :modelValue=\"tempDocUrl\"\n      name=\"temporary-link\"\n      :placeholder=\"`${externalUrls.registryUrl}/share/apis/…`\">\n    </ScalarTextInputCopy>\n  </template>\n  <template v-else>\n    <ScalarButton\n      class=\"h-auto p-2.5\"\n      :loader\n      variant=\"gradient\"\n      @click=\"generateTemporaryLink\">\n      Upload Document\n    </ScalarButton>\n  </template>\n  <ApiReferenceToolbarBlurb class=\"-mt-1\">\n    Your document will automatically be deleted after 7 days.\n  </ApiReferenceToolbarBlurb>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAmBA,MAAM,EAAE,UAAU,WAAU;EAC5B,MAAM,SAAS,iBAAgB;EAE/B,MAAM,aAAa,SAAmB,SAAC,MAAK;EAE5C,eAAe,wBAAwB;AACrC,OAAI,OAAO,aAAa,CAAC,QAAA,aAAa,CAAC,CAAC,WAAW,MACjD;AAGF,UAAO,OAAM;GAEb,MAAM,WAAW,QAAA,UAAU,qBAAqB,OAAM;AAEtD,OAAI,CAAC,UAAU;AACb,UAAM,oCAAoC,QAAO;AACjD,UAAM,OAAO,YAAW;AACxB;;AAGF,OAAI;IACF,MAAM,MAAM,MAAM,mBAAmB,UAAU,QAAA,aAAY;AAC3D,UAAM,OAAO,SAAS;KAAE,UAAU;KAAK,SAAS;KAAM,CAAC;AACvD,eAAW,QAAQ;YACZ,OAAO;AAGd,UADE,iBAAiB,QAAQ,MAAM,UAAU,6BAC5B,QAAO;AACtB,UAAM,OAAO,YAAW;;;;2DAKV,WAAA,SAAA,WAAA,EACd,YAKsB,MAAA,oBAAA,EAAA;;IAJpB,WAAA;IACC,YAAY,WAAA;IACb,MAAK;IACJ,aAAW,GAAK,QAAA,aAAa,YAAW;+DAI3C,YAMe,MAAA,aAAA,EAAA;;IALb,OAAM;IACL,QAAA,MAAA,OAAM;IACP,SAAQ;IACP,SAAO;;2BAEV,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFiC,qBAEjC,GAAA,CAAA,EAAA,CAAA;;uBAEF,YAE2B,kCAAA,EAFD,OAAM,SAAO,EAAA;2BAEvC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFwC,+DAExC,GAAA,CAAA,EAAA,CAAA"}

package/dist/features/developer-tools/components/DeployApiReference.vue.d.ts

@@ -1,6 +1,8 @@
+import type { ExternalUrls } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 type __VLS_Props = {
     workspace: WorkspaceStore;
+    externalUrls: ExternalUrls;
 };
 declare const __VLS_export: 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>;
 declare const _default: typeof __VLS_export;

package/dist/features/developer-tools/components/DeployApiReference.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeployApiReference.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;AAiEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DeployApiReference.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAmEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/DeployApiReference.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeployApiReference.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DeployApiReference.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/DeployApiReference.vue.script.js

@@ -5,14 +5,20 @@ import { ScalarFormSection } from "@scalar/components";
 //#region src/features/developer-tools/components/DeployApiReference.vue?vue&type=script&setup=true&lang.ts
 var DeployApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DeployApiReference",
-	props: { workspace: {} },
+	props: {
+		workspace: {},
+		externalUrls: {}
+	},
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(ApiReferenceToolbarPopover_default, { class: "w-120" }, {
 				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Deploy", -1)])]),
 				default: withCtx(() => [createVNode(unref(ScalarFormSection), null, {
 					label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Scalar Docs", -1)])]),
-					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-c-2 mb-2 leading-normal" }, " Deploy your documentation on Scalar, the modern documentation platform for your API and everything else. ", -1)), createVNode(ApiReferenceToolbarShareRegister_default, { workspace: __props.workspace }, null, 8, ["workspace"])]),
+					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-c-2 mb-2 leading-normal" }, " Deploy your documentation on Scalar, the modern documentation platform for your API and everything else. ", -1)), createVNode(ApiReferenceToolbarShareRegister_default, {
+						externalUrls: __props.externalUrls,
+						workspace: __props.workspace
+					}, null, 8, ["externalUrls", "workspace"])]),
 					_: 1
 				})]),
 				_: 1

package/dist/features/developer-tools/components/DeployApiReference.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeployApiReference.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;uBAaE,YAU6B,oCAAA,EAVD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAO,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAN,UAAM,GAAA,CAAA,EAAA,CAAA;2BAQH,CAPpB,YAOoB,MAAA,kBAAA,EAAA,MAAA;KANP,OAAK,cAAY,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAX,eAAW,GAAA,CAAA,EAAA,CAAA;4BAIxB,CAAA,OAAA,OAAA,OAAA,KAHJ,mBAGI,KAAA,EAHD,OAAM,gCAA8B,EAAC,8GAGxC,GAAA,GACA,YAA+C,0CAAA,EAAZ,WAAA,QAAA,WAAS,EAAA,MAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"DeployApiReference.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/DeployApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;uBAeE,YAY6B,oCAAA,EAZD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAO,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAN,UAAM,GAAA,CAAA,EAAA,CAAA;2BAUH,CATpB,YASoB,MAAA,kBAAA,EAAA,MAAA;KARP,OAAK,cAAY,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAX,eAAW,GAAA,CAAA,EAAA,CAAA;4BAIxB,CAAA,OAAA,OAAA,OAAA,KAHJ,mBAGI,KAAA,EAHD,OAAM,gCAA8B,EAAC,8GAGxC,GAAA,GACA,YAEe,0CAAA;MADZ,cAAA,QAAA;MACA,WAAA,QAAA"}

package/dist/features/developer-tools/components/ShareApiReference.vue.d.ts

@@ -1,6 +1,8 @@
+import type { ExternalUrls } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 type __VLS_Props = {
     workspace: WorkspaceStore;
+    externalUrls: ExternalUrls;
 };
 declare const __VLS_export: 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>;
 declare const _default: typeof __VLS_export;

package/dist/features/developer-tools/components/ShareApiReference.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShareApiReference.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;CAC1B,CAAC;AAiEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ShareApiReference.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,cAAc,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAmEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ShareApiReference.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareApiReference.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ShareApiReference.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ShareApiReference.vue.script.js

@@ -5,14 +5,20 @@ import { ScalarFormSection } from "@scalar/components";
 //#region src/features/developer-tools/components/ShareApiReference.vue?vue&type=script&setup=true&lang.ts
 var ShareApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ShareApiReference",
-	props: { workspace: {} },
+	props: {
+		workspace: {},
+		externalUrls: {}
+	},
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(ApiReferenceToolbarPopover_default, { class: "w-120" }, {
 				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Share", -1)])]),
 				default: withCtx(() => [createVNode(unref(ScalarFormSection), null, {
 					label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Share your API Reference", -1)])]),
-					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-c-2 mb-2 leading-normal" }, " Upload your OpenAPI document to share your API Reference with others. As easy as pressing a button. ", -1)), createVNode(ApiReferenceToolbarShareTemporary_default, { workspace: __props.workspace }, null, 8, ["workspace"])]),
+					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("p", { class: "text-c-2 mb-2 leading-normal" }, " Upload your OpenAPI document to share your API Reference with others. As easy as pressing a button. ", -1)), createVNode(ApiReferenceToolbarShareTemporary_default, {
+						externalUrls: __props.externalUrls,
+						workspace: __props.workspace
+					}, null, 8, ["externalUrls", "workspace"])]),
 					_: 1
 				})]),
 				_: 1

package/dist/features/developer-tools/components/ShareApiReference.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareApiReference.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;uBAYE,YAU6B,oCAAA,EAVD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA;2BAQF,CAPpB,YAOoB,MAAA,kBAAA,EAAA,MAAA;KANP,OAAK,cAAyB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAxB,4BAAwB,GAAA,CAAA,EAAA,CAAA;4BAIrC,CAAA,OAAA,OAAA,OAAA,KAHJ,mBAGI,KAAA,EAHD,OAAM,gCAA8B,EAAC,yGAGxC,GAAA,GACA,YAAgD,2CAAA,EAAZ,WAAA,QAAA,WAAS,EAAA,MAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ShareApiReference.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ShareApiReference.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace, externalUrls } = defineProps<{\n  workspace: WorkspaceStore\n  externalUrls: ExternalUrls\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary\n        :externalUrls\n        :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n"],"mappings":";;;;;;;;;;;;;uBAcE,YAY6B,oCAAA,EAZD,OAAM,SAAO,EAAA;IAC5B,OAAK,cAAM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAL,SAAK,GAAA,CAAA,EAAA,CAAA;2BAUF,CATpB,YASoB,MAAA,kBAAA,EAAA,MAAA;KARP,OAAK,cAAyB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAxB,4BAAwB,GAAA,CAAA,EAAA,CAAA;4BAIrC,CAAA,OAAA,OAAA,OAAA,KAHJ,mBAGI,KAAA,EAHD,OAAM,gCAA8B,EAAC,yGAGxC,GAAA,GACA,YAEe,2CAAA;MADZ,cAAA,QAAA;MACA,WAAA,QAAA"}

package/dist/features/example-responses/ExampleResponse.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponse.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponse.vue"],"names":[],"mappings":"AAgJA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAGrE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,eAAe,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;CACnC,CAAC;AAqHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExampleResponse.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponse.vue"],"names":[],"mappings":"AAmJA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EAEhB,MAAM,8DAA8D,CAAA;AAGrE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,eAAe,GAAG,SAAS,CAAA;IACrC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAA;CACnC,CAAC;AAyHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/example-responses/ExampleResponse.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import ExampleResponse_vue_vue_type_script_setup_true_lang_default from "./ExampleResponse.vue.script.js";
 /* empty css                              */
 //#region src/features/example-responses/ExampleResponse.vue
-var ExampleResponse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExampleResponse_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-dcf1403d"]]);
+var ExampleResponse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ExampleResponse_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-de6a4e70"]]);
 //#endregion
 export { ExampleResponse_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponse.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  getExampleFromSchema,\n  getResolvedRefDeep,\n} 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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ExampleObject,\n  MediaTypeObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\n\n/** Get content from the appropriate source */\nconst getContent = () => {\n  if (example !== undefined) {\n    return getResolvedRefDeep(example)?.value ?? ''\n  }\n\n  if (response?.schema) {\n    return getExampleFromSchema(getResolvedRef(response.schema), {\n      emptyString: 'string',\n      mode: 'read',\n    })\n  }\n\n  return undefined\n}\n\n/** Pre-pretty printed content string, avoids multiple pretty prints*/\nconst prettyPrintedContent = computed(() => {\n  const content = getContent()\n  if (content === undefined) {\n    return undefined\n  }\n  return prettyPrintJson(content)\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\n// Virtualize the code block if it's too large\nconst shouldVirtualize = computed(() => {\n  if (prettyPrintedContent.value === undefined) {\n    return false\n  }\n  return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD\n})\n</script>\n<template>\n  <!-- Example -->\n  <ScalarCodeBlock\n    v-if=\"prettyPrintedContent !== undefined && !shouldVirtualize\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"prettyPrintedContent\" />\n\n  <ScalarVirtualText\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\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=\"prettyPrintedContent\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    No Body\n  </div>\n</template>\n\n<style scoped>\n.empty-state {\n  margin: 10px 0 10px 12px;\n  text-align: center;\n  font-size: var(--scalar-mini);\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--scalar-radius-lg);\n  color: var(--scalar-color-2);\n}\n\n.rule-title {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  display: inline-block;\n  margin: 12px 0 6px;\n  border-radius: var(--scalar-radius);\n}\n\n.rule {\n  margin: 0 12px 0;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.rule-items {\n  counter-reset: list-number;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-left: 1px solid var(--scalar-border-color);\n  padding: 12px 0 12px;\n}\n.rule-item {\n  counter-increment: list-number;\n  border: 1px solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n  margin-left: 24px;\n}\n.rule-item:before {\n  /* content: counter(list-number); */\n  border: 1px solid var(--scalar-border-color);\n  border-top: 0;\n  border-right: 0;\n  content: ' ';\n  display: block;\n  width: 24px;\n  height: 6px;\n  border-radius: 0 0 0 var(--scalar-radius-lg);\n  margin-top: 6px;\n  color: var(--scalar-color-2);\n  transform: translateX(-25px);\n  color: var(--scalar-color-1);\n  position: absolute;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ExampleResponse.vue.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  getExampleFromSchema,\n  getResolvedRefDeep,\n} 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 {\n  ExampleObject,\n  MediaTypeObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\n\n/** Get content from the appropriate source */\nconst getContent = () => {\n  if (example !== undefined) {\n    return getResolvedRefDeep(example)?.value ?? ''\n  }\n\n  if (response?.schema) {\n    return getExampleFromSchema(\n      // Should be safe to deep resolve the schema here because we don't have to do any sibling resolution for example generation\n      getResolvedRefDeep(response.schema) as SchemaObject,\n      {\n        emptyString: 'string',\n        mode: 'read',\n      },\n    )\n  }\n\n  return undefined\n}\n\n/** Pre-pretty printed content string, avoids multiple pretty prints*/\nconst prettyPrintedContent = computed(() => {\n  const content = getContent()\n  if (content === undefined) {\n    return undefined\n  }\n  return prettyPrintJson(content)\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\n// Virtualize the code block if it's too large\nconst shouldVirtualize = computed(() => {\n  if (prettyPrintedContent.value === undefined) {\n    return false\n  }\n  return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD\n})\n</script>\n<template>\n  <!-- Example -->\n  <ScalarCodeBlock\n    v-if=\"prettyPrintedContent !== undefined && !shouldVirtualize\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"prettyPrintedContent\" />\n\n  <ScalarVirtualText\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\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=\"prettyPrintedContent\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    No Body\n  </div>\n</template>\n\n<style scoped>\n.empty-state {\n  margin: 10px 0 10px 12px;\n  text-align: center;\n  font-size: var(--scalar-mini);\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--scalar-radius-lg);\n  color: var(--scalar-color-2);\n}\n\n.rule-title {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  display: inline-block;\n  margin: 12px 0 6px;\n  border-radius: var(--scalar-radius);\n}\n\n.rule {\n  margin: 0 12px 0;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.rule-items {\n  counter-reset: list-number;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-left: 1px solid var(--scalar-border-color);\n  padding: 12px 0 12px;\n}\n.rule-item {\n  counter-increment: list-number;\n  border: 1px solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n  margin-left: 24px;\n}\n.rule-item:before {\n  /* content: counter(list-number); */\n  border: 1px solid var(--scalar-border-color);\n  border-top: 0;\n  border-right: 0;\n  content: ' ';\n  display: block;\n  width: 24px;\n  height: 6px;\n  border-radius: 0 0 0 var(--scalar-radius-lg);\n  margin-top: 6px;\n  color: var(--scalar-color-2);\n  transform: translateX(-25px);\n  color: var(--scalar-color-1);\n  position: absolute;\n}\n</style>\n"],"mappings":""}

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

@@ -1,7 +1,6 @@
 import { computed, createBlock, createElementBlock, defineComponent, openBlock, unref } from "vue";
 import { ScalarCodeBlock, ScalarVirtualText } from "@scalar/components";
 import { getExampleFromSchema, getResolvedRefDeep } from "@scalar/api-client/v2/blocks/operation-code-sample";
-import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import { prettyPrintJson } from "@scalar/helpers/json/pretty-print-json";
 //#region src/features/example-responses/ExampleResponse.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -19,7 +18,7 @@ var ExampleResponse_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		/** Get content from the appropriate source */
 		const getContent = () => {
 			if (__props.example !== void 0) return getResolvedRefDeep(__props.example)?.value ?? "";
-			if (__props.response?.schema) return getExampleFromSchema(getResolvedRef(__props.response.schema), {
+			if (__props.response?.schema) return getExampleFromSchema(getResolvedRefDeep(__props.response.schema), {
 				emptyString: "string",
 				mode: "read"
 			});

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponse.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  getExampleFromSchema,\n  getResolvedRefDeep,\n} 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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ExampleObject,\n  MediaTypeObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\n\n/** Get content from the appropriate source */\nconst getContent = () => {\n  if (example !== undefined) {\n    return getResolvedRefDeep(example)?.value ?? ''\n  }\n\n  if (response?.schema) {\n    return getExampleFromSchema(getResolvedRef(response.schema), {\n      emptyString: 'string',\n      mode: 'read',\n    })\n  }\n\n  return undefined\n}\n\n/** Pre-pretty printed content string, avoids multiple pretty prints*/\nconst prettyPrintedContent = computed(() => {\n  const content = getContent()\n  if (content === undefined) {\n    return undefined\n  }\n  return prettyPrintJson(content)\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\n// Virtualize the code block if it's too large\nconst shouldVirtualize = computed(() => {\n  if (prettyPrintedContent.value === undefined) {\n    return false\n  }\n  return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD\n})\n</script>\n<template>\n  <!-- Example -->\n  <ScalarCodeBlock\n    v-if=\"prettyPrintedContent !== undefined && !shouldVirtualize\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"prettyPrintedContent\" />\n\n  <ScalarVirtualText\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\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=\"prettyPrintedContent\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    No Body\n  </div>\n</template>\n\n<style scoped>\n.empty-state {\n  margin: 10px 0 10px 12px;\n  text-align: center;\n  font-size: var(--scalar-mini);\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--scalar-radius-lg);\n  color: var(--scalar-color-2);\n}\n\n.rule-title {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  display: inline-block;\n  margin: 12px 0 6px;\n  border-radius: var(--scalar-radius);\n}\n\n.rule {\n  margin: 0 12px 0;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.rule-items {\n  counter-reset: list-number;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-left: 1px solid var(--scalar-border-color);\n  padding: 12px 0 12px;\n}\n.rule-item {\n  counter-increment: list-number;\n  border: 1px solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n  margin-left: 24px;\n}\n.rule-item:before {\n  /* content: counter(list-number); */\n  border: 1px solid var(--scalar-border-color);\n  border-top: 0;\n  border-right: 0;\n  content: ' ';\n  display: block;\n  width: 24px;\n  height: 6px;\n  border-radius: 0 0 0 var(--scalar-radius-lg);\n  margin-top: 6px;\n  color: var(--scalar-color-2);\n  transform: translateX(-25px);\n  color: var(--scalar-color-1);\n  position: absolute;\n}\n</style>\n"],"mappings":";;;;;;;;;;AA4CA,IAAM,2BAA2B;;;;;;;;;EAxBjC,MAAM,mBAAmB;AACvB,OAAI,QAAA,YAAY,KAAA,EACd,QAAO,mBAAmB,QAAA,QAAQ,EAAE,SAAS;AAG/C,OAAI,QAAA,UAAU,OACZ,QAAO,qBAAqB,eAAe,QAAA,SAAS,OAAO,EAAE;IAC3D,aAAa;IACb,MAAM;IACP,CAAA;;;EAOL,MAAM,uBAAuB,eAAe;GAC1C,MAAM,UAAU,YAAW;AAC3B,OAAI,YAAY,KAAA,EACd;AAEF,UAAO,gBAAgB,QAAO;IAC/B;EAKD,MAAM,mBAAmB,eAAe;AACtC,OAAI,qBAAqB,UAAU,KAAA,EACjC,QAAO;AAET,UAAO,qBAAqB,MAAM,SAAS;IAC5C;;UAKS,qBAAA,UAAyB,KAAA,KAAS,CAAK,iBAAA,SAAA,WAAA,EAD/C,YAIiD,MAAA,gBAAA,EAAA;;IAF/C,OAAM;IACN,MAAK;IACJ,sBAAsB,qBAAA;4CAGZ,qBAAA,UAAyB,KAAA,KAAa,iBAAA,SAAA,WAAA,EADnD,YAKiC,MAAA,kBAAA,EAAA;;IAH/B,gBAAe;IACf,cAAa;IACZ,YAAY;IACZ,MAAM,qBAAA;0CAET,mBAIM,OAJN,YAEsB,YAEtB"}
+{"version":3,"file":"ExampleResponse.vue.script.js","names":[],"sources":["../../../src/features/example-responses/ExampleResponse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  getExampleFromSchema,\n  getResolvedRefDeep,\n} 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 {\n  ExampleObject,\n  MediaTypeObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { example, response } = defineProps<{\n  response: MediaTypeObject | undefined\n  example: ExampleObject | undefined\n}>()\n\n/** Get content from the appropriate source */\nconst getContent = () => {\n  if (example !== undefined) {\n    return getResolvedRefDeep(example)?.value ?? ''\n  }\n\n  if (response?.schema) {\n    return getExampleFromSchema(\n      // Should be safe to deep resolve the schema here because we don't have to do any sibling resolution for example generation\n      getResolvedRefDeep(response.schema) as SchemaObject,\n      {\n        emptyString: 'string',\n        mode: 'read',\n      },\n    )\n  }\n\n  return undefined\n}\n\n/** Pre-pretty printed content string, avoids multiple pretty prints*/\nconst prettyPrintedContent = computed(() => {\n  const content = getContent()\n  if (content === undefined) {\n    return undefined\n  }\n  return prettyPrintJson(content)\n})\n\nconst VIRTUALIZATION_THRESHOLD = 20_000\n\n// Virtualize the code block if it's too large\nconst shouldVirtualize = computed(() => {\n  if (prettyPrintedContent.value === undefined) {\n    return false\n  }\n  return prettyPrintedContent.value.length > VIRTUALIZATION_THRESHOLD\n})\n</script>\n<template>\n  <!-- Example -->\n  <ScalarCodeBlock\n    v-if=\"prettyPrintedContent !== undefined && !shouldVirtualize\"\n    class=\"bg-b-2\"\n    lang=\"json\"\n    :prettyPrintedContent=\"prettyPrintedContent\" />\n\n  <ScalarVirtualText\n    v-else-if=\"prettyPrintedContent !== undefined && shouldVirtualize\"\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=\"prettyPrintedContent\" />\n\n  <div\n    v-else\n    class=\"empty-state\">\n    No Body\n  </div>\n</template>\n\n<style scoped>\n.empty-state {\n  margin: 10px 0 10px 12px;\n  text-align: center;\n  font-size: var(--scalar-mini);\n  min-height: 56px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--scalar-radius-lg);\n  color: var(--scalar-color-2);\n}\n\n.rule-title {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  display: inline-block;\n  margin: 12px 0 6px;\n  border-radius: var(--scalar-radius);\n}\n\n.rule {\n  margin: 0 12px 0;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.rule-items {\n  counter-reset: list-number;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border-left: 1px solid var(--scalar-border-color);\n  padding: 12px 0 12px;\n}\n.rule-item {\n  counter-increment: list-number;\n  border: 1px solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  overflow: hidden;\n  margin-left: 24px;\n}\n.rule-item:before {\n  /* content: counter(list-number); */\n  border: 1px solid var(--scalar-border-color);\n  border-top: 0;\n  border-right: 0;\n  content: ' ';\n  display: block;\n  width: 24px;\n  height: 6px;\n  border-radius: 0 0 0 var(--scalar-radius-lg);\n  margin-top: 6px;\n  color: var(--scalar-color-2);\n  transform: translateX(-25px);\n  color: var(--scalar-color-1);\n  position: absolute;\n}\n</style>\n"],"mappings":";;;;;;;;;AAgDA,IAAM,2BAA2B;;;;;;;;;EA5BjC,MAAM,mBAAmB;AACvB,OAAI,QAAA,YAAY,KAAA,EACd,QAAO,mBAAmB,QAAA,QAAQ,EAAE,SAAS;AAG/C,OAAI,QAAA,UAAU,OACZ,QAAO,qBAEL,mBAAmB,QAAA,SAAS,OAAO,EACnC;IACE,aAAa;IACb,MAAM;IACP,CACH;;;EAOJ,MAAM,uBAAuB,eAAe;GAC1C,MAAM,UAAU,YAAW;AAC3B,OAAI,YAAY,KAAA,EACd;AAEF,UAAO,gBAAgB,QAAO;IAC/B;EAKD,MAAM,mBAAmB,eAAe;AACtC,OAAI,qBAAqB,UAAU,KAAA,EACjC,QAAO;AAET,UAAO,qBAAqB,MAAM,SAAS;IAC5C;;UAKS,qBAAA,UAAyB,KAAA,KAAS,CAAK,iBAAA,SAAA,WAAA,EAD/C,YAIiD,MAAA,gBAAA,EAAA;;IAF/C,OAAM;IACN,MAAK;IACJ,sBAAsB,qBAAA;4CAGZ,qBAAA,UAAyB,KAAA,KAAa,iBAAA,SAAA,WAAA,EADnD,YAKiC,MAAA,kBAAA,EAAA;;IAH/B,gBAAe;IACf,cAAa;IACZ,YAAY;IACZ,MAAM,qBAAA;0CAET,mBAIM,OAJN,YAEsB,YAEtB"}

package/dist/features/test-request-button/TestRequestButton.vue.d.ts

@@ -6,6 +6,7 @@ type __VLS_Props = {
     path: string;
     eventBus: WorkspaceEventBus;
     exampleName?: string;
+    requestBodyCompositionSelection?: Record<string, number>;
 };
 declare const __VLS_export: 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>;
 declare const _default: typeof __VLS_export;

package/dist/features/test-request-button/TestRequestButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestRequestButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/test-request-button/TestRequestButton.vue"],"names":[],"mappings":"AA8EA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;AA4EF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"TestRequestButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/test-request-button/TestRequestButton.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+BAA+B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzD,CAAC;AAuFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/test-request-button/TestRequestButton.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import TestRequestButton_vue_vue_type_script_setup_true_lang_default from "./TestRequestButton.vue.script.js";
 /* empty css                                */
 //#region src/features/test-request-button/TestRequestButton.vue
-var TestRequestButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TestRequestButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-342ba62a"]]);
+var TestRequestButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TestRequestButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-15e312d9"]]);
 //#endregion
 export { TestRequestButton_default as default };
 

package/dist/features/test-request-button/TestRequestButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestRequestButton.vue.js","names":[],"sources":["../../../src/features/test-request-button/TestRequestButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconPlay } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst { id, method, path, eventBus, exampleName } = defineProps<{\n  id: string\n  method: HttpMethod\n  path: string\n  eventBus: WorkspaceEventBus\n  exampleName?: string\n}>()\n\n/** Route via ID and optionally with example name */\nconst handleClick = () => {\n  // Include exampleName in payload if provided\n  const payload = {\n    id,\n    ...(exampleName && { exampleName }),\n  }\n  eventBus.emit('ui:open:client-modal', payload)\n}\n</script>\n<template>\n  <!-- Render the Test Request Button -->\n  <button\n    class=\"show-api-client-button\"\n    :method=\"method\"\n    type=\"button\"\n    @click.stop=\"handleClick\">\n    <ScalarIconPlay\n      class=\"size-3\"\n      weight=\"fill\" />\n    <span>Test Request</span>\n    <ScreenReader>({{ method }} {{ path }})</ScreenReader>\n  </button>\n</template>\n<style scoped>\n.show-api-client-button {\n  appearance: none;\n  border: none;\n  padding: 1px 6px;\n  white-space: nowrap;\n  border-radius: var(--scalar-radius);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  line-height: 22px;\n  color: var(--scalar-background-2);\n  font-family: var(--scalar-font);\n  background: var(--scalar-button-1);\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n\n  outline-offset: 2px;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n  fill: currentColor;\n  color: var(--scalar-button-1-color);\n  z-index: 1;\n}\n.show-api-client-button:hover {\n  background: var(--scalar-button-1-hover);\n}\n.show-api-client-button svg {\n  margin-right: 4px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"TestRequestButton.vue.js","names":[],"sources":["../../../src/features/test-request-button/TestRequestButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconPlay } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst {\n  id,\n  method,\n  path,\n  eventBus,\n  exampleName,\n  requestBodyCompositionSelection,\n} = defineProps<{\n  id: string\n  method: HttpMethod\n  path: string\n  eventBus: WorkspaceEventBus\n  exampleName?: string\n  requestBodyCompositionSelection?: Record<string, number>\n}>()\n\n/** Route via ID and optionally with example name */\nconst handleClick = () => {\n  // Include exampleName in payload if provided\n  const payload = {\n    id,\n    ...(exampleName && { exampleName }),\n    ...(requestBodyCompositionSelection &&\n      Object.keys(requestBodyCompositionSelection).length > 0 && {\n        requestBodyCompositionSelection,\n      }),\n  }\n  eventBus.emit('ui:open:client-modal', payload)\n}\n</script>\n<template>\n  <!-- Render the Test Request Button -->\n  <button\n    class=\"show-api-client-button\"\n    :method=\"method\"\n    type=\"button\"\n    @click.stop=\"handleClick\">\n    <ScalarIconPlay\n      class=\"size-3\"\n      weight=\"fill\" />\n    <span>Test Request</span>\n    <ScreenReader>({{ method }} {{ path }})</ScreenReader>\n  </button>\n</template>\n<style scoped>\n.show-api-client-button {\n  appearance: none;\n  border: none;\n  padding: 1px 6px;\n  white-space: nowrap;\n  border-radius: var(--scalar-radius);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  line-height: 22px;\n  color: var(--scalar-background-2);\n  font-family: var(--scalar-font);\n  background: var(--scalar-button-1);\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n\n  outline-offset: 2px;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n  fill: currentColor;\n  color: var(--scalar-button-1-color);\n  z-index: 1;\n}\n.show-api-client-button:hover {\n  background: var(--scalar-button-1-hover);\n}\n.show-api-client-button svg {\n  margin-right: 4px;\n}\n</style>\n"],"mappings":""}

package/dist/features/test-request-button/TestRequestButton.vue.script.js

@@ -10,14 +10,16 @@ var TestRequestButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		method: {},
 		path: {},
 		eventBus: {},
-		exampleName: {}
+		exampleName: {},
+		requestBodyCompositionSelection: {}
 	},
 	setup(__props) {
 		/** Route via ID and optionally with example name */
 		const handleClick = () => {
 			const payload = {
 				id: __props.id,
-				...__props.exampleName && { exampleName: __props.exampleName }
+				...__props.exampleName && { exampleName: __props.exampleName },
+				...__props.requestBodyCompositionSelection && Object.keys(__props.requestBodyCompositionSelection).length > 0 && { requestBodyCompositionSelection: __props.requestBodyCompositionSelection }
 			};
 			__props.eventBus.emit("ui:open:client-modal", payload);
 		};

package/dist/features/test-request-button/TestRequestButton.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestRequestButton.vue.script.js","names":[],"sources":["../../../src/features/test-request-button/TestRequestButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconPlay } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst { id, method, path, eventBus, exampleName } = defineProps<{\n  id: string\n  method: HttpMethod\n  path: string\n  eventBus: WorkspaceEventBus\n  exampleName?: string\n}>()\n\n/** Route via ID and optionally with example name */\nconst handleClick = () => {\n  // Include exampleName in payload if provided\n  const payload = {\n    id,\n    ...(exampleName && { exampleName }),\n  }\n  eventBus.emit('ui:open:client-modal', payload)\n}\n</script>\n<template>\n  <!-- Render the Test Request Button -->\n  <button\n    class=\"show-api-client-button\"\n    :method=\"method\"\n    type=\"button\"\n    @click.stop=\"handleClick\">\n    <ScalarIconPlay\n      class=\"size-3\"\n      weight=\"fill\" />\n    <span>Test Request</span>\n    <ScreenReader>({{ method }} {{ path }})</ScreenReader>\n  </button>\n</template>\n<style scoped>\n.show-api-client-button {\n  appearance: none;\n  border: none;\n  padding: 1px 6px;\n  white-space: nowrap;\n  border-radius: var(--scalar-radius);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  line-height: 22px;\n  color: var(--scalar-background-2);\n  font-family: var(--scalar-font);\n  background: var(--scalar-button-1);\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n\n  outline-offset: 2px;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n  fill: currentColor;\n  color: var(--scalar-button-1-color);\n  z-index: 1;\n}\n.show-api-client-button:hover {\n  background: var(--scalar-button-1-hover);\n}\n.show-api-client-button svg {\n  margin-right: 4px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAgBA,MAAM,oBAAoB;GAExB,MAAM,UAAU;IACd,IAAC,QAAA;IACD,GAAI,QAAA,eAAe,EAAE,aAAU,QAAA,aAAG;IACpC;AACA,WAAA,SAAS,KAAK,wBAAwB,QAAO;;;uBAK7C,mBAUS,UAAA;IATP,OAAM;IACL,QAAQ,QAAA;IACT,MAAK;IACJ,SAAK,cAAO,aAAW,CAAA,OAAA,CAAA;;IACxB,YAEkB,MAAA,eAAA,EAAA;KADhB,OAAM;KACN,QAAO;;8BACT,mBAAyB,QAAA,MAAnB,gBAAY,GAAA;IAClB,YAAsD,sBAAA,MAAA;4BAAvC,CAAA,gBAAD,MAAC,gBAAG,QAAA,OAAM,GAAG,MAAC,gBAAG,QAAA,KAAI,GAAG,KAAC,EAAA,CAAA,CAAA"}
+{"version":3,"file":"TestRequestButton.vue.script.js","names":[],"sources":["../../../src/features/test-request-button/TestRequestButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { ScalarIconPlay } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst {\n  id,\n  method,\n  path,\n  eventBus,\n  exampleName,\n  requestBodyCompositionSelection,\n} = defineProps<{\n  id: string\n  method: HttpMethod\n  path: string\n  eventBus: WorkspaceEventBus\n  exampleName?: string\n  requestBodyCompositionSelection?: Record<string, number>\n}>()\n\n/** Route via ID and optionally with example name */\nconst handleClick = () => {\n  // Include exampleName in payload if provided\n  const payload = {\n    id,\n    ...(exampleName && { exampleName }),\n    ...(requestBodyCompositionSelection &&\n      Object.keys(requestBodyCompositionSelection).length > 0 && {\n        requestBodyCompositionSelection,\n      }),\n  }\n  eventBus.emit('ui:open:client-modal', payload)\n}\n</script>\n<template>\n  <!-- Render the Test Request Button -->\n  <button\n    class=\"show-api-client-button\"\n    :method=\"method\"\n    type=\"button\"\n    @click.stop=\"handleClick\">\n    <ScalarIconPlay\n      class=\"size-3\"\n      weight=\"fill\" />\n    <span>Test Request</span>\n    <ScreenReader>({{ method }} {{ path }})</ScreenReader>\n  </button>\n</template>\n<style scoped>\n.show-api-client-button {\n  appearance: none;\n  border: none;\n  padding: 1px 6px;\n  white-space: nowrap;\n  border-radius: var(--scalar-radius);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  line-height: 22px;\n  color: var(--scalar-background-2);\n  font-family: var(--scalar-font);\n  background: var(--scalar-button-1);\n  position: relative;\n  cursor: pointer;\n  box-sizing: border-box;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n\n  outline-offset: 2px;\n}\n.show-api-client-button span,\n.show-api-client-button svg {\n  fill: currentColor;\n  color: var(--scalar-button-1-color);\n  z-index: 1;\n}\n.show-api-client-button:hover {\n  background: var(--scalar-button-1-hover);\n}\n.show-api-client-button svg {\n  margin-right: 4px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAwBA,MAAM,oBAAoB;GAExB,MAAM,UAAU;IACd,IAAC,QAAA;IACD,GAAI,QAAA,eAAe,EAAE,aAAU,QAAA,aAAG;IAClC,GAAI,QAAA,mCACF,OAAO,KAAK,QAAA,gCAAgC,CAAC,SAAS,KAAK,EACzD,iCAA8B,QAAA,iCAC/B;IACL;AACA,WAAA,SAAS,KAAK,wBAAwB,QAAO;;;uBAK7C,mBAUS,UAAA;IATP,OAAM;IACL,QAAQ,QAAA;IACT,MAAK;IACJ,SAAK,cAAO,aAAW,CAAA,OAAA,CAAA;;IACxB,YAEkB,MAAA,eAAA,EAAA;KADhB,OAAM;KACN,QAAO;;8BACT,mBAAyB,QAAA,MAAnB,gBAAY,GAAA;IAClB,YAAsD,sBAAA,MAAA;4BAAvC,CAAA,gBAAD,MAAC,gBAAG,QAAA,OAAM,GAAG,MAAC,gBAAG,QAAA,KAAI,GAAG,KAAC,EAAA,CAAA,CAAA"}

package/dist/helpers/upload-temp-document.d.ts

@@ -1,3 +1,4 @@
+import type { ExternalUrls } from '@scalar/types/api-reference';
 /** Upload a document and return a temporary URL */
-export declare function uploadTempDocument(document: string): Promise<string>;
+export declare function uploadTempDocument(document: string, urls: Pick<ExternalUrls, 'proxyUrl' | 'apiBaseUrl'>): Promise<string>;
 //# sourceMappingURL=upload-temp-document.d.ts.map

package/dist/helpers/upload-temp-document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload-temp-document.d.ts","sourceRoot":"","sources":["../../src/helpers/upload-temp-document.ts"],"names":[],"mappings":"AASA,mDAAmD;AACnD,wBAAsB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAoB1E"}
+{"version":3,"file":"upload-temp-document.d.ts","sourceRoot":"","sources":["../../src/helpers/upload-temp-document.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAO/D,mDAAmD;AACnD,wBAAsB,kBAAkB,CACtC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,YAAY,CAAC,GAClD,OAAO,CAAC,MAAM,CAAC,CAqBjB"}

package/dist/helpers/upload-temp-document.js

@@ -1,4 +1,3 @@
-import { PROXY_URL, UPLOAD_TEMP_API_URL } from "../consts/urls.js";
 import { redirectToProxy } from "@scalar/helpers/url/redirect-to-proxy";
 //#region src/helpers/upload-temp-document.ts
 /** Type guard for the response body */
@@ -6,9 +5,10 @@ function isResponseBody(data) {
 	return !!data && typeof data === "object" && "url" in data && typeof data.url === "string";
 }
 /** Upload a document and return a temporary URL */
-async function uploadTempDocument(document) {
+async function uploadTempDocument(document, urls) {
 	const body = JSON.stringify({ document });
-	const response = await fetch(redirectToProxy(PROXY_URL, UPLOAD_TEMP_API_URL), {
+	const uploadUrl = `${urls.apiBaseUrl}/core/share/upload/apis`;
+	const response = await fetch(redirectToProxy(urls.proxyUrl, uploadUrl), {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body

package/dist/helpers/upload-temp-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-temp-document.js","names":[],"sources":["../../src/helpers/upload-temp-document.ts"],"sourcesContent":["import { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\n\nimport { PROXY_URL, UPLOAD_TEMP_API_URL } from '@/consts/urls'\n\n/** Type guard for the response body */\nfunction isResponseBody(data: unknown): data is { url: string } {\n  return !!data && typeof data === 'object' && 'url' in data && typeof (data as any).url === 'string'\n}\n\n/** Upload a document and return a temporary URL */\nexport async function uploadTempDocument(document: string): Promise<string> {\n  const body = JSON.stringify({ document })\n\n  // Proxy the request to avoid localhost CORS issues\n  const response = await fetch(redirectToProxy(PROXY_URL, UPLOAD_TEMP_API_URL), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body,\n  })\n\n  if (!response.ok) {\n    throw new Error(` Failed to generate temporary link, server responded with ${response.status}`)\n  }\n  const data = (await response.json()) as unknown\n\n  if (!isResponseBody(data)) {\n    throw new Error('Failed to generate temporary link, invalid response from server')\n  }\n\n  return data.url\n}\n"],"mappings":";;;;AAKA,SAAS,eAAe,MAAwC;AAC9D,QAAO,CAAC,CAAC,QAAQ,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAQ,KAAa,QAAQ;;;AAI7F,eAAsB,mBAAmB,UAAmC;CAC1E,MAAM,OAAO,KAAK,UAAU,EAAE,UAAU,CAAC;CAGzC,MAAM,WAAW,MAAM,MAAM,gBAAgB,WAAW,oBAAoB,EAAE;EAC5E,QAAQ;EACR,SAAS,EAAE,gBAAgB,oBAAoB;EAC/C;EACD,CAAC;AAEF,KAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,6DAA6D,SAAS,SAAS;CAEjG,MAAM,OAAQ,MAAM,SAAS,MAAM;AAEnC,KAAI,CAAC,eAAe,KAAK,CACvB,OAAM,IAAI,MAAM,kEAAkE;AAGpF,QAAO,KAAK"}
+{"version":3,"file":"upload-temp-document.js","names":[],"sources":["../../src/helpers/upload-temp-document.ts"],"sourcesContent":["import { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\nimport type { ExternalUrls } from '@scalar/types/api-reference'\n\n/** Type guard for the response body */\nfunction isResponseBody(data: unknown): data is { url: string } {\n  return !!data && typeof data === 'object' && 'url' in data && typeof (data as any).url === 'string'\n}\n\n/** Upload a document and return a temporary URL */\nexport async function uploadTempDocument(\n  document: string,\n  urls: Pick<ExternalUrls, 'proxyUrl' | 'apiBaseUrl'>,\n): Promise<string> {\n  const body = JSON.stringify({ document })\n  const uploadUrl = `${urls.apiBaseUrl}/core/share/upload/apis`\n\n  // Proxy the request to avoid localhost CORS issues\n  const response = await fetch(redirectToProxy(urls.proxyUrl, uploadUrl), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body,\n  })\n\n  if (!response.ok) {\n    throw new Error(` Failed to generate temporary link, server responded with ${response.status}`)\n  }\n  const data = (await response.json()) as unknown\n\n  if (!isResponseBody(data)) {\n    throw new Error('Failed to generate temporary link, invalid response from server')\n  }\n\n  return data.url\n}\n"],"mappings":";;;AAIA,SAAS,eAAe,MAAwC;AAC9D,QAAO,CAAC,CAAC,QAAQ,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAQ,KAAa,QAAQ;;;AAI7F,eAAsB,mBACpB,UACA,MACiB;CACjB,MAAM,OAAO,KAAK,UAAU,EAAE,UAAU,CAAC;CACzC,MAAM,YAAY,GAAG,KAAK,WAAW;CAGrC,MAAM,WAAW,MAAM,MAAM,gBAAgB,KAAK,UAAU,UAAU,EAAE;EACtE,QAAQ;EACR,SAAS,EAAE,gBAAgB,oBAAoB;EAC/C;EACD,CAAC;AAEF,KAAI,CAAC,SAAS,GACZ,OAAM,IAAI,MAAM,6DAA6D,SAAS,SAAS;CAEjG,MAAM,OAAQ,MAAM,SAAS,MAAM;AAEnC,KAAI,CAAC,eAAe,KAAK,CACvB,OAAM,IAAI,MAAM,kEAAkE;AAGpF,QAAO,KAAK"}