@scalar/api-client 2.12.0 → 2.13.0

package/dist/v2/features/command-palette/hooks/use-command-palette-state.d.ts

@@ -0,0 +1,202 @@
+import type { Icon as IconType } from '@scalar/components';
+import { type ComputedRef, type Ref } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+/** Base properties shared by all command types (internal) */
+type CommandBase = {
+    /** Unique identifier for the command */
+    id: string;
+    /** Display name shown in the command palette */
+    name: string;
+};
+type FolderCommand = CommandBase & {
+    type: 'folder';
+    icon: IconType;
+    /** Props for the command */
+    props?: Record<string, unknown>;
+};
+type HiddenFolderCommand = CommandBase & {
+    type: 'hidden-folder';
+    /** Props for the command */
+    props?: Record<string, unknown>;
+};
+type RouteCommand = CommandBase & {
+    type: 'route';
+    to: RouteLocationRaw;
+    icon: IconType;
+};
+/**
+ * Represents a single command in the command palette.
+ * Commands can be folders (open sub-actions), routes (navigate), or hidden folders.
+ */
+export type Command = FolderCommand | RouteCommand | HiddenFolderCommand;
+/**
+ * A group of related commands with a label.
+ * Used to organize commands into categories in the palette.
+ */
+export type CommandGroup = {
+    /** Label for the command group (empty string for unlabeled groups) */
+    label: string;
+    /** List of commands in this group */
+    commands: Command[];
+};
+/**
+ * Available commands in the command palette.
+ * Organized into groups for better UX and discoverability.
+ */
+export declare const commands: [{
+    readonly label: "";
+    readonly commands: [{
+        readonly type: "folder";
+        readonly id: "import-from-openapi-swagger-postman-curl";
+        readonly name: "Import from OpenAPI/Swagger/Postman/cURL";
+        readonly icon: "Import";
+    }, {
+        readonly type: "folder";
+        readonly id: "create-document";
+        readonly name: "Create Document";
+        readonly icon: "Collection";
+    }, {
+        readonly type: "folder";
+        readonly id: "add-tag";
+        readonly name: "Add Tag";
+        readonly icon: "Folder";
+    }, {
+        readonly type: "folder";
+        readonly id: "create-request";
+        readonly name: "Create Request";
+        readonly icon: "ExternalLink";
+    }, {
+        readonly type: "folder";
+        readonly id: "add-example";
+        readonly name: "Add Example";
+        readonly icon: "Example";
+    }, {
+        readonly type: "hidden-folder";
+        readonly id: "import-curl-command";
+        readonly name: "Import cURL Command";
+        readonly props: {
+            curl: string;
+        };
+    }];
+}, {
+    readonly label: "Pages";
+    readonly commands: [{
+        readonly type: "route";
+        readonly id: "environment";
+        readonly name: "Environment";
+        readonly icon: "Brackets";
+        readonly to: {
+            readonly name: "workspace.environment";
+        };
+    }, {
+        readonly type: "route";
+        readonly id: "cookies";
+        readonly name: "Cookies";
+        readonly icon: "Cookie";
+        readonly to: {
+            readonly name: "workspace.cookies";
+        };
+    }, {
+        readonly type: "route";
+        readonly id: "settings";
+        readonly name: "Settings";
+        readonly icon: "Settings";
+        readonly to: {
+            readonly name: "workspace.settings";
+        };
+    }];
+}];
+type FlatCommand = (typeof commands)[number]['commands'][number];
+export type FolderCommandIds = Extract<FlatCommand, {
+    type: 'folder';
+}>['id'];
+export type HiddenFolderCommandIds = Extract<FlatCommand, {
+    type: 'hidden-folder';
+}>['id'];
+/** Command IDs that map to UI components (folder and hidden-folder types) */
+export type UiCommandIds = FolderCommandIds | HiddenFolderCommandIds;
+/**
+ * Maps each command ID to its respective props type.
+ * If a command has no props defined, it maps to undefined.
+ *
+ * This is used by the type system to validate that command components
+ * accept the correct props for their respective command IDs.
+ */
+export type CommandPropsMap = {
+    [K in UiCommandIds]: Extract<FlatCommand, {
+        id: K;
+    }> extends {
+        props: infer P;
+    } ? P : undefined;
+};
+/**
+ * Type for the open function in the command palette.
+ * Supports two usage patterns:
+ * - open() - Opens the palette without a specific command
+ * - open(commandId) - Opens a command that does not require props
+ * - open(commandId, props) - Opens a command with required props
+ */
+export type OpenCommand = {
+    (): void;
+    <T extends UiCommandIds>(commandId: T, props: CommandPropsMap[T]): void;
+};
+export type OpenCommandEvent = <T extends UiCommandIds>(event: 'open-command', commandId: T, ...args: CommandPropsMap[T] extends undefined ? [] : [props: CommandPropsMap[T]]) => void;
+/**
+ * Return type for the useCommandPaletteState composable.
+ * Provides reactive state and methods to control the command palette.
+ */
+export type UseCommandPaletteStateReturn = {
+    /** Whether the command palette is currently open */
+    isOpen: Ref<boolean>;
+    /** The currently active command, or null if showing the main list */
+    activeCommand: Ref<UiCommandIds | null>;
+    /** Properties passed to the active command component */
+    activeCommandProps: Ref<Record<string, unknown> | null>;
+    /** Current filter/search query for filtering commands */
+    filterQuery: Ref<string>;
+    /** Filtered commands based on the current search query */
+    filteredCommands: ComputedRef<readonly CommandGroup[]>;
+    /**
+     * Opens the command palette, optionally with a specific command active.
+     * When opening a command, props are required only if the command defines them.
+     */
+    open: OpenCommand;
+    /** Closes the command palette and resets state */
+    close: () => void;
+    /** Updates the filter query for searching commands */
+    setFilterQuery: (query: string) => void;
+    /** Resets all state to initial values */
+    reset: () => void;
+};
+/**
+ * Composable for managing command palette state.
+ *
+ * Centralizes all state management for the command palette including:
+ * - Open/closed state
+ * - Filter/search query
+ * - Command filtering logic
+ *
+ * @example
+ * const palette = useCommandPaletteState()
+ *
+ * // Open the palette
+ * palette.open()
+ *
+ * // Open with a specific command
+ * palette.open('create-document')
+ *
+ * // Open with command props
+ * palette.open('import-curl-command', { curl: 'curl https://api.example.com' })
+ *
+ * // Update filter query (automatically filters commands)
+ * palette.setFilterQuery('import')
+ *
+ * // Access filtered results
+ * console.log(palette.filteredCommands.value)
+ *
+ * // Close and reset
+ * palette.close()
+ */
+export declare const useCommandPaletteState: () => UseCommandPaletteStateReturn;
+export {};
+//# sourceMappingURL=use-command-palette-state.d.ts.map

package/dist/v2/features/command-palette/hooks/use-command-palette-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-command-palette-state.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/hooks/use-command-palette-state.ts"],"names":[],"mappings":"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"}

package/dist/v2/features/command-palette/hooks/use-command-palette-state.js

@@ -0,0 +1,109 @@
+import { useModal as y } from "@scalar/components";
+import { ref as m, computed as i } from "vue";
+const g = () => null, v = [
+  {
+    label: "",
+    commands: [
+      {
+        type: "folder",
+        id: "import-from-openapi-swagger-postman-curl",
+        name: "Import from OpenAPI/Swagger/Postman/cURL",
+        icon: "Import"
+      },
+      {
+        type: "folder",
+        id: "create-document",
+        name: "Create Document",
+        icon: "Collection"
+      },
+      {
+        type: "folder",
+        id: "add-tag",
+        name: "Add Tag",
+        icon: "Folder"
+      },
+      {
+        type: "folder",
+        id: "create-request",
+        name: "Create Request",
+        icon: "ExternalLink"
+      },
+      {
+        type: "folder",
+        id: "add-example",
+        name: "Add Example",
+        icon: "Example"
+      },
+      /** Hidden commands accessible programmatically but not shown in UI */
+      {
+        type: "hidden-folder",
+        id: "import-curl-command",
+        name: "Import cURL Command",
+        props: g()
+      }
+    ]
+  },
+  {
+    label: "Pages",
+    commands: [
+      {
+        type: "route",
+        id: "environment",
+        name: "Environment",
+        icon: "Brackets",
+        to: {
+          name: "workspace.environment"
+        }
+      },
+      {
+        type: "route",
+        id: "cookies",
+        name: "Cookies",
+        icon: "Cookie",
+        to: {
+          name: "workspace.cookies"
+        }
+      },
+      {
+        type: "route",
+        id: "settings",
+        name: "Settings",
+        icon: "Settings",
+        to: {
+          name: "workspace.settings"
+        }
+      }
+    ]
+  }
+], w = () => {
+  const n = y(), t = m(""), a = m(null), r = m(null), c = i(() => n.open), d = i(() => {
+    const e = t.value.toLowerCase().trim();
+    return v.map((o) => ({
+      label: o.label,
+      commands: o.commands.filter((s) => s.type === "hidden-folder" ? !1 : e ? s.name.toLowerCase().includes(e) : !0)
+    })).filter((o) => o.commands.length > 0);
+  }), p = (e, ...o) => {
+    e && (a.value = e, r.value = o[0] ?? null), n.show();
+  }, u = () => {
+    n.hide(), l();
+  }, f = (e) => {
+    t.value = e;
+  }, l = () => {
+    t.value = "", a.value = null, r.value = null;
+  };
+  return {
+    isOpen: c,
+    activeCommand: a,
+    activeCommandProps: r,
+    filterQuery: t,
+    filteredCommands: d,
+    open: p,
+    close: u,
+    setFilterQuery: f,
+    reset: l
+  };
+};
+export {
+  v as commands,
+  w as useCommandPaletteState
+};

package/dist/v2/features/command-palette/types.d.ts

@@ -0,0 +1,82 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { AllowedComponentProps, Component, VNodeProps } from 'vue';
+import type { CommandPropsMap, OpenCommandEvent, UiCommandIds } from '../../../v2/features/command-palette/hooks/use-command-palette-state.js';
+/**
+ * Default props that all command components receive.
+ * These are injected automatically by the command palette.
+ */
+export type DefaultCommandProps = {
+    /** The workspace store for accessing documents and operations */
+    workspaceStore: WorkspaceStore;
+    /** Event bus for emitting workspace events */
+    eventBus: WorkspaceEventBus;
+    /** Function to open a command */
+    'onOpen-command': OpenCommandEvent;
+};
+/** Helper type to make all properties writable */
+export type Writable<T> = {
+    -readonly [K in keyof T]: T[K];
+};
+/**
+ * Extracts the props type from a Vue component.
+ * Strips out VNode and Vue-specific props to get only user-defined props.
+ */
+export type ComponentProps<C extends Component> = C extends new (...args: any) => {
+    $props: infer P;
+} ? Omit<P, keyof VNodeProps | keyof AllowedComponentProps> : never;
+/**
+ * Maps command IDs to their actual component props.
+ * Used for validating that components accept the correct props.
+ */
+export type CommandComponentPropsMap<T extends Record<string, Component>> = {
+    [K in keyof T]: ComponentProps<T[K]>;
+};
+/**
+ * Maps command IDs to their expected props (default props + command-specific props).
+ * This is what each command component should accept.
+ */
+export type ExpectedCommandComponentPropsMap = {
+    [K in UiCommandIds]: DefaultCommandProps & (CommandPropsMap[K] extends undefined ? unknown : CommandPropsMap[K]);
+};
+/** Helper type to flatten and display complex types in IDE tooltips */
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+/**
+ * Type-level assertion that compares actual component props with expected props.
+ * Returns 'valid' if they match, otherwise returns a detailed debug object.
+ *
+ * Using literals prevents union collapse (true | never = true, but 'valid' | object stays distinct).
+ */
+export type AssertPropsMatch<Actual, Expected> = [Actual] extends [Expected] ? 'valid' : {
+    status: 'invalid';
+    actual: Prettify<Actual>;
+    expected: Prettify<Expected>;
+    missingProps: Prettify<Exclude<keyof Expected, keyof Actual>>;
+};
+/**
+ * Validates that all command components have the correct props.
+ * This type is used at the type-checking level to ensure type safety.
+ */
+export type CommandComponentPropsCheck<T extends Record<string, Component>> = {
+    [K in UiCommandIds]: AssertPropsMatch<Writable<CommandComponentPropsMap<T>[K]>, Partial<ExpectedCommandComponentPropsMap[K]>>;
+};
+/** All validation results for command components */
+export type PropsCheckResults<T extends Record<string, Component>> = CommandComponentPropsCheck<T>[keyof CommandComponentPropsCheck<T>];
+/**
+ * Filter to show only invalid components.
+ * Makes error messages clearer by excluding valid components.
+ */
+export type InvalidComponents<T extends Record<string, Component>> = {
+    [K in keyof CommandComponentPropsCheck<T> as CommandComponentPropsCheck<T>[K] extends 'valid' ? never : K]: CommandComponentPropsCheck<T>[K];
+};
+/**
+ * Final assertion type that shows only errors.
+ * If all components are valid, evaluates to 'valid'.
+ * If any component is invalid, shows only the invalid ones.
+ */
+export type AssertAllValid<T extends Record<string, Component>> = PropsCheckResults<T> extends 'valid' ? PropsCheckResults<T> extends {
+    status: 'invalid';
+} ? Prettify<InvalidComponents<T>> : PropsCheckResults<T> : Prettify<InvalidComponents<T>>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/types.ts"],"names":[],"mappings":"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"}

package/dist/v2/features/operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAgHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAIlE;;;;;;;GAOG;;AACH,wBAkKC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAIlE;;;;;;;GAOG;;AACH,wBA4KC"}

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

@@ -1,13 +1,13 @@
-import { defineComponent as v, computed as r, createBlock as h, createElementBlock as y, openBlock as s, unref as a, createElementVNode as p } from "vue";
-import { getResolvedRef as f } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { useRouter as S } from "vue-router";
+import { defineComponent as v, computed as r, onMounted as y, createBlock as h, createElementBlock as f, openBlock as s, unref as u, createElementVNode as p } from "vue";
+import { getResolvedRef as S } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { useRouter as B } from "vue-router";
 import { getSecurityRequirements as k } from "./helpers/get-security-requirements.js";
-import B from "../../blocks/operation-block/OperationBlock.vue.js";
-const R = {
+import R from "../../blocks/operation-block/OperationBlock.vue.js";
+const g = {
   key: 1,
   class: "flex h-full w-full items-center justify-center"
-}, g = {}, P = /* @__PURE__ */ v({
-  ...g,
+}, N = {}, q = /* @__PURE__ */ v({
+  ...N,
   __name: "Operation",
   props: {
     documentSlug: {},
@@ -22,24 +22,28 @@ const R = {
     activeWorkspace: {}
   },
   setup(e) {
-    const o = r(
-      () => e.path && e.method ? f(e.document?.paths?.[e.path]?.[e.method]) : void 0
-    ), u = r(
-      () => k(e.document, o.value)
+    const n = r(
+      () => e.path && e.method ? S(e.document?.paths?.[e.path]?.[e.method]) : void 0
+    ), a = r(
+      () => k(e.document, n.value)
     ), m = r(
       () => e.document?.servers?.find(
         ({ url: t }) => t === e.document?.["x-scalar-selected-server"]
       ) ?? null
-    ), c = r(() => e.document?.["x-scalar-set-operation-security"] ? o.value?.["x-scalar-selected-security"] : e.document?.["x-scalar-selected-security"]), l = r(() => e.document?.["x-scalar-set-operation-security"] ? {
+    );
+    y(() => {
+      typeof e.document?.["x-scalar-selected-server"] > "u" && e.document?.servers?.[0]?.url && e.eventBus.emit("server:update:selected", { url: e.document.servers[0].url });
+    });
+    const c = r(() => e.document?.["x-scalar-set-operation-security"] ? n.value?.["x-scalar-selected-security"] : e.document?.["x-scalar-selected-security"]), l = r(() => e.document?.["x-scalar-set-operation-security"] ? {
       type: "operation",
       path: e.path ?? "",
       method: e.method ?? "get"
     } : {
       type: "document"
-    }), i = "2.12.0", d = S();
-    return (t, n) => t.path && t.method && t.exampleName && o.value ? (s(), h(a(B), {
+    }), i = "2.13.0", d = B();
+    return (t, o) => t.path && t.method && t.exampleName && n.value ? (s(), h(u(R), {
       key: 0,
-      appVersion: a(i),
+      appVersion: u(i),
       authMeta: l.value,
       environment: t.environment,
       eventBus: t.eventBus,
@@ -47,21 +51,21 @@ const R = {
       history: [],
       layout: t.layout,
       method: t.method,
-      operation: o.value,
+      operation: n.value,
       path: t.path,
       plugins: [],
-      security: u.value,
+      security: a.value,
       securitySchemes: t.document?.components?.securitySchemes ?? {},
       selectedSecurity: c.value,
       server: m.value,
       servers: t.document?.servers ?? [],
       totalPerformedRequests: 0,
-      "onUpdate:servers": n[0] || (n[0] = (N) => a(d).push({ name: "document.servers" }))
-    }, null, 8, ["appVersion", "authMeta", "environment", "eventBus", "exampleKey", "layout", "method", "operation", "path", "security", "securitySchemes", "selectedSecurity", "server", "servers"])) : (s(), y("div", R, [...n[1] || (n[1] = [
+      "onUpdate:servers": o[0] || (o[0] = (x) => u(d).push({ name: "document.servers" }))
+    }, null, 8, ["appVersion", "authMeta", "environment", "eventBus", "exampleKey", "layout", "method", "operation", "path", "security", "securitySchemes", "selectedSecurity", "server", "servers"])) : (s(), f("div", g, [...o[1] || (o[1] = [
       p("span", { class: "text-c-3" }, "Select an operation to view details", -1)
     ])]));
   }
 });
 export {
-  P as default
+  q as default
 };

package/dist/v2/helpers/drag-handle-factory.d.ts

@@ -1,5 +1,4 @@
-import type { DraggingItem, HoveredItem } from '@scalar/draggable';
-import { type SidebarState } from '@scalar/sidebar';
+import type { DraggingItem, HoveredItem, SidebarState } from '@scalar/sidebar';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
 import { type MaybeRefOrGetter } from 'vue';

package/dist/v2/helpers/drag-handle-factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle-factory.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/drag-handle-factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGlE,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,iBAAiB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAIpE,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,4CAA4C,CAAA;AAInD,OAAO,EAAE,KAAK,gBAAgB,EAAW,MAAM,KAAK,CAAA;AA6XpD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,kCAG/B;IACD,KAAK,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAC3C;mCAKuC,YAAY,gBAAgB,WAAW,KAAG,OAAO;iCA2DnD,YAAY,gBAAgB,WAAW,KAAG,OAAO;CAwEtF,CAAA"}
+{"version":3,"file":"drag-handle-factory.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/drag-handle-factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAc,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC1F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAIpE,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,4CAA4C,CAAA;AAGnD,OAAO,EAAE,KAAK,gBAAgB,EAAW,MAAM,KAAK,CAAA;AA+SpD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,kCAG/B;IACD,KAAK,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC9C,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAC3C;mCAKuC,YAAY,gBAAgB,WAAW,KAAG,OAAO;iCA2DnD,YAAY,gBAAgB,WAAW,KAAG,OAAO;CAwEtF,CAAA"}