@scalar/api-client 2.38.3 → 2.39.0

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

@@ -0,0 +1,222 @@
+import { PathId } from "../../routes.js";
+import { useActiveEntities } from "../../store/active-entities.js";
+import { createInitialRequest } from "../../store/requests.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 EditSidebarListCollection_default from "../../components/Sidebar/Actions/EditSidebarListCollection.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, watch, withCtx, withKeys } from "vue";
+import { ScalarDropdownButton, ScalarDropdownMenu, ScalarFloating, ScalarIcon, ScalarModal, useModal } from "@scalar/components";
+import { useRouter } from "vue-router";
+//#region src/views/Request/RequestSidebarItemMenu.vue?vue&type=script&setup=true&lang.ts
+var RequestSidebarItemMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestSidebarItemMenu",
+	props: { menuItem: {} },
+	emits: [
+		"closeMenu",
+		"toggleWatchMode",
+		"clearDrafts"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { replace } = useRouter();
+		const { activeRouterParams, activeWorkspaceCollections, activeWorkspaceRequests } = useActiveEntities();
+		const { events, requestMutators } = useWorkspace();
+		const editModal = useModal();
+		const deleteModal = useModal();
+		const clearDraftsModal = useModal();
+		/** Add example */
+		const handleAddExample = () => events.commandPalette.emit({
+			commandName: "Add Example",
+			metaData: { itemUid: props.menuItem.item?.entity.uid }
+		});
+		const handleEdit = (newName, newIcon) => {
+			props.menuItem.item?.edit(newName, newIcon);
+			editModal.hide();
+		};
+		/** Delete with redirect for both requests and requestExamples */
+		const handleItemDelete = () => {
+			props.menuItem.item?.delete();
+			if (!activeWorkspaceRequests.value.length) {
+				const { request } = createInitialRequest();
+				const draftCollection = activeWorkspaceCollections.value.find((collection) => collection.info?.title === "Drafts");
+				if (draftCollection) {
+					requestMutators.add(request, draftCollection.uid);
+					replace({
+						name: "request",
+						params: { [PathId.Request]: request.uid }
+					});
+				}
+			}
+			if (activeRouterParams.value[PathId.Request] === props.menuItem.item?.entity.uid) replace({
+				name: "request",
+				params: { [PathId.Request]: "default" }
+			});
+			if (activeRouterParams.value[PathId.Examples] === props.menuItem.item?.entity.uid) replace({
+				name: "request",
+				params: { [PathId.Request]: "default" }
+			});
+			if (activeWorkspaceCollections.value[0]) {
+				const firstRequest = activeWorkspaceCollections.value[0].requests[0];
+				replace({
+					name: "request",
+					params: { [PathId.Request]: firstRequest }
+				});
+			}
+			deleteModal.hide();
+		};
+		const menuRef = ref(null);
+		watch([() => props.menuItem.open, menuRef], ([open]) => {
+			if (open && menuRef.value?.$parent?.$el) menuRef.value.$parent.$el.focus();
+		});
+		const globalClickListener = () => props.menuItem.open && emit("closeMenu");
+		onMounted(() => window.addEventListener("click", globalClickListener));
+		onBeforeUnmount(() => window.removeEventListener("click", globalClickListener));
+		const toggleWatchMode = () => {
+			emit("toggleWatchMode", props.menuItem.item);
+		};
+		const handleClearDrafts = () => {
+			emit("clearDrafts");
+			clearDraftsModal.hide();
+		};
+		const isDraftsMenuItem = computed(() => {
+			return props.menuItem.item?.title === "Drafts";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				__props.menuItem.targetRef && __props.menuItem.open ? (openBlock(), createBlock(unref(ScalarFloating), {
+					key: 0,
+					placement: "right-start",
+					target: __props.menuItem.targetRef,
+					teleport: ""
+				}, {
+					floating: withCtx(() => [createVNode(unref(ScalarDropdownMenu), { onKeydown: _cache[3] || (_cache[3] = withKeys(($event) => _ctx.$emit("closeMenu"), ["escape"])) }, {
+						default: withCtx(() => [
+							__props.menuItem.item?.entity.type === "request" ? (openBlock(), createBlock(unref(ScalarDropdownButton), {
+								key: 0,
+								class: "flex items-center gap-2",
+								onClick: handleAddExample
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									class: "inline-flex",
+									icon: "Example",
+									size: "md",
+									thickness: "1.5"
+								}), _cache[8] || (_cache[8] = createElementVNode("span", null, "Add Example", -1))]),
+								_: 1
+							})) : createCommentVNode("", true),
+							!isDraftsMenuItem.value ? (openBlock(), createBlock(unref(ScalarDropdownButton), {
+								key: 1,
+								ref_key: "menuRef",
+								ref: menuRef,
+								class: "flex items-center gap-2",
+								onClick: _cache[0] || (_cache[0] = ($event) => unref(editModal).show())
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									class: "inline-flex",
+									icon: "Edit",
+									size: "md",
+									thickness: "1.5"
+								}), createElementVNode("span", null, [__props.menuItem.item?.entity.type === "collection" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Edit ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Rename ")], 64))])]),
+								_: 1
+							}, 512)) : createCommentVNode("", true),
+							__props.menuItem.item?.documentUrl ? (openBlock(), createBlock(unref(ScalarDropdownButton), {
+								key: 2,
+								ref_key: "menuRef",
+								ref: menuRef,
+								class: "flex items-center gap-2",
+								onClick: toggleWatchMode
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									class: "inline-flex",
+									icon: __props.menuItem.item?.watchMode ? "Unwatch" : "Watch",
+									size: "md",
+									thickness: "1.5"
+								}, null, 8, ["icon"]), createElementVNode("span", null, toDisplayString(__props.menuItem.item?.watchMode ? "Disable Watch Mode" : "Enable Watch Mode"), 1)]),
+								_: 1
+							}, 512)) : createCommentVNode("", true),
+							!isDraftsMenuItem.value ? (openBlock(), createBlock(unref(ScalarDropdownButton), {
+								key: 3,
+								class: "flex items-center gap-2",
+								onClick: _cache[1] || (_cache[1] = ($event) => unref(deleteModal).show())
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									class: "inline-flex",
+									icon: "Delete",
+									size: "md",
+									thickness: "1.5"
+								}), _cache[9] || (_cache[9] = createElementVNode("span", null, "Delete", -1))]),
+								_: 1
+							})) : createCommentVNode("", true),
+							isDraftsMenuItem.value ? (openBlock(), createBlock(unref(ScalarDropdownButton), {
+								key: 4,
+								class: "flex items-center gap-2",
+								onClick: _cache[2] || (_cache[2] = ($event) => unref(clearDraftsModal).show())
+							}, {
+								default: withCtx(() => [createVNode(unref(ScalarIcon), {
+									class: "inline-flex",
+									icon: "Delete",
+									size: "md",
+									thickness: "1.5"
+								}), _cache[10] || (_cache[10] = createElementVNode("span", null, "Clear Drafts", -1))]),
+								_: 1
+							})) : createCommentVNode("", true)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["target"])) : createCommentVNode("", true),
+				createVNode(unref(ScalarModal), {
+					size: "xxs",
+					state: unref(deleteModal),
+					title: `Delete ${__props.menuItem.item?.resourceTitle}`
+				}, {
+					default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
+						variableName: __props.menuItem.item?.title ?? "",
+						warningMessage: __props.menuItem.item?.warning,
+						onClose: _cache[4] || (_cache[4] = ($event) => unref(deleteModal).hide()),
+						onDelete: handleItemDelete
+					}, null, 8, ["variableName", "warningMessage"])]),
+					_: 1
+				}, 8, ["state", "title"]),
+				createVNode(unref(ScalarModal), {
+					size: "xxs",
+					state: unref(editModal),
+					title: `Edit ${__props.menuItem.item?.resourceTitle}`
+				}, {
+					default: withCtx(() => [__props.menuItem.item?.resourceTitle === "Collection" ? (openBlock(), createBlock(EditSidebarListCollection_default, {
+						key: 0,
+						icon: __props.menuItem.item?.icon || "interface-content-folder",
+						name: __props.menuItem.item?.title,
+						onClose: _cache[5] || (_cache[5] = ($event) => unref(editModal).hide()),
+						onEdit: handleEdit
+					}, null, 8, ["icon", "name"])) : (openBlock(), createBlock(EditSidebarListElement_default, {
+						key: 1,
+						name: __props.menuItem.item?.title ?? "",
+						onClose: _cache[6] || (_cache[6] = ($event) => unref(editModal).hide()),
+						onEdit: handleEdit
+					}, null, 8, ["name"]))]),
+					_: 1
+				}, 8, ["state", "title"]),
+				createVNode(unref(ScalarModal), {
+					size: "xxs",
+					state: unref(clearDraftsModal),
+					title: "Clear Drafts"
+				}, {
+					default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
+						variableName: "All Drafts",
+						warningMessage: "This action will clear all drafts. This cannot be undone.",
+						onClose: _cache[7] || (_cache[7] = ($event) => unref(clearDraftsModal).hide()),
+						onDelete: handleClearDrafts
+					})]),
+					_: 1
+				}, 8, ["state"])
+			], 64);
+		};
+	}
+});
+//#endregion
+export { RequestSidebarItemMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestSidebarItemMenu.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSidebarItemMenu.vue.script.js","names":["$emit"],"sources":["../../../src/views/Request/RequestSidebarItemMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarIcon,\n  ScalarModal,\n  useModal,\n  type ScalarDropdown,\n} from '@scalar/components'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport EditSidebarListCollection from '@/components/Sidebar/Actions/EditSidebarListCollection.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport { createInitialRequest } from '@/store/requests'\nimport type { SidebarMenuItem } from '@/views/Request/types'\n\nconst props = defineProps<{ menuItem: SidebarMenuItem }>()\n\nconst emit = defineEmits<{\n  (e: 'closeMenu'): []\n  (e: 'toggleWatchMode', item: SidebarMenuItem['item']): void\n  (e: 'clearDrafts'): void\n}>()\n\nconst { replace } = useRouter()\nconst {\n  activeRouterParams,\n  activeWorkspaceCollections,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { events, requestMutators } = useWorkspace()\n\nconst editModal = useModal()\nconst deleteModal = useModal()\nconst clearDraftsModal = useModal()\n\n/** Add example */\nconst handleAddExample = () =>\n  events.commandPalette.emit({\n    commandName: 'Add Example',\n    metaData: {\n      itemUid: props.menuItem.item?.entity.uid,\n    },\n  })\n\nconst handleEdit = (newName: string, newIcon?: string) => {\n  props.menuItem.item?.edit(newName, newIcon)\n  editModal.hide()\n}\n\n/** Delete with redirect for both requests and requestExamples */\nconst handleItemDelete = () => {\n  props.menuItem.item?.delete()\n\n  if (!activeWorkspaceRequests.value.length) {\n    const { request } = createInitialRequest()\n    const draftCollection = activeWorkspaceCollections.value.find(\n      (collection: Collection) => collection.info?.title === 'Drafts',\n    )\n\n    if (draftCollection) {\n      requestMutators.add(request, draftCollection.uid)\n\n      replace({\n        name: 'request',\n        params: {\n          [PathId.Request]: request.uid,\n        },\n      })\n    }\n  }\n\n  if (\n    activeRouterParams.value[PathId.Request] === props.menuItem.item?.entity.uid\n  ) {\n    replace({\n      name: 'request',\n      params: {\n        [PathId.Request]: 'default',\n      },\n    })\n  }\n\n  if (\n    activeRouterParams.value[PathId.Examples] ===\n    props.menuItem.item?.entity.uid\n  ) {\n    replace({\n      name: 'request',\n      params: {\n        [PathId.Request]: 'default',\n      },\n    })\n  }\n\n  if (activeWorkspaceCollections.value[0]) {\n    const firstRequest = activeWorkspaceCollections.value[0].requests[0]\n    replace({\n      name: 'request',\n      params: {\n        [PathId.Request]: firstRequest,\n      },\n    })\n  }\n\n  deleteModal.hide()\n}\n\n// Manually focus the popup - not pretty but it works\nconst menuRef = ref<typeof ScalarDropdown | null>(null)\nwatch([() => props.menuItem.open, menuRef], ([open]) => {\n  if (open && menuRef.value?.$parent?.$el) {\n    menuRef.value.$parent.$el.focus()\n  }\n})\n\n// Close menu on click because headless doesn't seem to work\nconst globalClickListener = () => props.menuItem.open && emit('closeMenu')\nonMounted(() => window.addEventListener('click', globalClickListener))\nonBeforeUnmount(() => window.removeEventListener('click', globalClickListener))\n\nconst toggleWatchMode = () => {\n  emit('toggleWatchMode', props.menuItem.item)\n}\n\nconst handleClearDrafts = () => {\n  emit('clearDrafts')\n  clearDraftsModal.hide()\n}\n\nconst isDraftsMenuItem = computed(() => {\n  return props.menuItem.item?.title === 'Drafts'\n})\n</script>\n\n<template>\n  <ScalarFloating\n    v-if=\"menuItem.targetRef && menuItem.open\"\n    placement=\"right-start\"\n    :target=\"menuItem.targetRef\"\n    teleport>\n    <template #floating>\n      <ScalarDropdownMenu @keydown.escape=\"$emit('closeMenu')\">\n        <!-- Add example -->\n        <ScalarDropdownButton\n          v-if=\"menuItem.item?.entity.type === 'request'\"\n          class=\"flex items-center gap-2\"\n          @click=\"handleAddExample\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Example\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>Add Example</span>\n        </ScalarDropdownButton>\n\n        <!-- Rename -->\n        <ScalarDropdownButton\n          v-if=\"!isDraftsMenuItem\"\n          ref=\"menuRef\"\n          class=\"flex items-center gap-2\"\n          @click=\"editModal.show()\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Edit\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>\n            <template v-if=\"menuItem.item?.entity.type === 'collection'\">\n              Edit\n            </template>\n            <template v-else> Rename </template>\n          </span>\n        </ScalarDropdownButton>\n\n        <!-- Duplicate -->\n        <!-- <ScalarDropdownButton\n        class=\"flex  items-center !gap-2\"\n        @click=\"handleItemDuplicate\">\n        <ScalarIcon\n          class=\"inline-flex\"\n          thickness=\"1.5\"\n          icon=\"Duplicate\"\n          size=\"sm\" />\n        <span>Duplicate</span>\n      </ScalarDropdownButton>\n      <ScalarDropdownDivider /> -->\n\n        <!-- Watch -->\n        <ScalarDropdownButton\n          v-if=\"menuItem.item?.documentUrl\"\n          ref=\"menuRef\"\n          class=\"flex items-center gap-2\"\n          @click=\"toggleWatchMode\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            :icon=\"menuItem.item?.watchMode ? 'Unwatch' : 'Watch'\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>\n            {{\n              menuItem.item?.watchMode\n                ? 'Disable Watch Mode'\n                : 'Enable Watch Mode'\n            }}\n          </span>\n        </ScalarDropdownButton>\n\n        <!-- Delete -->\n        <ScalarDropdownButton\n          v-if=\"!isDraftsMenuItem\"\n          class=\"flex items-center gap-2\"\n          @click=\"deleteModal.show()\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Delete\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>Delete</span>\n        </ScalarDropdownButton>\n\n        <!-- Clear Drafts -->\n        <ScalarDropdownButton\n          v-if=\"isDraftsMenuItem\"\n          class=\"flex items-center gap-2\"\n          @click=\"clearDraftsModal.show()\">\n          <ScalarIcon\n            class=\"inline-flex\"\n            icon=\"Delete\"\n            size=\"md\"\n            thickness=\"1.5\" />\n          <span>Clear Drafts</span>\n        </ScalarDropdownButton>\n      </ScalarDropdownMenu>\n    </template>\n  </ScalarFloating>\n\n  <!-- Modals -->\n  <ScalarModal\n    :size=\"'xxs'\"\n    :state=\"deleteModal\"\n    :title=\"`Delete ${menuItem.item?.resourceTitle}`\">\n    <DeleteSidebarListElement\n      :variableName=\"menuItem.item?.title ?? ''\"\n      :warningMessage=\"menuItem.item?.warning\"\n      @close=\"deleteModal.hide()\"\n      @delete=\"handleItemDelete\" />\n  </ScalarModal>\n  <ScalarModal\n    :size=\"'xxs'\"\n    :state=\"editModal\"\n    :title=\"`Edit ${menuItem.item?.resourceTitle}`\">\n    <EditSidebarListCollection\n      v-if=\"menuItem.item?.resourceTitle === 'Collection'\"\n      :icon=\"menuItem.item?.icon || 'interface-content-folder'\"\n      :name=\"menuItem.item?.title\"\n      @close=\"editModal.hide()\"\n      @edit=\"handleEdit\" />\n    <EditSidebarListElement\n      v-else\n      :name=\"menuItem.item?.title ?? ''\"\n      @close=\"editModal.hide()\"\n      @edit=\"handleEdit\" />\n  </ScalarModal>\n  <ScalarModal\n    :size=\"'xxs'\"\n    :state=\"clearDraftsModal\"\n    :title=\"'Clear Drafts'\">\n    <DeleteSidebarListElement\n      :variableName=\"'All Drafts'\"\n      :warningMessage=\"'This action will clear all drafts. This cannot be undone.'\"\n      @close=\"clearDraftsModal.hide()\"\n      @delete=\"handleClearDrafts\" />\n  </ScalarModal>\n</template>\n<style scoped>\n.ellipsis-position {\n  transform: translate3d(calc(-100% - 4.5px), 0, 0);\n}\n</style>\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { EnvVariable } from '@/store/active-entities';
+import type { EnvVariable } from '../../store/active-entities.js';
 type __VLS_Props = {
     collection: Collection;
     operation: Operation;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSubpageHeader.vue.js","names":[],"sources":["../../../src/views/Request/RequestSubpageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type {\n  Collection,\n  Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { useRouter } from 'vue-router'\n\nimport { OpenApiClientButton } from '@/components'\nimport AddressBar from '@/components/AddressBar/AddressBar.vue'\nimport { useLayout } from '@/hooks/useLayout'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { collection, operation, server, environment, envVariables, workspace } =\n  defineProps<{\n    collection: Collection\n    operation: Operation\n    server: Server | undefined\n    environment: Environment\n    envVariables: EnvVariable[]\n    workspace: Workspace\n  }>()\n\ndefineEmits<{\n  (e: 'hideModal'): void\n  (e: 'importCurl', value: string): void\n}>()\n\nconst { hideClientButton, showSidebar, integration } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\n\nconst { layout } = useLayout()\nconst { currentRoute } = useRouter()\n</script>\n<template>\n  <div\n    class=\"lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1\">\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1\">\n      <!-- Holds space for the sidebar toggle -->\n      <div\n        v-if=\"showSidebar\"\n        class=\"size-8\"\n        :class=\"{ hidden: layout === 'modal' && !isSidebarOpen }\" />\n    </div>\n    <!-- Address Bar - we should always have a collection and operation -->\n    <AddressBar\n      :collection=\"collection\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :operation=\"operation\"\n      :server=\"server\"\n      :workspace=\"workspace\"\n      @importCurl=\"$emit('importCurl', $event)\" />\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5\">\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && collection.documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? collection.integration ?? null\"\n        :source=\"\n          currentRoute.query.source === 'gitbook' ? 'gitbook' : 'api-reference'\n        \"\n        :url=\"collection.documentUrl\" />\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n      <!-- TODO: temporary solution: 2nd button (not fixed position) for our friends at GitBook -->\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.gitbook-show {\n  display: none;\n}\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,92 @@
+import { useLayout } from "../../hooks/useLayout.js";
+import { useSidebar } from "../../hooks/useSidebar.js";
+import { useWorkspace } from "../../store/store.js";
+import AddressBar_default from "../../components/AddressBar/AddressBar.vue.js";
+import OpenApiClientButton_default from "../../components/OpenApiClientButton.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { useRouter } from "vue-router";
+//#region src/views/Request/RequestSubpageHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1" };
+var _hoisted_2 = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" };
+var _hoisted_3 = { class: "mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5" };
+var RequestSubpageHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestSubpageHeader",
+	props: {
+		collection: {},
+		operation: {},
+		server: {},
+		environment: {},
+		envVariables: {},
+		workspace: {}
+	},
+	emits: ["hideModal", "importCurl"],
+	setup(__props) {
+		const { hideClientButton, showSidebar, integration } = useWorkspace();
+		const { isSidebarOpen } = useSidebar();
+		const { layout } = useLayout();
+		const { currentRoute } = useRouter();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [unref(showSidebar) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["size-8", { hidden: unref(layout) === "modal" && !unref(isSidebarOpen) }])
+				}, null, 2)) : createCommentVNode("", true)]),
+				createVNode(AddressBar_default, {
+					collection: __props.collection,
+					envVariables: __props.envVariables,
+					environment: __props.environment,
+					operation: __props.operation,
+					server: __props.server,
+					workspace: __props.workspace,
+					onImportCurl: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("importCurl", $event))
+				}, null, 8, [
+					"collection",
+					"envVariables",
+					"environment",
+					"operation",
+					"server",
+					"workspace"
+				]),
+				createElementVNode("div", _hoisted_3, [
+					unref(layout) === "modal" && __props.collection.documentUrl && !unref(hideClientButton) ? (openBlock(), createBlock(unref(OpenApiClientButton_default), {
+						key: 0,
+						buttonSource: "modal",
+						class: "!w-fit lg:-mr-1",
+						integration: unref(integration) ?? __props.collection.integration ?? null,
+						source: unref(currentRoute).query.source === "gitbook" ? "gitbook" : "api-reference",
+						url: __props.collection.documentUrl
+					}, null, 8, [
+						"integration",
+						"source",
+						"url"
+					])) : createCommentVNode("", true),
+					unref(layout) === "modal" ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+						type: "button",
+						onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hideModal"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						size: "lg",
+						thickness: "2"
+					}), _cache[3] || (_cache[3] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))])) : createCommentVNode("", true),
+					unref(layout) === "modal" ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						class: "text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2",
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("hideModal"))
+					}, [createVNode(unref(ScalarIcon), {
+						icon: "Close",
+						size: "md",
+						thickness: "1.75"
+					}), _cache[4] || (_cache[4] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))])) : createCommentVNode("", true)
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { RequestSubpageHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestSubpageHeader.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSubpageHeader.vue.script.js","names":["$emit"],"sources":["../../../src/views/Request/RequestSubpageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type {\n  Collection,\n  Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { useRouter } from 'vue-router'\n\nimport { OpenApiClientButton } from '@/components'\nimport AddressBar from '@/components/AddressBar/AddressBar.vue'\nimport { useLayout } from '@/hooks/useLayout'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { useWorkspace } from '@/store'\nimport type { EnvVariable } from '@/store/active-entities'\n\nconst { collection, operation, server, environment, envVariables, workspace } =\n  defineProps<{\n    collection: Collection\n    operation: Operation\n    server: Server | undefined\n    environment: Environment\n    envVariables: EnvVariable[]\n    workspace: Workspace\n  }>()\n\ndefineEmits<{\n  (e: 'hideModal'): void\n  (e: 'importCurl', value: string): void\n}>()\n\nconst { hideClientButton, showSidebar, integration } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\n\nconst { layout } = useLayout()\nconst { currentRoute } = useRouter()\n</script>\n<template>\n  <div\n    class=\"lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center border-b p-2 pt-2 lg:p-1 lg:pt-1\">\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1\">\n      <!-- Holds space for the sidebar toggle -->\n      <div\n        v-if=\"showSidebar\"\n        class=\"size-8\"\n        :class=\"{ hidden: layout === 'modal' && !isSidebarOpen }\" />\n    </div>\n    <!-- Address Bar - we should always have a collection and operation -->\n    <AddressBar\n      :collection=\"collection\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :operation=\"operation\"\n      :server=\"server\"\n      :workspace=\"workspace\"\n      @importCurl=\"$emit('importCurl', $event)\" />\n    <div\n      class=\"mb-2 flex w-1/2 flex-row items-center justify-end gap-1 lg:mb-0 lg:flex-1 lg:px-2.5\">\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && collection.documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? collection.integration ?? null\"\n        :source=\"\n          currentRoute.query.source === 'gitbook' ? 'gitbook' : 'api-reference'\n        \"\n        :url=\"collection.documentUrl\" />\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n      <!-- TODO: temporary solution: 2nd button (not fixed position) for our friends at GitBook -->\n      <button\n        v-if=\"layout === 'modal'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2\"\n        type=\"button\"\n        @click=\"$emit('hideModal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">Close Client</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.gitbook-show {\n  display: none;\n}\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,EAAE,kBAAkB,aAAa,gBAAgB,cAAa;EACpE,MAAM,EAAE,kBAAkB,YAAW;EAErC,MAAM,EAAE,WAAW,WAAU;EAC7B,MAAM,EAAE,iBAAiB,WAAU;;uBAGjC,mBAsDM,OAtDN,YAsDM;IApDJ,mBAOM,OAPN,YAOM,CAHI,MAAA,YAAW,IAAA,WAAA,EADnB,mBAG8D,OAAA;;KAD5D,OAAK,eAAA,CAAC,UAAQ,EAAA,QACI,MAAA,OAAM,KAAA,WAAA,CAAiB,MAAA,cAAa,EAAA,CAAA,CAAA;;IAG1D,YAO8C,oBAAA;KAN3C,YAAY,QAAA;KACZ,cAAc,QAAA;KACd,aAAa,QAAA;KACb,WAAW,QAAA;KACX,QAAQ,QAAA;KACR,WAAW,QAAA;KACX,cAAU,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,cAAe,OAAM;;;;;;;;;IACzC,mBAkCM,OAlCN,YAkCM;KA/BI,MAAA,OAAM,KAAA,WAAgB,QAAA,WAAW,eAAW,CAAK,MAAA,iBAAgB,IAAA,WAAA,EADzE,YAQkC,MAAA,4BAAA,EAAA;;MANhC,cAAa;MACb,OAAM;MACL,aAAa,MAAA,YAAW,IAAI,QAAA,WAAW,eAAW;MAClD,QAAmB,MAAA,aAAY,CAAC,MAAM,WAAM,YAAA,YAAA;MAG5C,KAAK,QAAA,WAAW;;;;;;KAEX,MAAA,OAAM,KAAA,WAAA,WAAA,EADd,mBAUS,UAAA;;MARP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,YAAA;SACb,YAGkB,MAAA,WAAA,EAAA;MAFhB,MAAK;MACL,MAAK;MACL,WAAU;mCACZ,mBAAyC,QAAA,EAAnC,OAAM,WAAS,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAI5B,MAAA,OAAM,KAAA,WAAA,WAAA,EADd,mBAUS,UAAA;;MARP,OAAM;MACN,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,YAAA;SACb,YAGqB,MAAA,WAAA,EAAA;MAFnB,MAAK;MACL,MAAK;MACL,WAAU;mCACZ,mBAAyC,QAAA,EAAnC,OAAM,WAAS,EAAC,gBAAY,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

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

@@ -0,0 +1,7 @@
+import RequestHeaders_vue_vue_type_script_setup_true_lang_default from "./RequestHeaders.vue.script.js";
+//#region src/views/Request/ResponseSection/RequestHeaders.vue
+var RequestHeaders_default = RequestHeaders_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RequestHeaders_default as default };
+
+//# sourceMappingURL=RequestHeaders.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestHeaders.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/RequestHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DataTableHeader } from '@/components/DataTable'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { httpHeaders } from '@/data/httpHeaders'\n\ntype Header = { name: string; value: string; required: boolean }\n\ndefineProps<{\n  headers: Header[]\n}>()\n\nconst findHeaderInfo = (name: string) => {\n  return httpHeaders.find(\n    (header) => header.name.toLowerCase() === name.toLowerCase(),\n  )\n}\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"headers.length\">\n    <template #title>Request Headers</template>\n    <div\n      v-if=\"headers.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>Header Key</DataTableHeader>\n          <DataTableHeader>Header Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"item in headers\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0\">\n            <template v-if=\"typeof findHeaderInfo(item.name)?.url === 'string'\">\n              <HelpfulLink\n                class=\"decoration-c-3\"\n                :href=\"findHeaderInfo(item.name)!.url\">\n                {{ item.name }}\n              </HelpfulLink>\n            </template>\n            <template v-else>\n              {{ item.name }}\n            </template>\n          </DataTableText>\n          <DataTableText\n            class=\"z-0 group-first/row:border-t-0\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base\">\n      No Headers\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,77 @@
+import DataTable_default from "../../../components/DataTable/DataTable.vue.js";
+import DataTableHeader_default from "../../../components/DataTable/DataTableHeader.vue.js";
+import DataTableRow_default from "../../../components/DataTable/DataTableRow.vue.js";
+import DataTableText_default from "../../../components/DataTable/DataTableText.vue.js";
+import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import HelpfulLink_default from "../../../components/HelpfulLink.vue.js";
+import { httpHeaders } from "../../../data/httpHeaders.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/views/Request/ResponseSection/RequestHeaders.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "max-h-[calc(100%-32px)] overflow-y-auto"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base"
+};
+var RequestHeaders_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestHeaders",
+	props: { headers: {} },
+	setup(__props) {
+		const findHeaderInfo = (name) => {
+			return httpHeaders.find((header) => header.name.toLowerCase() === name.toLowerCase());
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutCollapse_default, {
+				class: "overflow-auto",
+				defaultOpen: false,
+				itemCount: __props.headers.length
+			}, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Request Headers", -1)])]),
+				default: withCtx(() => [__props.headers.length ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(DataTable_default, {
+					columns: ["minmax(auto, min-content)", "minmax(50%, 1fr)"],
+					scroll: ""
+				}, {
+					default: withCtx(() => [createVNode(DataTableRow_default, { class: "sr-only !block" }, {
+						default: withCtx(() => [createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Header Key", -1)])]),
+							_: 1
+						}), createVNode(unref(DataTableHeader_default), null, {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Header Value", -1)])]),
+							_: 1
+						})]),
+						_: 1
+					}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (item) => {
+						return openBlock(), createBlock(DataTableRow_default, {
+							key: item.name,
+							class: "group/row text-c-1"
+						}, {
+							default: withCtx(() => [createVNode(DataTableText_default, { class: "bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0" }, {
+								default: withCtx(() => [typeof findHeaderInfo(item.name)?.url === "string" ? (openBlock(), createBlock(HelpfulLink_default, {
+									key: 0,
+									class: "decoration-c-3",
+									href: findHeaderInfo(item.name).url
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(item.name), 1)]),
+									_: 2
+								}, 1032, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(item.name), 1)], 64))]),
+								_: 2
+							}, 1024), createVNode(DataTableText_default, {
+								class: "z-0 group-first/row:border-t-0",
+								text: item.value
+							}, null, 8, ["text"])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				})])) : (openBlock(), createElementBlock("div", _hoisted_2, " No Headers "))]),
+				_: 1
+			}, 8, ["itemCount"]);
+		};
+	}
+});
+//#endregion
+export { RequestHeaders_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestHeaders.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestHeaders.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/RequestHeaders.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DataTableHeader } from '@/components/DataTable'\nimport DataTable from '@/components/DataTable/DataTable.vue'\nimport DataTableRow from '@/components/DataTable/DataTableRow.vue'\nimport DataTableText from '@/components/DataTable/DataTableText.vue'\nimport HelpfulLink from '@/components/HelpfulLink.vue'\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { httpHeaders } from '@/data/httpHeaders'\n\ntype Header = { name: string; value: string; required: boolean }\n\ndefineProps<{\n  headers: Header[]\n}>()\n\nconst findHeaderInfo = (name: string) => {\n  return httpHeaders.find(\n    (header) => header.name.toLowerCase() === name.toLowerCase(),\n  )\n}\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"overflow-auto\"\n    :defaultOpen=\"false\"\n    :itemCount=\"headers.length\">\n    <template #title>Request Headers</template>\n    <div\n      v-if=\"headers.length\"\n      class=\"max-h-[calc(100%-32px)] overflow-y-auto\">\n      <DataTable\n        :columns=\"['minmax(auto, min-content)', 'minmax(50%, 1fr)']\"\n        scroll>\n        <DataTableRow class=\"sr-only !block\">\n          <DataTableHeader>Header Key</DataTableHeader>\n          <DataTableHeader>Header Value</DataTableHeader>\n        </DataTableRow>\n        <DataTableRow\n          v-for=\"item in headers\"\n          :key=\"item.name\"\n          class=\"group/row text-c-1\">\n          <DataTableText\n            class=\"bg-b-1 sticky left-0 z-1 max-w-full group-first/row:border-t-0\">\n            <template v-if=\"typeof findHeaderInfo(item.name)?.url === 'string'\">\n              <HelpfulLink\n                class=\"decoration-c-3\"\n                :href=\"findHeaderInfo(item.name)!.url\">\n                {{ item.name }}\n              </HelpfulLink>\n            </template>\n            <template v-else>\n              {{ item.name }}\n            </template>\n          </DataTableText>\n          <DataTableText\n            class=\"z-0 group-first/row:border-t-0\"\n            :text=\"item.value\" />\n        </DataTableRow>\n      </DataTable>\n    </div>\n    <!-- Empty state -->\n    <div\n      v-else\n      class=\"text-c-3 bg-b-1 flex min-h-12 items-center justify-center rounded border px-4 text-base\">\n      No Headers\n    </div>\n  </ViewLayoutCollapse>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,kBAAkB,SAAiB;AACvC,UAAO,YAAY,MAChB,WAAW,OAAO,KAAK,aAAa,KAAK,KAAK,aAAa,CAC9D;;;uBAIA,YA4CqB,4BAAA;IA3CnB,OAAM;IACL,aAAa;IACb,WAAW,QAAA,QAAQ;;IACT,OAAK,cAAgB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAf,mBAAe,GAAA,CAAA,EAAA,CAAA;2BAiC1B,CA/BE,QAAA,QAAQ,UAAA,WAAA,EADhB,mBAgCM,OAhCN,YAgCM,CA7BJ,YA4BY,mBAAA;KA3BT,SAAS,CAAA,6BAAA,mBAAiD;KAC3D,QAAA;;4BAIe,CAHf,YAGe,sBAAA,EAHD,OAAM,kBAAgB,EAAA;6BACW,CAA7C,YAA6C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAV,cAAU,GAAA,CAAA,EAAA,CAAA;;UAC3B,YAA+C,MAAA,wBAAA,EAAA,MAAA;8BAAlB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,GAAA,CAAA,EAAA,CAAA;;;;2BAE/B,mBAoBe,UAAA,MAAA,WAnBE,QAAA,UAAR,SAAI;0BADb,YAoBe,sBAAA;OAlBZ,KAAK,KAAK;OACX,OAAM;;8BAaU,CAZhB,YAYgB,uBAAA,EAXd,OAAM,kEAAgE,EAAA;+BAO3D,CAAA,OANY,eAAe,KAAK,KAAI,EAAG,QAAG,YAAA,WAAA,EACnD,YAIc,qBAAA;;SAHZ,OAAM;SACL,MAAM,eAAe,KAAK,KAAI,CAAG;;gCACnB,CAAA,gBAAA,gBAAZ,KAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;4CAGhB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,KAAK,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA;;iBAGhB,YAEuB,uBAAA;QADrB,OAAM;QACL,MAAM,KAAK;;;;;;0BAKpB,mBAIM,OAJN,YAEkG,eAElG,EAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, toRef } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useResponseBody } from '@/hooks/useResponseBody'\nimport { getMediaTypeConfig } from '@/views/Request/consts'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\nimport ResponseBodyPreview from './ResponseBodyPreview.vue'\nimport ResponseBodyRaw from './ResponseBodyRaw.vue'\nimport ResponseBodyToggle from './ResponseBodyToggle.vue'\n\nconst props = defineProps<{\n  title: string\n  layout: 'client' | 'reference'\n  data: unknown\n  headers: { name: string; value: string; required: boolean }[]\n}>()\n\n/** Preview / Raw toggle */\nconst toggle = ref(true)\n\nconst showToggle = computed(\n  () => !!(mediaConfig.value?.raw && mediaConfig.value.preview),\n)\n\nconst showPreview = computed(() => toggle.value || !showToggle.value)\nconst showRaw = computed(() => !toggle.value || !showToggle.value)\n\nconst { mimeType, attachmentFilename, dataUrl } = useResponseBody({\n  data: toRef(props, 'data'),\n  headers: toRef(props, 'headers'),\n})\n\nconst mediaConfig = computed(() => getMediaTypeConfig(mimeType.value.essence))\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"max-h-content overflow-y-hidden\"\n    :layout=\"layout\">\n    <template #title>{{ title }}</template>\n    <template\n      v-if=\"data && dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"attachmentFilename\"\n        :href=\"dataUrl\"\n        :type=\"mimeType.essence\" />\n    </template>\n    <div\n      v-if=\"data\"\n      class=\"bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden\">\n      <div\n        class=\"box-content flex min-h-8 items-center justify-between border-y px-3\">\n        <span class=\"text-xxs font-code leading-5\">\n          {{ mimeType.essence }}\n        </span>\n        <ResponseBodyToggle\n          v-if=\"showToggle\"\n          v-model=\"toggle\" />\n      </div>\n      <ResponseBodyRaw\n        v-if=\"mediaConfig?.raw && showRaw\"\n        :key=\"dataUrl\"\n        :content=\"data\"\n        :language=\"mediaConfig.language\" />\n      <ResponseBodyPreview\n        v-if=\"mediaConfig?.preview && showPreview\"\n        :key=\"dataUrl\"\n        :alpha=\"mediaConfig.alpha\"\n        :mode=\"mediaConfig.preview\"\n        :src=\"dataUrl\"\n        :type=\"mimeType.essence\" />\n      <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n        Binary file\n      </ResponseBodyInfo>\n    </div>\n  </ViewLayoutCollapse>\n</template>\n<style scoped>\n.scalar-code-block:deep(.hljs *) {\n  font-size: var(--scalar-small);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,91 @@
+import { getMediaTypeConfig } from "../consts/mediaTypes.js";
+import { useResponseBody } from "../../../hooks/useResponseBody.js";
+import ViewLayoutCollapse_default from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import ResponseBodyDownload_default from "./ResponseBodyDownload.vue.js";
+import ResponseBodyInfo_default from "./ResponseBodyInfo.vue.js";
+import ResponseBodyPreview_default from "./ResponseBodyPreview.vue.js";
+import ResponseBodyRaw_default from "./ResponseBodyRaw.vue.js";
+import ResponseBodyToggle_default from "./ResponseBodyToggle.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, toRef, unref, withCtx } from "vue";
+//#region src/views/Request/ResponseSection/ResponseBody.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden"
+};
+var _hoisted_2 = { class: "box-content flex min-h-8 items-center justify-between border-y px-3" };
+var _hoisted_3 = { class: "text-xxs font-code leading-5" };
+var ResponseBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ResponseBody",
+	props: {
+		title: {},
+		layout: {},
+		data: {},
+		headers: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Preview / Raw toggle */
+		const toggle = ref(true);
+		const showToggle = computed(() => !!(mediaConfig.value?.raw && mediaConfig.value.preview));
+		const showPreview = computed(() => toggle.value || !showToggle.value);
+		const showRaw = computed(() => !toggle.value || !showToggle.value);
+		const { mimeType, attachmentFilename, dataUrl } = useResponseBody({
+			data: toRef(props, "data"),
+			headers: toRef(props, "headers")
+		});
+		const mediaConfig = computed(() => getMediaTypeConfig(mimeType.value.essence));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayoutCollapse_default, {
+				class: "max-h-content overflow-y-hidden",
+				layout: __props.layout
+			}, createSlots({
+				title: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+				default: withCtx(() => [__props.data ? (openBlock(), createElementBlock("div", _hoisted_1, [
+					createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(unref(mimeType).essence), 1), showToggle.value ? (openBlock(), createBlock(ResponseBodyToggle_default, {
+						key: 0,
+						modelValue: toggle.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => toggle.value = $event)
+					}, null, 8, ["modelValue"])) : createCommentVNode("", true)]),
+					mediaConfig.value?.raw && showRaw.value ? (openBlock(), createBlock(ResponseBodyRaw_default, {
+						key: unref(dataUrl),
+						content: __props.data,
+						language: mediaConfig.value.language
+					}, null, 8, ["content", "language"])) : createCommentVNode("", true),
+					mediaConfig.value?.preview && showPreview.value ? (openBlock(), createBlock(ResponseBodyPreview_default, {
+						key: unref(dataUrl),
+						alpha: mediaConfig.value.alpha,
+						mode: mediaConfig.value.preview,
+						src: unref(dataUrl),
+						type: unref(mimeType).essence
+					}, null, 8, [
+						"alpha",
+						"mode",
+						"src",
+						"type"
+					])) : createCommentVNode("", true),
+					!mediaConfig.value?.raw && !mediaConfig.value?.preview ? (openBlock(), createBlock(ResponseBodyInfo_default, { key: 2 }, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Binary file ", -1)])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				])) : createCommentVNode("", true)]),
+				_: 2
+			}, [__props.data && unref(dataUrl) ? {
+				name: "actions",
+				fn: withCtx(() => [createVNode(ResponseBodyDownload_default, {
+					filename: unref(attachmentFilename),
+					href: unref(dataUrl),
+					type: unref(mimeType).essence
+				}, null, 8, [
+					"filename",
+					"href",
+					"type"
+				])]),
+				key: "0"
+			} : void 0]), 1032, ["layout"]);
+		};
+	}
+});
+//#endregion
+export { ResponseBody_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ResponseBody.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseBody.vue.script.js","names":[],"sources":["../../../../src/views/Request/ResponseSection/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, toRef } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport { useResponseBody } from '@/hooks/useResponseBody'\nimport { getMediaTypeConfig } from '@/views/Request/consts'\n\nimport ResponseBodyDownload from './ResponseBodyDownload.vue'\nimport ResponseBodyInfo from './ResponseBodyInfo.vue'\nimport ResponseBodyPreview from './ResponseBodyPreview.vue'\nimport ResponseBodyRaw from './ResponseBodyRaw.vue'\nimport ResponseBodyToggle from './ResponseBodyToggle.vue'\n\nconst props = defineProps<{\n  title: string\n  layout: 'client' | 'reference'\n  data: unknown\n  headers: { name: string; value: string; required: boolean }[]\n}>()\n\n/** Preview / Raw toggle */\nconst toggle = ref(true)\n\nconst showToggle = computed(\n  () => !!(mediaConfig.value?.raw && mediaConfig.value.preview),\n)\n\nconst showPreview = computed(() => toggle.value || !showToggle.value)\nconst showRaw = computed(() => !toggle.value || !showToggle.value)\n\nconst { mimeType, attachmentFilename, dataUrl } = useResponseBody({\n  data: toRef(props, 'data'),\n  headers: toRef(props, 'headers'),\n})\n\nconst mediaConfig = computed(() => getMediaTypeConfig(mimeType.value.essence))\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"max-h-content overflow-y-hidden\"\n    :layout=\"layout\">\n    <template #title>{{ title }}</template>\n    <template\n      v-if=\"data && dataUrl\"\n      #actions>\n      <ResponseBodyDownload\n        :filename=\"attachmentFilename\"\n        :href=\"dataUrl\"\n        :type=\"mimeType.essence\" />\n    </template>\n    <div\n      v-if=\"data\"\n      class=\"bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden\">\n      <div\n        class=\"box-content flex min-h-8 items-center justify-between border-y px-3\">\n        <span class=\"text-xxs font-code leading-5\">\n          {{ mimeType.essence }}\n        </span>\n        <ResponseBodyToggle\n          v-if=\"showToggle\"\n          v-model=\"toggle\" />\n      </div>\n      <ResponseBodyRaw\n        v-if=\"mediaConfig?.raw && showRaw\"\n        :key=\"dataUrl\"\n        :content=\"data\"\n        :language=\"mediaConfig.language\" />\n      <ResponseBodyPreview\n        v-if=\"mediaConfig?.preview && showPreview\"\n        :key=\"dataUrl\"\n        :alpha=\"mediaConfig.alpha\"\n        :mode=\"mediaConfig.preview\"\n        :src=\"dataUrl\"\n        :type=\"mimeType.essence\" />\n      <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n        Binary file\n      </ResponseBodyInfo>\n    </div>\n  </ViewLayoutCollapse>\n</template>\n<style scoped>\n.scalar-code-block:deep(.hljs *) {\n  font-size: var(--scalar-small);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;;EAQd,MAAM,SAAS,IAAI,KAAI;EAEvB,MAAM,aAAa,eACX,CAAC,EAAE,YAAY,OAAO,OAAO,YAAY,MAAM,SACvD;EAEA,MAAM,cAAc,eAAe,OAAO,SAAS,CAAC,WAAW,MAAK;EACpE,MAAM,UAAU,eAAe,CAAC,OAAO,SAAS,CAAC,WAAW,MAAK;EAEjE,MAAM,EAAE,UAAU,oBAAoB,YAAY,gBAAgB;GAChE,MAAM,MAAM,OAAO,OAAO;GAC1B,SAAS,MAAM,OAAO,UAAU;GACjC,CAAA;EAED,MAAM,cAAc,eAAe,mBAAmB,SAAS,MAAM,QAAQ,CAAA;;uBAG3E,YAwCqB,4BAAA;IAvCnB,OAAM;IACL,QAAQ,QAAA;;IACE,OAAK,cAAY,CAAA,gBAAA,gBAAR,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA;2BAoCnB,CA1BE,QAAA,QAAA,WAAA,EADR,mBA2BM,OA3BN,YA2BM;KAxBJ,mBAQM,OARN,YAQM,CANJ,mBAEO,QAFP,YAEO,gBADF,MAAA,SAAQ,CAAC,QAAO,EAAA,EAAA,EAGb,WAAA,SAAA,WAAA,EADR,YAEqB,4BAAA;;kBAAV,OAAA;0EAAM,QAAA;;KAGX,YAAA,OAAa,OAAO,QAAA,SAAA,WAAA,EAD5B,YAIqC,yBAAA;MAFlC,KAAK,MAAA,QAAO;MACZ,SAAS,QAAA;MACT,UAAU,YAAA,MAAY;;KAEjB,YAAA,OAAa,WAAW,YAAA,SAAA,WAAA,EADhC,YAM6B,6BAAA;MAJ1B,KAAK,MAAA,QAAO;MACZ,OAAO,YAAA,MAAY;MACnB,MAAM,YAAA,MAAY;MAClB,KAAK,MAAA,QAAO;MACZ,MAAM,MAAA,SAAQ,CAAC;;;;;;;MACO,YAAA,OAAa,OAAG,CAAK,YAAA,OAAa,WAAA,WAAA,EAA3D,YAEmB,0BAAA,EAAA,KAAA,GAAA,EAAA;6BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFoE,iBAEpE,GAAA,CAAA,EAAA,CAAA;;;;;OAjCM,QAAA,QAAQ,MAAA,QAAO,GAAA;UACpB;sBAI4B,CAH7B,YAG6B,8BAAA;KAF1B,UAAU,MAAA,mBAAkB;KAC5B,MAAM,MAAA,QAAO;KACb,MAAM,MAAA,SAAQ,CAAC"}