@scalar/api-client 2.42.0 → 3.0.0

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.script.js

@@ -1,64 +0,0 @@
-import { useWorkspace } from "../../../store/store.js";
-import HelpfulLink_default from "../../../components/HelpfulLink.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeStyle, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
-import { httpStatusCodes } from "@scalar/oas-utils/helpers";
-import prettyMilliseconds from "pretty-ms";
-import { formatBytes } from "@scalar/helpers/formatters/format-bytes";
-//#region src/views/Request/ResponseSection/ResponseMetaInformation.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "text-c-1 flex gap-1.5" };
-var _hoisted_2 = { key: 0 };
-var _hoisted_3 = { key: 0 };
-var _hoisted_4 = { key: 1 };
-var ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ResponseMetaInformation",
-	props: { response: {} },
-	setup(__props) {
-		const props = __props;
-		const { events } = useWorkspace();
-		const interval = ref();
-		const stopwatch = ref(0);
-		events.requestStatus.on((status) => {
-			if (status === "start") interval.value = setInterval(() => stopwatch.value += 1e3, 1e3);
-			else {
-				clearInterval(interval.value);
-				interval.value = void 0;
-				stopwatch.value = 0;
-			}
-		});
-		/** Size of the response */
-		const getContentLength = (response) => {
-			const contentLength = Number.parseInt(response.headers?.["Content-Length"] || response.headers?.["content-length"] || "0", 10);
-			return contentLength ? formatBytes(contentLength) : void 0;
-		};
-		/** Status text for the response */
-		const statusCodeInformation = computed(() => {
-			const responseStatusCode = props.response.status;
-			if (!responseStatusCode) return;
-			return httpStatusCodes[responseStatusCode] ?? void 0;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [interval.value && stopwatch.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(prettyMilliseconds)(stopwatch.value)), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-				createElementVNode("span", null, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Response Information, Duration:", -1)), createTextVNode(" " + toDisplayString(unref(prettyMilliseconds)(__props.response.duration)), 1)]),
-				getContentLength(__props.response) ? (openBlock(), createElementBlock("span", _hoisted_3, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, ", Size:", -1)), createTextVNode(" " + toDisplayString(getContentLength(__props.response)), 1)])) : createCommentVNode("", true),
-				statusCodeInformation.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, ", Status:", -1)), statusCodeInformation.value.url ? (openBlock(), createBlock(HelpfulLink_default, {
-					key: 0,
-					class: "flex items-center gap-1.5",
-					href: statusCodeInformation.value.url
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
-						class: "block h-1.5 w-1.5 rounded-full",
-						style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
-					}, null, 4)]),
-					_: 1
-				}, 8, ["href"])) : (openBlock(), createElementBlock("span", _hoisted_4, [createTextVNode(toDisplayString(__props.response.status) + " " + toDisplayString(statusCodeInformation.value.name) + " ", 1), createElementVNode("span", {
-					class: "block h-1.5 w-1.5 rounded-full",
-					style: normalizeStyle({ backgroundColor: statusCodeInformation.value.color })
-				}, null, 4)]))], 64)) : createCommentVNode("", true)
-			], 64))]);
-		};
-	}
-});
-//#endregion
-export { ResponseMetaInformation_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ResponseMetaInformation.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseMetaInformation.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponseMetaInformation.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseMetaInformation.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { formatBytes } from '@scalar/helpers/formatters/format-bytes'\nimport type { ResponseInstance } from '@scalar/oas-utils/entities/spec'\nimport { httpStatusCodes, type HttpStatusCode } from '@scalar/oas-utils/helpers'\nimport prettyMilliseconds from 'pretty-ms'\nimport { computed, ref } from 'vue'\n\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport { useWorkspace } from '@/store'\n\nconst props = defineProps<{ response: ResponseInstance }>()\n\nconst { events } = useWorkspace()\nconst interval = ref<ReturnType<typeof setInterval>>()\nconst stopwatch = ref(0)\n\nevents.requestStatus.on((status) => {\n  if (status === 'start') {\n    interval.value = setInterval(() => (stopwatch.value += 1000), 1000)\n  } else {\n    clearInterval(interval.value)\n    interval.value = undefined\n    stopwatch.value = 0\n  }\n})\n\n/** Size of the response */\nconst getContentLength = (response: ResponseInstance) => {\n  const contentLength = Number.parseInt(\n    response.headers?.['Content-Length'] ||\n      response.headers?.['content-length'] ||\n      '0',\n    10,\n  )\n\n  return contentLength ? formatBytes(contentLength) : undefined\n}\n\n/** Status text for the response */\nconst statusCodeInformation = computed((): HttpStatusCode | undefined => {\n  const responseStatusCode = props.response.status\n\n  if (!responseStatusCode) {\n    return undefined\n  }\n\n  return httpStatusCodes[responseStatusCode] ?? undefined\n})\n</script>\n<template>\n  <div class=\"text-c-1 flex gap-1.5\">\n    <span v-if=\"interval && stopwatch\">{{\n      prettyMilliseconds(stopwatch)\n    }}</span>\n    <template v-else>\n      <span>\n        <span class=\"sr-only\">Response Information, Duration:</span>\n        {{ prettyMilliseconds(response.duration) }}\n      </span>\n      <span v-if=\"getContentLength(response)\">\n        <span class=\"sr-only\">, Size:</span>\n        {{ getContentLength(response) }}\n      </span>\n      <template v-if=\"statusCodeInformation\">\n        <span class=\"sr-only\">, Status:</span>\n        <HelpfulLink\n          v-if=\"statusCodeInformation.url\"\n          class=\"flex items-center gap-1.5\"\n          :href=\"statusCodeInformation.url\">\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </HelpfulLink>\n        <span v-else>\n          {{ response.status }} {{ statusCodeInformation.name }}\n          <span\n            class=\"block h-1.5 w-1.5 rounded-full\"\n            :style=\"{ backgroundColor: statusCodeInformation.color }\" />\n        </span>\n      </template>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,cAAa;EAChC,MAAM,WAAW,KAAoC;EACrD,MAAM,YAAY,IAAI,EAAC;AAEvB,SAAO,cAAc,IAAI,WAAW;AAClC,OAAI,WAAW,QACb,UAAS,QAAQ,kBAAmB,UAAU,SAAS,KAAO,IAAI;QAC7D;AACL,kBAAc,SAAS,MAAK;AAC5B,aAAS,QAAQ,KAAA;AACjB,cAAU,QAAQ;;IAErB;;EAGD,MAAM,oBAAoB,aAA+B;GACvD,MAAM,gBAAgB,OAAO,SAC3B,SAAS,UAAU,qBACjB,SAAS,UAAU,qBACnB,KACF,GACF;AAEA,UAAO,gBAAgB,YAAY,cAAc,GAAG,KAAA;;;EAItD,MAAM,wBAAwB,eAA2C;GACvE,MAAM,qBAAqB,MAAM,SAAS;AAE1C,OAAI,CAAC,mBACH;AAGF,UAAO,gBAAgB,uBAAuB,KAAA;IAC/C;;uBAGC,mBAgCM,OAhCN,YAgCM,CA/BQ,SAAA,SAAY,UAAA,SAAA,WAAA,EAAxB,mBAES,QAAA,YAAA,gBADP,MAAA,mBAAkB,CAAC,UAAA,MAAS,CAAA,EAAA,EAAA,KAAA,WAAA,EAE9B,mBA2BW,UAAA,EAAA,KAAA,GAAA,EAAA;IA1BT,mBAGO,QAAA,MAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAA4D,QAAA,EAAtD,OAAM,WAAS,EAAC,mCAA+B,GAAA,GAAA,gBAAO,MAC5D,gBAAG,MAAA,mBAAkB,CAAC,QAAA,SAAS,SAAQ,CAAA,EAAA,EAAA,CAAA,CAAA;IAE7B,iBAAiB,QAAA,SAAQ,IAAA,WAAA,EAArC,mBAGO,QAAA,YAAA,CAAA,OAAA,OAAA,OAAA,KAFL,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAAA,gBAAO,MACpC,gBAAG,iBAAiB,QAAA,SAAQ,CAAA,EAAA,EAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAEd,sBAAA,SAAA,WAAA,EAAhB,mBAiBW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,OAAA,OAAA,KAhBT,mBAAsC,QAAA,EAAhC,OAAM,WAAS,EAAC,aAAS,GAAA,GAEvB,sBAAA,MAAsB,OAAA,WAAA,EAD9B,YAQc,qBAAA;;KANZ,OAAM;KACL,MAAM,sBAAA,MAAsB;;4BACR,CAAA,gBAAA,gBAAlB,QAAA,SAAS,OAAM,GAAG,MAAC,gBAAG,sBAAA,MAAsB,KAAI,GAAG,KACtD,EAAA,EAAA,mBAE8D,QAAA;MAD5D,OAAM;MACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,OAAK,CAAA;;;qCAE1D,mBAKO,QAAA,YAAA,CAAA,gBAAA,gBAJF,QAAA,SAAS,OAAM,GAAG,MAAC,gBAAG,sBAAA,MAAsB,KAAI,GAAG,KACtD,EAAA,EAAA,mBAE8D,QAAA;KAD5D,OAAM;KACL,OAAK,eAAA,EAAA,iBAAqB,sBAAA,MAAsB,OAAK,CAAA"}

package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts

@@ -1,15 +0,0 @@
-import type { Collection, Operation, ResponseInstance } from '@scalar/oas-utils/entities/spec';
-import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { SendRequestResult } from '../../../libs/send-request/create-request-operation.js';
-type __VLS_Props = {
-    collection: Collection;
-    operation: Operation;
-    workspace: Workspace;
-    numWorkspaceRequests: number;
-    response: ResponseInstance | undefined;
-    requestResult: SendRequestResult | null | undefined;
-};
-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;
-export default _default;
-//# sourceMappingURL=ResponseSection.vue.d.ts.map

package/dist/views/Request/ResponseSection/ResponseSection.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponseSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"names":[],"mappings":"AA2RA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EACjB,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAKrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAA;AAarF,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,SAAS,CAAA;IACpB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAA;IACtC,aAAa,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;CACpD,CAAC;AAwYF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Request/ResponseSection/ResponseSection.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
-import ResponseSection_vue_vue_type_script_setup_true_lang_default from "./ResponseSection.vue.script.js";
-/* empty css                              */
-//#region src/views/Request/ResponseSection/ResponseSection.vue
-var ResponseSection_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ResponseSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6e4eec82"]]);
-//#endregion
-export { ResponseSection_default as default };
-
-//# sourceMappingURL=ResponseSection.vue.js.map

package/dist/views/Request/ResponseSection/ResponseSection.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponseSection.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components'\nimport type {\n  Collection,\n  Operation,\n  ResponseInstance,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, ref, useId } from 'vue'\n\nimport SectionFilter from '@/components/SectionFilter.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { usePluginManager } from '@/plugins'\n\nimport RequestHeaders from './RequestHeaders.vue'\nimport ResponseBody from './ResponseBody.vue'\nimport ResponseBodyStreaming from './ResponseBodyStreaming.vue'\nimport ResponseBodyVirtual from './ResponseBodyVirtual.vue'\nimport ResponseCookies from './ResponseCookies.vue'\nimport ResponseEmpty from './ResponseEmpty.vue'\nimport ResponseHeaders from './ResponseHeaders.vue'\nimport ResponseLoadingOverlay from './ResponseLoadingOverlay.vue'\nimport ResponseMetaInformation from './ResponseMetaInformation.vue'\n\nconst { numWorkspaceRequests, response, requestResult } = defineProps<{\n  collection: Collection\n  operation: Operation\n  workspace: Workspace\n  numWorkspaceRequests: number\n  response: ResponseInstance | undefined\n  requestResult: SendRequestResult | null | undefined\n}>()\n\nconst pluginManager = usePluginManager()\nconst responseSectionViews = pluginManager.getViewComponents('response.section')\n\n// Headers\nconst responseHeaders = computed(() => {\n  const headers = response?.headers\n\n  return headers\n    ? Object.keys(headers).map((key) => ({\n        name: key,\n        value: headers[key] ?? '',\n        required: false,\n      }))\n    : []\n})\n\n// Cookies\nconst responseCookies = computed(\n  () =>\n    response?.cookieHeaderKeys.flatMap((key) => {\n      const value = response?.headers?.[key]\n\n      return value\n        ? {\n            name: key,\n            value,\n            required: false,\n          }\n        : []\n    }) ?? [],\n)\n\nconst responseSections = ['Cookies', 'Headers', 'Body'] as const\ntype Filter = 'All' | (typeof responseSections)[number]\nconst activeFilter = ref<Filter>('All')\n\nconst filters = computed<Filter[]>(() => ['All', ...responseSections])\n\nconst filterIds = computed(\n  () =>\n    Object.fromEntries(\n      filters.value.map((section) => [section, useId()]),\n    ) as Record<Filter, string>,\n)\n\n/** Threshold for virtualizing response bodies in bytes */\nconst VIRTUALIZATION_THRESHOLD = 200_000\nconst shouldVirtualize = computed(() => {\n  if (!response || !('size' in response)) {\n    return false\n  }\n\n  // Get content type from headers\n  const contentType =\n    response.headers?.['content-type'] || response.headers?.['Content-Type']\n\n  // If no content type or response size is small, don't virtualize\n  if (!contentType || (response.size ?? 0) <= VIRTUALIZATION_THRESHOLD) {\n    return false\n  }\n\n  // Do not virtualize html\n  if (contentType.includes('text/html')) {\n    return false\n  }\n\n  // Common text-based content types\n  const textBasedTypes = [\n    // Text types\n    'text/',\n    // JSON types\n    'application/json',\n    'application/ld+json',\n    'application/problem+json',\n    'application/vnd.api+json',\n    // XML types\n    'application/xml',\n    'application/atom+xml',\n    'application/rss+xml',\n    'application/problem+xml',\n    // Other structured text\n    'application/javascript',\n    'application/ecmascript',\n    'application/x-yaml',\n    'application/yaml',\n    // Source code\n    'application/x-httpd-php',\n    'application/x-sh',\n    'application/x-perl',\n    'application/x-python',\n    'application/x-ruby',\n    'application/x-java-source',\n    // Form data\n    'application/x-www-form-urlencoded',\n  ]\n\n  // Check if content type matches any text-based type\n  const isTextBased = textBasedTypes.some((type) => contentType.includes(type))\n\n  return isTextBased && (response.size ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n\nconst requestHeaders = computed(\n  () =>\n    requestResult?.request.parameters.headers\n      .filter((h) => h.enabled)\n      .map((h) => ({\n        name: h.key,\n        value: h.value,\n        required: true,\n      })) ?? [],\n)\n</script>\n<template>\n  <ViewLayoutSection aria-label=\"Response\">\n    <template #title>\n      <div class=\"flex h-8 flex-1 items-center\">\n        <div\n          aria-live=\"polite\"\n          class=\"flex items-center\"\n          :class=\"{ 'animate-response-heading': response }\">\n          <span class=\"response-heading pointer-events-none absolute\">\n            Response\n          </span>\n          <ResponseMetaInformation\n            v-if=\"response\"\n            class=\"animate-response-children\"\n            :response=\"response\" />\n        </div>\n        <SectionFilter\n          v-model=\"activeFilter\"\n          :filterIds=\"filterIds\"\n          :filters=\"filters\" />\n      </div>\n    </template>\n    <div\n      :id=\"filterIds.All\"\n      class=\"custom-scroll response-section-content relative grid h-full justify-stretch\"\n      :class=\"{\n        'content-start': response,\n      }\"\n      :role=\"activeFilter === 'All' && response ? 'tabpanel' : 'none'\">\n      <template v-if=\"!response\">\n        <ResponseEmpty\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :workspace=\"workspace\"\n          :numWorkspaceRequests=\"numWorkspaceRequests\" />\n      </template>\n      <template v-else>\n        <ResponseCookies\n          class=\"response-section-content-cookies\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Cookies'\"\n          :id=\"filterIds.Cookies\"\n          :cookies=\"responseCookies\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <RequestHeaders\n          class=\"response-section-content-headers\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Headers'\"\n          :id=\"filterIds.Headers\"\n          :headers=\"requestHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <ResponseHeaders\n          class=\"response-section-content-headers\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Headers'\"\n          :id=\"filterIds.Headers\"\n          :headers=\"responseHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n\n        <template\n          v-for=\"(view, index) in responseSectionViews\"\n          :key=\"view.title ?? index\">\n          <ScalarErrorBoundary>\n            <component\n              :is=\"view.component\"\n              v-show=\"activeFilter === 'All' || activeFilter === view.title\"\n              v-bind=\"view.props ?? {}\" />\n          </ScalarErrorBoundary>\n        </template>\n\n        <template v-if=\"activeFilter === 'All' || activeFilter === 'Body'\">\n          <!-- Streaming response body -->\n          <ResponseBodyStreaming\n            v-if=\"'reader' in response\"\n            class=\"response-section-content-body\"\n            :id=\"filterIds.Body\"\n            :reader=\"response.reader\" />\n\n          <!-- Virtualized Text for massive responses -->\n          <ResponseBodyVirtual\n            v-else-if=\"shouldVirtualize && typeof response?.data === 'string'\"\n            :id=\"filterIds.Body\"\n            :content=\"response!.data\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n\n          <!-- Regular response body -->\n          <ResponseBody\n            class=\"response-section-content-body\"\n            v-else\n            :id=\"filterIds.Body\"\n            layout=\"client\"\n            :active=\"true\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\"\n            title=\"Body\" />\n        </template>\n      </template>\n      <ResponseLoadingOverlay />\n    </div>\n  </ViewLayoutSection>\n</template>\n<style scoped>\n.animate-response-heading .response-heading {\n  animation: push-response 0.2s ease-in-out forwards;\n  opacity: 1;\n}\n@keyframes push-response {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n.animate-response-heading .animate-response-children {\n  animation: response-spans 0.2s ease-in-out forwards 0.05s;\n  opacity: 0;\n}\n\n@keyframes response-spans {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/views/Request/ResponseSection/ResponseSection.vue.script.js

@@ -1,206 +0,0 @@
-import { usePluginManager } from "../../../plugins/hooks/usePluginManager.js";
-import SectionFilter_default from "../../../components/SectionFilter.vue.js";
-import ViewLayoutSection_default from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import ResponseBody_default from "./ResponseBody.vue.js";
-import RequestHeaders_default from "./RequestHeaders.vue.js";
-import ResponseBodyStreaming_default from "./ResponseBodyStreaming.vue.js";
-import ResponseBodyVirtual_default from "./ResponseBodyVirtual.vue.js";
-import ResponseCookies_default from "./ResponseCookies.vue.js";
-import ResponseEmpty_default from "./ResponseEmpty.vue.js";
-import ResponseHeaders_default from "./ResponseHeaders.vue.js";
-import ResponseLoadingOverlay_default from "./ResponseLoadingOverlay.vue.js";
-import ResponseMetaInformation_default from "./ResponseMetaInformation.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, unref, useId, vShow, withCtx, withDirectives } from "vue";
-import { ScalarErrorBoundary } from "@scalar/components";
-//#region src/views/Request/ResponseSection/ResponseSection.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex h-8 flex-1 items-center" };
-var _hoisted_2 = ["id", "role"];
-var VIRTUALIZATION_THRESHOLD = 2e5;
-var ResponseSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ResponseSection",
-	props: {
-		collection: {},
-		operation: {},
-		workspace: {},
-		numWorkspaceRequests: {},
-		response: {},
-		requestResult: {}
-	},
-	setup(__props) {
-		const responseSectionViews = usePluginManager().getViewComponents("response.section");
-		const responseHeaders = computed(() => {
-			const headers = __props.response?.headers;
-			return headers ? Object.keys(headers).map((key) => ({
-				name: key,
-				value: headers[key] ?? "",
-				required: false
-			})) : [];
-		});
-		const responseCookies = computed(() => __props.response?.cookieHeaderKeys.flatMap((key) => {
-			const value = __props.response?.headers?.[key];
-			return value ? {
-				name: key,
-				value,
-				required: false
-			} : [];
-		}) ?? []);
-		const responseSections = [
-			"Cookies",
-			"Headers",
-			"Body"
-		];
-		const activeFilter = ref("All");
-		const filters = computed(() => ["All", ...responseSections]);
-		const filterIds = computed(() => Object.fromEntries(filters.value.map((section) => [section, useId()])));
-		/** Threshold for virtualizing response bodies in bytes */
-		const shouldVirtualize = computed(() => {
-			if (!__props.response || !("size" in __props.response)) return false;
-			const contentType = __props.response.headers?.["content-type"] || __props.response.headers?.["Content-Type"];
-			if (!contentType || (__props.response.size ?? 0) <= VIRTUALIZATION_THRESHOLD) return false;
-			if (contentType.includes("text/html")) return false;
-			return [
-				"text/",
-				"application/json",
-				"application/ld+json",
-				"application/problem+json",
-				"application/vnd.api+json",
-				"application/xml",
-				"application/atom+xml",
-				"application/rss+xml",
-				"application/problem+xml",
-				"application/javascript",
-				"application/ecmascript",
-				"application/x-yaml",
-				"application/yaml",
-				"application/x-httpd-php",
-				"application/x-sh",
-				"application/x-perl",
-				"application/x-python",
-				"application/x-ruby",
-				"application/x-java-source",
-				"application/x-www-form-urlencoded"
-			].some((type) => contentType.includes(type)) && (__props.response.size ?? 0) > VIRTUALIZATION_THRESHOLD;
-		});
-		const requestHeaders = computed(() => __props.requestResult?.request.parameters.headers.filter((h) => h.enabled).map((h) => ({
-			name: h.key,
-			value: h.value,
-			required: true
-		})) ?? []);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ViewLayoutSection_default, { "aria-label": "Response" }, {
-				title: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", {
-					"aria-live": "polite",
-					class: normalizeClass(["flex items-center", { "animate-response-heading": __props.response }])
-				}, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)), __props.response ? (openBlock(), createBlock(ResponseMetaInformation_default, {
-					key: 0,
-					class: "animate-response-children",
-					response: __props.response
-				}, null, 8, ["response"])) : createCommentVNode("", true)], 2), createVNode(SectionFilter_default, {
-					modelValue: activeFilter.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeFilter.value = $event),
-					filterIds: filterIds.value,
-					filters: filters.value
-				}, null, 8, [
-					"modelValue",
-					"filterIds",
-					"filters"
-				])])]),
-				default: withCtx(() => [createElementVNode("div", {
-					id: filterIds.value.All,
-					class: normalizeClass(["custom-scroll response-section-content relative grid h-full justify-stretch", { "content-start": __props.response }]),
-					role: activeFilter.value === "All" && __props.response ? "tabpanel" : "none"
-				}, [!__props.response ? (openBlock(), createBlock(ResponseEmpty_default, {
-					key: 0,
-					collection: __props.collection,
-					operation: __props.operation,
-					workspace: __props.workspace,
-					numWorkspaceRequests: __props.numWorkspaceRequests
-				}, null, 8, [
-					"collection",
-					"operation",
-					"workspace",
-					"numWorkspaceRequests"
-				])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-					activeFilter.value === "All" || activeFilter.value === "Cookies" ? (openBlock(), createBlock(ResponseCookies_default, {
-						key: 0,
-						class: "response-section-content-cookies",
-						id: filterIds.value.Cookies,
-						cookies: responseCookies.value,
-						role: activeFilter.value === "All" ? "none" : "tabpanel"
-					}, null, 8, [
-						"id",
-						"cookies",
-						"role"
-					])) : createCommentVNode("", true),
-					activeFilter.value === "All" || activeFilter.value === "Headers" ? (openBlock(), createBlock(RequestHeaders_default, {
-						key: 1,
-						class: "response-section-content-headers",
-						id: filterIds.value.Headers,
-						headers: requestHeaders.value,
-						role: activeFilter.value === "All" ? "none" : "tabpanel"
-					}, null, 8, [
-						"id",
-						"headers",
-						"role"
-					])) : createCommentVNode("", true),
-					activeFilter.value === "All" || activeFilter.value === "Headers" ? (openBlock(), createBlock(ResponseHeaders_default, {
-						key: 2,
-						class: "response-section-content-headers",
-						id: filterIds.value.Headers,
-						headers: responseHeaders.value,
-						role: activeFilter.value === "All" ? "none" : "tabpanel"
-					}, null, 8, [
-						"id",
-						"headers",
-						"role"
-					])) : createCommentVNode("", true),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(responseSectionViews), (view, index) => {
-						return openBlock(), createBlock(unref(ScalarErrorBoundary), { key: view.title ?? index }, {
-							default: withCtx(() => [withDirectives((openBlock(), createBlock(resolveDynamicComponent(view.component), mergeProps({ ref_for: true }, view.props ?? {}), null, 16)), [[vShow, activeFilter.value === "All" || activeFilter.value === view.title]])]),
-							_: 2
-						}, 1024);
-					}), 128)),
-					activeFilter.value === "All" || activeFilter.value === "Body" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, ["reader" in __props.response ? (openBlock(), createBlock(ResponseBodyStreaming_default, {
-						key: 0,
-						class: "response-section-content-body",
-						id: filterIds.value.Body,
-						reader: __props.response.reader
-					}, null, 8, ["id", "reader"])) : shouldVirtualize.value && typeof __props.response?.data === "string" ? (openBlock(), createBlock(ResponseBodyVirtual_default, {
-						key: 1,
-						id: filterIds.value.Body,
-						content: __props.response.data,
-						data: __props.response?.data,
-						headers: responseHeaders.value,
-						role: activeFilter.value === "All" ? "none" : "tabpanel"
-					}, null, 8, [
-						"id",
-						"content",
-						"data",
-						"headers",
-						"role"
-					])) : (openBlock(), createBlock(ResponseBody_default, {
-						key: 2,
-						class: "response-section-content-body",
-						id: filterIds.value.Body,
-						layout: "client",
-						active: true,
-						data: __props.response?.data,
-						headers: responseHeaders.value,
-						role: activeFilter.value === "All" ? "none" : "tabpanel",
-						title: "Body"
-					}, null, 8, [
-						"id",
-						"data",
-						"headers",
-						"role"
-					]))], 64)) : createCommentVNode("", true)
-				], 64)), createVNode(ResponseLoadingOverlay_default)], 10, _hoisted_2)]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { ResponseSection_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ResponseSection.vue.script.js.map

package/dist/views/Request/ResponseSection/ResponseSection.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponseSection.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components'\nimport type {\n  Collection,\n  Operation,\n  ResponseInstance,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, ref, useId } from 'vue'\n\nimport SectionFilter from '@/components/SectionFilter.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { usePluginManager } from '@/plugins'\n\nimport RequestHeaders from './RequestHeaders.vue'\nimport ResponseBody from './ResponseBody.vue'\nimport ResponseBodyStreaming from './ResponseBodyStreaming.vue'\nimport ResponseBodyVirtual from './ResponseBodyVirtual.vue'\nimport ResponseCookies from './ResponseCookies.vue'\nimport ResponseEmpty from './ResponseEmpty.vue'\nimport ResponseHeaders from './ResponseHeaders.vue'\nimport ResponseLoadingOverlay from './ResponseLoadingOverlay.vue'\nimport ResponseMetaInformation from './ResponseMetaInformation.vue'\n\nconst { numWorkspaceRequests, response, requestResult } = defineProps<{\n  collection: Collection\n  operation: Operation\n  workspace: Workspace\n  numWorkspaceRequests: number\n  response: ResponseInstance | undefined\n  requestResult: SendRequestResult | null | undefined\n}>()\n\nconst pluginManager = usePluginManager()\nconst responseSectionViews = pluginManager.getViewComponents('response.section')\n\n// Headers\nconst responseHeaders = computed(() => {\n  const headers = response?.headers\n\n  return headers\n    ? Object.keys(headers).map((key) => ({\n        name: key,\n        value: headers[key] ?? '',\n        required: false,\n      }))\n    : []\n})\n\n// Cookies\nconst responseCookies = computed(\n  () =>\n    response?.cookieHeaderKeys.flatMap((key) => {\n      const value = response?.headers?.[key]\n\n      return value\n        ? {\n            name: key,\n            value,\n            required: false,\n          }\n        : []\n    }) ?? [],\n)\n\nconst responseSections = ['Cookies', 'Headers', 'Body'] as const\ntype Filter = 'All' | (typeof responseSections)[number]\nconst activeFilter = ref<Filter>('All')\n\nconst filters = computed<Filter[]>(() => ['All', ...responseSections])\n\nconst filterIds = computed(\n  () =>\n    Object.fromEntries(\n      filters.value.map((section) => [section, useId()]),\n    ) as Record<Filter, string>,\n)\n\n/** Threshold for virtualizing response bodies in bytes */\nconst VIRTUALIZATION_THRESHOLD = 200_000\nconst shouldVirtualize = computed(() => {\n  if (!response || !('size' in response)) {\n    return false\n  }\n\n  // Get content type from headers\n  const contentType =\n    response.headers?.['content-type'] || response.headers?.['Content-Type']\n\n  // If no content type or response size is small, don't virtualize\n  if (!contentType || (response.size ?? 0) <= VIRTUALIZATION_THRESHOLD) {\n    return false\n  }\n\n  // Do not virtualize html\n  if (contentType.includes('text/html')) {\n    return false\n  }\n\n  // Common text-based content types\n  const textBasedTypes = [\n    // Text types\n    'text/',\n    // JSON types\n    'application/json',\n    'application/ld+json',\n    'application/problem+json',\n    'application/vnd.api+json',\n    // XML types\n    'application/xml',\n    'application/atom+xml',\n    'application/rss+xml',\n    'application/problem+xml',\n    // Other structured text\n    'application/javascript',\n    'application/ecmascript',\n    'application/x-yaml',\n    'application/yaml',\n    // Source code\n    'application/x-httpd-php',\n    'application/x-sh',\n    'application/x-perl',\n    'application/x-python',\n    'application/x-ruby',\n    'application/x-java-source',\n    // Form data\n    'application/x-www-form-urlencoded',\n  ]\n\n  // Check if content type matches any text-based type\n  const isTextBased = textBasedTypes.some((type) => contentType.includes(type))\n\n  return isTextBased && (response.size ?? 0) > VIRTUALIZATION_THRESHOLD\n})\n\nconst requestHeaders = computed(\n  () =>\n    requestResult?.request.parameters.headers\n      .filter((h) => h.enabled)\n      .map((h) => ({\n        name: h.key,\n        value: h.value,\n        required: true,\n      })) ?? [],\n)\n</script>\n<template>\n  <ViewLayoutSection aria-label=\"Response\">\n    <template #title>\n      <div class=\"flex h-8 flex-1 items-center\">\n        <div\n          aria-live=\"polite\"\n          class=\"flex items-center\"\n          :class=\"{ 'animate-response-heading': response }\">\n          <span class=\"response-heading pointer-events-none absolute\">\n            Response\n          </span>\n          <ResponseMetaInformation\n            v-if=\"response\"\n            class=\"animate-response-children\"\n            :response=\"response\" />\n        </div>\n        <SectionFilter\n          v-model=\"activeFilter\"\n          :filterIds=\"filterIds\"\n          :filters=\"filters\" />\n      </div>\n    </template>\n    <div\n      :id=\"filterIds.All\"\n      class=\"custom-scroll response-section-content relative grid h-full justify-stretch\"\n      :class=\"{\n        'content-start': response,\n      }\"\n      :role=\"activeFilter === 'All' && response ? 'tabpanel' : 'none'\">\n      <template v-if=\"!response\">\n        <ResponseEmpty\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :workspace=\"workspace\"\n          :numWorkspaceRequests=\"numWorkspaceRequests\" />\n      </template>\n      <template v-else>\n        <ResponseCookies\n          class=\"response-section-content-cookies\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Cookies'\"\n          :id=\"filterIds.Cookies\"\n          :cookies=\"responseCookies\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <RequestHeaders\n          class=\"response-section-content-headers\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Headers'\"\n          :id=\"filterIds.Headers\"\n          :headers=\"requestHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n        <ResponseHeaders\n          class=\"response-section-content-headers\"\n          v-if=\"activeFilter === 'All' || activeFilter === 'Headers'\"\n          :id=\"filterIds.Headers\"\n          :headers=\"responseHeaders\"\n          :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n\n        <template\n          v-for=\"(view, index) in responseSectionViews\"\n          :key=\"view.title ?? index\">\n          <ScalarErrorBoundary>\n            <component\n              :is=\"view.component\"\n              v-show=\"activeFilter === 'All' || activeFilter === view.title\"\n              v-bind=\"view.props ?? {}\" />\n          </ScalarErrorBoundary>\n        </template>\n\n        <template v-if=\"activeFilter === 'All' || activeFilter === 'Body'\">\n          <!-- Streaming response body -->\n          <ResponseBodyStreaming\n            v-if=\"'reader' in response\"\n            class=\"response-section-content-body\"\n            :id=\"filterIds.Body\"\n            :reader=\"response.reader\" />\n\n          <!-- Virtualized Text for massive responses -->\n          <ResponseBodyVirtual\n            v-else-if=\"shouldVirtualize && typeof response?.data === 'string'\"\n            :id=\"filterIds.Body\"\n            :content=\"response!.data\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\" />\n\n          <!-- Regular response body -->\n          <ResponseBody\n            class=\"response-section-content-body\"\n            v-else\n            :id=\"filterIds.Body\"\n            layout=\"client\"\n            :active=\"true\"\n            :data=\"response?.data\"\n            :headers=\"responseHeaders\"\n            :role=\"activeFilter === 'All' ? 'none' : 'tabpanel'\"\n            title=\"Body\" />\n        </template>\n      </template>\n      <ResponseLoadingOverlay />\n    </div>\n  </ViewLayoutSection>\n</template>\n<style scoped>\n.animate-response-heading .response-heading {\n  animation: push-response 0.2s ease-in-out forwards;\n  opacity: 1;\n}\n@keyframes push-response {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n.animate-response-heading .animate-response-children {\n  animation: response-spans 0.2s ease-in-out forwards 0.05s;\n  opacity: 0;\n}\n\n@keyframes response-spans {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/views/Request/ResponseSection/index.d.ts

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

package/dist/views/Request/ResponseSection/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/views/Request/ResponseSection/index.js

@@ -1,3 +0,0 @@
-import ResponseBody_default from "./ResponseBody.vue.js";
-import ResponseSection_default from "./ResponseSection.vue.js";
-export { ResponseBody_default as ResponseBody, ResponseSection_default as ResponseSection };

package/dist/views/Request/components/WorkspaceDropdown.vue.d.ts

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=WorkspaceDropdown.vue.d.ts.map

package/dist/views/Request/components/WorkspaceDropdown.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"names":[],"mappings":"AA+wBA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Request/components/WorkspaceDropdown.vue.js

@@ -1,7 +0,0 @@
-import WorkspaceDropdown_vue_vue_type_script_setup_true_lang_default from "./WorkspaceDropdown.vue.script.js";
-//#region src/views/Request/components/WorkspaceDropdown.vue
-var WorkspaceDropdown_default = WorkspaceDropdown_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { WorkspaceDropdown_default as default };
-
-//# sourceMappingURL=WorkspaceDropdown.vue.js.map

package/dist/views/Request/components/WorkspaceDropdown.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceDropdown.vue.js","names":[],"sources":["../../../../src/views/Request/components/WorkspaceDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n  ScalarIcon,\n  ScalarListboxCheckbox,\n  ScalarModal,\n  useModal,\n} from '@scalar/components'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nconst { activeWorkspace } = useActiveEntities()\nconst { workspaces, workspaceMutators, events } = useWorkspace()\nconst { push } = useRouter()\n\nconst updateSelected = (uid: Workspace['uid']) => {\n  if (uid === activeWorkspace.value?.uid) {\n    return\n  }\n\n  push({\n    name: 'workspace',\n    params: {\n      workspace: uid,\n    },\n  })\n}\n\nconst isLastWorkspace = computed(() => Object.keys(workspaces).length === 1)\n\nconst createNewWorkspace = () =>\n  events.commandPalette.emit({ commandName: 'Create Workspace' })\n\nconst tempName = ref('')\nconst tempUid = ref('' as Workspace['uid'])\nconst editModal = useModal()\nconst deleteModal = useModal()\n\nconst openRenameModal = (uid: Workspace['uid']) => {\n  const workspace = workspaces[uid]\n  if (!workspace) {\n    return\n  }\n\n  tempName.value = workspace.name\n  tempUid.value = uid\n  editModal.show()\n}\n\nconst handleWorkspaceEdit = (name: string) => {\n  if (!name.trim()) {\n    return\n  }\n\n  workspaceMutators.edit(tempUid.value, 'name', name.trim())\n  editModal.hide()\n}\n\nconst openDeleteModal = (uid: Workspace['uid']) => {\n  const workspace = workspaces[uid]\n  if (!workspace) {\n    return\n  }\n\n  tempName.value = workspace.name\n  tempUid.value = uid\n  deleteModal.show()\n}\n\nconst deleteWorkspace = async () => {\n  if (!isLastWorkspace.value) {\n    const deletedActiveWorkspace = activeWorkspace.value?.uid === tempUid.value\n    const currentWorkspaces = { ...workspaces }\n    delete currentWorkspaces[tempUid.value]\n\n    workspaceMutators.delete(tempUid.value)\n\n    // Switch to another workspace if the active one is deleted\n    if (deletedActiveWorkspace) {\n      const newWorkspaceUid = Object.keys(currentWorkspaces)[0]\n\n      await push({\n        name: 'workspace',\n        params: {\n          workspace: newWorkspaceUid,\n        },\n      })\n    }\n  }\n\n  deleteModal.hide()\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"flex w-[inherit] items-center text-base\">\n      <ScalarDropdown>\n        <ScalarButton\n          class=\"text-c-1 hover:bg-b-2 line-clamp-1 h-full w-fit justify-start px-1.5 py-1.5 font-normal\"\n          variant=\"ghost\">\n          <div class=\"m-0 flex items-center gap-1.5 font-bold\">\n            <h2 class=\"line-clamp-1 text-left\">\n              {{ activeWorkspace?.name }}\n            </h2>\n          </div>\n        </ScalarButton>\n\n        <!-- Workspace list -->\n        <template #items>\n          <ScalarDropdownItem\n            v-for=\"(workspace, uid) in workspaces\"\n            :key=\"uid\"\n            class=\"group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap\"\n            @click.stop=\"updateSelected(workspace.uid)\">\n            <ScalarListboxCheckbox :selected=\"activeWorkspace?.uid === uid\" />\n            <span class=\"overflow-hidden text-ellipsis\">{{\n              workspace.name\n            }}</span>\n            <ScalarDropdown\n              placement=\"right-start\"\n              teleport>\n              <ScalarButton\n                class=\"hover:bg-b-3 -mr-1 ml-auto aspect-square h-fit px-0.5 py-0 group-hover/item:flex\"\n                size=\"sm\"\n                type=\"button\"\n                variant=\"ghost\">\n                <ScalarIcon\n                  icon=\"Ellipses\"\n                  size=\"sm\" />\n              </ScalarButton>\n              <template #items>\n                <ScalarDropdownItem\n                  class=\"flex gap-2\"\n                  @mousedown=\"openRenameModal(workspace.uid)\"\n                  @touchend.prevent=\"openRenameModal(workspace.uid)\">\n                  <ScalarIcon\n                    class=\"inline-flex\"\n                    icon=\"Edit\"\n                    size=\"md\"\n                    thickness=\"1.5\" />\n                  <span>Rename</span>\n                </ScalarDropdownItem>\n                <ScalarDropdownItem\n                  v-if=\"!isLastWorkspace\"\n                  class=\"flex gap-2\"\n                  @mousedown.prevent=\"openDeleteModal(workspace.uid)\"\n                  @touchend.prevent=\"openDeleteModal(workspace.uid)\">\n                  <ScalarIcon\n                    class=\"inline-flex\"\n                    icon=\"Delete\"\n                    size=\"md\"\n                    thickness=\"1.5\" />\n                  <span>Delete</span>\n                </ScalarDropdownItem>\n              </template>\n            </ScalarDropdown>\n          </ScalarDropdownItem>\n          <ScalarDropdownDivider />\n\n          <!-- Add new workspace -->\n          <ScalarDropdownItem\n            class=\"flex items-center gap-1.5\"\n            @click=\"createNewWorkspace\">\n            <div class=\"flex h-4 w-4 items-center justify-center\">\n              <ScalarIcon\n                icon=\"Add\"\n                size=\"sm\" />\n            </div>\n            <span>Create Workspace</span>\n          </ScalarDropdownItem>\n        </template>\n      </ScalarDropdown>\n    </div>\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"deleteModal\"\n      title=\"Delete workspace\">\n      <DeleteSidebarListElement\n        :variableName=\"tempName\"\n        warningMessage=\"This cannot be undone. You're about to delete the workspace and everything inside it.\"\n        @close=\"deleteModal.hide()\"\n        @delete=\"deleteWorkspace\" />\n    </ScalarModal>\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"editModal\"\n      title=\"Rename Workspace\">\n      <EditSidebarListElement\n        :name=\"tempName\"\n        @close=\"editModal.hide()\"\n        @edit=\"handleWorkspaceEdit\" />\n    </ScalarModal>\n  </div>\n</template>\n"],"mappings":""}

package/dist/views/Request/components/WorkspaceDropdown.vue.script.js

@@ -1,182 +0,0 @@
-import { useActiveEntities } from "../../../store/active-entities.js";
-import { useWorkspace } from "../../../store/store.js";
-import DeleteSidebarListElement_default from "../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import EditSidebarListElement_default from "../../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, withCtx, withModifiers } from "vue";
-import { ScalarButton, ScalarDropdown, ScalarDropdownDivider, ScalarDropdownItem, ScalarIcon, ScalarListboxCheckbox, ScalarModal, useModal } from "@scalar/components";
-import { useRouter } from "vue-router";
-//#region src/views/Request/components/WorkspaceDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex w-[inherit] items-center text-base" };
-var _hoisted_2 = { class: "m-0 flex items-center gap-1.5 font-bold" };
-var _hoisted_3 = { class: "line-clamp-1 text-left" };
-var _hoisted_4 = { class: "overflow-hidden text-ellipsis" };
-var _hoisted_5 = { class: "flex h-4 w-4 items-center justify-center" };
-var WorkspaceDropdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "WorkspaceDropdown",
-	setup(__props) {
-		const { activeWorkspace } = useActiveEntities();
-		const { workspaces, workspaceMutators, events } = useWorkspace();
-		const { push } = useRouter();
-		const updateSelected = (uid) => {
-			if (uid === activeWorkspace.value?.uid) return;
-			push({
-				name: "workspace",
-				params: { workspace: uid }
-			});
-		};
-		const isLastWorkspace = computed(() => Object.keys(workspaces).length === 1);
-		const createNewWorkspace = () => events.commandPalette.emit({ commandName: "Create Workspace" });
-		const tempName = ref("");
-		const tempUid = ref("");
-		const editModal = useModal();
-		const deleteModal = useModal();
-		const openRenameModal = (uid) => {
-			const workspace = workspaces[uid];
-			if (!workspace) return;
-			tempName.value = workspace.name;
-			tempUid.value = uid;
-			editModal.show();
-		};
-		const handleWorkspaceEdit = (name) => {
-			if (!name.trim()) return;
-			workspaceMutators.edit(tempUid.value, "name", name.trim());
-			editModal.hide();
-		};
-		const openDeleteModal = (uid) => {
-			const workspace = workspaces[uid];
-			if (!workspace) return;
-			tempName.value = workspace.name;
-			tempUid.value = uid;
-			deleteModal.show();
-		};
-		const deleteWorkspace = async () => {
-			if (!isLastWorkspace.value) {
-				const deletedActiveWorkspace = activeWorkspace.value?.uid === tempUid.value;
-				const currentWorkspaces = { ...workspaces };
-				delete currentWorkspaces[tempUid.value];
-				workspaceMutators.delete(tempUid.value);
-				if (deletedActiveWorkspace) {
-					const newWorkspaceUid = Object.keys(currentWorkspaces)[0];
-					await push({
-						name: "workspace",
-						params: { workspace: newWorkspaceUid }
-					});
-				}
-			}
-			deleteModal.hide();
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", null, [
-				createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarDropdown), null, {
-					items: withCtx(() => [
-						(openBlock(true), createElementBlock(Fragment, null, renderList(unref(workspaces), (workspace, uid) => {
-							return openBlock(), createBlock(unref(ScalarDropdownItem), {
-								key: uid,
-								class: "group/item flex w-full items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-								onClick: withModifiers(($event) => updateSelected(workspace.uid), ["stop"])
-							}, {
-								default: withCtx(() => [
-									createVNode(unref(ScalarListboxCheckbox), { selected: unref(activeWorkspace)?.uid === uid }, null, 8, ["selected"]),
-									createElementVNode("span", _hoisted_4, toDisplayString(workspace.name), 1),
-									createVNode(unref(ScalarDropdown), {
-										placement: "right-start",
-										teleport: ""
-									}, {
-										items: withCtx(() => [createVNode(unref(ScalarDropdownItem), {
-											class: "flex gap-2",
-											onMousedown: ($event) => openRenameModal(workspace.uid),
-											onTouchend: withModifiers(($event) => openRenameModal(workspace.uid), ["prevent"])
-										}, {
-											default: withCtx(() => [createVNode(unref(ScalarIcon), {
-												class: "inline-flex",
-												icon: "Edit",
-												size: "md",
-												thickness: "1.5"
-											}), _cache[2] || (_cache[2] = createElementVNode("span", null, "Rename", -1))]),
-											_: 1
-										}, 8, ["onMousedown", "onTouchend"]), !isLastWorkspace.value ? (openBlock(), createBlock(unref(ScalarDropdownItem), {
-											key: 0,
-											class: "flex gap-2",
-											onMousedown: withModifiers(($event) => openDeleteModal(workspace.uid), ["prevent"]),
-											onTouchend: withModifiers(($event) => openDeleteModal(workspace.uid), ["prevent"])
-										}, {
-											default: withCtx(() => [createVNode(unref(ScalarIcon), {
-												class: "inline-flex",
-												icon: "Delete",
-												size: "md",
-												thickness: "1.5"
-											}), _cache[3] || (_cache[3] = createElementVNode("span", null, "Delete", -1))]),
-											_: 1
-										}, 8, ["onMousedown", "onTouchend"])) : createCommentVNode("", true)]),
-										default: withCtx(() => [createVNode(unref(ScalarButton), {
-											class: "hover:bg-b-3 -mr-1 ml-auto aspect-square h-fit px-0.5 py-0 group-hover/item:flex",
-											size: "sm",
-											type: "button",
-											variant: "ghost"
-										}, {
-											default: withCtx(() => [createVNode(unref(ScalarIcon), {
-												icon: "Ellipses",
-												size: "sm"
-											})]),
-											_: 1
-										})]),
-										_: 2
-									}, 1024)
-								]),
-								_: 2
-							}, 1032, ["onClick"]);
-						}), 128)),
-						createVNode(unref(ScalarDropdownDivider)),
-						createVNode(unref(ScalarDropdownItem), {
-							class: "flex items-center gap-1.5",
-							onClick: createNewWorkspace
-						}, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarIcon), {
-								icon: "Add",
-								size: "sm"
-							})]), _cache[4] || (_cache[4] = createElementVNode("span", null, "Create Workspace", -1))]),
-							_: 1
-						})
-					]),
-					default: withCtx(() => [createVNode(unref(ScalarButton), {
-						class: "text-c-1 hover:bg-b-2 line-clamp-1 h-full w-fit justify-start px-1.5 py-1.5 font-normal",
-						variant: "ghost"
-					}, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("h2", _hoisted_3, toDisplayString(unref(activeWorkspace)?.name), 1)])]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				createVNode(unref(ScalarModal), {
-					size: "xxs",
-					state: unref(deleteModal),
-					title: "Delete workspace"
-				}, {
-					default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
-						variableName: tempName.value,
-						warningMessage: "This cannot be undone. You're about to delete the workspace and everything inside it.",
-						onClose: _cache[0] || (_cache[0] = ($event) => unref(deleteModal).hide()),
-						onDelete: deleteWorkspace
-					}, null, 8, ["variableName"])]),
-					_: 1
-				}, 8, ["state"]),
-				createVNode(unref(ScalarModal), {
-					size: "xxs",
-					state: unref(editModal),
-					title: "Rename Workspace"
-				}, {
-					default: withCtx(() => [createVNode(EditSidebarListElement_default, {
-						name: tempName.value,
-						onClose: _cache[1] || (_cache[1] = ($event) => unref(editModal).hide()),
-						onEdit: handleWorkspaceEdit
-					}, null, 8, ["name"])]),
-					_: 1
-				}, 8, ["state"])
-			]);
-		};
-	}
-});
-//#endregion
-export { WorkspaceDropdown_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=WorkspaceDropdown.vue.script.js.map