@scalar/api-client 2.15.0 → 2.17.0

package/dist/v2/blocks/operation-block/OperationBlock.vue.d.ts

@@ -1,13 +1,15 @@
 import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
-import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
+import { type AvailableClients } from '@scalar/types/snippetz';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { AuthMeta } from '@scalar/workspace-store/mutators';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+import type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies';
 import type { OpenApiDocument, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
 import type { ClientLayout } from '../../../hooks/index.js';
 import { type History } from '../../../v2/blocks/scalar-address-bar-block/index.js';
-import type { ClientPlugin } from '../../../v2/plugins';
+import { type ClientPlugin } from '../../../v2/helpers/plugins.js';
 /**
  * OperationBlock
  *
@@ -22,38 +24,30 @@ import type { ClientPlugin } from '../../../v2/plugins';
  *   draft overrides for the UI when present.
  */
 declare const _default: import("vue").DefineComponent<{
+    /** Event bus */
     eventBus: WorkspaceEventBus;
     /** Application version */
     appVersion: string;
+    /** Workspace/document cookies */
+    globalCookies: XScalarCookie[];
     /** Current request path */
     path: string;
     /** Current request method */
     method: HttpMethodType;
+    /** HTTP clients */
+    httpClients: AvailableClients;
     /** Client layout */
     layout: ClientLayout;
     /** Currently selected server */
     server: ServerObject | null;
+    /** Currently selected client */
+    selectedClient: WorkspaceStore["workspace"]["x-scalar-default-client"];
     /** Server list available for operation/document */
     servers: ServerObject[];
     /** List of request history */
     history: History[];
-    /**
-     * When the request is sent from the modal, this indicates the progress percentage
-     * of the request being sent.
-     *
-     * The amount remaining to load from 100 -> 0
-     */
-    requestLoadingPercentage?: number;
-    /** Preprocessed response */
-    response?: ResponseInstance;
-    /** Original request instance */
-    request?: Request;
     /** Total number of performed requests */
     totalPerformedRequests: number;
-    /** Sidebar open state */
-    isSidebarOpen?: boolean;
-    /** Controls sidebar visibility */
-    showSidebar?: boolean;
     /** Hides the client button on the header */
     hideClientButton?: boolean;
     /** Client integration  */
@@ -67,52 +61,46 @@ declare const _default: import("vue").DefineComponent<{
     /** Currently selected example key for the current operation */
     exampleKey: string;
     /** Meta information for the auth update */
-    authMeta?: AuthMeta;
+    authMeta: AuthMeta;
     /** Document defined security schemes */
     securitySchemes: NonNullable<OpenApiDocument["components"]>["securitySchemes"];
     /** Currently selected security for the current operation */
     selectedSecurity: OpenApiDocument["x-scalar-selected-security"];
     /** Required security for the operation/document */
-    security: OpenApiDocument["security"];
+    securityRequirements: OpenApiDocument["security"];
     /** Client plugins */
-    plugins?: ClientPlugin[];
+    plugins: ClientPlugin[];
     /** For environment variables in the inputs */
     environment: XScalarEnvironment;
+    /** The proxy URL for sending requests */
+    proxyUrl: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:servers": () => any;
 }, string, import("vue").PublicProps, Readonly<{
+    /** Event bus */
     eventBus: WorkspaceEventBus;
     /** Application version */
     appVersion: string;
+    /** Workspace/document cookies */
+    globalCookies: XScalarCookie[];
     /** Current request path */
     path: string;
     /** Current request method */
     method: HttpMethodType;
+    /** HTTP clients */
+    httpClients: AvailableClients;
     /** Client layout */
     layout: ClientLayout;
     /** Currently selected server */
     server: ServerObject | null;
+    /** Currently selected client */
+    selectedClient: WorkspaceStore["workspace"]["x-scalar-default-client"];
     /** Server list available for operation/document */
     servers: ServerObject[];
     /** List of request history */
     history: History[];
-    /**
-     * When the request is sent from the modal, this indicates the progress percentage
-     * of the request being sent.
-     *
-     * The amount remaining to load from 100 -> 0
-     */
-    requestLoadingPercentage?: number;
-    /** Preprocessed response */
-    response?: ResponseInstance;
-    /** Original request instance */
-    request?: Request;
     /** Total number of performed requests */
     totalPerformedRequests: number;
-    /** Sidebar open state */
-    isSidebarOpen?: boolean;
-    /** Controls sidebar visibility */
-    showSidebar?: boolean;
     /** Hides the client button on the header */
     hideClientButton?: boolean;
     /** Client integration  */
@@ -126,17 +114,19 @@ declare const _default: import("vue").DefineComponent<{
     /** Currently selected example key for the current operation */
     exampleKey: string;
     /** Meta information for the auth update */
-    authMeta?: AuthMeta;
+    authMeta: AuthMeta;
     /** Document defined security schemes */
     securitySchemes: NonNullable<OpenApiDocument["components"]>["securitySchemes"];
     /** Currently selected security for the current operation */
     selectedSecurity: OpenApiDocument["x-scalar-selected-security"];
     /** Required security for the operation/document */
-    security: OpenApiDocument["security"];
+    securityRequirements: OpenApiDocument["security"];
     /** Client plugins */
-    plugins?: ClientPlugin[];
+    plugins: ClientPlugin[];
     /** For environment variables in the inputs */
     environment: XScalarEnvironment;
+    /** The proxy URL for sending requests */
+    proxyUrl: string;
 }> & Readonly<{
     "onUpdate:servers"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/v2/blocks/operation-block/OperationBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"names":[],"mappings":"AA0KA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAI5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAKhD;;;;;;;;;;;;GAYG;;cAGS,iBAAiB;IAC3B,0BAA0B;gBACd,MAAM;IAClB,2BAA2B;UACrB,MAAM;IACZ,6BAA6B;YACrB,cAAc;IACtB,oBAAoB;YACZ,YAAY;IACpB,gCAAgC;YACxB,YAAY,GAAG,IAAI;IAC3B,mDAAmD;aAC1C,YAAY,EAAE;IACvB,8BAA8B;aACrB,OAAO,EAAE;IAClB;;;;;OAKG;+BACwB,MAAM;IACjC,4BAA4B;eACjB,gBAAgB;IAC3B,gCAAgC;cACtB,OAAO;IACjB,yCAAyC;4BACjB,MAAM;IAC9B,yBAAyB;oBACT,OAAO;IACvB,kCAAkC;kBACpB,OAAO;IACrB,4CAA4C;uBACzB,OAAO;IAC1B,0BAA0B;kBACZ,MAAM,GAAG,IAAI;IAC3B,mEAAmE;kBACrD,MAAM;IACpB,oBAAoB;aACX,SAAS,GAAG,eAAe;IACpC,uBAAuB;eACZ,eAAe;IAC1B,+DAA+D;gBACnD,MAAM;IAClB,2CAA2C;eAChC,QAAQ;IACnB,wCAAwC;qBACvB,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC9E,4DAA4D;sBAC1C,eAAe,CAAC,4BAA4B,CAAC;IAC/D,mDAAmD;cACzC,eAAe,CAAC,UAAU,CAAC;IACrC,qBAAqB;cACX,YAAY,EAAE;IACxB,8CAA8C;iBACjC,kBAAkB;;;;cAvDrB,iBAAiB;IAC3B,0BAA0B;gBACd,MAAM;IAClB,2BAA2B;UACrB,MAAM;IACZ,6BAA6B;YACrB,cAAc;IACtB,oBAAoB;YACZ,YAAY;IACpB,gCAAgC;YACxB,YAAY,GAAG,IAAI;IAC3B,mDAAmD;aAC1C,YAAY,EAAE;IACvB,8BAA8B;aACrB,OAAO,EAAE;IAClB;;;;;OAKG;+BACwB,MAAM;IACjC,4BAA4B;eACjB,gBAAgB;IAC3B,gCAAgC;cACtB,OAAO;IACjB,yCAAyC;4BACjB,MAAM;IAC9B,yBAAyB;oBACT,OAAO;IACvB,kCAAkC;kBACpB,OAAO;IACrB,4CAA4C;uBACzB,OAAO;IAC1B,0BAA0B;kBACZ,MAAM,GAAG,IAAI;IAC3B,mEAAmE;kBACrD,MAAM;IACpB,oBAAoB;aACX,SAAS,GAAG,eAAe;IACpC,uBAAuB;eACZ,eAAe;IAC1B,+DAA+D;gBACnD,MAAM;IAClB,2CAA2C;eAChC,QAAQ;IACnB,wCAAwC;qBACvB,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC9E,4DAA4D;sBAC1C,eAAe,CAAC,4BAA4B,CAAC;IAC/D,mDAAmD;cACzC,eAAe,CAAC,UAAU,CAAC;IACrC,qBAAqB;cACX,YAAY,EAAE;IACxB,8CAA8C;iBACjC,kBAAkB;;;;AAzDjC,wBAgRC"}
+{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"names":[],"mappings":"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"}

package/dist/v2/blocks/operation-block/OperationBlock.vue.js

@@ -1,29 +1,33 @@
-import { defineComponent as l, createElementBlock as p, openBlock as m, createElementVNode as d, createVNode as t, withCtx as i, unref as n } from "vue";
-import h from "../../../components/ViewLayout/ViewLayout.vue.js";
-import y from "../../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { createStoreEvents as v } from "../../../store/events.js";
-import f from "./components/Header.vue.js";
-import B from "../request-block/RequestBlock.vue.js";
-import c from "../response-block/ResponseBlock.vue.js";
-const g = { class: "bg-b-1 flex h-full flex-col" }, S = { class: "lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-1" }, q = {
+import { defineComponent as B, computed as q, ref as i, onMounted as g, onBeforeUnmount as R, watch as C, createElementBlock as S, openBlock as U, createElementVNode as k, createVNode as o, withCtx as h, unref as a } from "vue";
+import { AVAILABLE_CLIENTS as E } from "@scalar/types/snippetz";
+import { useToasts as b } from "@scalar/use-toasts";
+import V from "../../../components/ViewLayout/ViewLayout.vue.js";
+import K from "../../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { ERRORS as O } from "../../../libs/errors.js";
+import { createStoreEvents as w } from "../../../store/events.js";
+import { buildRequest as P } from "./helpers/build-request.js";
+import { sendRequest as M } from "./helpers/send-request.js";
+import A from "./components/Header.vue.js";
+import { generateClientOptions as L } from "../operation-code-sample/helpers/generate-client-options.js";
+import T from "../request-block/RequestBlock.vue.js";
+import N from "../response-block/ResponseBlock.vue.js";
+const I = { class: "bg-b-1 flex h-full flex-col" }, $ = { class: "lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0" }, j = {
   name: "OperationBlock"
-}, E = /* @__PURE__ */ l({
-  ...q,
+}, ee = /* @__PURE__ */ B({
+  ...j,
   props: {
     eventBus: {},
     appVersion: {},
+    globalCookies: { default: () => [] },
     path: {},
     method: {},
+    httpClients: { default: () => E },
     layout: {},
     server: {},
+    selectedClient: {},
     servers: {},
     history: {},
-    requestLoadingPercentage: {},
-    response: {},
-    request: {},
     totalPerformedRequests: {},
-    isSidebarOpen: { type: Boolean },
-    showSidebar: { type: Boolean },
     hideClientButton: { type: Boolean },
     integration: {},
     documentUrl: {},
@@ -33,43 +37,75 @@ const g = { class: "bg-b-1 flex h-full flex-col" }, S = { class: "lg:min-h-heade
     authMeta: {},
     securitySchemes: {},
     selectedSecurity: {},
-    security: {},
-    plugins: {},
-    environment: {}
+    securityRequirements: {},
+    plugins: { default: () => [] },
+    environment: {},
+    proxyUrl: {}
   },
   emits: ["update:servers"],
-  setup(r, { emit: a }) {
-    const u = a, o = () => r.eventBus.emit("operation:send:request", {
-      meta: { path: r.path, method: r.method, exampleKey: r.exampleKey }
-    });
-    return (e, s) => (m(), p("div", g, [
-      d("div", S, [
-        t(f, {
+  setup(t, { emit: y }) {
+    const p = y, f = q(() => L(t.httpClients)), { toast: m } = b(), d = i(null), s = i(null), l = i(null), c = () => d.value?.abort(O.REQUEST_ABORTED), r = async () => {
+      const [e, n] = P({
+        environment: t.environment,
+        exampleKey: t.exampleKey,
+        globalCookies: t.globalCookies,
+        method: t.method,
+        operation: t.operation,
+        path: t.path,
+        securitySchemes: t.securitySchemes,
+        selectedSecurity: t.selectedSecurity?.selectedSchemes ?? [],
+        server: t.server,
+        proxyUrl: t.proxyUrl
+      });
+      if (e) {
+        m(e.message, "error");
+        return;
+      }
+      d.value = n.controller, t.eventBus.emit("hooks:on:request:sent");
+      const [u, v] = await M({
+        isUsingProxy: n.isUsingProxy,
+        operation: t.operation,
+        plugins: t.plugins,
+        request: n.request
+      });
+      if (t.eventBus.emit("hooks:on:request:complete"), u) {
+        m(u.message, "error");
+        return;
+      }
+      s.value = v.response, l.value = v.request;
+    };
+    return g(() => {
+      t.eventBus.on("operation:send:request:hotkey", r), t.eventBus.on("operation:cancel:request", c);
+    }), R(() => {
+      t.eventBus.off("operation:send:request:hotkey", r), t.eventBus.off("operation:cancel:request", c);
+    }), C([() => t.path, () => t.method, () => t.exampleKey], () => {
+      s.value = null, l.value = null;
+    }), (e, n) => (U(), S("div", I, [
+      k("div", $, [
+        o(A, {
           documentUrl: e.documentUrl,
           environment: e.environment,
           eventBus: e.eventBus,
           hideClientButton: e.hideClientButton,
           history: e.history,
           integration: e.integration,
-          isSidebarOpen: e.isSidebarOpen,
           layout: e.layout,
           method: e.method,
           path: e.path,
-          percentage: e.requestLoadingPercentage,
           server: e.server,
           servers: e.servers,
-          showSidebar: e.showSidebar,
           source: e.source,
-          onExecute: o,
-          "onUpdate:servers": s[0] || (s[0] = (b) => u("update:servers"))
-        }, null, 8, ["documentUrl", "environment", "eventBus", "hideClientButton", "history", "integration", "isSidebarOpen", "layout", "method", "path", "percentage", "server", "servers", "showSidebar", "source"])
+          onExecute: r,
+          "onUpdate:servers": n[0] || (n[0] = (u) => p("update:servers"))
+        }, null, 8, ["documentUrl", "environment", "eventBus", "hideClientButton", "history", "integration", "layout", "method", "path", "server", "servers", "source"])
       ]),
-      t(h, null, {
-        default: i(() => [
-          t(y, { class: "flex flex-1" }, {
-            default: i(() => [
-              t(n(B), {
+      o(V, { class: "border-t" }, {
+        default: h(() => [
+          o(K, { class: "flex-1" }, {
+            default: h(() => [
+              o(a(T), {
                 authMeta: e.authMeta,
+                clientOptions: f.value,
                 environment: e.environment,
                 eventBus: e.eventBus,
                 exampleKey: e.exampleKey,
@@ -78,20 +114,23 @@ const g = { class: "bg-b-1 flex h-full flex-col" }, S = { class: "lg:min-h-heade
                 operation: e.operation,
                 path: e.path,
                 plugins: e.plugins,
-                security: e.security,
+                proxyUrl: e.proxyUrl,
+                securityRequirements: e.securityRequirements,
                 securitySchemes: e.securitySchemes,
-                selectedSecurity: e.selectedSecurity
-              }, null, 8, ["authMeta", "environment", "eventBus", "exampleKey", "layout", "method", "operation", "path", "plugins", "security", "securitySchemes", "selectedSecurity"]),
-              t(n(c), {
+                selectedClient: e.selectedClient,
+                selectedSecurity: e.selectedSecurity,
+                server: e.server
+              }, null, 8, ["authMeta", "clientOptions", "environment", "eventBus", "exampleKey", "layout", "method", "operation", "path", "plugins", "proxyUrl", "securityRequirements", "securitySchemes", "selectedClient", "selectedSecurity", "server"]),
+              o(a(N), {
                 appVersion: e.appVersion,
                 eventBus: e.eventBus,
-                events: n(v)(),
+                events: a(w)(),
                 layout: e.layout,
                 plugins: e.plugins,
-                request: e.request,
-                response: e.response,
+                request: l.value,
+                response: s.value,
                 totalPerformedRequests: e.totalPerformedRequests,
-                onSendRequest: o
+                onSendRequest: r
               }, null, 8, ["appVersion", "eventBus", "events", "layout", "plugins", "request", "response", "totalPerformedRequests"])
             ]),
             _: 1
@@ -103,5 +142,5 @@ const g = { class: "bg-b-1 flex h-full flex-col" }, S = { class: "lg:min-h-heade
   }
 });
 export {
-  E as default
+  ee as default
 };

package/dist/v2/blocks/operation-block/components/Header.vue.d.ts

@@ -11,10 +11,6 @@ type __VLS_Props = {
     method: HttpMethod;
     /** Client layout */
     layout: ClientLayout;
-    /** Sidebar open state */
-    isSidebarOpen?: boolean;
-    /** Controls sidebar visibility */
-    showSidebar?: boolean;
     /** Hides the client button on the header */
     hideClientButton?: boolean;
     /** Client integration  */
@@ -29,15 +25,9 @@ type __VLS_Props = {
     servers: ServerObject[];
     /** List of request history */
     history: History[];
-    /**
-     * When the request is sent from the modal, this indicates the progress percentage
-     * of the request being sent.
-     *
-     * The amount remaining to load from 100 -> 0
-     */
-    requestLoadingPercentage?: number;
     /** Event bus */
     eventBus: WorkspaceEventBus;
+    /** Environment variables */
     environment: XScalarEnvironment;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/v2/blocks/operation-block/components/Header.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"names":[],"mappings":"AAiJA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yBAAyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IACpC,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;;;;;;;AAgOF,wBAOG"}
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"names":[],"mappings":"AAmIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,UAAU,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IACpC,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,4BAA4B;IAC5B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;;;;;;;AAyNF,wBAOG"}

package/dist/v2/blocks/operation-block/components/Header.vue.js

@@ -1,7 +1,7 @@
 import o from "./Header.vue2.js";
 /* empty css            */
 import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d30bcf30"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d73c7e3d"]]);
 export {
-  f as default
+  d as default
 };

package/dist/v2/blocks/operation-block/components/Header.vue2.js

@@ -1,15 +1,13 @@
-import { defineComponent as p, createElementBlock as r, openBlock as o, createElementVNode as n, createVNode as a, createCommentVNode as s, normalizeClass as v, unref as l, createBlock as g } from "vue";
-import { ScalarIcon as d } from "@scalar/components";
+import { defineComponent as d, createElementBlock as l, openBlock as n, createElementVNode as o, createVNode as i, unref as r, createBlock as v, createCommentVNode as u } from "vue";
+import { ScalarIcon as a } from "@scalar/components";
 import f from "../../scalar-address-bar-block/components/AddressBar.vue.js";
-import y from "../../../../components/OpenApiClientButton.vue.js";
-const b = { 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" }, h = { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, B = { 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" }, S = /* @__PURE__ */ p({
+import g from "../../../../components/OpenApiClientButton.vue.js";
+const y = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap items-center justify-center p-2 pt-2 lg:p-1 lg:pt-1" }, b = { 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" }, w = /* @__PURE__ */ d({
   __name: "Header",
   props: {
     path: {},
     method: {},
     layout: {},
-    isSidebarOpen: { type: Boolean },
-    showSidebar: { type: Boolean, default: !0 },
     hideClientButton: { type: Boolean, default: !1 },
     integration: {},
     documentUrl: {},
@@ -17,72 +15,67 @@ const b = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap i
     server: {},
     servers: {},
     history: {},
-    requestLoadingPercentage: {},
     eventBus: {},
     environment: {}
   },
   emits: ["execute", "update:servers"],
-  setup(C, { emit: m }) {
-    const u = m;
-    return (e, t) => (o(), r("div", b, [
-      n("div", h, [
-        e.showSidebar ? (o(), r("div", {
-          key: 0,
-          class: v(["size-8", { hidden: e.layout === "modal" && !e.isSidebarOpen }])
-        }, null, 2)) : s("", !0)
-      ]),
-      a(l(f), {
+  setup(B, { emit: p }) {
+    const m = p;
+    return (e, t) => (n(), l("div", y, [
+      t[6] || (t[6] = o("div", { class: "mb-2 flex w-1/2 flex-row items-center gap-1 lg:mb-0 lg:flex-1 lg:px-1" }, [
+        o("div", { class: "size-8" })
+      ], -1)),
+      i(r(f), {
         environment: e.environment,
         eventBus: e.eventBus,
         history: e.history,
         layout: e.layout,
         method: e.method,
         path: e.path,
-        percentage: e.requestLoadingPercentage,
         server: e.server,
         servers: e.servers,
-        onExecute: t[0] || (t[0] = (i) => u("execute")),
-        "onUpdate:servers": t[1] || (t[1] = (i) => u("update:servers"))
-      }, null, 8, ["environment", "eventBus", "history", "layout", "method", "path", "percentage", "server", "servers"]),
-      n("div", B, [
-        e.layout === "modal" && e.documentUrl && !e.hideClientButton ? (o(), g(l(y), {
+        onExecute: t[0] || (t[0] = (s) => m("execute")),
+        "onUpdate:servers": t[1] || (t[1] = (s) => m("update:servers"))
+      }, null, 8, ["environment", "eventBus", "history", "layout", "method", "path", "server", "servers"]),
+      o("div", b, [
+        e.layout === "modal" && e.documentUrl && !e.hideClientButton ? (n(), v(r(g), {
           key: 0,
           buttonSource: "modal",
           class: "!w-fit lg:-mr-1",
           integration: e.integration ?? null,
           source: e.source ?? "api-reference",
           url: e.documentUrl
-        }, null, 8, ["integration", "source", "url"])) : s("", !0),
-        e.layout === "modal" && e.source !== "gitbook" ? (o(), r("button", {
+        }, null, 8, ["integration", "source", "url"])) : u("", !0),
+        e.layout === "modal" && e.source !== "gitbook" ? (n(), l("button", {
           key: 1,
           class: "app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
           type: "button",
-          onClick: t[2] || (t[2] = (i) => e.eventBus.emit("hide:modal"))
+          onClick: t[2] || (t[2] = (s) => e.eventBus.emit("ui:close:client-modal"))
         }, [
-          a(l(d), {
+          i(r(a), {
             icon: "Close",
             size: "lg",
             thickness: "2"
           }),
-          t[4] || (t[4] = n("span", { class: "sr-only" }, "Close Client", -1))
-        ])) : s("", !0),
-        e.layout === "modal" && e.source === "gitbook" ? (o(), r("button", {
+          t[4] || (t[4] = o("span", { class: "sr-only" }, "Close Client", -1))
+        ])) : u("", !0),
+        e.layout === "modal" && e.source === "gitbook" ? (n(), l("button", {
           key: 2,
           class: "text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2",
           type: "button",
-          onClick: t[3] || (t[3] = (i) => e.eventBus.emit("hide:modal"))
+          onClick: t[3] || (t[3] = (s) => e.eventBus.emit("ui:close:client-modal"))
         }, [
-          a(l(d), {
+          i(r(a), {
             icon: "Close",
             size: "md",
             thickness: "1.75"
           }),
-          t[5] || (t[5] = n("span", { class: "sr-only" }, "Close Client", -1))
-        ])) : s("", !0)
+          t[5] || (t[5] = o("span", { class: "sr-only" }, "Close Client", -1))
+        ])) : u("", !0)
       ])
     ]));
   }
 });
 export {
-  S as default
+  w as default
 };

package/dist/v2/blocks/operation-block/helpers/build-request-body.d.ts

@@ -0,0 +1,10 @@
+import type { RequestBodyObject } from '@scalar/workspace-store/schemas/v3.1/strict/request-body';
+/**
+ * Create the fetch request body
+ */
+export declare const buildRequestBody: (requestBody: RequestBodyObject | undefined, 
+/** Environment variables flattened into a key-value object */
+env?: Record<string, string>, 
+/** The key of the current example */
+exampleKey?: string) => BodyInit | null;
+//# sourceMappingURL=build-request-body.d.ts.map

package/dist/v2/blocks/operation-block/helpers/build-request-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-request-body.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/build-request-body.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAIjG;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,aAAa,iBAAiB,GAAG,SAAS;AAC1C,8DAA8D;AAC9D,MAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;AAChC,qCAAqC;AACrC,mBAAsB,KACrB,QAAQ,GAAG,IAmDb,CAAA"}

package/dist/v2/blocks/operation-block/helpers/build-request-body.js

@@ -0,0 +1,22 @@
+import { replaceEnvVariables as i } from "@scalar/helpers/regex/replace-variables";
+import { getExampleFromBody as c } from "../../request-block/helpers/get-request-body-example.js";
+const u = (r, e = {}, l = "default") => {
+  if (!r)
+    return null;
+  const a = r?.["x-scalar-selected-content-type"]?.[l] ?? Object.keys(r?.content ?? {})[0] ?? "application/json", t = c(r, a, l);
+  if (!t)
+    return null;
+  if ((a === "multipart/form-data" || a === "application/x-www-form-urlencoded") && Array.isArray(t.value)) {
+    const n = a === "multipart/form-data" ? new FormData() : new URLSearchParams();
+    return t.value.forEach(({ name: f, value: o }) => {
+      if (!f)
+        return;
+      const p = i(f, e);
+      o instanceof File && n instanceof FormData ? n.append(p, o) : typeof o == "string" && n.append(p, i(o, e));
+    }), n;
+  }
+  return typeof t.value == "object" ? i(JSON.stringify(t.value), e) : typeof t.value == "string" ? i(t.value, e) : t.value;
+};
+export {
+  u as buildRequestBody
+};

package/dist/v2/blocks/operation-block/helpers/build-request-cookie-header.d.ts

@@ -0,0 +1,31 @@
+import { type XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies';
+/**
+ * Generate a cookie header from the cookie params
+ */
+export declare const getCookieHeader: (cookieParams: XScalarCookie[], originalCookieHeader: string | undefined) => string;
+/**
+ * Build out the cookies header taking in global, param and security scheme cookies
+ */
+export declare const buildRequestCookieHeader: ({ paramCookies, globalCookies, env, path, originalCookieHeader, url, useCustomCookieHeader, }: {
+    /** Parsed/replaced cookies from the parameters and security schemes */
+    paramCookies: XScalarCookie[];
+    /** Raw global cookies from the workspace/document */
+    globalCookies: XScalarCookie[];
+    /** Environment variables flattened into a key-value object */
+    env: Record<string, string>;
+    /** The path of the request used to filter global cookies by path */
+    path: string;
+    /** Cookie header that previously exists from the spec OR from the user */
+    originalCookieHeader: string | undefined;
+    /** The url of the request used to filter global cookies by domain */
+    url: string;
+    /**
+     * If we are running in Electron or using the proxy, we need to add a custom header
+     * that's then forwarded as a `Cookie` header.
+     */
+    useCustomCookieHeader: boolean;
+}) => null | {
+    name: string;
+    value: string;
+};
+//# sourceMappingURL=build-request-cookie-header.d.ts.map

package/dist/v2/blocks/operation-block/helpers/build-request-cookie-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-request-cookie-header.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/build-request-cookie-header.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,qEAAqE,CAAA;AAa5E;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,aAAa,EAAE,EAAE,sBAAsB,MAAM,GAAG,SAAS,KAAG,MAWzG,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,+FAQtC;IACD,uEAAuE;IACvE,YAAY,EAAE,aAAa,EAAE,CAAA;IAC7B,qDAAqD;IACrD,aAAa,EAAE,aAAa,EAAE,CAAA;IAC9B,8DAA8D;IAC9D,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3B,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAA;IACZ,0EAA0E;IAC1E,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,qEAAqE;IACrE,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,qBAAqB,EAAE,OAAO,CAAA;CAC/B,KAAG,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAoCvC,CAAA"}

package/dist/v2/blocks/operation-block/helpers/build-request-cookie-header.js

@@ -0,0 +1,31 @@
+import { replaceEnvVariables as n } from "@scalar/helpers/regex/replace-variables";
+import { xScalarCookieSchema as l } from "@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies";
+import { coerceValue as d } from "@scalar/workspace-store/schemas/typebox-coerce";
+import { matchesDomain as f } from "../../../../libs/send-request/set-request-cookies.js";
+const c = "We're using a `X-Scalar-Cookie` custom header to the request. The proxy will forward this as a `Cookie` header. We do this to avoid the browser omitting the `Cookie` header for cross-origin requests for security reasons.", b = `We're trying to add a Cookie header, but browsers often omit them for cross-origin requests for various security reasons. If it's not working, that's probably why. Here are the requirements for it to work:
+
+        - The browser URL must be on the same domain as the server URL.
+        - The connection must be made over HTTPS.
+        `, p = (a, o) => {
+  const r = a.map((t) => `${t.name}=${t.value}`).join("; ");
+  return o && r ? `${o}; ${r}` : o || r || "";
+}, R = ({
+  paramCookies: a,
+  globalCookies: o,
+  env: r,
+  path: t,
+  originalCookieHeader: i,
+  url: m,
+  useCustomCookieHeader: u
+}) => {
+  const h = o.flatMap((e) => e.isDisabled || !e.name || e.domain && !f(m, e.domain) || e.path && !t.startsWith(e.path) ? [] : d(l, {
+    ...e,
+    name: n(e.name, r),
+    value: n(e.value, r)
+  })), s = p([...h, ...a], i);
+  return s ? u ? (console.warn(c), { name: "X-Scalar-Cookie", value: s }) : (console.warn(b), { name: "Cookie", value: s }) : null;
+};
+export {
+  R as buildRequestCookieHeader,
+  p as getCookieHeader
+};