@scalar/api-client 2.39.4 → 2.40.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @scalar/api-client
 
+## 2.40.0
+
+### Minor Changes
+
+- [#8524](https://github.com/scalar/scalar/pull/8524): feat: move request logic on the store and generate a request builder
+
+### Patch Changes
+
+- [#8692](https://github.com/scalar/scalar/pull/8692): feat: replace pretty-bytes dependency with internal helper
+- [#8518](https://github.com/scalar/scalar/pull/8518): test(api-client): add regression coverage for oauth2 clientCredentials security body
+
+  Adds a regression test that exercises the full oauth2 merge + authorize path for
+  `clientCredentials` and verifies `x-scalar-security-body` fields (for example
+  `audience`) are preserved and sent in the token request body.
+
+- [#8661](https://github.com/scalar/scalar/pull/8661): fix(api-client): support OAuth redirect callback override for Electron-friendly flows
+- [#8634](https://github.com/scalar/scalar/pull/8634): feat: implement improved saving UI
+- [#8647](https://github.com/scalar/scalar/pull/8647): feat: move addressBar path change from debounce to blur
+- [#8713](https://github.com/scalar/scalar/pull/8713): feat: handle pasting and typing urls in the path box
+- [#8698](https://github.com/scalar/scalar/pull/8698): fix: missing reference parameters by making skipping behavior opt-in
+- [#8652](https://github.com/scalar/scalar/pull/8652): feat: keep form-data file delete action accessible on touch
+
 ## 2.39.4
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAU9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AA0QF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAS9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AA0QF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/AddressBar/AddressBarHistory.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import AddressBarHistory_vue_vue_type_script_setup_true_lang_default from "./AddressBarHistory.vue.script.js";
 /* empty css                                */
 //#region src/components/AddressBar/AddressBarHistory.vue
-var AddressBarHistory_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AddressBarHistory_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a93fa60f"]]);
+var AddressBarHistory_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AddressBarHistory_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7e9dbe2f"]]);
 //#endregion
 export { AddressBarHistory_default as default };
 

package/dist/components/AddressBar/AddressBarHistory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.js","names":[],"sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport {\n  ScalarFloating,\n  ScalarFloatingBackdrop,\n  ScalarIcon,\n} from '@scalar/components'\nimport type { Operation, RequestEvent } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { formatMs } from '@/libs/formatters'\nimport { useWorkspace } from '@/store'\n\nimport HttpMethod from '../HttpMethod/HttpMethod.vue'\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { operation, target } = defineProps<{\n  operation: Operation\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst { requestHistory } = useWorkspace()\n\n/** Use a local copy to prevent mutation of the reactive object */\nconst history = computed(() =>\n  requestHistory\n    .filter((entry) => entry.request.requestUid === operation.uid)\n    .slice()\n    .reverse(),\n)\n\nfunction handleHistoryClick(requestHistoryItem: RequestEvent) {\n  console.warn(\n    \"Restoring from the request history doesn't work yet. Request History Item:\",\n    requestHistoryItem,\n  )\n  // TODO: Restore the request data with the history item\n  // TODO: Restore the response data with the history item\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history?.length\"\n        class=\"address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">Request History</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center border-t p-0.75\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"entry.timestamp\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"handleHistoryClick(entry)\">\n            <HttpMethod\n              v-if=\"entry.response.method\"\n              class=\"text-[11px]\"\n              :method=\"entry.response.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.response.path }}\n              </div>\n            </div>\n            <div>{{ formatMs(entry.response.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.response.status).color]\">\n              {{ entry.response.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.response.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n        <ScalarFloatingBackdrop\n          class=\"-top-(--scalar-address-bar-height) rounded-lg\" />\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AddressBarHistory.vue.js","names":[],"sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport {\n  ScalarFloating,\n  ScalarFloatingBackdrop,\n  ScalarIcon,\n} from '@scalar/components'\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport type { Operation, RequestEvent } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { useWorkspace } from '@/store'\n\nimport HttpMethod from '../HttpMethod/HttpMethod.vue'\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { operation, target } = defineProps<{\n  operation: Operation\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst { requestHistory } = useWorkspace()\n\n/** Use a local copy to prevent mutation of the reactive object */\nconst history = computed(() =>\n  requestHistory\n    .filter((entry) => entry.request.requestUid === operation.uid)\n    .slice()\n    .reverse(),\n)\n\nfunction handleHistoryClick(requestHistoryItem: RequestEvent) {\n  console.warn(\n    \"Restoring from the request history doesn't work yet. Request History Item:\",\n    requestHistoryItem,\n  )\n  // TODO: Restore the request data with the history item\n  // TODO: Restore the response data with the history item\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history?.length\"\n        class=\"address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">Request History</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center border-t p-0.75\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"entry.timestamp\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"handleHistoryClick(entry)\">\n            <HttpMethod\n              v-if=\"entry.response.method\"\n              class=\"text-[11px]\"\n              :method=\"entry.response.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.response.path }}\n              </div>\n            </div>\n            <div>{{ formatMilliseconds(entry.response.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.response.status).color]\">\n              {{ entry.response.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.response.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n        <ScalarFloatingBackdrop\n          class=\"-top-(--scalar-address-bar-height) rounded-lg\" />\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}

package/dist/components/AddressBar/AddressBarHistory.vue.script.js

@@ -1,4 +1,3 @@
-import { formatMs } from "../../libs/formatters.js";
 import { useWorkspace } from "../../store/store.js";
 import HttpMethod_default from "../HttpMethod/HttpMethod.vue.js";
 import { getStatusCodeColor } from "./httpStatusCodeColors.js";
@@ -6,6 +5,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { ScalarFloating, ScalarFloatingBackdrop, ScalarIcon } from "@scalar/components";
 import { httpStatusCodes } from "@scalar/oas-utils/helpers";
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
+import { formatMilliseconds } from "@scalar/helpers/formatters/format-milliseconds";
 //#region src/components/AddressBar/AddressBarHistory.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "min-w-0" };
 var _hoisted_2 = { class: "text-c-1 min-w-0 truncate" };
@@ -63,7 +63,7 @@ var AddressBarHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 										method: entry.response.method
 									}, null, 8, ["method"])) : createCommentVNode("", true),
 									createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(entry.response.path), 1)]),
-									createElementVNode("div", null, toDisplayString(unref(formatMs)(entry.response.duration)), 1),
+									createElementVNode("div", null, toDisplayString(unref(formatMilliseconds)(entry.response.duration)), 1),
 									createElementVNode("div", { class: normalizeClass([unref(getStatusCodeColor)(entry.response.status).color]) }, toDisplayString(entry.response.status), 3),
 									createElementVNode("div", null, toDisplayString(unref(httpStatusCodes)[entry.response.status]?.name), 1)
 								]),

package/dist/components/AddressBar/AddressBarHistory.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.script.js","names":[],"sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport {\n  ScalarFloating,\n  ScalarFloatingBackdrop,\n  ScalarIcon,\n} from '@scalar/components'\nimport type { Operation, RequestEvent } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { formatMs } from '@/libs/formatters'\nimport { useWorkspace } from '@/store'\n\nimport HttpMethod from '../HttpMethod/HttpMethod.vue'\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { operation, target } = defineProps<{\n  operation: Operation\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst { requestHistory } = useWorkspace()\n\n/** Use a local copy to prevent mutation of the reactive object */\nconst history = computed(() =>\n  requestHistory\n    .filter((entry) => entry.request.requestUid === operation.uid)\n    .slice()\n    .reverse(),\n)\n\nfunction handleHistoryClick(requestHistoryItem: RequestEvent) {\n  console.warn(\n    \"Restoring from the request history doesn't work yet. Request History Item:\",\n    requestHistoryItem,\n  )\n  // TODO: Restore the request data with the history item\n  // TODO: Restore the response data with the history item\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history?.length\"\n        class=\"address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">Request History</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center border-t p-0.75\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"entry.timestamp\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"handleHistoryClick(entry)\">\n            <HttpMethod\n              v-if=\"entry.response.method\"\n              class=\"text-[11px]\"\n              :method=\"entry.response.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.response.path }}\n              </div>\n            </div>\n            <div>{{ formatMs(entry.response.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.response.status).color]\">\n              {{ entry.response.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.response.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n        <ScalarFloatingBackdrop\n          class=\"-top-(--scalar-address-bar-height) rounded-lg\" />\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,MAAM,EAAE,mBAAmB,cAAa;;EAGxC,MAAM,UAAU,eACd,eACG,QAAQ,UAAU,MAAM,QAAQ,eAAe,QAAA,UAAU,IAAG,CAC5D,OAAM,CACN,SAAS,CACd;EAEA,SAAS,mBAAmB,oBAAkC;AAC5D,WAAQ,KACN,8EACA,mBACF;;;uBAMA,YAuDO,MAAA,KAAA,EAAA,EArDL,IAAG,OAAK,EAAA;sBAoDS,EArDP,WAAI,CAEd,YAmDiB,MAAA,eAAA,EAAA;KAlDd,QAAQ;KACT,QAAA;KACC,QAAQ,QAAA;;4BAUI,CAPL,QAAA,OAAS,UAAA,WAAA,EADjB,YAQa,MAAA,WAAA,EAAA;;MANX,OAAM;;6BAIe,CAHrB,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;oCACZ,mBAA4C,QAAA,EAAtC,OAAM,WAAS,EAAC,mBAAe,GAAA,EAAA,CAAA;;;;QAI/B,OAAA;WACL;kBA8BW,EA9BC,YAAK,CAElB,YA4BY,MAAA,UAAA,EAAA;MA3BV,OAAM;MACN,QAAA;MACC,OAAK,eAAA,EAAI,OAAK,CAAA;;6BAEoB,EAAA,UAAA,KAAA,EADnC,mBAuBW,UAAA,MAAA,WAtBgB,QAAA,QAAjB,OAAO,UAAK;2BADtB,YAuBW,MAAA,SAAA,EAAA;QArBR,KAAK,MAAM;QACZ,IAAG;QACH,OAAM;QACL,OAAO;QACP,UAAK,WAAE,mBAAmB,MAAK;;+BAII;SAF5B,MAAM,SAAS,UAAA,WAAA,EADvB,YAGoC,oBAAA;;UADlC,OAAM;UACL,QAAQ,MAAM,SAAS;;SAC1B,mBAIM,OAJN,YAIM,CAHJ,mBAEM,OAFN,YAEM,gBADD,MAAM,SAAS,KAAI,EAAA,EAAA,CAAA,CAAA;SAG1B,mBAAkD,OAAA,MAAA,gBAA1C,MAAA,SAAQ,CAAC,MAAM,SAAS,SAAQ,CAAA,EAAA,EAAA;SACxC,mBAEM,OAAA,EAFA,OAAK,eAAA,CAAG,MAAA,mBAAkB,CAAC,MAAM,SAAS,OAAM,CAAE,MAAK,CAAA,EAAA,EAAA,gBACxD,MAAM,SAAS,OAAM,EAAA,EAAA;SAE1B,mBAEM,OAAA,MAAA,gBADD,MAAA,gBAAe,CAAC,MAAM,SAAS,SAAS,KAAI,EAAA,EAAA;;;;;;uBAIrD,YAC0D,MAAA,uBAAA,EAAA,EAAxD,OAAM,iDAA+C,CAAA,CAAA,CAAA"}
+{"version":3,"file":"AddressBarHistory.vue.script.js","names":[],"sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue'\nimport {\n  ScalarFloating,\n  ScalarFloatingBackdrop,\n  ScalarIcon,\n} from '@scalar/components'\nimport { formatMilliseconds } from '@scalar/helpers/formatters/format-milliseconds'\nimport type { Operation, RequestEvent } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nimport { useWorkspace } from '@/store'\n\nimport HttpMethod from '../HttpMethod/HttpMethod.vue'\nimport { getStatusCodeColor } from './httpStatusCodeColors'\n\nconst { operation, target } = defineProps<{\n  operation: Operation\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst { requestHistory } = useWorkspace()\n\n/** Use a local copy to prevent mutation of the reactive object */\nconst history = computed(() =>\n  requestHistory\n    .filter((entry) => entry.request.requestUid === operation.uid)\n    .slice()\n    .reverse(),\n)\n\nfunction handleHistoryClick(requestHistoryItem: RequestEvent) {\n  console.warn(\n    \"Restoring from the request history doesn't work yet. Request History Item:\",\n    requestHistoryItem,\n  )\n  // TODO: Restore the request data with the history item\n  // TODO: Restore the response data with the history item\n}\n</script>\n<template>\n  <Menu\n    v-slot=\"{ open }\"\n    as=\"div\">\n    <ScalarFloating\n      :offset=\"0\"\n      resize\n      :target=\"target\">\n      <!-- History -->\n      <MenuButton\n        v-if=\"history?.length\"\n        class=\"address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5\">\n        <ScalarIcon\n          icon=\"History\"\n          size=\"sm\"\n          thickness=\"2.25\" />\n        <span class=\"sr-only\">Request History</span>\n      </MenuButton>\n      <!-- History shadow and placement-->\n      <template\n        v-if=\"open\"\n        #floating=\"{ width }\">\n        <!-- History Item -->\n        <MenuItems\n          class=\"custom-scroll grid max-h-[inherit] grid-cols-[44px_1fr_repeat(3,auto)] items-center border-t p-0.75\"\n          static\n          :style=\"{ width }\">\n          <MenuItem\n            v-for=\"(entry, index) in history\"\n            :key=\"entry.timestamp\"\n            as=\"button\"\n            class=\"font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r\"\n            :value=\"index\"\n            @click=\"handleHistoryClick(entry)\">\n            <HttpMethod\n              v-if=\"entry.response.method\"\n              class=\"text-[11px]\"\n              :method=\"entry.response.method\" />\n            <div class=\"min-w-0\">\n              <div class=\"text-c-1 min-w-0 truncate\">\n                {{ entry.response.path }}\n              </div>\n            </div>\n            <div>{{ formatMilliseconds(entry.response.duration) }}</div>\n            <div :class=\"[getStatusCodeColor(entry.response.status).color]\">\n              {{ entry.response.status }}\n            </div>\n            <div>\n              {{ httpStatusCodes[entry.response.status]?.name }}\n            </div>\n          </MenuItem>\n        </MenuItems>\n        <ScalarFloatingBackdrop\n          class=\"-top-(--scalar-address-bar-height) rounded-lg\" />\n      </template>\n    </ScalarFloating>\n  </Menu>\n</template>\n<style scoped>\n.address-bar-history-button:hover {\n  background: var(--scalar-background-3);\n}\n.address-bar-history-button:focus-within {\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuBA,MAAM,EAAE,mBAAmB,cAAa;;EAGxC,MAAM,UAAU,eACd,eACG,QAAQ,UAAU,MAAM,QAAQ,eAAe,QAAA,UAAU,IAAG,CAC5D,OAAM,CACN,SAAS,CACd;EAEA,SAAS,mBAAmB,oBAAkC;AAC5D,WAAQ,KACN,8EACA,mBACF;;;uBAMA,YAuDO,MAAA,KAAA,EAAA,EArDL,IAAG,OAAK,EAAA;sBAoDS,EArDP,WAAI,CAEd,YAmDiB,MAAA,eAAA,EAAA;KAlDd,QAAQ;KACT,QAAA;KACC,QAAQ,QAAA;;4BAUI,CAPL,QAAA,OAAS,UAAA,WAAA,EADjB,YAQa,MAAA,WAAA,EAAA;;MANX,OAAM;;6BAIe,CAHrB,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;oCACZ,mBAA4C,QAAA,EAAtC,OAAM,WAAS,EAAC,mBAAe,GAAA,EAAA,CAAA;;;;QAI/B,OAAA;WACL;kBA8BW,EA9BC,YAAK,CAElB,YA4BY,MAAA,UAAA,EAAA;MA3BV,OAAM;MACN,QAAA;MACC,OAAK,eAAA,EAAI,OAAK,CAAA;;6BAEoB,EAAA,UAAA,KAAA,EADnC,mBAuBW,UAAA,MAAA,WAtBgB,QAAA,QAAjB,OAAO,UAAK;2BADtB,YAuBW,MAAA,SAAA,EAAA;QArBR,KAAK,MAAM;QACZ,IAAG;QACH,OAAM;QACL,OAAO;QACP,UAAK,WAAE,mBAAmB,MAAK;;+BAII;SAF5B,MAAM,SAAS,UAAA,WAAA,EADvB,YAGoC,oBAAA;;UADlC,OAAM;UACL,QAAQ,MAAM,SAAS;;SAC1B,mBAIM,OAJN,YAIM,CAHJ,mBAEM,OAFN,YAEM,gBADD,MAAM,SAAS,KAAI,EAAA,EAAA,CAAA,CAAA;SAG1B,mBAA4D,OAAA,MAAA,gBAApD,MAAA,mBAAkB,CAAC,MAAM,SAAS,SAAQ,CAAA,EAAA,EAAA;SAClD,mBAEM,OAAA,EAFA,OAAK,eAAA,CAAG,MAAA,mBAAkB,CAAC,MAAM,SAAS,OAAM,CAAE,MAAK,CAAA,EAAA,EAAA,gBACxD,MAAM,SAAS,OAAM,EAAA,EAAA;SAE1B,mBAEM,OAAA,MAAA,gBADD,MAAA,gBAAe,CAAC,MAAM,SAAS,SAAS,KAAI,EAAA,EAAA;;;;;;uBAIrD,YAC0D,MAAA,uBAAA,EAAA,EAAxD,OAAM,iDAA+C,CAAA,CAAA,CAAA"}

package/dist/hooks/useClientConfig.d.ts

@@ -20,6 +20,7 @@ export declare const useClientConfig: () => Ref<{
     authentication?: any;
     baseServerURL?: string | undefined;
     proxyUrl?: string | undefined;
+    oauth2RedirectUri?: string | undefined;
     searchHotKey?: "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z" | undefined;
     servers?: any[] | undefined;
     _integration?: "elysiajs" | "fastify" | "adonisjs" | "astro" | "docusaurus" | "dotnet" | "express" | "fastapi" | "go" | "hono" | "html" | "laravel" | "litestar" | "nestjs" | "nextjs" | "nitro" | "nuxt" | "platformatic" | "react" | "rust" | "svelte" | "vue" | null | undefined;
@@ -80,6 +81,7 @@ export declare const useClientConfig: () => Ref<{
     authentication?: any;
     baseServerURL?: string | undefined;
     proxyUrl?: string | undefined;
+    oauth2RedirectUri?: string | undefined;
     searchHotKey?: "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z" | undefined;
     servers?: any[] | undefined;
     _integration?: "elysiajs" | "fastify" | "adonisjs" | "astro" | "docusaurus" | "dotnet" | "express" | "fastapi" | "go" | "hono" | "html" | "laravel" | "litestar" | "nestjs" | "nextjs" | "nitro" | "nuxt" | "platformatic" | "react" | "rust" | "svelte" | "vue" | null | undefined;
@@ -140,6 +142,7 @@ export declare const useClientConfig: () => Ref<{
     authentication?: any;
     baseServerURL?: string | undefined;
     proxyUrl?: string | undefined;
+    oauth2RedirectUri?: string | undefined;
     searchHotKey?: "a" | "b" | "c" | "d" | "e" | "f" | "g" | "h" | "i" | "j" | "k" | "l" | "m" | "n" | "o" | "p" | "q" | "r" | "s" | "t" | "u" | "v" | "w" | "x" | "y" | "z" | undefined;
     servers?: any[] | undefined;
     _integration?: "elysiajs" | "fastify" | "adonisjs" | "astro" | "docusaurus" | "dotnet" | "express" | "fastapi" | "go" | "hono" | "html" | "laravel" | "litestar" | "nestjs" | "nextjs" | "nitro" | "nuxt" | "platformatic" | "react" | "rust" | "svelte" | "vue" | null | undefined;
@@ -183,4 +186,13 @@ export declare const useClientConfig: () => Ref<{
         hideAddApi?: boolean | undefined;
     } | undefined;
 }>;
+/**
+ * Resolve the default OAuth2 redirect URI.
+ *
+ * Priority:
+ * 1. Explicit oauth2RedirectUri config override.
+ * 2. Empty string in non-browser and file:// contexts.
+ * 3. Browser origin + pathname fallback.
+ */
+export declare const resolveDefaultOAuth2RedirectUri: (config: Pick<ApiClientConfiguration, "oauth2RedirectUri">) => string;
 //# sourceMappingURL=useClientConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useClientConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useClientConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,6BAA6B,CAAA;AACvG,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAe,MAAM,KAAK,CAAA;AAE9D,eAAO,MAAM,2BAA2B,EAAe,YAAY,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAEhG,0DAA0D;AAC1D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyF,CAAA"}
+{"version":3,"file":"useClientConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useClientConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAgC,MAAM,6BAA6B,CAAA;AACvG,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAe,MAAM,KAAK,CAAA;AAE9D,eAAO,MAAM,2BAA2B,EAAe,YAAY,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAEhG,0DAA0D;AAC1D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyF,CAAA;AAErH;;;;;;;GAOG;AACH,eAAO,MAAM,+BAA+B,GAAI,QAAQ,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,KAAG,MAU3G,CAAA"}

package/dist/hooks/useClientConfig.js

@@ -4,7 +4,20 @@ import { apiClientConfigurationSchema } from "@scalar/types/api-reference";
 var CLIENT_CONFIGURATION_SYMBOL = Symbol();
 /** Hook for easy access to the reference configuration */
 var useClientConfig = () => inject(CLIENT_CONFIGURATION_SYMBOL, ref(apiClientConfigurationSchema.parse({})));
+/**
+* Resolve the default OAuth2 redirect URI.
+*
+* Priority:
+* 1. Explicit oauth2RedirectUri config override.
+* 2. Empty string in non-browser and file:// contexts.
+* 3. Browser origin + pathname fallback.
+*/
+var resolveDefaultOAuth2RedirectUri = (config) => {
+	if (config.oauth2RedirectUri) return config.oauth2RedirectUri;
+	if (typeof window === "undefined" || window.location.protocol === "file:") return "";
+	return window.location.origin + window.location.pathname;
+};
 //#endregion
-export { CLIENT_CONFIGURATION_SYMBOL, useClientConfig };
+export { CLIENT_CONFIGURATION_SYMBOL, resolveDefaultOAuth2RedirectUri, useClientConfig };
 
 //# sourceMappingURL=useClientConfig.js.map

package/dist/hooks/useClientConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClientConfig.js","names":[],"sources":["../../src/hooks/useClientConfig.ts"],"sourcesContent":["import { type ApiClientConfiguration, apiClientConfigurationSchema } from '@scalar/types/api-reference'\nimport { type InjectionKey, type Ref, inject, ref } from 'vue'\n\nexport const CLIENT_CONFIGURATION_SYMBOL = Symbol() as InjectionKey<Ref<ApiClientConfiguration>>\n\n/** Hook for easy access to the reference configuration */\nexport const useClientConfig = () => inject(CLIENT_CONFIGURATION_SYMBOL, ref(apiClientConfigurationSchema.parse({})))\n"],"mappings":";;;AAGA,IAAa,8BAA8B,QAAQ;;AAGnD,IAAa,wBAAwB,OAAO,6BAA6B,IAAI,6BAA6B,MAAM,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"useClientConfig.js","names":[],"sources":["../../src/hooks/useClientConfig.ts"],"sourcesContent":["import { type ApiClientConfiguration, apiClientConfigurationSchema } from '@scalar/types/api-reference'\nimport { type InjectionKey, type Ref, inject, ref } from 'vue'\n\nexport const CLIENT_CONFIGURATION_SYMBOL = Symbol() as InjectionKey<Ref<ApiClientConfiguration>>\n\n/** Hook for easy access to the reference configuration */\nexport const useClientConfig = () => inject(CLIENT_CONFIGURATION_SYMBOL, ref(apiClientConfigurationSchema.parse({})))\n\n/**\n * Resolve the default OAuth2 redirect URI.\n *\n * Priority:\n * 1. Explicit oauth2RedirectUri config override.\n * 2. Empty string in non-browser and file:// contexts.\n * 3. Browser origin + pathname fallback.\n */\nexport const resolveDefaultOAuth2RedirectUri = (config: Pick<ApiClientConfiguration, 'oauth2RedirectUri'>): string => {\n  if (config.oauth2RedirectUri) {\n    return config.oauth2RedirectUri\n  }\n\n  if (typeof window === 'undefined' || window.location.protocol === 'file:') {\n    return ''\n  }\n\n  return window.location.origin + window.location.pathname\n}\n"],"mappings":";;;AAGA,IAAa,8BAA8B,QAAQ;;AAGnD,IAAa,wBAAwB,OAAO,6BAA6B,IAAI,6BAA6B,MAAM,EAAE,CAAC,CAAC,CAAC;;;;;;;;;AAUrH,IAAa,mCAAmC,WAAsE;AACpH,KAAI,OAAO,kBACT,QAAO,OAAO;AAGhB,KAAI,OAAO,WAAW,eAAe,OAAO,SAAS,aAAa,QAChE,QAAO;AAGT,QAAO,OAAO,SAAS,SAAS,OAAO,SAAS"}

package/dist/libs/index.d.ts

@@ -4,7 +4,6 @@ export { parseEnvVariables } from './environment-parser.js';
 export { ERRORS, type ErrorResponse, normalizeError, prettyErrorMessage } from './errors.js';
 export { type EventBus, type EventBusListener, createEventBus } from './event-bus.js';
 export { findRequestByPathMethod } from './find-request.js';
-export { formatBytes, formatMs } from './formatters.js';
 export { type OpenApiDocumentDetails, getOpenApiDocumentDetails } from './getOpenApiDocumentDetails.js';
 export { DEFAULT_HOTKEYS, type HotKeyEvent, getModifiers, handleHotKeyDown, isInput } from './hot-keys.js';
 export { isUrl } from './isUrl.js';

package/dist/libs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/libs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,KAAK,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACpG,OAAO,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACvG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AACnG,OAAO,EAAE,KAAK,aAAa,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/libs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACzF,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,KAAK,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACpG,OAAO,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACvG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AACnG,OAAO,EAAE,KAAK,aAAa,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/libs/index.js

@@ -5,7 +5,6 @@ import { createApiClient } from "./create-client.js";
 import { getEnvColor } from "./env-helpers.js";
 import { parseEnvVariables } from "./environment-parser.js";
 import { ERRORS, normalizeError, prettyErrorMessage } from "./errors.js";
-import { formatBytes, formatMs } from "./formatters.js";
 import { isUrl } from "./isUrl.js";
 import { getOpenApiDocumentDetails } from "./getOpenApiDocumentDetails.js";
 import { DEFAULT_HOTKEYS, getModifiers, handleHotKeyDown, isInput } from "./hot-keys.js";
@@ -15,4 +14,4 @@ import { convertPostmanToOpenApi, getPostmanDocumentDetails, isPostmanCollection
 import { buildRequestSecurity } from "./send-request/build-request-security.js";
 import { decodeBuffer } from "./send-request/decode-buffer.js";
 import { createRequestOperation } from "./send-request/create-request-operation.js";
-export { DEFAULT_HOTKEYS, ERRORS, buildRequestSecurity, convertPostmanToOpenApi, createApiClient, createEventBus, createRequestOperation, decodeBuffer, findRequestByPathMethod, formatBytes, formatHeaderKey, formatMs, getEnvColor, getModifiers, getOpenApiDocumentDetails, getPostmanDocumentDetails, handleHotKeyDown, isInput, isPostmanCollection, isUrl, loadAllResources, normalizeError, normalizeHeaders, parseCurlCommand, parseEnvVariables, prettyErrorMessage };
+export { DEFAULT_HOTKEYS, ERRORS, buildRequestSecurity, convertPostmanToOpenApi, createApiClient, createEventBus, createRequestOperation, decodeBuffer, findRequestByPathMethod, formatHeaderKey, getEnvColor, getModifiers, getOpenApiDocumentDetails, getPostmanDocumentDetails, handleHotKeyDown, isInput, isPostmanCollection, isUrl, loadAllResources, normalizeError, normalizeHeaders, parseCurlCommand, parseEnvVariables, prettyErrorMessage };