@scalar/api-client 2.20.2 → 2.21.1

package/dist/v2/features/app/app-state.js

@@ -1,50 +1,49 @@
-import { isDefined as C } from "@scalar/helpers/array/is-defined";
-import { sortByOrder as H } from "@scalar/helpers/array/sort-by-order";
-import { isHttpMethod as V } from "@scalar/helpers/http/is-http-method";
-import { createSidebarState as Y, generateReverseIndex as j } from "@scalar/sidebar";
-import { createWorkspaceStore as D } from "@scalar/workspace-store/client";
-import { createWorkspaceEventBus as q } from "@scalar/workspace-store/events";
-import { generateUniqueValue as z } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { isDefined as D } from "@scalar/helpers/array/is-defined";
+import { sortByOrder as $ } from "@scalar/helpers/array/sort-by-order";
+import { isHttpMethod as H } from "@scalar/helpers/http/is-http-method";
+import { createSidebarState as V, generateReverseIndex as Y } from "@scalar/sidebar";
+import { createWorkspaceStore as R } from "@scalar/workspace-store/client";
+import { createWorkspaceEventBus as j } from "@scalar/workspace-store/events";
+import { generateUniqueValue as q } from "@scalar/workspace-store/helpers/generate-unique-value";
 import { getParentEntry as p } from "@scalar/workspace-store/navigation";
-import { createWorkspaceStorePersistence as J } from "@scalar/workspace-store/persistence";
-import { persistencePlugin as M } from "@scalar/workspace-store/plugins/client";
-import { extensions as G } from "@scalar/workspace-store/schemas/extensions";
-import { shallowRef as g, computed as i, ref as u, watch as Q } from "vue";
-import { getActiveEnvironment as X } from "../../helpers/get-active-environment.js";
-import { getTabDetails as Z } from "../../helpers/get-tab-details.js";
-import { slugify as ee } from "../../helpers/slugify.js";
-import { workspaceStorage as te } from "../../helpers/storage.js";
-import { useCommandPaletteState as ae } from "../command-palette/hooks/use-command-palette-state.js";
-import { initializeAppEventHandlers as ne } from "./app-events.js";
-const re = 1e3, v = q({
+import { createWorkspaceStorePersistence as z } from "@scalar/workspace-store/persistence";
+import { persistencePlugin as J } from "@scalar/workspace-store/plugins/client";
+import { extensions as M } from "@scalar/workspace-store/schemas/extensions";
+import { shallowRef as g, computed as i, ref as l, watch as G } from "vue";
+import { getActiveEnvironment as Q } from "../../helpers/get-active-environment.js";
+import { getTabDetails as X } from "../../helpers/get-tab-details.js";
+import { slugify as Z } from "../../helpers/slugify.js";
+import { workspaceStorage as ee } from "../../helpers/storage.js";
+import { initializeAppEventHandlers as te } from "./app-events.js";
+const ae = 1e3, v = j({
   debug: !1
-}), x = u(void 0), f = u(void 0), R = u(void 0), A = u(void 0), U = u(void 0), m = u(!1), c = g(null);
-Q(c, (e) => {
-  e && e.afterEach((t) => xe(t));
+}), x = l(void 0), f = l(void 0), A = l(void 0), C = l(void 0), U = l(void 0), m = l(!1), c = g(null);
+G(c, (e) => {
+  e && e.afterEach((t) => he(t));
 });
 const d = i(() => c.value?.currentRoute.value ?? null);
 function s(e, t) {
   const a = t?.params[e];
   if (typeof a == "string")
-    return e === "method" ? a && V(a) ? a : void 0 : decodeURIComponent(a);
+    return e === "method" ? a && H(a) ? a : void 0 : decodeURIComponent(a);
 }
-const S = g(null), y = u([]), n = g(null), E = i(() => n.value?.workspace.documents[f.value ?? ""] || null), oe = i(() => X(n.value, E.value)), { workspace: h } = await J();
-y.value = await h.getAll().then((e) => e.map(({ id: t, name: a }) => ({ id: t, label: a })));
-const se = async ({ workspaceId: e }) => D({
-  plugins: [await M({ workspaceId: e, debounceDelay: re })]
-}), ce = async (e) => {
+const y = g(null), S = l([]), n = g(null), E = i(() => n.value?.workspace.documents[f.value ?? ""] || null), ne = i(() => Q(n.value, E.value)), { workspace: h } = await z();
+S.value = await h.getAll().then((e) => e.map(({ id: t, name: a }) => ({ id: t, label: a })));
+const re = async ({ workspaceId: e }) => R({
+  plugins: [await J({ workspaceId: e, debounceDelay: ae })]
+}), oe = async (e) => {
   const t = await h.getItem(e);
   if (!t)
     return {
       success: !1
     };
-  const a = await se({ workspaceId: e });
-  return a.loadWorkspace(t.workspace), S.value = { id: e, label: t.name }, n.value = a, {
+  const a = await re({ workspaceId: e });
+  return a.loadWorkspace(t.workspace), y.value = { id: e, label: t.name }, n.value = a, {
     success: !0,
     workspace: a.workspace
   };
-}, ie = async ({ id: e, name: t }) => {
-  const a = D();
+}, se = async ({ id: e, name: t }) => {
+  const a = R();
   await a.addDocument({
     name: "drafts",
     document: {
@@ -64,62 +63,62 @@ const se = async ({ workspaceId: e }) => D({
   }), await h.setItem(e, {
     name: t,
     workspace: a.exportWorkspace()
-  }), y.value.push({ id: e, label: t });
+  }), S.value.push({ id: e, label: t });
 }, B = async (e) => {
   e && await c.value?.push({
     name: "workspace.environment",
     params: { workspaceSlug: e }
   });
-}, P = async ({
+}, O = async ({
   id: e,
   name: t
 }) => {
   n.value = null;
-  const a = await z({
+  const a = await q({
     defaultValue: e ?? t,
     // Use the provided id if it exists, otherwise use the name
-    validation: async (l) => !await h.has(l),
+    validation: async (u) => !await h.has(u),
     maxRetries: 100,
-    transformation: ee
+    transformation: Z
   });
   if (!a)
     return;
   const o = { id: a, name: t };
-  return await ie(o), await B(a), o;
-}, le = async (e) => {
+  return await se(o), await B(a), o;
+}, ce = async (e) => {
   n.value = null, m.value = !0;
-  const t = await ce(e);
+  const t = await oe(e);
   if (t.success) {
-    const o = t.workspace["x-scalar-active-tab"] ?? 0, l = t.workspace["x-scalar-tabs"], W = l?.[o];
-    W && await c.value?.replace(W.path), l && o >= l.length && v.emit("tabs:update:tabs", {
+    const o = t.workspace["x-scalar-active-tab"] ?? 0, u = t.workspace["x-scalar-tabs"], W = u?.[o];
+    W && await c.value?.replace(W.path), u && o >= u.length && v.emit("tabs:update:tabs", {
       "x-scalar-active-tab": 0
-    }), l || v.emit("tabs:update:tabs", {
+    }), u || v.emit("tabs:update:tabs", {
       "x-scalar-tabs": [I(d.value)],
       "x-scalar-active-tab": 0
     }), m.value = !1;
     return;
   }
-  const a = await P({
+  const a = await O({
     name: "Default Workspace",
     id: "default"
   });
   if (m.value = !1, !a)
     return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
   r.reset();
-}, O = i(() => {
+}, L = i(() => {
   const e = n.value;
   if (!e)
     return [];
   const t = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
-  return H(Object.keys(e.workspace.documents), t, (a) => a).map((a) => e.workspace.documents[a]?.["x-scalar-navigation"]).filter(C);
-}), r = Y(O), b = ({
+  return $(Object.keys(e.workspace.documents), t, (a) => a).map((a) => e.workspace.documents[a]?.["x-scalar-navigation"]).filter(D);
+}), r = V(L), b = ({
   document: e,
   path: t,
   method: a,
   example: o
-}) => JSON.stringify([e, t, a, o].filter(C)), T = i(
-  () => j({
-    items: O.value,
+}) => JSON.stringify([e, t, a, o].filter(D)), T = i(
+  () => Y({
+    items: L.value,
     nestedKey: "children",
     filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
     getId: (e) => {
@@ -141,22 +140,22 @@ const se = async ({ workspaceId: e }) => D({
       method: e.method
     })
   );
-}, L = (e) => {
+}, N = (e) => {
   const t = r.getEntryById(e);
   if (!t) {
     console.warn(`Could not find sidebar entry with id ${e} to select`);
     return;
   }
+  if (r.isSelected(e)) {
+    r.setExpanded(e, !r.isExpanded(e));
+    return;
+  }
   if (t.type === "document")
     return r.setSelected(e), r.setExpanded(e, !r.isExpanded(e)), c.value?.push({
       name: "document.overview",
       params: { documentSlug: t.name }
     });
   if (t.type === "operation") {
-    if (r.isSelected(e)) {
-      r.setExpanded(e, !r.isExpanded(e));
-      return;
-    }
     const a = t.children?.find((o) => o.type === "example");
     return a ? (r.setSelected(a.id), r.setExpanded(a.id, !0)) : r.setSelected(e), c.value?.push({
       name: "example",
@@ -189,14 +188,14 @@ const se = async ({ workspaceId: e }) => D({
       }
     });
   r.setExpanded(e, !r.isExpanded(e));
-}, ue = async () => {
+}, ie = async () => {
   if (!n.value)
     return;
   const e = n.value.workspace["x-scalar-active-tab"] ?? 0, t = n.value.workspace["x-scalar-tabs"]?.[e];
   t && await c.value?.replace(t.path);
-}, N = (e) => {
+}, P = (e) => {
   e && n.value?.buildSidebar(e);
-}, pe = (e) => {
+}, ue = (e) => {
   const t = E.value?.["x-scalar-navigation"]?.name;
   if (!t)
     return;
@@ -206,12 +205,12 @@ const se = async ({ workspaceId: e }) => D({
     method: e.method,
     example: e.exampleKey
   });
-  (!a || a.type !== "example") && (N(t), d.value && K(d.value));
-}, de = 288, me = i(() => n.value?.workspace?.["x-scalar-sidebar-width"] ?? de), ve = (e) => n.value?.update("x-scalar-sidebar-width", e), k = u(!0), fe = "x-scalar-tabs", he = "x-scalar-active-tab", I = (e) => {
-  const t = s("method", e), a = s("pathEncoded", e), o = s("documentSlug", e), l = s("workspaceSlug", e);
+  (!a || a.type !== "example") && (P(t), d.value && K(d.value));
+}, le = 288, pe = i(() => n.value?.workspace?.["x-scalar-sidebar-width"] ?? le), de = (e) => n.value?.update("x-scalar-sidebar-width", e), k = l(!0), me = "x-scalar-tabs", ve = "x-scalar-active-tab", I = (e) => {
+  const t = s("method", e), a = s("pathEncoded", e), o = s("documentSlug", e), u = s("workspaceSlug", e);
   return {
-    ...Z({
-      workspace: l,
+    ...X({
+      workspace: u,
       document: o,
       path: a,
       method: t,
@@ -219,7 +218,7 @@ const se = async ({ workspaceId: e }) => D({
     }),
     path: d.value?.path ?? ""
   };
-}, _ = i(() => n.value?.workspace[fe] ?? [I(d.value)]), we = i(() => n.value?.workspace[he] ?? 0), F = async (e) => {
+}, _ = i(() => n.value?.workspace[me] ?? [I(d.value)]), fe = i(() => n.value?.workspace[ve] ?? 0), F = async (e) => {
   const t = _.value[e];
   if (!t) {
     console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
@@ -231,16 +230,16 @@ const se = async ({ workspaceId: e }) => D({
   } catch (o) {
     console.error("Failed to copy URL to clipboard:", o);
   }
-}, xe = (e) => {
+}, he = (e) => {
   const t = s("workspaceSlug", e), a = s("documentSlug", e);
-  if (x.value = t, f.value = a, R.value = s("method", e), A.value = s("pathEncoded", e), U.value = s("exampleName", e), !!t) {
-    if (e.path !== "" && te.setCurrentPath(e.path), t !== S.value?.id)
-      return le(t);
-    if (a && a !== n.value?.workspace[G.workspace.activeDocument])
+  if (x.value = t, f.value = a, A.value = s("method", e), C.value = s("pathEncoded", e), U.value = s("exampleName", e), !!t) {
+    if (e.path !== "" && ee.setCurrentPath(e.path), t !== y.value?.id)
+      return ce(t);
+    if (a && a !== n.value?.workspace[M.workspace.activeDocument])
       return n?.value?.update("x-scalar-active-document", a);
-    be(e), K(e);
+    we(e), K(e);
   }
-}, be = (e) => {
+}, we = (e) => {
   const t = n.value?.workspace["x-scalar-tabs"] ?? [], a = n.value?.workspace["x-scalar-active-tab"] ?? 0, o = t[a];
   !o || o.path === e.path || (t[a] = I(e));
 }, K = (e) => {
@@ -256,44 +255,42 @@ const se = async ({ workspaceId: e }) => D({
     example: s("exampleName", e)
   });
   a && (r.setSelected(a.id), r.setExpanded(a.id, !0));
-}, $ = ae();
-ne({
+};
+te({
   eventBus: v,
   router: c,
   store: n,
-  navigateToCurrentTab: ue,
-  rebuildSidebar: N,
-  onAfterExampleCreation: pe,
-  onOpenCommandPalette: $.open,
-  onSelectSidebarItem: L,
+  navigateToCurrentTab: ie,
+  rebuildSidebar: P,
+  onAfterExampleCreation: ue,
+  onSelectSidebarItem: N,
   onCopyTabUrl: (e) => F(e),
   onToggleSidebar: () => k.value = !k.value
 });
-function _e(e) {
+function Le(e) {
   return e && (c.value = e), {
     /** Active workspace store */
     store: n,
     sidebar: {
       state: r,
-      width: me,
+      width: pe,
       isOpen: k,
-      handleSelectItem: L,
-      handleSidebarWidthUpdate: ve,
+      handleSelectItem: N,
+      handleSidebarWidthUpdate: de,
       getEntryByLocation: w
     },
     tabs: {
       state: _,
-      activeTabIndex: we,
+      activeTabIndex: fe,
       copyTabUrl: F
     },
     workspace: {
-      create: P,
-      workspaceList: y,
-      activeWorkspace: S,
+      create: O,
+      workspaceList: S,
+      activeWorkspace: y,
       setId: B,
       isOpen: i(() => !!(x.value && !f.value))
     },
-    commandPalette: $,
     eventBus: v,
     router: c,
     currentRoute: d,
@@ -301,14 +298,14 @@ function _e(e) {
     activeEntities: {
       workspaceSlug: x,
       documentSlug: f,
-      path: A,
-      method: R,
+      path: C,
+      method: A,
       exampleName: U
     },
-    environment: oe,
+    environment: ne,
     document: E
   };
 }
 export {
-  _e as useAppState
+  Le as useAppState
 };

package/dist/v2/features/app/helpers/create-api-client-app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,qBAAiC,sBAAsB;;;aAyBjH,CAAA"}
+{"version":3,"file":"create-api-client-app.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-api-client-app.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,sBAAsB,GAAG;IAC5B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,sBAAsB,CAAC,QAAQ,CAAC,gCAQvE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,WAAW,GAAG,IAAI,EAAE,qBAAiC,sBAAsB;;;aA+BjH,CAAA"}

package/dist/v2/features/app/helpers/create-api-client-app.js

@@ -1,11 +1,17 @@
 import { createApp as c } from "vue";
-import { createRouter as p, createWebHistory as n, createWebHashHistory as m } from "vue-router";
-import u from "../App.vue.js";
+import { createRouter as p, createWebHistory as n, createWebHashHistory as u } from "vue-router";
+import l from "../App.vue.js";
 /* empty css          */
-import { useAppState as l } from "../app-state.js";
-import { ROUTES as i } from "./routes.js";
-const f = (t) => t === "web" ? p({ history: n(), routes: i }) : p({ history: m(), routes: i }), g = (t, { layout: r = "desktop", plugins: s }) => {
-  const o = f(r), a = l(o), e = c(u, { layout: r, plugins: s, getAppState: () => a });
+import { useAppState as d } from "../app-state.js";
+import { ROUTES as m } from "./routes.js";
+import { useCommandPaletteState as f } from "../../command-palette/hooks/use-command-palette-state.js";
+const A = (t) => t === "web" ? p({ history: n(), routes: m }) : p({ history: u(), routes: m }), R = (t, { layout: r = "desktop", plugins: i }) => {
+  const o = A(r), a = d(o), s = f(), e = c(l, {
+    layout: r,
+    plugins: i,
+    getAppState: () => a,
+    getCommandPaletteState: () => s
+  });
   if (e.use(o), !t) {
     console.error(
       "[@scalar/api-client-modal] Could not create the API client.",
@@ -20,6 +26,6 @@ const f = (t) => t === "web" ? p({ history: n(), routes: i }) : p({ history: m()
   };
 };
 export {
-  g as createApiClientApp,
-  f as createAppRouter
+  R as createApiClientApp,
+  A as createAppRouter
 };

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

@@ -1,6 +1,7 @@
 export { type AppState, useAppState } from '../../../v2/features/app/app-state.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';
 export { default as ClientApp } from './App.vue.js';
 export { createApiClientApp, createAppRouter } from './helpers/create-api-client-app.js';
 //# sourceMappingURL=index.d.ts.map

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,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,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,10 +1,14 @@
-import { useAppState as r } from "./app-state.js";
-import { default as a } from "./App.vue.js";
+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";
 /* empty css         */
-import { createApiClientApp as f, createAppRouter as i } from "./helpers/create-api-client-app.js";
+import { createApiClientApp as l, createAppRouter as n } from "./helpers/create-api-client-app.js";
 export {
-  a as ClientApp,
-  f as createApiClientApp,
-  i as createAppRouter,
-  r as useAppState
+  A as ClientApp,
+  a as baseClientActions,
+  m as baseRoutes,
+  l as createApiClientApp,
+  n as createAppRouter,
+  o as useAppState,
+  s as useCommandPaletteState
 };

package/dist/v2/features/command-palette/{components/TheCommandPalette.vue.d.ts → TheCommandPalette.vue.d.ts}

@@ -1,6 +1,6 @@
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { UseCommandPaletteStateReturn } from '../../../../v2/features/command-palette/hooks/use-command-palette-state.js';
+import type { CommandPaletteState } from './hooks/use-command-palette-state.js';
 /**
  * The Command Palette Component
  *
@@ -24,14 +24,14 @@ import type { UseCommandPaletteStateReturn } from '../../../../v2/features/comma
  */
 declare const _default: import("vue").DefineComponent<{
     /** The command palette state management hook */
-    paletteState: UseCommandPaletteStateReturn;
+    paletteState: CommandPaletteState;
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
     /** Event bus for emitting workspace events */
     eventBus: WorkspaceEventBus;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /** The command palette state management hook */
-    paletteState: UseCommandPaletteStateReturn;
+    paletteState: CommandPaletteState;
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
     /** Event bus for emitting workspace events */

package/dist/v2/features/command-palette/TheCommandPalette.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/TheCommandPalette.vue"],"names":[],"mappings":"AAkWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AAWvC,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,mCAAmC,CAAA;AAG1C;;;;;;;;;;;;;;;;;;;;GAoBG;;IAGD,gDAAgD;kBAClC,mBAAmB;IACjC,iEAAiE;oBACjD,cAAc;IAC9B,8CAA8C;cACpC,iBAAiB;;IAL3B,gDAAgD;kBAClC,mBAAmB;IACjC,iEAAiE;oBACjD,cAAc;IAC9B,8CAA8C;cACpC,iBAAiB;;AAP7B,wBA+bC"}

package/dist/v2/features/command-palette/TheCommandPalette.vue.js

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

package/dist/v2/features/command-palette/TheCommandPalette.vue2.js

@@ -0,0 +1,152 @@
+import { defineComponent as V, ref as E, computed as f, watch as K, onBeforeMount as R, onBeforeUnmount as X, createBlock as v, openBlock as l, unref as r, withCtx as p, createElementVNode as u, createVNode as i, createElementBlock as s, createTextVNode as I, createCommentVNode as S, withKeys as x, withModifiers as C, Fragment as h, renderList as B, withDirectives as Q, toDisplayString as D, vShow as A, normalizeClass as F, resolveDynamicComponent as O, mergeProps as G, nextTick as H } from "vue";
+import { Dialog as U, DialogPanel as W, DialogTitle as $ } from "@headlessui/vue";
+import { ScalarIconMagnifyingGlass as j, ScalarIconCaretLeft as q } from "@scalar/icons";
+import { useRouter as J } from "vue-router";
+const Y = {
+  key: 0,
+  class: "custom-scroll max-h-[50dvh] min-h-0 flex-1 rounded-lg p-1.5"
+}, Z = { class: "bg-b-2 focus-within:bg-b-1 sticky top-0 flex items-center rounded-md border border-transparent pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:border-(--scalar-background-3)" }, _ = { for: "commandmenu" }, ee = ["value", "onKeydown"], te = ["id", "onClick"], ne = {
+  key: 0,
+  class: "text-c-3 p-2 pt-3 text-center text-sm"
+}, ae = {
+  key: 1,
+  class: "flex-1 p-1.5"
+}, oe = {}, de = /* @__PURE__ */ V({
+  ...oe,
+  __name: "TheCommandPalette",
+  props: {
+    paletteState: {},
+    workspaceStore: {},
+    eventBus: {}
+  },
+  setup(e) {
+    const T = J(), c = E(-1), b = E(null), d = f(
+      () => e.paletteState.filteredCommands.value.flatMap((t) => t.commands)
+    ), m = f(
+      () => d.value[c.value]
+    );
+    K(
+      () => e.paletteState.filterQuery.value,
+      (t) => {
+        c.value = t && d.value.length > 0 ? 0 : -1;
+      }
+    );
+    const z = (t) => {
+      e.paletteState.setFilterQuery(t), t.trim().toLowerCase().startsWith("curl") && e.paletteState.open("import-curl-command", { inputValue: t });
+    }, k = (t, a) => {
+      if (!e.paletteState.isOpen.value)
+        return;
+      a.preventDefault();
+      const n = t === "up" ? -1 : 1, o = d.value.length;
+      c.value = (c.value + n + o) % o;
+    }, L = (t) => {
+      !m.value || e.paletteState.activeCommand.value || (t.preventDefault(), t.stopPropagation(), y(m.value));
+    }, y = (t) => {
+      if ("to" in t) {
+        T.push(t.to), w();
+        return;
+      }
+      e.paletteState.open(t.id, {});
+    }, g = () => {
+      e.paletteState.reset(), H(() => b.value?.focus());
+    }, P = () => {
+      e.paletteState.close();
+    }, w = () => {
+      e.paletteState.close(), c.value = -1;
+    }, M = f(() => ({
+      workspaceStore: e.workspaceStore,
+      eventBus: e.eventBus,
+      ...e.paletteState.activeCommandProps.value
+    })), N = (t) => {
+      t ? e.paletteState.open(t.action, t.payload) : e.paletteState.open();
+    };
+    return R(() => e.eventBus.on("ui:open:command-palette", N)), X(() => e.eventBus.off("ui:open:command-palette", N)), (t, a) => (l(), v(r(U), {
+      open: e.paletteState.isOpen.value,
+      onClose: w
+    }, {
+      default: p(() => [
+        a[4] || (a[4] = u("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
+        i(r(W), { class: "commandmenu z-overlay flex flex-col" }, {
+          default: p(() => [
+            i(r($), { class: "sr-only" }, {
+              default: p(() => [...a[3] || (a[3] = [
+                I("API Client Command Menu", -1)
+              ])]),
+              _: 1
+            }),
+            e.paletteState.activeCommand.value ? (l(), s("div", ae, [
+              u("button", {
+                class: "hover:bg-b-3 text-c-3 active:text-c-1 absolute z-1 mt-[0.5px] rounded p-1.5",
+                type: "button",
+                onClick: g
+              }, [
+                i(r(q), { size: "md" })
+              ]),
+              e.paletteState.activeCommand.value ? (l(), v(O(e.paletteState.activeCommand.value.component), G({ key: 0 }, M.value, {
+                onBack: g,
+                onClose: P
+              }), null, 16)) : S("", !0)
+            ])) : (l(), s("div", Y, [
+              u("div", Z, [
+                u("label", _, [
+                  i(r(j), {
+                    class: "text-c-2 mr-2.5",
+                    size: "md",
+                    thickness: "1.5"
+                  })
+                ]),
+                u("input", {
+                  id: "commandmenu",
+                  ref_key: "commandInputRef",
+                  ref: b,
+                  autocomplete: "off",
+                  autofocus: "",
+                  class: "w-full rounded border-none bg-none py-1.5 text-sm focus:outline-none",
+                  placeholder: "Search commands...",
+                  type: "text",
+                  value: e.paletteState.filterQuery.value,
+                  onInput: a[0] || (a[0] = (n) => z(n.target.value)),
+                  onKeydown: [
+                    a[1] || (a[1] = x(C((n) => k("down", n), ["stop"]), ["down"])),
+                    x(C(L, ["stop"]), ["enter"]),
+                    a[2] || (a[2] = x(C((n) => k("up", n), ["stop"]), ["up"]))
+                  ]
+                }, null, 40, ee)
+              ]),
+              (l(!0), s(h, null, B(e.paletteState.filteredCommands.value, (n) => (l(), s(h, {
+                key: n.label || "100"
+              }, [
+                Q(u("div", { class: "text-c-3 mt-2 mb-1 px-2 text-xs font-medium" }, D(n.label), 513), [
+                  [A, n.commands.length > 0]
+                ]),
+                (l(!0), s(h, null, B(n.commands, (o) => (l(), s("button", {
+                  id: o.id,
+                  key: o.id,
+                  class: F(["commandmenu-item hover:bg-b-2 flex w-full cursor-pointer items-center rounded px-2 py-1.5 text-left text-sm", {
+                    "bg-b-2": o.id === m.value?.id
+                  }]),
+                  type: "button",
+                  onClick: (se) => y(o)
+                }, [
+                  "icon" in o ? (l(), v(O(o.icon), {
+                    key: 0,
+                    class: "text-c-2 mr-2.5",
+                    size: "md",
+                    thickness: "1.5"
+                  })) : S("", !0),
+                  I(" " + D(o.name), 1)
+                ], 10, te))), 128))
+              ], 64))), 128)),
+              e.paletteState.filteredCommands.value.flatMap((n) => n.commands).length ? S("", !0) : (l(), s("div", ne, " No commands found "))
+            ]))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+});
+export {
+  de as default
+};

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.d.ts

@@ -1,4 +1,5 @@
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 /**
  * Command Palette Import Component
  *
@@ -20,13 +21,19 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 declare const _default: import("vue").DefineComponent<{
     /** The workspace store for adding documents */
     workspaceStore: WorkspaceStore;
+    /** Event bus for emitting operation creation events */
+    eventBus: WorkspaceEventBus;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    [x: string]: any;
+    close: () => any;
+    back: (keyboardEvent: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<{
     /** The workspace store for adding documents */
     workspaceStore: WorkspaceStore;
+    /** Event bus for emitting operation creation events */
+    eventBus: WorkspaceEventBus;
 }> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=CommandPaletteImport.vue.d.ts.map

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"names":[],"mappings":"AAmYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAmBpE;;;;;;;;;;;;;;;;;GAiBG;;IAMD,+CAA+C;oBAC/B,cAAc;;;;IAD9B,+CAA+C;oBAC/B,cAAc;;;;AANhC,wBAogBC"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"names":[],"mappings":"AAwYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAkBvE;;;;;;;;;;;;;;;;;GAiBG;;IAMD,+CAA+C;oBAC/B,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;;;;;IAH3B,+CAA+C;oBAC/B,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;;;;;AAR7B,wBAygBC"}