@scalar/api-client 3.22.0 → 3.23.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @scalar/api-client
 
+## 3.23.1
+
+### Patch Changes
+
+- [#10608](https://github.com/scalar/scalar/pull/10608): Keep shared component styles from overriding host page body backgrounds and margins, including hosts using CSS layers. Keep full-page body styling in the standalone bundles.
+- [#10365](https://github.com/scalar/scalar/pull/10365): Preserve document-backed API key name edits for export, allow clearing configured names, and release configured overrides when their default name is restored.
+- [#10626](https://github.com/scalar/scalar/pull/10626): Restrict OAuth authorization and desktop external links to HTTPS or HTTP for local development URLs before opening them.
+- [#10614](https://github.com/scalar/scalar/pull/10614): Clean up lint warnings while preserving runtime behavior, and document intentional schema and type syntax.
+
+## 3.23.0
+
+### Minor Changes
+
+- [#10555](https://github.com/scalar/scalar/pull/10555): Show empty optional fields of expanded object query parameters in a searchable Add parameter picker.
+
+### Patch Changes
+
+- [#10551](https://github.com/scalar/scalar/pull/10551): Show **Reset to default** on authentication fields only when the field has a default that differs from its current value (the document or configured value, or the current page URL for the OAuth2 redirect URL). A cleared OAuth2 access token keeps the action so you can get back to the Authorize form. The show password toggle only appears once a field has a value, and an emptied field goes back to masked.
+- [#10559](https://github.com/scalar/scalar/pull/10559): Clean up Biome warnings in package code and tests. Handle rejected debounced callbacks and await streaming writes.
+- [#10555](https://github.com/scalar/scalar/pull/10555): Keep expanded query parameter checkboxes independent and preserve disabled field values while excluding them from requests.
+- [#10506](https://github.com/scalar/scalar/pull/10506): Organize imports consistently with the checks enforced in CI.
+- [#10534](https://github.com/scalar/scalar/pull/10534): Keep **Authorize via OAuth2** rightmost in the bearer token's "Get a token" row, with the settings gear to its left and **Refresh** in between, so the button never moves when Refresh appears.
+- [#10547](https://github.com/scalar/scalar/pull/10547): Respect Max-Age precedence over Expires when persisting response cookies.
+- [#10508](https://github.com/scalar/scalar/pull/10508): Add built-in Traditional Chinese (Taiwan) translations for `zh-TW`, including case and underscore variants, across API Reference, API Client, and schema blocks.
+
 ## 3.22.0
 
 ### Minor Changes

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default from "./ScalarAsciiArt.vue.script.js";
 /* empty css                             */
 //#region src/components/ScalarAsciiArt/ScalarAsciiArt.vue
-var ScalarAsciiArt_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9a695e58"]]);
+var ScalarAsciiArt_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4f827089"]]);
 //#endregion
 export { ScalarAsciiArt_default as default };
 

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarAsciiArt.vue.js","names":[],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    role=\"presentation\"\n    inert>\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ScalarAsciiArt.vue.js","names":[],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    inert\n    role=\"presentation\">\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue.script.js

@@ -21,8 +21,8 @@ var ScalarAsciiArt_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			return openBlock(), createElementBlock("div", {
 				"aria-hidden": "true",
 				class: normalizeClass(["ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]", { "ascii-art-animate": __props.animate }]),
-				role: "presentation",
-				inert: ""
+				inert: "",
+				role: "presentation"
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(lines.value, (line, i) => {
 				return openBlock(), createElementBlock("span", {
 					key: i,

package/dist/components/ScalarAsciiArt/ScalarAsciiArt.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarAsciiArt.vue.script.js","names":[],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    role=\"presentation\"\n    inert>\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":";;AAKA,IAAM,QAAQ;AACd,IAAM,QAAQ;;;;;;;;EAHd,MAAM,QAAQ;EAKd,MAAM,QAAQ,eAAyB,MAAM,IAAI,MAAM,IAAI,CAAC;EAE5D,MAAM,oBAAoB,OAAe,SAA6B;GACpE,mBAAmB,GAAG,QAAQ,MAAM,MAAM,MAAM;GAChD,yBAAyB,SAAS,MAAM;GACxC,gBAAgB,GAAG,MAAM,MAAM;GAC/B,yBAAyB,QAAS,MAAM,OAAO,UAAU,MAAM,MAAM,QAAQ,MAAM,OAAO,SAAS,EAAE,EAAE,UAAU,KAAK,KAAK,QAAS;EACtI;;uBAGE,mBAkBM,OAAA;IAjBJ,eAAY;IACZ,OAAK,eAAA,CAAC,0EAAwE,EAAA,qBAC/C,QAAA,QAAO,CAAA,CAAA;IACtC,MAAK;IACL,OAAA;yBACA,mBAWO,UAAA,MAAA,WAVe,MAAA,QAAZ,MAAM,MAAC;wBADjB,mBAWO,QAAA;KATJ,KAAK;KACN,OAAM;KACL,OAAK,eAAA,EAAA,OAAA,QAAmB,KAAK,SAAM,EAAA,KAAA,CAAA;QAEpC,mBAIS,QAAA;KAHf,OAAM;KACL,OAAK,eAAE,iBAAiB,KAAK,QAAQ,CAAC,CAAA;uBAChC,IAAI,GAAA,CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ScalarAsciiArt.vue.script.js","names":[],"sources":["../../../src/components/ScalarAsciiArt/ScalarAsciiArt.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type StyleValue } from 'vue'\n\nconst props = defineProps<{ art: string; animate?: boolean }>()\n\nconst BLINK = 500 // ms - Cursor blink speed\nconst PRINT = 100 // ms - Text print speed\n\nconst lines = computed<string[]>(() => props.art.split('\\n'))\n\nconst getLineAnimation = (chars: number, row: number): StyleValue => ({\n  animationDuration: `${chars * PRINT}ms, ${BLINK}ms`,\n  animationTimingFunction: `steps(${chars}), step-end`,\n  animationDelay: `${row * PRINT}ms, 0ms`,\n  animationIterationCount: `1, ${(((lines.value?.length ?? 0) + (lines.value?.[lines.value?.length - 1]?.length ?? 0) + 5) * PRINT) / BLINK}`,\n})\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"ascii-art font-code flex flex-col items-start text-[6px] leading-[7px]\"\n    :class=\"{ 'ascii-art-animate': animate }\"\n    inert\n    role=\"presentation\">\n    <span\n      v-for=\"(line, i) in lines\"\n      :key=\"i\"\n      class=\"inline-block\"\n      :style=\"{ width: `calc(${line.length + 1}ch)` }\">\n      <!-- prettier-ignore -->\n      <span\nclass=\"inline-block whitespace-pre overflow-hidden\"\n:style=\"getLineAnimation(line.length, i)\">{{\n       line\n      }}</span>\n    </span>\n  </div>\n</template>\n<style scoped>\n.ascii-art-animate .ascii-art-line {\n  border-right: 1ch solid transparent;\n  animation:\n    typewriter 4s steps(1) 1s 1 normal both,\n    blinkTextCursor 500ms steps(1) infinite normal;\n}\n\n@keyframes typewriter {\n  from {\n    width: 0;\n  }\n  to {\n    width: 100%;\n  }\n}\n@keyframes blinkTextCursor {\n  0% {\n    border-right-color: currentColor;\n  }\n  50% {\n    border-right-color: transparent;\n  }\n}\n</style>\n"],"mappings":";;AAKA,IAAM,QAAQ;AACd,IAAM,QAAQ;;;;;;;;EAHd,MAAM,QAAQ;EAKd,MAAM,QAAQ,eAAyB,MAAM,IAAI,MAAM,IAAI,CAAC;EAE5D,MAAM,oBAAoB,OAAe,SAA6B;GACpE,mBAAmB,GAAG,QAAQ,MAAM,MAAM,MAAM;GAChD,yBAAyB,SAAS,MAAM;GACxC,gBAAgB,GAAG,MAAM,MAAM;GAC/B,yBAAyB,QAAS,MAAM,OAAO,UAAU,MAAM,MAAM,QAAQ,MAAM,OAAO,SAAS,EAAE,EAAE,UAAU,KAAK,KAAK,QAAS;EACtI;;uBAGE,mBAkBM,OAAA;IAjBJ,eAAY;IACZ,OAAK,eAAA,CAAC,0EAAwE,EAAA,qBAC/C,QAAA,QAAO,CAAA,CAAA;IACtC,OAAA;IACA,MAAK;yBACL,mBAWO,UAAA,MAAA,WAVe,MAAA,QAAZ,MAAM,MAAC;wBADjB,mBAWO,QAAA;KATJ,KAAK;KACN,OAAM;KACL,OAAK,eAAA,EAAA,OAAA,QAAmB,KAAK,SAAM,EAAA,KAAA,CAAA;QAEpC,mBAIS,QAAA;KAHf,OAAM;KACL,OAAK,eAAE,iBAAiB,KAAK,QAAQ,CAAC,CAAA;uBAChC,IAAI,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/hooks/use-file-dialog.js

@@ -14,7 +14,7 @@ function useFileDialog({ multiple, accept, onChange, onError } = {}) {
 			if (!(event.target instanceof HTMLInputElement)) return;
 			const result = event.target;
 			files.value = result.files;
-			onChange?.(files.value);
+			return onChange?.(files.value);
 		};
 		input.onerror = () => onError?.();
 		input.multiple = multiple;

package/dist/hooks/use-file-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-dialog.js","names":[],"sources":["../../src/hooks/use-file-dialog.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\n\ntype UseFileDialogOptions = {\n  multiple?: boolean\n  /** @default '*' */\n  accept?: string\n  onChange?: (files: FileList | null) => void | Promise<void>\n  onError?: () => void | Promise<void>\n}\n\n/**\n * Simplified interface for opening a file picker dialog\n * Derived from vueuse @see https://vueuse.org/useFileDialog\n */\nexport function useFileDialog({ multiple, accept, onChange, onError }: UseFileDialogOptions = {}) {\n  const files = ref<FileList | null>(null)\n\n  let input: HTMLInputElement | undefined\n  if (typeof document !== 'undefined') {\n    input = document.createElement('input')\n    input.type = 'file'\n\n    input.onchange = (event: Event) => {\n      if (!(event.target instanceof HTMLInputElement)) {\n        return\n      }\n      const result = event.target\n      files.value = result.files\n      onChange?.(files.value)\n    }\n\n    input.onerror = () => onError?.()\n\n    input.multiple = multiple!\n    input.accept = accept!\n  }\n\n  const open = () => {\n    if (!input) {\n      return onError?.()\n    }\n\n    input.click()\n  }\n\n  return {\n    files: readonly(files),\n    open,\n  }\n}\n"],"mappings":";;;;;;AAcA,SAAgB,cAAc,EAAE,UAAU,QAAQ,UAAU,YAAkC,CAAC,GAAG;CAChG,MAAM,QAAQ,IAAqB,IAAI;CAEvC,IAAI;CACJ,IAAI,OAAO,aAAa,aAAa;EACnC,QAAQ,SAAS,cAAc,OAAO;EACtC,MAAM,OAAO;EAEb,MAAM,YAAY,UAAiB;GACjC,IAAI,EAAE,MAAM,kBAAkB,mBAC5B;GAEF,MAAM,SAAS,MAAM;GACrB,MAAM,QAAQ,OAAO;GACrB,WAAW,MAAM,KAAK;EACxB;EAEA,MAAM,gBAAgB,UAAU;EAEhC,MAAM,WAAW;EACjB,MAAM,SAAS;CACjB;CAEA,MAAM,aAAa;EACjB,IAAI,CAAC,OACH,OAAO,UAAU;EAGnB,MAAM,MAAM;CACd;CAEA,OAAO;EACL,OAAO,SAAS,KAAK;EACrB;CACF;AACF"}
+{"version":3,"file":"use-file-dialog.js","names":[],"sources":["../../src/hooks/use-file-dialog.ts"],"sourcesContent":["import { readonly, ref } from 'vue'\n\ntype UseFileDialogOptions = {\n  multiple?: boolean\n  /** @default '*' */\n  accept?: string\n  onChange?: (files: FileList | null) => void | Promise<void>\n  onError?: () => void | Promise<void>\n}\n\n/**\n * Simplified interface for opening a file picker dialog\n * Derived from vueuse @see https://vueuse.org/useFileDialog\n */\nexport function useFileDialog({ multiple, accept, onChange, onError }: UseFileDialogOptions = {}) {\n  const files = ref<FileList | null>(null)\n\n  let input: HTMLInputElement | undefined\n  if (typeof document !== 'undefined') {\n    input = document.createElement('input')\n    input.type = 'file'\n\n    input.onchange = (event: Event) => {\n      if (!(event.target instanceof HTMLInputElement)) {\n        return\n      }\n      const result = event.target\n      files.value = result.files\n      return onChange?.(files.value)\n    }\n\n    input.onerror = () => onError?.()\n\n    input.multiple = multiple!\n    input.accept = accept!\n  }\n\n  const open = () => {\n    if (!input) {\n      return onError?.()\n    }\n\n    input.click()\n  }\n\n  return {\n    files: readonly(files),\n    open,\n  }\n}\n"],"mappings":";;;;;;AAcA,SAAgB,cAAc,EAAE,UAAU,QAAQ,UAAU,YAAkC,CAAC,GAAG;CAChG,MAAM,QAAQ,IAAqB,IAAI;CAEvC,IAAI;CACJ,IAAI,OAAO,aAAa,aAAa;EACnC,QAAQ,SAAS,cAAc,OAAO;EACtC,MAAM,OAAO;EAEb,MAAM,YAAY,UAAiB;GACjC,IAAI,EAAE,MAAM,kBAAkB,mBAC5B;GAEF,MAAM,SAAS,MAAM;GACrB,MAAM,QAAQ,OAAO;GACrB,OAAO,WAAW,MAAM,KAAK;EAC/B;EAEA,MAAM,gBAAgB,UAAU;EAEhC,MAAM,WAAW;EACjB,MAAM,SAAS;CACjB;CAEA,MAAM,aAAa;EACjB,IAAI,CAAC,OACH,OAAO,UAAU;EAGnB,MAAM,MAAM;CACd;CAEA,OAAO;EACL,OAAO,SAAS,KAAK;EACrB;CACF;AACF"}