@scalar/api-client 2.22.0 → 2.22.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @scalar/api-client
 
+## 2.22.1
+
+### Patch Changes
+
+- [#7965](https://github.com/scalar/scalar/pull/7965): Adds exports for creating external actions
+
 ## 2.22.0
 
 ### Minor Changes

package/dist/v2/blocks/request-block/helpers/get-default-headers.js

@@ -1,7 +1,7 @@
 import { canMethodHaveBody as p } from "@scalar/helpers/http/can-method-have-body";
 import { getResolvedRef as n } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import { isElectron as u } from "../../../../libs/electron.js";
-const i = "2.22.0", m = "application/json", h = "*/*", c = (r, t, a) => ({
+const i = "2.22.1", m = "application/json", h = "*/*", c = (r, t, a) => ({
   name: r,
   defaultValue: t,
   isOverridden: a.has(r.toLowerCase())

package/dist/v2/features/app/App.vue.d.ts

@@ -12,7 +12,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     plugins?: ClientPlugin[];
     getAppState: () => AppState;
     getCommandPaletteState: () => CommandPaletteState;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+}, {
+    openCreateWorkspace: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     layout: Exclude<ClientLayout, "modal">;
     plugins?: ClientPlugin[];
     getAppState: () => AppState;

package/dist/v2/features/app/App.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AA+NA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAA;AAC7F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AAM3C;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;YAHzC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;IAUjD;;;OAGG;4BACqB,EAAE;;AAnB5B,wBA2UC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAmOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAA;AAC7F,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AAM3C;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;;;YAHzC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;cAC5B,YAAY,EAAE;iBACX,MAAM,QAAQ;4BACH,MAAM,mBAAmB;;IAUjD;;;OAGG;4BACqB,EAAE;;AAnB5B,wBAiVC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/features/app/App.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as S, computed as p, createElementBlock as f, createBlock as c, unref as t, openBlock as i, Fragment as b, createElementVNode as u, createVNode as s, withCtx as m, renderSlot as h, normalizeProps as y, guardReactiveProps as W } from "vue";
-import { useModal as T, ScalarTeleportRoot as g } from "@scalar/components";
+import { defineComponent as f, computed as u, createElementBlock as b, createBlock as c, unref as t, openBlock as l, Fragment as h, createElementVNode as p, createVNode as s, withCtx as m, renderSlot as W, normalizeProps as y, guardReactiveProps as T } from "vue";
+import { useModal as g, ScalarTeleportRoot as C } from "@scalar/components";
 import { getThemeStyles as B } from "@scalar/themes";
-import { ScalarToasts as C } from "@scalar/use-toasts";
+import { ScalarToasts as x } from "@scalar/use-toasts";
 import { extensions as E } from "@scalar/workspace-store/schemas/extensions";
-import { RouterView as x } from "vue-router";
-import O from "./components/CreateWorkspaceModal.vue.js";
-import I from "./components/SplashScreen.vue.js";
-import { useDocumentWatcher as A } from "./hooks/use-document-watcher.js";
-import M from "../command-palette/TheCommandPalette.vue.js";
-import { useColorMode as U } from "../../hooks/use-color-mode.js";
-import { useGlobalHotKeys as _ } from "../../hooks/use-global-hot-keys.js";
-import D from "./components/AppSidebar.vue.js";
-import N from "./components/DesktopTabs.vue.js";
-import $ from "./components/WebTopNav.vue.js";
-const L = ["innerHTML"], P = { class: "flex min-h-0 flex-1" }, F = { class: "bg-b-1 flex-1" }, H = {}, se = /* @__PURE__ */ S({
-  ...H,
+import { RouterView as O } from "vue-router";
+import I from "./components/CreateWorkspaceModal.vue.js";
+import A from "./components/SplashScreen.vue.js";
+import { useDocumentWatcher as M } from "./hooks/use-document-watcher.js";
+import U from "../command-palette/TheCommandPalette.vue.js";
+import { useColorMode as _ } from "../../hooks/use-color-mode.js";
+import { useGlobalHotKeys as D } from "../../hooks/use-global-hot-keys.js";
+import N from "./components/AppSidebar.vue.js";
+import $ from "./components/DesktopTabs.vue.js";
+import L from "./components/WebTopNav.vue.js";
+const P = ["innerHTML"], F = { class: "flex min-h-0 flex-1" }, H = { class: "bg-b-1 flex-1" }, V = {}, re = /* @__PURE__ */ f({
+  ...V,
   __name: "App",
   props: {
     layout: {},
@@ -22,24 +22,27 @@ const L = ["innerHTML"], P = { class: "flex min-h-0 flex-1" }, F = { class: "bg-
     getAppState: { type: Function },
     getCommandPaletteState: { type: Function }
   },
-  setup(o) {
-    const e = o.getAppState(), d = o.getCommandPaletteState();
-    typeof window < "u" && (window.dataDumpWorkspace = () => e.store.value, window.dumpAppState = () => e), U({ workspaceStore: e.store }), _(e.eventBus, o.layout), A({
+  setup(o, { expose: d }) {
+    d({
+      openCreateWorkspace: () => n.show()
+    });
+    const e = o.getAppState(), v = o.getCommandPaletteState();
+    typeof window < "u" && (window.dataDumpWorkspace = () => e.store.value, window.dumpAppState = () => e), _({ workspaceStore: e.store }), D(e.eventBus, o.layout), M({
       documentName: () => e.store.value?.workspace[E.workspace.activeDocument],
       store: e.store,
       initialTimeout: 5e3
     });
-    const v = p(() => {
+    const k = u(() => {
       if (e.store.value === null)
         return "";
-      const n = e.store.value.workspace["x-scalar-theme"];
-      return n ? `<style>${B(n)}</style>` : "";
-    }), k = () => e.router.value?.push({
+      const i = e.store.value.workspace["x-scalar-theme"];
+      return i ? `<style>${B(i)}</style>` : "";
+    }), w = () => e.router.value?.push({
       name: "workspace.environment",
       params: {
         workspaceSlug: e.activeEntities.workspaceSlug.value
       }
-    }), l = T(), w = p(() => ({
+    }), n = g(), S = u(() => ({
       documentSlug: e.activeEntities.documentSlug.value ?? "",
       document: e.store.value?.workspace.activeDocument ?? null,
       environment: e.environment.value,
@@ -53,25 +56,25 @@ const L = ["innerHTML"], P = { class: "flex min-h-0 flex-1" }, F = { class: "bg-
       plugins: o.plugins,
       securitySchemes: e.document.value?.components?.securitySchemes ?? {}
     }));
-    return (n, a) => t(e).store.value !== null && t(e).workspace.activeWorkspace.value !== null && !t(e).loading.value ? (i(), f(b, { key: 0 }, [
-      u("div", { innerHTML: v.value }, null, 8, L),
-      s(t(g), null, {
+    return (i, a) => t(e).store.value !== null && t(e).workspace.activeWorkspace.value !== null && !t(e).loading.value ? (l(), b(h, { key: 0 }, [
+      p("div", { innerHTML: k.value }, null, 8, P),
+      s(t(C), null, {
         default: m(() => [
-          s(t(C)),
-          o.layout === "desktop" ? (i(), c(N, {
+          s(t(x)),
+          o.layout === "desktop" ? (l(), c($, {
             key: 0,
             activeTabIndex: t(e).tabs.activeTabIndex.value,
             eventBus: t(e).eventBus,
             tabs: t(e).tabs.state.value
-          }, null, 8, ["activeTabIndex", "eventBus", "tabs"])) : (i(), c($, {
+          }, null, 8, ["activeTabIndex", "eventBus", "tabs"])) : (l(), c(L, {
             key: 1,
             activeWorkspace: t(e).workspace.activeWorkspace.value,
             workspaces: t(e).workspace.workspaceList.value,
-            "onCreate:workspace": a[0] || (a[0] = (r) => t(l).show()),
+            "onCreate:workspace": a[0] || (a[0] = (r) => t(n).show()),
             "onSelect:workspace": t(e).workspace.setId
           }, null, 8, ["activeWorkspace", "workspaces", "onSelect:workspace"])),
-          u("main", P, [
-            s(D, {
+          p("main", F, [
+            s(N, {
               isSidebarOpen: t(e).sidebar.isOpen.value,
               "onUpdate:isSidebarOpen": a[1] || (a[1] = (r) => t(e).sidebar.isOpen.value = r),
               activeWorkspace: t(e).workspace.activeWorkspace.value,
@@ -82,36 +85,36 @@ const L = ["innerHTML"], P = { class: "flex min-h-0 flex-1" }, F = { class: "bg-
               sidebarWidth: t(e).sidebar.width.value,
               store: t(e).store.value,
               workspaces: t(e).workspace.workspaceList.value,
-              "onClick:workspace": k,
-              "onCreate:workspace": a[2] || (a[2] = (r) => t(l).show()),
+              "onClick:workspace": w,
+              "onCreate:workspace": a[2] || (a[2] = (r) => t(n).show()),
               "onSelect:workspace": t(e).workspace.setId,
               onSelectItem: t(e).sidebar.handleSelectItem,
               "onUpdate:sidebarWidth": t(e).sidebar.handleSidebarWidthUpdate
             }, {
               sidebarMenuActions: m(() => [
-                h(n.$slots, "sidebar-menu-actions")
+                W(i.$slots, "sidebar-menu-actions")
               ]),
               _: 3
             }, 8, ["isSidebarOpen", "activeWorkspace", "eventBus", "isWorkspaceOpen", "layout", "sidebarState", "sidebarWidth", "store", "workspaces", "onSelect:workspace", "onSelectItem", "onUpdate:sidebarWidth"]),
-            s(O, {
-              state: t(l),
+            s(I, {
+              state: t(n),
               "onCreate:workspace": a[3] || (a[3] = (r) => t(e).workspace.create(r))
             }, null, 8, ["state"]),
-            s(M, {
+            s(U, {
               eventBus: t(e).eventBus,
-              paletteState: t(d),
+              paletteState: t(v),
               workspaceStore: t(e).store.value
             }, null, 8, ["eventBus", "paletteState", "workspaceStore"]),
-            u("div", F, [
-              s(t(x), y(W(w.value)), null, 16)
+            p("div", H, [
+              s(t(O), y(T(S.value)), null, 16)
             ])
           ])
         ]),
         _: 3
       })
-    ], 64)) : (i(), c(I, { key: 1 }));
+    ], 64)) : (l(), c(A, { key: 1 }));
   }
 });
 export {
-  se as default
+  re as default
 };

package/dist/v2/features/app/index.d.ts

@@ -1,4 +1,7 @@
 export { type AppState, useAppState } from '../../../v2/features/app/app-state.js';
+export { default as CreateWorkspaceModal } from '../../../v2/features/app/components/CreateWorkspaceModal.vue.js';
+export { default as CommandActionForm } from '../../../v2/features/command-palette/components/CommandActionForm.vue.js';
+export { default as CommandActionInput } from '../../../v2/features/command-palette/components/CommandActionInput.vue.js';
 export type { ClientPlugin } from '../../../v2/helpers/plugins.js';
 export type { ClientLayout } from '../../../v2/types/layout';
 export { type CommandPaletteAction, type CommandPaletteRoute, baseClientActions, baseRoutes, useCommandPaletteState, } from '../command-palette/hooks/use-command-palette-state.js';

package/dist/v2/features/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,iBAAiB,EACjB,UAAU,EACV,sBAAsB,GACvB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uDAAuD,CAAA;AACvG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gEAAgE,CAAA;AAC7G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iEAAiE,CAAA;AAC/G,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,iBAAiB,EACjB,UAAU,EACV,sBAAsB,GACvB,MAAM,oDAAoD,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA"}

package/dist/v2/features/app/index.js

@@ -1,14 +1,20 @@
-import { useAppState as o } from "./app-state.js";
-import { baseClientActions as a, baseRoutes as m, useCommandPaletteState as s } from "../command-palette/hooks/use-command-palette-state.js";
-import { default as A } from "./App.vue.js";
+import { useAppState as a } from "./app-state.js";
+import { default as p } from "./components/CreateWorkspaceModal.vue.js";
+import { default as f } from "../command-palette/components/CommandActionForm.vue.js";
+import { default as n } from "../command-palette/components/CommandActionInput.vue.js";
+import { baseClientActions as u, baseRoutes as d, useCommandPaletteState as i } from "../command-palette/hooks/use-command-palette-state.js";
+import { default as x } from "./App.vue.js";
 /* empty css         */
-import { createApiClientApp as l, createAppRouter as n } from "./helpers/create-api-client-app.js";
+import { createApiClientApp as c, createAppRouter as b } from "./helpers/create-api-client-app.js";
 export {
-  A as ClientApp,
-  a as baseClientActions,
-  m as baseRoutes,
-  l as createApiClientApp,
-  n as createAppRouter,
-  o as useAppState,
-  s as useCommandPaletteState
+  x as ClientApp,
+  f as CommandActionForm,
+  n as CommandActionInput,
+  p as CreateWorkspaceModal,
+  u as baseClientActions,
+  d as baseRoutes,
+  c as createApiClientApp,
+  b as createAppRouter,
+  a as useAppState,
+  i as useCommandPaletteState
 };

package/dist/v2/features/operation/Operation.vue.js

@@ -69,7 +69,7 @@ const b = {
       type: "document"
     }), h = n(
       () => C(o(e.options)?.hiddenClients)
-    ), f = "2.22.0";
+    ), f = "2.22.1";
     return (t, a) => e.path && e.method && e.exampleName && l.value ? (c(), x(i(p), {
       key: 0,
       appVersion: i(f),

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -33,7 +33,7 @@ const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
       }));
     }, f = (u) => {
       u?.createNew && g.name === "request" && p();
-    }, v = "2.22.0";
+    }, v = "2.22.1";
     return q(() => a.hotKeys.on(f)), R(() => a.hotKeys.off(f)), (u, e) => (l(), n("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.22.0",
+  "version": "2.22.1",
   "engines": {
     "node": ">=20"
   },
@@ -321,26 +321,26 @@
     "whatwg-mimetype": "4.0.0",
     "yaml": "^2.8.0",
     "zod": "^4.3.5",
-    "@scalar/draggable": "0.3.0",
     "@scalar/analytics-client": "1.0.1",
     "@scalar/components": "0.17.0",
+    "@scalar/draggable": "0.3.0",
     "@scalar/helpers": "0.2.9",
     "@scalar/icons": "0.5.2",
     "@scalar/import": "0.4.46",
     "@scalar/json-magic": "0.9.4",
     "@scalar/oas-utils": "0.6.30",
-    "@scalar/openapi-parser": "0.24.5",
+    "@scalar/object-utils": "1.2.23",
     "@scalar/openapi-types": "0.5.3",
     "@scalar/postman-to-openapi": "0.4.1",
-    "@scalar/object-utils": "1.2.23",
     "@scalar/sidebar": "0.7.23",
-    "@scalar/types": "0.6.0",
-    "@scalar/snippetz": "0.6.9",
-    "@scalar/use-toasts": "0.9.1",
     "@scalar/themes": "0.14.0",
+    "@scalar/snippetz": "0.6.9",
+    "@scalar/openapi-parser": "0.24.5",
+    "@scalar/types": "0.6.0",
     "@scalar/use-codemirror": "0.13.27",
-    "@scalar/workspace-store": "0.27.2",
-    "@scalar/use-hooks": "0.3.6"
+    "@scalar/use-hooks": "0.3.6",
+    "@scalar/use-toasts": "0.9.1",
+    "@scalar/workspace-store": "0.27.2"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",