@scalar/api-client 2.10.0 → 2.12.0

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

@@ -1,3 +1,14 @@
+import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
+import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
+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 { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
+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';
 /**
  * OperationBlock
  *
@@ -11,20 +22,66 @@
  * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide
  *   draft overrides for the UI when present.
  */
-import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { AuthMeta } from '@scalar/workspace-store/mutators';
-import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
-import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
-import type { ClientLayout } from '../../../hooks/index.js';
-import type { EnvVariable } from '../../../store/index.js';
-import { createStoreEvents } from '../../../store/events.js';
-import { type History } from '../../../v2/blocks/scalar-address-bar-block/index.js';
-import type { ClientPlugin } from '../../../v2/plugins';
-type __VLS_Props = {
+declare const _default: import("vue").DefineComponent<{
+    eventBus: WorkspaceEventBus;
+    /** Application version */
+    appVersion: string;
+    /** Current request path */
+    path: string;
+    /** Current request method */
+    method: HttpMethodType;
+    /** Client layout */
+    layout: ClientLayout;
+    /** Currently selected server */
+    server: ServerObject | null;
+    /** 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  */
+    integration?: string | null;
+    /** Openapi document url for `modal` mode to open the client app */
+    documentUrl?: string;
+    /** Client source */
+    source?: "gitbook" | "api-reference";
+    /** Operation object */
+    operation: OperationObject;
+    /** Currently selected example key for the current operation */
+    exampleKey: string;
+    /** Meta information for the auth update */
+    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"];
+    /** Client plugins */
+    plugins?: ClientPlugin[];
+    /** For environment variables in the inputs */
+    environment: XScalarEnvironment;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:servers": () => any;
+}, string, import("vue").PublicProps, Readonly<{
     eventBus: WorkspaceEventBus;
     /** Application version */
     appVersion: string;
@@ -35,7 +92,7 @@ type __VLS_Props = {
     /** Client layout */
     layout: ClientLayout;
     /** Currently selected server */
-    server: ServerObject | undefined;
+    server: ServerObject | null;
     /** Server list available for operation/document */
     servers: ServerObject[];
     /** List of request history */
@@ -64,7 +121,7 @@ type __VLS_Props = {
     /** Openapi document url for `modal` mode to open the client app */
     documentUrl?: string;
     /** Client source */
-    source?: 'gitbook' | 'api-reference';
+    source?: "gitbook" | "api-reference";
     /** Operation object */
     operation: OperationObject;
     /** Currently selected example key for the current operation */
@@ -72,18 +129,17 @@ type __VLS_Props = {
     /** Meta information for the auth update */
     authMeta?: AuthMeta;
     /** Document defined security schemes */
-    securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
+    securitySchemes: NonNullable<OpenApiDocument["components"]>["securitySchemes"];
     /** Currently selected security for the current operation */
-    selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
+    selectedSecurity: OpenApiDocument["x-scalar-selected-security"];
     /** Required security for the operation/document */
-    security: OpenApiDocument['security'];
-    /** Event bus */
-    events: ReturnType<typeof createStoreEvents>;
+    security: OpenApiDocument["security"];
+    /** Client plugins */
     plugins?: ClientPlugin[];
-    /** TODO: to be removed once we fully migrate to the new store */
-    environment: Environment;
-    envVariables: EnvVariable[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    /** For environment variables in the inputs */
+    environment: XScalarEnvironment;
+}> & Readonly<{
+    "onUpdate:servers"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=OperationBlock.vue.d.ts.map

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":"AAuMA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,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,eAAe,EAAE,MAAM,8DAA8D,CAAA;AACnG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAKtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAGnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAIhD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,iBAAiB,CAAA;IAE3B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAElB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IAEpB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IAEvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,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;IAEpC,uBAAuB;IACvB,SAAS,EAAE,eAAe,CAAA;IAC1B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAElB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,wCAAwC;IACxC,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,4DAA4D;IAC5D,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,mDAAmD;IACnD,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAE5C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB,iEAAiE;IACjE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;AAyOF,wBAMG"}
+{"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,11 +1,14 @@
-import { defineComponent as m, computed as s, createElementBlock as d, openBlock as h, createElementVNode as v, createVNode as o, withCtx as a, unref as i } from "vue";
-import y from "../../../components/ViewLayout/ViewLayout.vue.js";
+import { defineComponent as m, createElementBlock as p, openBlock as h, createElementVNode as y, createVNode as o, withCtx as s, unref as n } from "vue";
+import v from "../../../components/ViewLayout/ViewLayout.vue.js";
 import f from "../../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { createStoreEvents as c } from "../../../store/events.js";
 import B from "./components/Header.vue.js";
-import g from "../scalar-operation-block/components/OperationBlock.vue.js";
-import b from "../scalar-response-block/components/ResponseBlock.vue.js";
-const S = { class: "bg-b-1 flex h-full flex-col" }, V = { class: "lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-1" }, R = /* @__PURE__ */ m({
-  __name: "OperationBlock",
+import g from "../request-block/RequestBlock.vue.js";
+import S from "../response-block/ResponseBlock.vue.js";
+const q = { class: "bg-b-1 flex h-full flex-col" }, b = { class: "lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-1" }, U = {
+  name: "OperationBlock"
+}, M = /* @__PURE__ */ m({
+  ...U,
   props: {
     eventBus: {},
     appVersion: {},
@@ -31,90 +34,87 @@ const S = { class: "bg-b-1 flex h-full flex-col" }, V = { class: "lg:min-h-heade
     securitySchemes: {},
     selectedSecurity: {},
     security: {},
-    events: {},
     plugins: {},
-    environment: {},
-    envVariables: {}
+    environment: {}
   },
-  setup(u) {
-    const n = u, l = s(
-      () => n.operation["x-scalar-method"] ?? n.method
-    ), p = s(() => n.operation["x-scalar-path"] ?? n.path);
-    return (e, t) => (h(), d("div", S, [
-      v("div", V, [
+  emits: ["update:servers"],
+  setup(t, { emit: i }) {
+    const u = i, r = () => t.eventBus.emit("operation:send:request", {
+      meta: { path: t.path, method: t.method, exampleKey: t.exampleKey }
+    }), l = (e) => t.eventBus.emit("operation:update:method", {
+      meta: {
+        method: t.method,
+        path: t.path
+      },
+      payload: {
+        method: e.value
+      }
+    }), d = (e) => t.eventBus.emit(
+      "operation:update:path",
+      {
+        meta: {
+          method: t.method,
+          path: t.path
+        },
+        payload: {
+          path: e.value
+        }
+      },
+      { debounceKey: "operation-update-path" }
+    );
+    return (e, a) => (h(), p("div", q, [
+      y("div", b, [
         o(B, {
-          envVariables: e.envVariables,
+          documentUrl: e.documentUrl,
           environment: e.environment,
-          events: e.events,
+          eventBus: e.eventBus,
+          hideClientButton: e.hideClientButton,
           history: e.history,
+          integration: e.integration,
+          isSidebarOpen: e.isSidebarOpen,
           layout: e.layout,
-          method: l.value,
-          path: p.value,
+          method: e.method,
+          path: e.path,
           percentage: e.requestLoadingPercentage,
           server: e.server,
           servers: e.servers,
-          isSidebarOpen: e.isSidebarOpen,
           showSidebar: e.showSidebar,
-          hideClientButton: e.hideClientButton,
-          integration: e.integration,
-          documentUrl: e.documentUrl,
           source: e.source,
-          eventBus: e.eventBus,
-          onExecute: t[0] || (t[0] = () => e.eventBus.emit("operation:send:request", {
-            meta: { path: e.path, method: e.method, exampleKey: e.exampleKey }
-          })),
-          "onUpdate:method": t[1] || (t[1] = (r) => e.eventBus.emit("operation:update:method", {
-            meta: {
-              method: e.method,
-              path: e.path
-            },
-            payload: {
-              method: r.value
-            }
-          })),
-          "onUpdate:path": t[2] || (t[2] = (r) => e.eventBus.emit("operation:update:path", {
-            meta: {
-              method: e.method,
-              path: e.path
-            },
-            payload: {
-              path: r.value
-            }
-          }))
-        }, null, 8, ["envVariables", "environment", "events", "history", "layout", "method", "path", "percentage", "server", "servers", "isSidebarOpen", "showSidebar", "hideClientButton", "integration", "documentUrl", "source", "eventBus"])
+          onExecute: r,
+          "onUpdate:method": l,
+          "onUpdate:path": d,
+          "onUpdate:servers": a[0] || (a[0] = (w) => u("update:servers"))
+        }, null, 8, ["documentUrl", "environment", "eventBus", "hideClientButton", "history", "integration", "isSidebarOpen", "layout", "method", "path", "percentage", "server", "servers", "showSidebar", "source"])
       ]),
-      o(y, null, {
-        default: a(() => [
+      o(v, null, {
+        default: s(() => [
           o(f, { class: "flex flex-1" }, {
-            default: a(() => [
-              o(i(g), {
-                envVariables: e.envVariables,
+            default: s(() => [
+              o(n(g), {
+                authMeta: e.authMeta,
                 environment: e.environment,
+                eventBus: e.eventBus,
                 exampleKey: e.exampleKey,
                 layout: e.layout,
                 method: e.method,
                 operation: e.operation,
                 path: e.path,
-                authMeta: e.authMeta,
+                plugins: e.plugins,
                 security: e.security,
-                eventBus: e.eventBus,
                 securitySchemes: e.securitySchemes,
-                selectedSecurity: e.selectedSecurity,
-                plugins: e.plugins
-              }, null, 8, ["envVariables", "environment", "exampleKey", "layout", "method", "operation", "path", "authMeta", "security", "eventBus", "securitySchemes", "selectedSecurity", "plugins"]),
-              o(i(b), {
+                selectedSecurity: e.selectedSecurity
+              }, null, 8, ["authMeta", "environment", "eventBus", "exampleKey", "layout", "method", "operation", "path", "plugins", "security", "securitySchemes", "selectedSecurity"]),
+              o(n(S), {
                 appVersion: e.appVersion,
-                events: e.events,
+                eventBus: e.eventBus,
+                events: n(c)(),
                 layout: e.layout,
+                plugins: e.plugins,
                 request: e.request,
                 response: e.response,
-                plugins: e.plugins,
-                eventBus: e.eventBus,
                 totalPerformedRequests: e.totalPerformedRequests,
-                onSendRequest: t[3] || (t[3] = (r) => e.eventBus.emit("operation:send:request", {
-                  meta: { path: e.path, method: e.method, exampleKey: e.exampleKey }
-                }))
-              }, null, 8, ["appVersion", "events", "layout", "request", "response", "plugins", "eventBus", "totalPerformedRequests"])
+                onSendRequest: r
+              }, null, 8, ["appVersion", "eventBus", "events", "layout", "plugins", "request", "response", "totalPerformedRequests"])
             ]),
             _: 1
           })
@@ -125,5 +125,5 @@ const S = { class: "bg-b-1 flex h-full flex-col" }, V = { class: "lg:min-h-heade
   }
 });
 export {
-  R as default
+  M as default
 };

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

@@ -1,10 +1,8 @@
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
-import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
 import type { ClientLayout } from '../../../../hooks/index.js';
-import type { EnvVariable } from '../../../../store/index.js';
-import type { createStoreEvents } from '../../../../store/events.js';
 import { type History } from '../../../../v2/blocks/scalar-address-bar-block/index.js';
 type __VLS_Props = {
     /** Current request path */
@@ -26,7 +24,7 @@ type __VLS_Props = {
     /** Client source */
     source?: 'gitbook' | 'api-reference';
     /** Currently selected server */
-    server: ServerObject | undefined;
+    server: ServerObject | null;
     /** Server list available for operation/document */
     servers: ServerObject[];
     /** List of request history */
@@ -39,14 +37,12 @@ type __VLS_Props = {
      */
     requestLoadingPercentage?: number;
     /** Event bus */
-    events: ReturnType<typeof createStoreEvents>;
     eventBus: WorkspaceEventBus;
-    /** TODO: to be removed once we fully migrate to the new store */
-    environment: Environment;
-    envVariables: EnvVariable[];
+    environment: XScalarEnvironment;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     execute: () => any;
+    "update:servers": () => any;
     "update:path": (payload: {
         value: string;
     }) => any;
@@ -55,6 +51,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onExecute?: (() => any) | undefined;
+    "onUpdate:servers"?: (() => any) | undefined;
     "onUpdate:path"?: ((payload: {
         value: string;
     }) => any) | undefined;

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":"AAyKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAGtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,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;IAEpB,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;IAEpC,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IAEvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAE5C,QAAQ,EAAE,iBAAiB,CAAA;IAE3B,iEAAiE;IACjE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;;eAQW,MAAM;;;eAMN,UAAU;;;;;eANV,MAAM;;;eAMN,UAAU;;;AAsOvB,wBAOG"}
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"names":[],"mappings":"AA+JA,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,oDAAoD,CAAA;AAGtF,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;;;;;eAQW,MAAM;;;eAMN,UAAU;;;;;;eANV,MAAM;;;eAMN,UAAU;;;AAsOvB,wBAOG"}

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

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

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

@@ -1,8 +1,8 @@
-import { defineComponent as m, createElementBlock as r, openBlock as n, createElementVNode as s, createVNode as d, createCommentVNode as l, normalizeClass as v, unref as i, createBlock as g } from "vue";
-import { ScalarIcon as u } from "@scalar/components";
+import { defineComponent as m, createElementBlock as s, openBlock as n, createElementVNode as l, createVNode as u, createCommentVNode as i, normalizeClass as v, unref as a, createBlock as g } from "vue";
+import { ScalarIcon as d } 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" }, z = /* @__PURE__ */ m({
+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" }, U = /* @__PURE__ */ m({
   __name: "Header",
   props: {
     path: {},
@@ -18,27 +18,22 @@ const b = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap i
     servers: {},
     history: {},
     requestLoadingPercentage: {},
-    events: {},
     eventBus: {},
-    environment: {},
-    envVariables: {}
+    environment: {}
   },
-  emits: ["execute", "update:path", "update:method"],
+  emits: ["execute", "update:path", "update:method", "update:servers"],
   setup(C, { emit: p }) {
-    const a = p;
-    return (e, t) => (n(), r("div", b, [
-      s("div", h, [
-        e.showSidebar ? (n(), r("div", {
+    const r = p;
+    return (e, t) => (n(), s("div", b, [
+      l("div", h, [
+        e.showSidebar ? (n(), s("div", {
           key: 0,
           class: v(["size-8", { hidden: e.layout === "modal" && !e.isSidebarOpen }])
-        }, null, 2)) : l("", !0)
+        }, null, 2)) : i("", !0)
       ]),
-      d(i(f), {
-        "onUpdate:method": t[0] || (t[0] = (o) => a("update:method", o)),
-        "onUpdate:path": t[1] || (t[1] = (o) => a("update:path", o)),
-        envVariables: e.envVariables,
+      u(a(f), {
         environment: e.environment,
-        events: e.events,
+        eventBus: e.eventBus,
         history: e.history,
         layout: e.layout,
         method: e.method,
@@ -46,48 +41,50 @@ const b = { class: "lg:min-h-header t-app__top-container flex w-full flex-wrap i
         percentage: e.requestLoadingPercentage,
         server: e.server,
         servers: e.servers,
-        eventBus: e.eventBus,
-        onExecute: t[2] || (t[2] = (o) => a("execute"))
-      }, null, 8, ["envVariables", "environment", "events", "history", "layout", "method", "path", "percentage", "server", "servers", "eventBus"]),
-      s("div", B, [
-        e.layout === "modal" && e.documentUrl && !e.hideClientButton ? (n(), g(i(y), {
+        onExecute: t[0] || (t[0] = (o) => r("execute")),
+        "onUpdate:method": t[1] || (t[1] = (o) => r("update:method", o)),
+        "onUpdate:path": t[2] || (t[2] = (o) => r("update:path", o)),
+        "onUpdate:servers": t[3] || (t[3] = (o) => r("update:servers"))
+      }, null, 8, ["environment", "eventBus", "history", "layout", "method", "path", "percentage", "server", "servers"]),
+      l("div", B, [
+        e.layout === "modal" && e.documentUrl && !e.hideClientButton ? (n(), g(a(y), {
           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"])) : l("", !0),
-        e.layout === "modal" ? (n(), r("button", {
+        }, null, 8, ["integration", "source", "url"])) : i("", !0),
+        e.layout === "modal" && e.source !== "gitbook" ? (n(), s("button", {
           key: 1,
-          class: "app-exit-button gitbook-hidden zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+          class: "app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
           type: "button",
-          onClick: t[3] || (t[3] = (o) => e.eventBus.emit("hide:modal"))
+          onClick: t[4] || (t[4] = (o) => e.eventBus.emit("hide:modal"))
         }, [
-          d(i(u), {
+          u(a(d), {
             icon: "Close",
             size: "lg",
             thickness: "2"
           }),
-          t[5] || (t[5] = s("span", { class: "sr-only" }, "Close Client", -1))
-        ])) : l("", !0),
-        e.layout === "modal" ? (n(), r("button", {
+          t[6] || (t[6] = l("span", { class: "sr-only" }, "Close Client", -1))
+        ])) : i("", !0),
+        e.layout === "modal" && e.source === "gitbook" ? (n(), s("button", {
           key: 2,
-          class: "text-c-1 hover:bg-b-2 active:text-c-1 gitbook-show -mr-1.5 rounded p-2",
+          class: "text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2",
           type: "button",
-          onClick: t[4] || (t[4] = (o) => e.eventBus.emit("hide:modal"))
+          onClick: t[5] || (t[5] = (o) => e.eventBus.emit("hide:modal"))
         }, [
-          d(i(u), {
+          u(a(d), {
             icon: "Close",
             size: "md",
             thickness: "1.75"
           }),
-          t[6] || (t[6] = s("span", { class: "sr-only" }, "Close Client", -1))
-        ])) : l("", !0)
+          t[7] || (t[7] = l("span", { class: "sr-only" }, "Close Client", -1))
+        ])) : i("", !0)
       ])
     ]));
   }
 });
 export {
-  z as default
+  U as default
 };

package/dist/v2/blocks/operation-code-sample/components/ExamplePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExamplePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-code-sample/components/ExamplePicker.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAGnG,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CACvC,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AAwGF,wBAOG"}
+{"version":3,"file":"ExamplePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-code-sample/components/ExamplePicker.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAGnG,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CACvC,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AA0GF,wBAOG"}

package/dist/v2/blocks/operation-code-sample/components/ExamplePicker.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as u, mergeModels as c, useModel as p, computed as n, createBlock as f, openBlock as x, unref as l, withCtx as r, createVNode as i, createElementVNode as v, toDisplayString as w } from "vue";
+import { defineComponent as u, mergeModels as p, useModel as c, computed as m, createBlock as f, openBlock as x, unref as l, withCtx as n, createVNode as i, createElementVNode as v, toDisplayString as w } from "vue";
 import { ScalarListbox as V, ScalarButton as b } from "@scalar/components";
 import { ScalarIconCaretDown as g } from "@scalar/icons";
 const _ = { class: "min-w-0 flex-1 truncate" }, k = /* @__PURE__ */ u({
   __name: "ExamplePicker",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ p({
     examples: { default: () => ({}) }
   }, {
     modelValue: {
@@ -13,29 +13,30 @@ const _ = { class: "min-w-0 flex-1 truncate" }, k = /* @__PURE__ */ u({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const s = p(o, "modelValue"), m = n(
+    const r = c(o, "modelValue"), s = m(
       () => Object.entries(o.examples).map(([e, t]) => ({
         id: e,
         label: t?.summary ?? e
       }))
-    ), a = n({
-      get: () => m.value.find(({ id: e }) => e === s.value),
-      set: (e) => s.value = e?.id ?? ""
+    ), a = m({
+      get: () => s.value.find(({ id: e }) => e === r.value),
+      set: (e) => r.value = e?.id ?? ""
     });
     return (e, t) => (x(), f(l(V), {
       modelValue: a.value,
       "onUpdate:modelValue": t[0] || (t[0] = (d) => a.value = d),
       class: "w-fit min-w-32",
-      options: m.value,
-      placement: "bottom-start"
+      options: s.value,
+      placement: "bottom-start",
+      teleport: ""
     }, {
-      default: r(() => [
+      default: n(() => [
         i(l(b), {
           class: "text-c-2 hover:text-c-1 flex h-full w-fit min-w-0 gap-1.5 px-1.5 py-0.75 text-base font-normal",
           "data-testid": "example-picker",
           variant: "ghost"
         }, {
-          default: r(() => [
+          default: n(() => [
             v("div", _, w(a.value?.label ?? "Select an example"), 1),
             i(l(g), {
               class: "ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100",

package/dist/v2/blocks/{scalar-operation-block/components/OperationBlock.vue.d.ts → request-block/RequestBlock.vue.d.ts}

@@ -1,39 +1,25 @@
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
-import type { Environment } from '@scalar/oas-utils/entities/environment';
 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 { OpenApiDocument, OperationObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { ClientLayout } from '../../../../hooks/index.js';
-import type { EnvVariable } from '../../../../store/index.js';
-import type { ClientPlugin } from '../../../../v2/plugins';
+import type { ClientLayout } from '../../../hooks/index.js';
+import type { ClientPlugin } from '../../../v2/plugins';
 type __VLS_Props = {
-    /** Operation method */
     method: HttpMethod;
-    /** Operation path */
     path: string;
-    /** Operation object */
     operation: OperationObject;
-    /** Meta information for the auth update */
     authMeta?: AuthMeta;
-    /** Currently selected example key for the current operation */
     exampleKey: string;
-    /** 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'];
-    /** Currently selected server for the current operation/document/workspace */
     server?: ServerObject;
-    /** Client layout */
     layout: ClientLayout;
-    /** Registered app plugins */
     plugins?: ClientPlugin[];
     eventBus: WorkspaceEventBus;
-    /** TODO: remove when we migrate */
-    environment: Environment;
-    envVariables: EnvVariable[];
+    environment: XScalarEnvironment;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=OperationBlock.vue.d.ts.map
+//# sourceMappingURL=RequestBlock.vue.d.ts.map