@scalar/api-client 2.38.3 → 2.39.0

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

@@ -0,0 +1,117 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useLayout } from "../../hooks/useLayout.js";
+import { useSidebar } from "../../hooks/useSidebar.js";
+import { useWorkspace } from "../../store/store.js";
+import { importCurlCommand } from "../../libs/importers/curl.js";
+import ViewLayout_default from "../../components/ViewLayout/ViewLayout.vue.js";
+import ViewLayoutContent_default from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import RequestSection_default from "./RequestSection/RequestSection.vue.js";
+import EmptyState_default from "../../components/EmptyState.vue.js";
+import ResponseSection_default from "./ResponseSection/ResponseSection.vue.js";
+import RequestSubpageHeader_default from "./RequestSubpageHeader.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, unref, withCtx } from "vue";
+//#region src/views/Request/Request.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-full" };
+var _hoisted_2 = {
+	key: 0,
+	class: "flex h-full flex-1 flex-col"
+};
+var Request_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Request",
+	props: {
+		invalidParams: {},
+		selectedSecuritySchemeUids: {},
+		requestResult: {}
+	},
+	emits: ["newTab"],
+	setup(__props) {
+		const { events } = useWorkspace();
+		const { isSidebarOpen } = useSidebar();
+		const workspaceContext = useWorkspace();
+		const { layout } = useLayout();
+		const { activeCollection, activeExample, activeRequest, activeWorkspace, activeServer, activeEnvVariables, activeEnvironment, activeWorkspaceRequests } = useActiveEntities();
+		const { modalState, requestHistory } = workspaceContext;
+		const activeHistoryEntry = computed(() => [...requestHistory].reverse().find((r) => r.request.uid === activeExample.value?.uid));
+		function handleCurlImport(curl) {
+			events.commandPalette.emit({
+				commandName: "Import from cURL",
+				metaData: {
+					parsedCurl: importCurlCommand(curl),
+					collectionUid: activeCollection.value?.uid
+				}
+			});
+		}
+		return (_ctx, _cache) => {
+			return unref(activeCollection) && unref(activeWorkspace) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", { "!mr-0 !mb-0 !border-0": unref(layout) === "modal" }])
+			}, [createElementVNode("div", _hoisted_1, [unref(activeRequest) ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(RequestSubpageHeader_default, {
+				modelValue: unref(isSidebarOpen),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isSidebarOpen) ? isSidebarOpen.value = $event : null),
+				collection: unref(activeCollection),
+				envVariables: unref(activeEnvVariables),
+				environment: unref(activeEnvironment),
+				operation: unref(activeRequest),
+				server: unref(activeServer),
+				workspace: unref(activeWorkspace),
+				onHideModal: _cache[1] || (_cache[1] = () => unref(modalState).hide()),
+				onImportCurl: handleCurlImport
+			}, null, 8, [
+				"modelValue",
+				"collection",
+				"envVariables",
+				"environment",
+				"operation",
+				"server",
+				"workspace"
+			]), createVNode(ViewLayout_default, null, {
+				default: withCtx(() => [unref(activeExample) ? (openBlock(), createBlock(ViewLayoutContent_default, {
+					key: 0,
+					class: normalizeClass(["flex-1", [unref(isSidebarOpen) ? "sidebar-active-hide-layout" : ""]])
+				}, {
+					default: withCtx(() => [createVNode(RequestSection_default, {
+						collection: unref(activeCollection),
+						envVariables: unref(activeEnvVariables),
+						environment: unref(activeEnvironment),
+						example: unref(activeExample),
+						invalidParams: __props.invalidParams,
+						operation: unref(activeRequest),
+						selectedSecuritySchemeUids: __props.selectedSecuritySchemeUids,
+						server: unref(activeServer),
+						workspace: unref(activeWorkspace)
+					}, null, 8, [
+						"collection",
+						"envVariables",
+						"environment",
+						"example",
+						"invalidParams",
+						"operation",
+						"selectedSecuritySchemeUids",
+						"server",
+						"workspace"
+					]), createVNode(ResponseSection_default, {
+						collection: unref(activeCollection),
+						numWorkspaceRequests: unref(activeWorkspaceRequests).length,
+						operation: unref(activeRequest),
+						requestResult: __props.requestResult,
+						response: activeHistoryEntry.value?.response,
+						workspace: unref(activeWorkspace)
+					}, null, 8, [
+						"collection",
+						"numWorkspaceRequests",
+						"operation",
+						"requestResult",
+						"response",
+						"workspace"
+					])]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("", true)]),
+				_: 1
+			})])) : (openBlock(), createBlock(EmptyState_default, { key: 1 }))])], 2)) : (openBlock(), createBlock(EmptyState_default, { key: 1 }));
+		};
+	}
+});
+//#endregion
+export { Request_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Request.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Request.vue.script.js","names":[],"sources":["../../../src/views/Request/Request.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport { computed } from 'vue'\n\nimport EmptyState from '@/components/EmptyState.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { useLayout } from '@/hooks'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { importCurlCommand } from '@/libs/importers/curl'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport RequestSection from '@/views/Request/RequestSection/RequestSection.vue'\nimport RequestSubpageHeader from '@/views/Request/RequestSubpageHeader.vue'\nimport ResponseSection from '@/views/Request/ResponseSection/ResponseSection.vue'\n\nconst { invalidParams, selectedSecuritySchemeUids, requestResult } =\n  defineProps<{\n    invalidParams: Set<string>\n    selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n    requestResult?: SendRequestResult | null\n  }>()\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\n\nconst { events } = useWorkspace()\nconst { isSidebarOpen } = useSidebar()\nconst workspaceContext = useWorkspace()\nconst { layout } = useLayout()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n  activeEnvVariables,\n  activeEnvironment,\n  activeWorkspaceRequests,\n} = useActiveEntities()\nconst { modalState, requestHistory } = workspaceContext\n\nconst activeHistoryEntry = computed(() =>\n  [...requestHistory]\n    .reverse()\n    .find((r) => r.request.uid === activeExample.value?.uid),\n)\n\nfunction handleCurlImport(curl: string) {\n  events.commandPalette.emit({\n    commandName: 'Import from cURL',\n    metaData: {\n      parsedCurl: importCurlCommand(curl),\n      collectionUid: activeCollection.value?.uid,\n    },\n  })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"activeCollection && activeWorkspace\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <div class=\"flex h-full\">\n      <!-- Ensure we have a request for this view -->\n      <div\n        v-if=\"activeRequest\"\n        class=\"flex h-full flex-1 flex-col\">\n        <RequestSubpageHeader\n          v-model=\"isSidebarOpen\"\n          :collection=\"activeCollection\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          :operation=\"activeRequest\"\n          :server=\"activeServer\"\n          :workspace=\"activeWorkspace\"\n          @hideModal=\"() => modalState.hide()\"\n          @importCurl=\"handleCurlImport\" />\n        <ViewLayout>\n          <!-- TODO possible loading state -->\n          <ViewLayoutContent\n            v-if=\"activeExample\"\n            class=\"flex-1\"\n            :class=\"[isSidebarOpen ? 'sidebar-active-hide-layout' : '']\">\n            <RequestSection\n              :collection=\"activeCollection\"\n              :envVariables=\"activeEnvVariables\"\n              :environment=\"activeEnvironment\"\n              :example=\"activeExample\"\n              :invalidParams=\"invalidParams\"\n              :operation=\"activeRequest\"\n              :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\"\n              :server=\"activeServer\"\n              :workspace=\"activeWorkspace\" />\n            <ResponseSection\n              :collection=\"activeCollection\"\n              :numWorkspaceRequests=\"activeWorkspaceRequests.length\"\n              :operation=\"activeRequest\"\n              :requestResult=\"requestResult\"\n              :response=\"activeHistoryEntry?.response\"\n              :workspace=\"activeWorkspace\" />\n          </ViewLayoutContent>\n        </ViewLayout>\n      </div>\n\n      <!-- No active request -->\n      <EmptyState v-else />\n    </div>\n  </div>\n\n  <!-- No Collection or Workspace -->\n  <EmptyState v-else />\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,EAAE,WAAW,cAAa;EAChC,MAAM,EAAE,kBAAkB,YAAW;EACrC,MAAM,mBAAmB,cAAa;EACtC,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,EACJ,kBACA,eACA,eACA,iBACA,cACA,oBACA,mBACA,4BACE,mBAAkB;EACtB,MAAM,EAAE,YAAY,mBAAmB;EAEvC,MAAM,qBAAqB,eACzB,CAAC,GAAG,eAAc,CACf,SAAQ,CACR,MAAM,MAAM,EAAE,QAAQ,QAAQ,cAAc,OAAO,IAAI,CAC5D;EAEA,SAAS,iBAAiB,MAAc;AACtC,UAAO,eAAe,KAAK;IACzB,aAAa;IACb,UAAU;KACR,YAAY,kBAAkB,KAAK;KACnC,eAAe,iBAAiB,OAAO;KACxC;IACF,CAAA;;;UAMO,MAAA,iBAAgB,IAAI,MAAA,gBAAe,IAAA,WAAA,EAD3C,mBAmDM,OAAA;;IAjDJ,OAAK,eAAA,CAAC,wEAAsE,EAAA,yBACnC,MAAA,OAAM,KAAA,SAAA,CAAA,CAAA;OAG/C,mBA4CM,OA5CN,YA4CM,CAzCI,MAAA,cAAa,IAAA,WAAA,EADrB,mBAsCM,OAtCN,YAsCM,CAnCJ,YASmC,8BAAA;gBARxB,MAAA,cAAa;sGAAA,QAAA,SAAA;IACrB,YAAY,MAAA,iBAAgB;IAC5B,cAAc,MAAA,mBAAkB;IAChC,aAAa,MAAA,kBAAiB;IAC9B,WAAW,MAAA,cAAa;IACxB,QAAQ,MAAA,aAAY;IACpB,WAAW,MAAA,gBAAe;IAC1B,aAAS,OAAA,OAAA,OAAA,WAAQ,MAAA,WAAU,CAAC,MAAI;IAChC,cAAY;;;;;;;;;OACf,YAwBa,oBAAA,MAAA;2BADS,CApBZ,MAAA,cAAa,IAAA,WAAA,EADrB,YAqBoB,2BAAA;;KAnBlB,OAAK,eAAA,CAAC,UAAQ,CACL,MAAA,cAAa,GAAA,+BAAA,GAAA,CAAA,CAAA;;4BAUW,CATjC,YASiC,wBAAA;MAR9B,YAAY,MAAA,iBAAgB;MAC5B,cAAc,MAAA,mBAAkB;MAChC,aAAa,MAAA,kBAAiB;MAC9B,SAAS,MAAA,cAAa;MACtB,eAAe,QAAA;MACf,WAAW,MAAA,cAAa;MACxB,4BAA4B,QAAA;MAC5B,QAAQ,MAAA,aAAY;MACpB,WAAW,MAAA,gBAAe;;;;;;;;;;;SAC7B,YAMiC,yBAAA;MAL9B,YAAY,MAAA,iBAAgB;MAC5B,sBAAsB,MAAA,wBAAuB,CAAC;MAC9C,WAAW,MAAA,cAAa;MACxB,eAAe,QAAA;MACf,UAAU,mBAAA,OAAoB;MAC9B,WAAW,MAAA,gBAAe;;;;;;;;;;;;yBAMnC,YAAqB,oBAAA,EAAA,KAAA,GAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAKzB,YAAqB,oBAAA,EAAA,KAAA,GAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":"AA2mBA,QAAA,MAAM,YAAY;;cAjU4B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;iFAmU/D,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":"AAmmBA,QAAA,MAAM,YAAY;;cA9T4B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;iFAgU/D,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestRoot.vue.js","names":[],"sources":["../../../src/views/Request/RequestRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { safeJSON } from '@scalar/object-utils/parse'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport SidebarToggle from '@/components/Sidebar/SidebarToggle.vue'\nimport { useLayout } from '@/hooks'\nimport { useClientConfig } from '@/hooks/useClientConfig'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { ERRORS } from '@/libs'\nimport { createRequestOperation } from '@/libs/send-request'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport {\n  validateParameters,\n  type ValidationResult,\n} from '@/libs/validate-parameters'\nimport { usePluginManager } from '@/plugins'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useOpenApiWatcher } from '@/views/Request/hooks/useOpenApiWatcher'\n\nimport RequestSidebar from './RequestSidebar.vue'\n\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\nconst workspaceContext = useWorkspace()\nconst { toast } = useToasts()\nconst { layout } = useLayout()\nconst config = useClientConfig()\nconst { isSidebarOpen } = useSidebar()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeEnvironment,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n} = useActiveEntities()\nconst {\n  cookies,\n  requestHistory,\n  showSidebar,\n  securitySchemes,\n  modalState,\n  events,\n} = workspaceContext\n\nconst pluginManager = usePluginManager()\n\n/** Root element (bound in template via ref=\"_element\") */\nconst _element = ref<HTMLDivElement>()\nvoid _element.value\n\nconst requestAbortController = ref<AbortController>()\n/** Computed Validation State Update on Example Change */\nconst validation = computed<ValidationResult>(() =>\n  validateParameters(activeExample.value ?? null),\n)\nconst requestResult = ref<SendRequestResult | null>(null)\n\n/**\n * Selected scheme UIDs\n *\n * In the modal we use collection.selectedSecuritySchemes and in the\n * standalone client we use request.selectedSecuritySchemeUids\n *\n * These are centralized here so they can be drilled down AND used in send-request\n */\nconst selectedSecuritySchemeUids = computed(\n  () =>\n    (activeCollection.value?.useCollectionSecurity\n      ? activeCollection.value?.selectedSecuritySchemeUids\n      : activeRequest.value?.selectedSecuritySchemeUids) ?? [],\n)\n\n/**\n * Execute the request\n * called from the send button as well as keyboard shortcuts\n */\nconst executeRequest = async () => {\n  if (!activeRequest.value || !activeExample.value || !activeCollection.value) {\n    return\n  }\n\n  // Block request if there are empty required path parameters\n  if (validation.value.hasBlockingErrors) {\n    toast('Path parameters must have values.', 'error')\n    events.requestStatus.emit('abort')\n    return\n  }\n\n  const environmentValue =\n    typeof activeEnvironment.value === 'object'\n      ? activeEnvironment.value.value\n      : '{}'\n  const e = safeJSON.parse(environmentValue)\n  if (e.error) {\n    console.error('INVALID ENVIRONMENT!')\n  }\n  const environment =\n    e.error || typeof e.data !== 'object' ? {} : (e.data ?? {})\n\n  const globalCookies =\n    activeWorkspace.value?.cookies.map((c) => cookies[c]).filter(isDefined) ??\n    []\n\n  const server =\n    activeCollection.value?.info?.title === 'Drafts'\n      ? undefined\n      : activeServer.value\n\n  const [error, requestOperation] = createRequestOperation({\n    request: activeRequest.value,\n    example: activeExample.value,\n    selectedSecuritySchemeUids: selectedSecuritySchemeUids.value,\n    proxyUrl: activeWorkspace.value?.proxyUrl ?? '',\n    environment,\n    globalCookies,\n    status: events.requestStatus,\n    securitySchemes: securitySchemes,\n    server,\n    pluginManager,\n  })\n\n  // Call the onRequestSent callback if it exists\n  config.value?.onRequestSent?.(activeRequest.value.path ?? '')\n\n  // Error from createRequestOperation\n  if (error) {\n    toast(error.message, 'error')\n    return\n  }\n\n  requestAbortController.value = requestOperation.controller\n  const [sendRequestError, result] = await requestOperation.sendRequest()\n\n  // Store the result to share it with child components\n  requestResult.value = result\n\n  // Send error toast\n  if (sendRequestError) {\n    toast(sendRequestError.message, 'error')\n  } else {\n    // We need to deep clone the result because it's a ref and updates will break the history\n    requestHistory.push(cloneRequestResult(result))\n  }\n}\n\n/** Cancel a live request */\nconst cancelRequest = async () =>\n  requestAbortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Subscribed to executeRequest, used for logging / analytics. */\nfunction logRequest() {}\n\n/**\n * Cancel request when closing the modal\n * @see https://github.com/scalar/scalar/issues/7115\n */\nwatch(modalState, ({ open }) => {\n  if (!open) {\n    void cancelRequest()\n  }\n})\n\nonMounted(() => {\n  events.executeRequest.on(executeRequest)\n  events.executeRequest.on(logRequest)\n  events.cancelRequest.on(cancelRequest)\n})\n\nuseOpenApiWatcher()\n\n/**\n * Need to manually remove listener on unmount due to vueuse memory leak\n *\n * @see https://github.com/vueuse/vueuse/issues/3498#issuecomment-2055546566\n */\nonBeforeUnmount(() => {\n  events.executeRequest.off(executeRequest)\n  events.executeRequest.off(logRequest)\n  events.cancelRequest.off(cancelRequest)\n})\n\nconst cloneRequestResult = (result: any) => {\n  // Create a structured clone that can handle Blobs, ArrayBuffers, etc.\n  try {\n    return structuredClone(result)\n  } catch {\n    // Fallback to a custom cloning approach if structuredClone fails\n    // or isn't available in the environment\n    const clone = { ...result }\n\n    // Handle response data specifically\n    if (result.response?.data) {\n      // If it's a Blob/File/ArrayBuffer, store a reference\n      if (\n        result.response.data instanceof Blob ||\n        result.response.data instanceof ArrayBuffer\n      ) {\n        clone.response.data = result.response.data\n      } else {\n        // For regular objects, do a deep clone\n        clone.response.data = JSON.parse(JSON.stringify(result.response.data))\n      }\n    }\n\n    return clone\n  }\n}\n</script>\n\n<template>\n  <!-- Layout -->\n  <div\n    ref=\"_element\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <SidebarToggle\n      v-if=\"showSidebar\"\n      v-model=\"isSidebarOpen\"\n      class=\"absolute top-2 left-3 z-50\"\n      :class=\"[\n        { hidden: isSidebarOpen },\n        { 'xl:!flex': !isSidebarOpen },\n        { '!flex': layout === 'modal' },\n      ]\" />\n    <div class=\"flex h-full\">\n      <!-- Sidebar -->\n      <RequestSidebar\n        v-if=\"showSidebar\"\n        @newTab=\"$emit('newTab', $event)\" />\n\n      <!-- Content -->\n      <div class=\"flex h-full flex-1 flex-col\">\n        <RouterView\n          :invalidParams=\"validation.invalidParams\"\n          :requestResult=\"requestResult\"\n          :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,158 @@
+import { useActiveEntities } from "../../store/active-entities.js";
+import { useClientConfig } from "../../hooks/useClientConfig.js";
+import { useLayout } from "../../hooks/useLayout.js";
+import { useSidebar } from "../../hooks/useSidebar.js";
+import { usePluginManager } from "../../plugins/hooks/usePluginManager.js";
+import { ERRORS } from "../../libs/errors.js";
+import { createRequestOperation } from "../../libs/send-request/create-request-operation.js";
+import { useWorkspace } from "../../store/store.js";
+import SidebarToggle_default from "../../components/Sidebar/SidebarToggle.vue.js";
+import { validateParameters } from "../../libs/validate-parameters.js";
+import { useOpenApiWatcher } from "./hooks/useOpenApiWatcher.js";
+import RequestSidebar_default from "./RequestSidebar.vue.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, unref, watch } from "vue";
+import { useToasts } from "@scalar/use-toasts";
+import { RouterView } from "vue-router";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+import { safeJSON } from "@scalar/object-utils/parse";
+//#region src/views/Request/RequestRoot.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-full" };
+var _hoisted_2 = { class: "flex h-full flex-1 flex-col" };
+var RequestRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RequestRoot",
+	emits: ["newTab"],
+	setup(__props) {
+		const workspaceContext = useWorkspace();
+		const { toast } = useToasts();
+		const { layout } = useLayout();
+		const config = useClientConfig();
+		const { isSidebarOpen } = useSidebar();
+		const { activeCollection, activeExample, activeEnvironment, activeRequest, activeWorkspace, activeServer } = useActiveEntities();
+		const { cookies, requestHistory, showSidebar, securitySchemes, modalState, events } = workspaceContext;
+		const pluginManager = usePluginManager();
+		/** Root element (bound in template via ref="_element") */
+		const _element = ref();
+		_element.value;
+		const requestAbortController = ref();
+		/** Computed Validation State Update on Example Change */
+		const validation = computed(() => validateParameters(activeExample.value ?? null));
+		const requestResult = ref(null);
+		/**
+		* Selected scheme UIDs
+		*
+		* In the modal we use collection.selectedSecuritySchemes and in the
+		* standalone client we use request.selectedSecuritySchemeUids
+		*
+		* These are centralized here so they can be drilled down AND used in send-request
+		*/
+		const selectedSecuritySchemeUids = computed(() => (activeCollection.value?.useCollectionSecurity ? activeCollection.value?.selectedSecuritySchemeUids : activeRequest.value?.selectedSecuritySchemeUids) ?? []);
+		/**
+		* Execute the request
+		* called from the send button as well as keyboard shortcuts
+		*/
+		const executeRequest = async () => {
+			if (!activeRequest.value || !activeExample.value || !activeCollection.value) return;
+			if (validation.value.hasBlockingErrors) {
+				toast("Path parameters must have values.", "error");
+				events.requestStatus.emit("abort");
+				return;
+			}
+			const environmentValue = typeof activeEnvironment.value === "object" ? activeEnvironment.value.value : "{}";
+			const e = safeJSON.parse(environmentValue);
+			if (e.error) console.error("INVALID ENVIRONMENT!");
+			const environment = e.error || typeof e.data !== "object" ? {} : e.data ?? {};
+			const globalCookies = activeWorkspace.value?.cookies.map((c) => cookies[c]).filter(isDefined) ?? [];
+			const server = activeCollection.value?.info?.title === "Drafts" ? void 0 : activeServer.value;
+			const [error, requestOperation] = createRequestOperation({
+				request: activeRequest.value,
+				example: activeExample.value,
+				selectedSecuritySchemeUids: selectedSecuritySchemeUids.value,
+				proxyUrl: activeWorkspace.value?.proxyUrl ?? "",
+				environment,
+				globalCookies,
+				status: events.requestStatus,
+				securitySchemes,
+				server,
+				pluginManager
+			});
+			config.value?.onRequestSent?.(activeRequest.value.path ?? "");
+			if (error) {
+				toast(error.message, "error");
+				return;
+			}
+			requestAbortController.value = requestOperation.controller;
+			const [sendRequestError, result] = await requestOperation.sendRequest();
+			requestResult.value = result;
+			if (sendRequestError) toast(sendRequestError.message, "error");
+			else requestHistory.push(cloneRequestResult(result));
+		};
+		/** Cancel a live request */
+		const cancelRequest = async () => requestAbortController.value?.abort(ERRORS.REQUEST_ABORTED);
+		/** Subscribed to executeRequest, used for logging / analytics. */
+		function logRequest() {}
+		/**
+		* Cancel request when closing the modal
+		* @see https://github.com/scalar/scalar/issues/7115
+		*/
+		watch(modalState, ({ open }) => {
+			if (!open) cancelRequest();
+		});
+		onMounted(() => {
+			events.executeRequest.on(executeRequest);
+			events.executeRequest.on(logRequest);
+			events.cancelRequest.on(cancelRequest);
+		});
+		useOpenApiWatcher();
+		/**
+		* Need to manually remove listener on unmount due to vueuse memory leak
+		*
+		* @see https://github.com/vueuse/vueuse/issues/3498#issuecomment-2055546566
+		*/
+		onBeforeUnmount(() => {
+			events.executeRequest.off(executeRequest);
+			events.executeRequest.off(logRequest);
+			events.cancelRequest.off(cancelRequest);
+		});
+		const cloneRequestResult = (result) => {
+			try {
+				return structuredClone(result);
+			} catch {
+				const clone = { ...result };
+				if (result.response?.data) if (result.response.data instanceof Blob || result.response.data instanceof ArrayBuffer) clone.response.data = result.response.data;
+				else clone.response.data = JSON.parse(JSON.stringify(result.response.data));
+				return clone;
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "_element",
+				ref: _element,
+				class: normalizeClass(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", { "!mr-0 !mb-0 !border-0": unref(layout) === "modal" }])
+			}, [unref(showSidebar) ? (openBlock(), createBlock(SidebarToggle_default, {
+				key: 0,
+				modelValue: unref(isSidebarOpen),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isSidebarOpen) ? isSidebarOpen.value = $event : null),
+				class: normalizeClass(["absolute top-2 left-3 z-50", [
+					{ hidden: unref(isSidebarOpen) },
+					{ "xl:!flex": !unref(isSidebarOpen) },
+					{ "!flex": unref(layout) === "modal" }
+				]])
+			}, null, 8, ["modelValue", "class"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_1, [unref(showSidebar) ? (openBlock(), createBlock(RequestSidebar_default, {
+				key: 0,
+				onNewTab: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("newTab", $event))
+			})) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [createVNode(unref(RouterView), {
+				invalidParams: validation.value.invalidParams,
+				requestResult: requestResult.value,
+				selectedSecuritySchemeUids: selectedSecuritySchemeUids.value
+			}, null, 8, [
+				"invalidParams",
+				"requestResult",
+				"selectedSecuritySchemeUids"
+			])])])], 2);
+		};
+	}
+});
+//#endregion
+export { RequestRoot_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RequestRoot.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestRoot.vue.script.js","names":["$emit"],"sources":["../../../src/views/Request/RequestRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { safeJSON } from '@scalar/object-utils/parse'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport SidebarToggle from '@/components/Sidebar/SidebarToggle.vue'\nimport { useLayout } from '@/hooks'\nimport { useClientConfig } from '@/hooks/useClientConfig'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport { ERRORS } from '@/libs'\nimport { createRequestOperation } from '@/libs/send-request'\nimport type { SendRequestResult } from '@/libs/send-request/create-request-operation'\nimport {\n  validateParameters,\n  type ValidationResult,\n} from '@/libs/validate-parameters'\nimport { usePluginManager } from '@/plugins'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\nimport { useOpenApiWatcher } from '@/views/Request/hooks/useOpenApiWatcher'\n\nimport RequestSidebar from './RequestSidebar.vue'\n\ndefineEmits<(e: 'newTab', item: { name: string; uid: string }) => void>()\nconst workspaceContext = useWorkspace()\nconst { toast } = useToasts()\nconst { layout } = useLayout()\nconst config = useClientConfig()\nconst { isSidebarOpen } = useSidebar()\n\nconst {\n  activeCollection,\n  activeExample,\n  activeEnvironment,\n  activeRequest,\n  activeWorkspace,\n  activeServer,\n} = useActiveEntities()\nconst {\n  cookies,\n  requestHistory,\n  showSidebar,\n  securitySchemes,\n  modalState,\n  events,\n} = workspaceContext\n\nconst pluginManager = usePluginManager()\n\n/** Root element (bound in template via ref=\"_element\") */\nconst _element = ref<HTMLDivElement>()\nvoid _element.value\n\nconst requestAbortController = ref<AbortController>()\n/** Computed Validation State Update on Example Change */\nconst validation = computed<ValidationResult>(() =>\n  validateParameters(activeExample.value ?? null),\n)\nconst requestResult = ref<SendRequestResult | null>(null)\n\n/**\n * Selected scheme UIDs\n *\n * In the modal we use collection.selectedSecuritySchemes and in the\n * standalone client we use request.selectedSecuritySchemeUids\n *\n * These are centralized here so they can be drilled down AND used in send-request\n */\nconst selectedSecuritySchemeUids = computed(\n  () =>\n    (activeCollection.value?.useCollectionSecurity\n      ? activeCollection.value?.selectedSecuritySchemeUids\n      : activeRequest.value?.selectedSecuritySchemeUids) ?? [],\n)\n\n/**\n * Execute the request\n * called from the send button as well as keyboard shortcuts\n */\nconst executeRequest = async () => {\n  if (!activeRequest.value || !activeExample.value || !activeCollection.value) {\n    return\n  }\n\n  // Block request if there are empty required path parameters\n  if (validation.value.hasBlockingErrors) {\n    toast('Path parameters must have values.', 'error')\n    events.requestStatus.emit('abort')\n    return\n  }\n\n  const environmentValue =\n    typeof activeEnvironment.value === 'object'\n      ? activeEnvironment.value.value\n      : '{}'\n  const e = safeJSON.parse(environmentValue)\n  if (e.error) {\n    console.error('INVALID ENVIRONMENT!')\n  }\n  const environment =\n    e.error || typeof e.data !== 'object' ? {} : (e.data ?? {})\n\n  const globalCookies =\n    activeWorkspace.value?.cookies.map((c) => cookies[c]).filter(isDefined) ??\n    []\n\n  const server =\n    activeCollection.value?.info?.title === 'Drafts'\n      ? undefined\n      : activeServer.value\n\n  const [error, requestOperation] = createRequestOperation({\n    request: activeRequest.value,\n    example: activeExample.value,\n    selectedSecuritySchemeUids: selectedSecuritySchemeUids.value,\n    proxyUrl: activeWorkspace.value?.proxyUrl ?? '',\n    environment,\n    globalCookies,\n    status: events.requestStatus,\n    securitySchemes: securitySchemes,\n    server,\n    pluginManager,\n  })\n\n  // Call the onRequestSent callback if it exists\n  config.value?.onRequestSent?.(activeRequest.value.path ?? '')\n\n  // Error from createRequestOperation\n  if (error) {\n    toast(error.message, 'error')\n    return\n  }\n\n  requestAbortController.value = requestOperation.controller\n  const [sendRequestError, result] = await requestOperation.sendRequest()\n\n  // Store the result to share it with child components\n  requestResult.value = result\n\n  // Send error toast\n  if (sendRequestError) {\n    toast(sendRequestError.message, 'error')\n  } else {\n    // We need to deep clone the result because it's a ref and updates will break the history\n    requestHistory.push(cloneRequestResult(result))\n  }\n}\n\n/** Cancel a live request */\nconst cancelRequest = async () =>\n  requestAbortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Subscribed to executeRequest, used for logging / analytics. */\nfunction logRequest() {}\n\n/**\n * Cancel request when closing the modal\n * @see https://github.com/scalar/scalar/issues/7115\n */\nwatch(modalState, ({ open }) => {\n  if (!open) {\n    void cancelRequest()\n  }\n})\n\nonMounted(() => {\n  events.executeRequest.on(executeRequest)\n  events.executeRequest.on(logRequest)\n  events.cancelRequest.on(cancelRequest)\n})\n\nuseOpenApiWatcher()\n\n/**\n * Need to manually remove listener on unmount due to vueuse memory leak\n *\n * @see https://github.com/vueuse/vueuse/issues/3498#issuecomment-2055546566\n */\nonBeforeUnmount(() => {\n  events.executeRequest.off(executeRequest)\n  events.executeRequest.off(logRequest)\n  events.cancelRequest.off(cancelRequest)\n})\n\nconst cloneRequestResult = (result: any) => {\n  // Create a structured clone that can handle Blobs, ArrayBuffers, etc.\n  try {\n    return structuredClone(result)\n  } catch {\n    // Fallback to a custom cloning approach if structuredClone fails\n    // or isn't available in the environment\n    const clone = { ...result }\n\n    // Handle response data specifically\n    if (result.response?.data) {\n      // If it's a Blob/File/ArrayBuffer, store a reference\n      if (\n        result.response.data instanceof Blob ||\n        result.response.data instanceof ArrayBuffer\n      ) {\n        clone.response.data = result.response.data\n      } else {\n        // For regular objects, do a deep clone\n        clone.response.data = JSON.parse(JSON.stringify(result.response.data))\n      }\n    }\n\n    return clone\n  }\n}\n</script>\n\n<template>\n  <!-- Layout -->\n  <div\n    ref=\"_element\"\n    class=\"bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0\"\n    :class=\"{\n      '!mr-0 !mb-0 !border-0': layout === 'modal',\n    }\">\n    <SidebarToggle\n      v-if=\"showSidebar\"\n      v-model=\"isSidebarOpen\"\n      class=\"absolute top-2 left-3 z-50\"\n      :class=\"[\n        { hidden: isSidebarOpen },\n        { 'xl:!flex': !isSidebarOpen },\n        { '!flex': layout === 'modal' },\n      ]\" />\n    <div class=\"flex h-full\">\n      <!-- Sidebar -->\n      <RequestSidebar\n        v-if=\"showSidebar\"\n        @newTab=\"$emit('newTab', $event)\" />\n\n      <!-- Content -->\n      <div class=\"flex h-full flex-1 flex-col\">\n        <RouterView\n          :invalidParams=\"validation.invalidParams\"\n          :requestResult=\"requestResult\"\n          :selectedSecuritySchemeUids=\"selectedSecuritySchemeUids\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-text-color-text {\n  color: var(--scalar-color-1);\n  background: linear-gradient(\n    var(--scalar-background-1),\n    var(--scalar-background-3)\n  );\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n@media screen and (max-width: 800px) {\n  .sidebar-active-hide-layout {\n    display: none;\n  }\n  .sidebar-active-width {\n    width: 100%;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue.js

@@ -0,0 +1,7 @@
+import DeleteRequestAuthModal_vue_vue_type_script_setup_true_lang_default from "./DeleteRequestAuthModal.vue.script.js";
+//#region src/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue
+var DeleteRequestAuthModal_default = DeleteRequestAuthModal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DeleteRequestAuthModal_default as default };
+
+//# sourceMappingURL=DeleteRequestAuthModal.vue.js.map

package/dist/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRequestAuthModal.vue.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarModal } from '@scalar/components'\nimport type { SecurityScheme } from '@scalar/oas-utils/entities/spec'\n\nimport { useWorkspace } from '@/store/store'\n\nconst props = defineProps<{\n  state: { open: boolean; show: () => void; hide: () => void }\n  scheme: { id: SecurityScheme['uid']; label: string } | null\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst { securitySchemeMutators } = useWorkspace()\n\nconst deleteScheme = () => {\n  if (props.scheme?.id) {\n    securitySchemeMutators.delete(props.scheme.id)\n  }\n  emit('delete')\n}\n</script>\n<template>\n  <ScalarModal\n    size=\"xxs\"\n    :state=\"state\"\n    title=\"Delete Security Scheme\">\n    <p class=\"text-c-2 mb-4 text-sm leading-normal\">\n      This cannot be undone. You're about to delete the\n      {{ scheme?.label }} security scheme from the collection.\n    </p>\n    <div class=\"flex justify-between gap-2\">\n      <ScalarButton\n        class=\"flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('close')\">\n        Cancel\n      </ScalarButton>\n      <ScalarButton\n        class=\"flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none\"\n        type=\"submit\"\n        @click=\"deleteScheme\">\n        Delete {{ scheme?.label }}\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":""}

package/dist/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue.script.js

@@ -0,0 +1,52 @@
+import { useWorkspace } from "../../../../store/store.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarModal } from "@scalar/components";
+//#region src/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-c-2 mb-4 text-sm leading-normal" };
+var _hoisted_2 = { class: "flex justify-between gap-2" };
+var DeleteRequestAuthModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DeleteRequestAuthModal",
+	props: {
+		state: {},
+		scheme: {}
+	},
+	emits: ["close", "delete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { securitySchemeMutators } = useWorkspace();
+		const deleteScheme = () => {
+			if (props.scheme?.id) securitySchemeMutators.delete(props.scheme.id);
+			emit("delete");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarModal), {
+				size: "xxs",
+				state: __props.state,
+				title: "Delete Security Scheme"
+			}, {
+				default: withCtx(() => [createElementVNode("p", _hoisted_1, " This cannot be undone. You're about to delete the " + toDisplayString(__props.scheme?.label) + " security scheme from the collection. ", 1), createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarButton), {
+					class: "flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none",
+					type: "button",
+					variant: "outlined",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Cancel ", -1)])]),
+					_: 1
+				}), createVNode(unref(ScalarButton), {
+					class: "flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none",
+					type: "submit",
+					onClick: deleteScheme
+				}, {
+					default: withCtx(() => [createTextVNode(" Delete " + toDisplayString(__props.scheme?.label), 1)]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["state"]);
+		};
+	}
+});
+//#endregion
+export { DeleteRequestAuthModal_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DeleteRequestAuthModal.vue.script.js.map

package/dist/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRequestAuthModal.vue.script.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/RequestAuth/DeleteRequestAuthModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarModal } from '@scalar/components'\nimport type { SecurityScheme } from '@scalar/oas-utils/entities/spec'\n\nimport { useWorkspace } from '@/store/store'\n\nconst props = defineProps<{\n  state: { open: boolean; show: () => void; hide: () => void }\n  scheme: { id: SecurityScheme['uid']; label: string } | null\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst { securitySchemeMutators } = useWorkspace()\n\nconst deleteScheme = () => {\n  if (props.scheme?.id) {\n    securitySchemeMutators.delete(props.scheme.id)\n  }\n  emit('delete')\n}\n</script>\n<template>\n  <ScalarModal\n    size=\"xxs\"\n    :state=\"state\"\n    title=\"Delete Security Scheme\">\n    <p class=\"text-c-2 mb-4 text-sm leading-normal\">\n      This cannot be undone. You're about to delete the\n      {{ scheme?.label }} security scheme from the collection.\n    </p>\n    <div class=\"flex justify-between gap-2\">\n      <ScalarButton\n        class=\"flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('close')\">\n        Cancel\n      </ScalarButton>\n      <ScalarButton\n        class=\"flex h-8 cursor-pointer items-center gap-1.5 px-3 shadow-none focus:outline-none\"\n        type=\"submit\"\n        @click=\"deleteScheme\">\n        Delete {{ scheme?.label }}\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAKb,MAAM,EAAE,2BAA2B,cAAa;EAEhD,MAAM,qBAAqB;AACzB,OAAI,MAAM,QAAQ,GAChB,wBAAuB,OAAO,MAAM,OAAO,GAAE;AAE/C,QAAK,SAAQ;;;uBAIb,YAuBc,MAAA,YAAA,EAAA;IAtBZ,MAAK;IACJ,OAAO,QAAA;IACR,OAAM;;2BAIF,CAHJ,mBAGI,KAHJ,YAAgD,wDAE9C,gBAAG,QAAA,QAAQ,MAAK,GAAG,0CACrB,EAAA,EACA,mBAcM,OAdN,YAcM,CAbJ,YAMe,MAAA,aAAA,EAAA;KALb,OAAM;KACN,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;4BAEd,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyB,YAEzB,GAAA,CAAA,EAAA,CAAA;;QACA,YAKe,MAAA,aAAA,EAAA;KAJb,OAAM;KACN,MAAK;KACJ,SAAO;;4BACD,CAAA,gBADe,aACf,gBAAG,QAAA,QAAQ,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.d.ts

@@ -1,7 +1,7 @@
 import type { Environment } from '@scalar/oas-utils/entities/environment';
 import { type Collection, type Oauth2Flow, type SecuritySchemeOauth2, type 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;
     environment: Environment;

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.js

@@ -0,0 +1,7 @@
+import OAuth2_vue_vue_type_script_setup_true_lang_default from "./OAuth2.vue.script.js";
+//#region src/views/Request/RequestSection/RequestAuth/OAuth2.vue
+var OAuth2_default = OAuth2_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OAuth2_default as default };
+
+//# sourceMappingURL=OAuth2.vue.js.map

package/dist/views/Request/RequestSection/RequestAuth/OAuth2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuth2.vue.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuth2.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, useLoadingState } from '@scalar/components'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport {\n  pkceOptions,\n  type Collection,\n  type Oauth2Flow,\n  type SecuritySchemeOauth2,\n  type Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { useToasts } from '@scalar/use-toasts'\n\nimport { DataTableRow } from '@/components/DataTable'\nimport type { EnvVariable } from '@/store/active-entities'\nimport { useWorkspace, type UpdateScheme } from '@/store/store'\nimport { authorizeOauth2 } from '@/views/Request/libs'\nimport { updateScheme as _updateScheme } from '@/views/Request/RequestSection/helpers/update-scheme'\n\nimport OAuthScopesInput from './OAuthScopesInput.vue'\nimport RequestAuthDataTableInput from './RequestAuthDataTableInput.vue'\n\nconst {\n  collection,\n  environment,\n  envVariables,\n  flow,\n  persistAuth = false,\n  scheme,\n  server,\n  workspace,\n} = defineProps<{\n  collection: Collection\n  environment: Environment\n  envVariables: EnvVariable[]\n  flow: Oauth2Flow\n  persistAuth: boolean\n  scheme: SecuritySchemeOauth2\n  server: Server | undefined\n  workspace: Workspace\n}>()\n\nconst emits = defineEmits<{\n  authorized: []\n}>()\n\ndefineSlots<{\n  'oauth-actions'?: () => unknown\n}>()\n\nconst loader = useLoadingState()\nconst { toast } = useToasts()\nconst storeContext = useWorkspace()\n\n/** Update the current scheme */\nconst updateScheme: UpdateScheme = (path, value) =>\n  _updateScheme(scheme.uid, path, value, storeContext, persistAuth)\n\n/** Authorize the user using specified flow */\nconst handleAuthorize = async () => {\n  if (loader.isActive || !collection?.uid) {\n    return\n  }\n  if (!server) {\n    toast('No server selected', 'error')\n    return\n  }\n  loader.start()\n\n  const [error, accessToken] = await authorizeOauth2(\n    flow,\n    server,\n    workspace?.proxyUrl,\n  )\n\n  await loader.clear()\n\n  if (accessToken) {\n    updateScheme(`flows.${flow.type}.token`, accessToken)\n    emits('authorized')\n  } else {\n    console.error(error)\n    toast(error?.message ?? 'Failed to authorize', 'error')\n  }\n}\n\n/** To make prop drilling a little easier */\nconst dataTableInputProps = {\n  environment,\n  envVariables,\n  workspace,\n}\n</script>\n\n<template>\n  <!-- Access Token Granted -->\n  <template v-if=\"flow.token\">\n    <DataTableRow>\n      <RequestAuthDataTableInput\n        v-bind=\"dataTableInputProps\"\n        class=\"border-r-transparent\"\n        :modelValue=\"flow.token\"\n        placeholder=\"QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT\"\n        type=\"password\"\n        @update:modelValue=\"(v) => updateScheme(`flows.${flow.type}.token`, v)\">\n        Access Token\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n    <DataTableRow class=\"min-w-full\">\n      <div class=\"flex h-8 items-center justify-end border-t\">\n        <ScalarButton\n          class=\"mr-1 p-0 px-2 py-0.5\"\n          :loader\n          size=\"sm\"\n          variant=\"outlined\"\n          @click=\"updateScheme(`flows.${flow.type}.token`, '')\">\n          Clear\n        </ScalarButton>\n        <slot name=\"oauth-actions\" />\n      </div>\n    </DataTableRow>\n  </template>\n\n  <template v-else>\n    <DataTableRow>\n      <!-- Auth URL -->\n      <RequestAuthDataTableInput\n        v-if=\"'authorizationUrl' in flow\"\n        v-bind=\"dataTableInputProps\"\n        containerClass=\"border-r-0\"\n        :modelValue=\"flow.authorizationUrl\"\n        placeholder=\"https://galaxy.scalar.com/authorize\"\n        @update:modelValue=\"\n          (v) => updateScheme(`flows.${flow.type}.authorizationUrl`, v)\n        \">\n        Auth URL\n      </RequestAuthDataTableInput>\n\n      <!-- Token URL -->\n      <RequestAuthDataTableInput\n        v-if=\"'tokenUrl' in flow\"\n        v-bind=\"dataTableInputProps\"\n        :modelValue=\"flow.tokenUrl\"\n        placeholder=\"https://galaxy.scalar.com/token\"\n        @update:modelValue=\"\n          (v) => updateScheme(`flows.${flow.type}.tokenUrl`, v)\n        \">\n        Token URL\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <DataTableRow v-if=\"'x-scalar-redirect-uri' in flow\">\n      <!-- Redirect URI -->\n      <RequestAuthDataTableInput\n        v-bind=\"dataTableInputProps\"\n        :modelValue=\"flow['x-scalar-redirect-uri']\"\n        placeholder=\"https://galaxy.scalar.com/callback\"\n        @update:modelValue=\"\n          (v) => updateScheme(`flows.${flow.type}.x-scalar-redirect-uri`, v)\n        \">\n        Redirect URL\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <!-- Username and password -->\n    <template v-if=\"flow.type === 'password'\">\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          v-bind=\"dataTableInputProps\"\n          class=\"text-c-2\"\n          :modelValue=\"flow.username\"\n          placeholder=\"janedoe\"\n          @update:modelValue=\"\n            (v) => updateScheme(`flows.${flow.type}.username`, v)\n          \">\n          Username\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          v-bind=\"dataTableInputProps\"\n          :modelValue=\"flow.password\"\n          placeholder=\"********\"\n          type=\"password\"\n          @update:modelValue=\"\n            (v) => updateScheme(`flows.${flow.type}.password`, v)\n          \">\n          Password\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n    </template>\n\n    <!-- Client ID -->\n    <DataTableRow>\n      <RequestAuthDataTableInput\n        v-bind=\"dataTableInputProps\"\n        :modelValue=\"flow['x-scalar-client-id']\"\n        placeholder=\"12345\"\n        @update:modelValue=\"\n          (v) => updateScheme(`flows.${flow.type}.x-scalar-client-id`, v)\n        \">\n        Client ID\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <!-- Client Secret (Authorization Code / Client Credentials / Password (optional)) -->\n    <DataTableRow v-if=\"'clientSecret' in flow\">\n      <RequestAuthDataTableInput\n        v-bind=\"dataTableInputProps\"\n        :modelValue=\"flow.clientSecret\"\n        placeholder=\"XYZ123\"\n        type=\"password\"\n        @update:modelValue=\"\n          (v) => updateScheme(`flows.${flow.type}.clientSecret`, v)\n        \">\n        Client Secret\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <!-- PKCE -->\n    <DataTableRow v-if=\"'x-usePkce' in flow\">\n      <RequestAuthDataTableInput\n        v-bind=\"dataTableInputProps\"\n        :enum=\"pkceOptions\"\n        :modelValue=\"flow['x-usePkce']\"\n        readOnly\n        @update:modelValue=\"\n          (v) =>\n            updateScheme(\n              `flows.${flow.type}.x-usePkce`,\n              v as (typeof pkceOptions)[number],\n            )\n        \">\n        Use PKCE\n      </RequestAuthDataTableInput>\n    </DataTableRow>\n\n    <!-- Scopes -->\n    <DataTableRow v-if=\"Object.keys(flow.scopes ?? {}).length\">\n      <OAuthScopesInput\n        :flow=\"flow\"\n        :updateScheme=\"updateScheme\" />\n    </DataTableRow>\n\n    <!-- Open ID Connect -->\n    <!-- <DataTableRow -->\n    <!--   v-else-if=\"activeScheme?.type === 'openIdConnect'\" -->\n    <!--   class=\"border-r-transparent\"> -->\n    <!--   <DataTableInput -->\n    <!--     v-model=\"password\" -->\n    <!--     placeholder=\"Token\"> -->\n    <!--     TODO -->\n    <!--   </DataTableInput> -->\n    <!--   <DataTableCell class=\"flex items-center\"> -->\n    <!--     <ScalarButton size=\"sm\"> Authorize </ScalarButton> -->\n    <!--   </DataTableCell> -->\n    <!-- </DataTableRow> -->\n  </template>\n  <template v-if=\"!flow.token\">\n    <DataTableRow class=\"min-w-full\">\n      <div class=\"flex h-8 w-full items-center justify-end border-t\">\n        <ScalarButton\n          class=\"mr-0.75 p-0 px-2 py-0.5\"\n          :loader\n          size=\"sm\"\n          variant=\"outlined\"\n          @click=\"handleAuthorize\">\n          Authorize\n        </ScalarButton>\n      </div>\n    </DataTableRow>\n  </template>\n</template>\n"],"mappings":""}