@scalar/api-client 2.38.3 → 2.39.0

package/dist/v2/helpers/get-tab-details.js

@@ -0,0 +1,54 @@
+//#region src/v2/helpers/get-tab-details.ts
+/**
+* Returns display details for a tab in the API client UI.
+* Determines the title and icon to use based on workspace, document, path, and method.
+*
+* - If no workspace is provided, returns { title: 'Untitled Tab' }.
+* - If document is present, attempts to fetch an entry using getEntryByLocation, and returns:
+*    - { title: entry.title, icon: 'document' } for document entry types,
+*    - { title: entry.title, icon: 'request' } for all other types,
+*    - If no entry found, returns { title: 'Untitled Tab' }.
+* - If neither document nor entry is available, returns { title: 'Workspace' }.
+*
+* Example:
+* ```
+* const result = getTabDetails({
+*   workspace: "main",
+*   document: "doc1",
+*   path: "/users",
+*   method: "get",
+*   getEntryByLocation: ({ document, path, method }) => {
+*     // Mock lookup:
+*     if (document === "doc1" && path === "/users") {
+*       return { type: "document", title: "Users" }
+*     }
+*     return null
+*   }
+* })
+* // result: { title: "Users", icon: "document" }
+* ```
+*/
+var getTabDetails = ({ workspace, document, path, method, getEntryByLocation }) => {
+	if (!workspace) return { title: "Untitled Tab" };
+	if (document) {
+		const entry = getEntryByLocation({
+			document,
+			path,
+			method
+		});
+		if (!entry) return { title: "Untitled Tab" };
+		if (entry.type === "document") return {
+			title: entry.title,
+			icon: "document"
+		};
+		return {
+			title: entry.title,
+			icon: "request"
+		};
+	}
+	return { title: "Workspace" };
+};
+//#endregion
+export { getTabDetails };
+
+//# sourceMappingURL=get-tab-details.js.map

package/dist/v2/helpers/get-tab-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-tab-details.js","names":[],"sources":["../../../src/v2/helpers/get-tab-details.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\n\nimport type { GetEntryByLocation } from '@/v2/features/app/app-state'\n\n/**\n * Returns display details for a tab in the API client UI.\n * Determines the title and icon to use based on workspace, document, path, and method.\n *\n * - If no workspace is provided, returns { title: 'Untitled Tab' }.\n * - If document is present, attempts to fetch an entry using getEntryByLocation, and returns:\n *    - { title: entry.title, icon: 'document' } for document entry types,\n *    - { title: entry.title, icon: 'request' } for all other types,\n *    - If no entry found, returns { title: 'Untitled Tab' }.\n * - If neither document nor entry is available, returns { title: 'Workspace' }.\n *\n * Example:\n * ```\n * const result = getTabDetails({\n *   workspace: \"main\",\n *   document: \"doc1\",\n *   path: \"/users\",\n *   method: \"get\",\n *   getEntryByLocation: ({ document, path, method }) => {\n *     // Mock lookup:\n *     if (document === \"doc1\" && path === \"/users\") {\n *       return { type: \"document\", title: \"Users\" }\n *     }\n *     return null\n *   }\n * })\n * // result: { title: \"Users\", icon: \"document\" }\n * ```\n */\nexport const getTabDetails = ({\n  workspace,\n  document,\n  path,\n  method,\n  getEntryByLocation,\n}: {\n  workspace?: string\n  document?: string\n  path?: string\n  method?: HttpMethod\n  getEntryByLocation: GetEntryByLocation\n}): { title: string; icon?: Tab['icon'] } => {\n  if (!workspace) {\n    return {\n      title: 'Untitled Tab',\n    }\n  }\n\n  if (document) {\n    const entry = getEntryByLocation({\n      document,\n      path,\n      method,\n    })\n\n    if (!entry) {\n      return {\n        title: 'Untitled Tab',\n      }\n    }\n\n    if (entry.type === 'document') {\n      return {\n        title: entry.title,\n        icon: 'document',\n      }\n    }\n\n    return {\n      title: entry.title,\n      icon: 'request',\n    }\n  }\n\n  return {\n    title: 'Workspace',\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAa,iBAAiB,EAC5B,WACA,UACA,MACA,QACA,yBAO2C;AAC3C,KAAI,CAAC,UACH,QAAO,EACL,OAAO,gBACR;AAGH,KAAI,UAAU;EACZ,MAAM,QAAQ,mBAAmB;GAC/B;GACA;GACA;GACD,CAAC;AAEF,MAAI,CAAC,MACH,QAAO,EACL,OAAO,gBACR;AAGH,MAAI,MAAM,SAAS,WACjB,QAAO;GACL,OAAO,MAAM;GACb,MAAM;GACP;AAGH,SAAO;GACL,OAAO,MAAM;GACb,MAAM;GACP;;AAGH,QAAO,EACL,OAAO,aACR"}

package/dist/v2/helpers/handle-hotkeys.d.ts

@@ -1,5 +1,5 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { ClientLayout } from '@/v2/types/layout';
+import type { ClientLayout } from '../../v2/types/layout';
 /**
  * Handles global keyboard shortcuts.
  * Checks modifier keys and input context before emitting events.

package/dist/v2/helpers/handle-hotkeys.js

@@ -0,0 +1,151 @@
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
+//#region src/v2/helpers/handle-hotkeys.ts
+/** Default hotkeys available in most contexts */
+var DEFAULT_HOTKEYS = {
+	Enter: {
+		event: "operation:send:request:hotkey",
+		modifiers: ["default"]
+	},
+	b: {
+		event: "ui:toggle:sidebar",
+		modifiers: ["default"]
+	},
+	k: {
+		event: "ui:open:command-palette",
+		modifiers: ["default"]
+	},
+	l: {
+		event: "ui:focus:address-bar",
+		modifiers: ["default"]
+	}
+};
+/** Hotkey map by layout, we can allow the user to override this later */
+var HOTKEYS = {
+	web: DEFAULT_HOTKEYS,
+	modal: {
+		...DEFAULT_HOTKEYS,
+		Escape: {
+			event: "ui:close:client-modal",
+			modifiers: []
+		},
+		l: {
+			event: "ui:focus:send-button",
+			modifiers: ["default"]
+		}
+	},
+	desktop: {
+		...DEFAULT_HOTKEYS,
+		f: {
+			event: "ui:focus:search",
+			modifiers: ["default"]
+		},
+		n: {
+			event: "ui:open:command-palette",
+			modifiers: ["default"]
+		},
+		t: {
+			event: "tabs:add:tab",
+			modifiers: ["default"]
+		},
+		w: {
+			event: "tabs:close:tab",
+			modifiers: ["default"]
+		},
+		ArrowLeft: {
+			event: "tabs:navigate:previous",
+			modifiers: ["default", "altKey"]
+		},
+		ArrowRight: {
+			event: "tabs:navigate:next",
+			modifiers: ["default", "altKey"]
+		},
+		1: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		2: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		3: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		4: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		5: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		6: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		7: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		8: {
+			event: "tabs:focus:tab",
+			modifiers: ["default"]
+		},
+		9: {
+			event: "tabs:focus:tab-last",
+			modifiers: ["default"]
+		}
+	}
+};
+/** Keys that should work in input fields when the modifier is pressed */
+var INPUT_ALLOWED_KEYS = new Set([
+	"Escape",
+	"ArrowDown",
+	"ArrowUp",
+	"Enter"
+]);
+/**
+* Checks if all required modifiers are pressed.
+* Resolves 'default' to metaKey (macOS) or ctrlKey (Windows/Linux).
+*/
+var areModifiersPressed = (event, modifiers) => modifiers.length > 0 && modifiers.map((modifier) => modifier === "default" ? isMacOS() ? "metaKey" : "ctrlKey" : modifier).every((key) => event[key] === true);
+/**
+* Determines if the event target is an editable element where hotkeys should be blocked.
+* Returns true if we should block the hotkey, false otherwise.
+*/
+var isEditableElement = (event, key) => {
+	if (!(event.target instanceof HTMLElement)) return false;
+	const target = event.target;
+	if (target.tagName === "INPUT") return !INPUT_ALLOWED_KEYS.has(key);
+	return target.tagName === "TEXTAREA" || target.contentEditable === "true" || target.hasAttribute("contenteditable");
+};
+/**
+* Handles global keyboard shortcuts.
+* Checks modifier keys and input context before emitting events.
+*
+* @param event - the keyboard event
+* @param eventBus - event bus for emitting hotkey actions
+* @param layout - client layout
+*/
+var handleHotkeys = (event, eventBus, layout) => {
+	/** Special case for space */
+	const key = event.key === " " ? "Space" : event.key;
+	/** Get the discriminated hotkey event with payload  */
+	const hotkeyEvent = HOTKEYS[layout][key];
+	if (!hotkeyEvent) return;
+	const payload = { event };
+	if (key === "Escape") {
+		eventBus.emit(hotkeyEvent.event, payload, { skipUnpackProxy: true });
+		return;
+	}
+	if (areModifiersPressed(event, hotkeyEvent.modifiers)) {
+		eventBus.emit(hotkeyEvent.event, payload, { skipUnpackProxy: true });
+		return;
+	}
+	if (hotkeyEvent.modifiers.length > 0) return;
+	if (!isEditableElement(event, key)) eventBus.emit(hotkeyEvent.event, payload, { skipUnpackProxy: true });
+};
+//#endregion
+export { handleHotkeys };
+
+//# sourceMappingURL=handle-hotkeys.js.map

package/dist/v2/helpers/handle-hotkeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-hotkeys.js","names":[],"sources":["../../../src/v2/helpers/handle-hotkeys.ts"],"sourcesContent":["import { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport type { ApiReferenceEvents, WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport type { ClientLayout } from '@/v2/types/layout'\n\ntype HotKeyModifiers = ('altKey' | 'ctrlKey' | 'shiftKey' | 'metaKey' | 'default')[]\n\n/** Hotkey configuration */\ntype HotKeyConfig = Record<string | number, { event: keyof ApiReferenceEvents; modifiers: HotKeyModifiers }>\n\n/** Default hotkeys available in most contexts */\nconst DEFAULT_HOTKEYS: HotKeyConfig = {\n  Enter: { event: 'operation:send:request:hotkey', modifiers: ['default'] },\n  b: { event: 'ui:toggle:sidebar', modifiers: ['default'] },\n  k: { event: 'ui:open:command-palette', modifiers: ['default'] },\n  l: { event: 'ui:focus:address-bar', modifiers: ['default'] },\n}\n\n/** Hotkey map by layout, we can allow the user to override this later */\nconst HOTKEYS: Record<ClientLayout, HotKeyConfig> = {\n  web: DEFAULT_HOTKEYS,\n\n  modal: {\n    ...DEFAULT_HOTKEYS,\n    Escape: { event: 'ui:close:client-modal', modifiers: [] },\n    l: { event: 'ui:focus:send-button', modifiers: ['default'] },\n  },\n\n  desktop: {\n    ...DEFAULT_HOTKEYS,\n    f: { event: 'ui:focus:search', modifiers: ['default'] },\n    n: { event: 'ui:open:command-palette', modifiers: ['default'] },\n    t: { event: 'tabs:add:tab', modifiers: ['default'] },\n    w: { event: 'tabs:close:tab', modifiers: ['default'] },\n    ArrowLeft: { event: 'tabs:navigate:previous', modifiers: ['default', 'altKey'] },\n    ArrowRight: { event: 'tabs:navigate:next', modifiers: ['default', 'altKey'] },\n    1: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    2: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    3: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    4: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    5: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    6: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    7: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    8: { event: 'tabs:focus:tab', modifiers: ['default'] },\n    9: { event: 'tabs:focus:tab-last', modifiers: ['default'] },\n  },\n}\n\n/** Keys that should work in input fields when the modifier is pressed */\nconst INPUT_ALLOWED_KEYS = new Set(['Escape', 'ArrowDown', 'ArrowUp', 'Enter'])\n\n/**\n * Checks if all required modifiers are pressed.\n * Resolves 'default' to metaKey (macOS) or ctrlKey (Windows/Linux).\n */\nconst areModifiersPressed = (event: KeyboardEvent, modifiers: HotKeyModifiers): boolean =>\n  modifiers.length > 0 &&\n  modifiers\n    .map((modifier) => (modifier === 'default' ? (isMacOS() ? 'metaKey' : 'ctrlKey') : modifier))\n    .every((key) => event[key] === true)\n\n/**\n * Determines if the event target is an editable element where hotkeys should be blocked.\n * Returns true if we should block the hotkey, false otherwise.\n */\nconst isEditableElement = (event: KeyboardEvent, key: string): boolean => {\n  if (!(event.target instanceof HTMLElement)) {\n    return false\n  }\n\n  const target = event.target\n\n  // Allow certain functional keys in INPUT fields\n  if (target.tagName === 'INPUT') {\n    return !INPUT_ALLOWED_KEYS.has(key)\n  }\n\n  // Block all hotkeys in textareas and contenteditable elements\n  return target.tagName === 'TEXTAREA' || target.contentEditable === 'true' || target.hasAttribute('contenteditable')\n}\n\n/**\n * Handles global keyboard shortcuts.\n * Checks modifier keys and input context before emitting events.\n *\n * @param event - the keyboard event\n * @param eventBus - event bus for emitting hotkey actions\n * @param layout - client layout\n */\nexport const handleHotkeys = (event: KeyboardEvent, eventBus: WorkspaceEventBus, layout: ClientLayout): void => {\n  /** Special case for space */\n  const key = event.key === ' ' ? 'Space' : event.key\n  /** Get the discriminated hotkey event with payload  */\n  const hotkeyEvent = HOTKEYS[layout][key]\n\n  if (!hotkeyEvent) {\n    return\n  }\n\n  // Default to sending the keyboard event as the payload\n  const payload = { event }\n\n  // Escape always fires, regardless of context\n  if (key === 'Escape') {\n    eventBus.emit(hotkeyEvent.event, payload, { skipUnpackProxy: true })\n    return\n  }\n\n  // If modifiers are pressed, fire the hotkey (even in input fields)\n  if (areModifiersPressed(event, hotkeyEvent.modifiers)) {\n    eventBus.emit(hotkeyEvent.event, payload, { skipUnpackProxy: true })\n    return\n  }\n\n  // If modifiers are required but missing, do not fire the hotkey.\n  if (hotkeyEvent.modifiers.length > 0) {\n    return\n  }\n\n  // Without modifiers, only fire if not in an editable element\n  if (!isEditableElement(event, key)) {\n    eventBus.emit(hotkeyEvent.event, payload, { skipUnpackProxy: true })\n  }\n}\n"],"mappings":";;;AAWA,IAAM,kBAAgC;CACpC,OAAO;EAAE,OAAO;EAAiC,WAAW,CAAC,UAAU;EAAE;CACzE,GAAG;EAAE,OAAO;EAAqB,WAAW,CAAC,UAAU;EAAE;CACzD,GAAG;EAAE,OAAO;EAA2B,WAAW,CAAC,UAAU;EAAE;CAC/D,GAAG;EAAE,OAAO;EAAwB,WAAW,CAAC,UAAU;EAAE;CAC7D;;AAGD,IAAM,UAA8C;CAClD,KAAK;CAEL,OAAO;EACL,GAAG;EACH,QAAQ;GAAE,OAAO;GAAyB,WAAW,EAAE;GAAE;EACzD,GAAG;GAAE,OAAO;GAAwB,WAAW,CAAC,UAAU;GAAE;EAC7D;CAED,SAAS;EACP,GAAG;EACH,GAAG;GAAE,OAAO;GAAmB,WAAW,CAAC,UAAU;GAAE;EACvD,GAAG;GAAE,OAAO;GAA2B,WAAW,CAAC,UAAU;GAAE;EAC/D,GAAG;GAAE,OAAO;GAAgB,WAAW,CAAC,UAAU;GAAE;EACpD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,WAAW;GAAE,OAAO;GAA0B,WAAW,CAAC,WAAW,SAAS;GAAE;EAChF,YAAY;GAAE,OAAO;GAAsB,WAAW,CAAC,WAAW,SAAS;GAAE;EAC7E,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAkB,WAAW,CAAC,UAAU;GAAE;EACtD,GAAG;GAAE,OAAO;GAAuB,WAAW,CAAC,UAAU;GAAE;EAC5D;CACF;;AAGD,IAAM,qBAAqB,IAAI,IAAI;CAAC;CAAU;CAAa;CAAW;CAAQ,CAAC;;;;;AAM/E,IAAM,uBAAuB,OAAsB,cACjD,UAAU,SAAS,KACnB,UACG,KAAK,aAAc,aAAa,YAAa,SAAS,GAAG,YAAY,YAAa,SAAU,CAC5F,OAAO,QAAQ,MAAM,SAAS,KAAK;;;;;AAMxC,IAAM,qBAAqB,OAAsB,QAAyB;AACxE,KAAI,EAAE,MAAM,kBAAkB,aAC5B,QAAO;CAGT,MAAM,SAAS,MAAM;AAGrB,KAAI,OAAO,YAAY,QACrB,QAAO,CAAC,mBAAmB,IAAI,IAAI;AAIrC,QAAO,OAAO,YAAY,cAAc,OAAO,oBAAoB,UAAU,OAAO,aAAa,kBAAkB;;;;;;;;;;AAWrH,IAAa,iBAAiB,OAAsB,UAA6B,WAA+B;;CAE9G,MAAM,MAAM,MAAM,QAAQ,MAAM,UAAU,MAAM;;CAEhD,MAAM,cAAc,QAAQ,QAAQ;AAEpC,KAAI,CAAC,YACH;CAIF,MAAM,UAAU,EAAE,OAAO;AAGzB,KAAI,QAAQ,UAAU;AACpB,WAAS,KAAK,YAAY,OAAO,SAAS,EAAE,iBAAiB,MAAM,CAAC;AACpE;;AAIF,KAAI,oBAAoB,OAAO,YAAY,UAAU,EAAE;AACrD,WAAS,KAAK,YAAY,OAAO,SAAS,EAAE,iBAAiB,MAAM,CAAC;AACpE;;AAIF,KAAI,YAAY,UAAU,SAAS,EACjC;AAIF,KAAI,CAAC,kBAAkB,OAAO,IAAI,CAChC,UAAS,KAAK,YAAY,OAAO,SAAS,EAAE,iBAAiB,MAAM,CAAC"}

package/dist/v2/helpers/index.d.ts

@@ -1,3 +1,3 @@
-export { getActiveEnvironment } from './get-active-environment';
-export { getServers } from './get-servers';
+export { getActiveEnvironment } from './get-active-environment.js';
+export { getServers } from './get-servers.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/helpers/index.js

@@ -1,3 +1,3 @@
-import { t as getServers } from "../../get-servers-B_WNlQWB.js";
-import { t as getActiveEnvironment } from "../../get-active-environment-CkxyQ1dM.js";
+import { getServers } from "./get-servers.js";
+import { getActiveEnvironment } from "./get-active-environment.js";
 export { getActiveEnvironment, getServers };

package/dist/v2/helpers/is-url.js

@@ -0,0 +1,9 @@
+import { isValidUrl } from "@scalar/helpers/url/is-valid-url";
+//#region src/v2/helpers/is-url.ts
+var isUrl = (input) => {
+	return (input.startsWith("http://") || input.startsWith("https://")) && isValidUrl(input);
+};
+//#endregion
+export { isUrl };
+
+//# sourceMappingURL=is-url.js.map

package/dist/v2/helpers/is-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-url.js","names":[],"sources":["../../../src/v2/helpers/is-url.ts"],"sourcesContent":["import { isValidUrl } from '@scalar/helpers/url/is-valid-url'\n\nexport const isUrl = (input: string) => {\n  return (input.startsWith('http://') || input.startsWith('https://')) && isValidUrl(input)\n}\n"],"mappings":";;AAEA,IAAa,SAAS,UAAkB;AACtC,SAAQ,MAAM,WAAW,UAAU,IAAI,MAAM,WAAW,WAAW,KAAK,WAAW,MAAM"}

package/dist/v2/helpers/slugify.js

@@ -0,0 +1,15 @@
+//#region src/v2/helpers/slugify.ts
+/**
+* Converts a string into a URL-friendly "slug" by
+* lowercasing and replacing whitespace with hyphens.
+*
+* Example:
+*   slugify('Hello World Example')  // returns 'hello-world-example'
+*/
+var slugify = (value) => {
+	return value.toLowerCase().replace(/\s+/g, "-");
+};
+//#endregion
+export { slugify };
+
+//# sourceMappingURL=slugify.js.map

package/dist/v2/helpers/slugify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slugify.js","names":[],"sources":["../../../src/v2/helpers/slugify.ts"],"sourcesContent":["/**\n * Converts a string into a URL-friendly \"slug\" by\n * lowercasing and replacing whitespace with hyphens.\n *\n * Example:\n *   slugify('Hello World Example')  // returns 'hello-world-example'\n */\nexport const slugify = (value: string) => {\n  return value.toLowerCase().replace(/\\s+/g, '-')\n}\n"],"mappings":";;;;;;;;AAOA,IAAa,WAAW,UAAkB;AACxC,QAAO,MAAM,aAAa,CAAC,QAAQ,QAAQ,IAAI"}

package/dist/v2/helpers/storage.d.ts

@@ -19,5 +19,13 @@ export declare const workspaceStorage: {
      * Retrieve the last active path
      */
     readonly getLastPath: () => string | null;
+    /**
+     * Persist the telemetry enabled state
+     */
+    readonly setTelemetry: (enabled: boolean) => void;
+    /**
+     * Retrieve the persisted telemetry enabled state. Returns null if never set.
+     */
+    readonly getTelemetry: () => boolean | null;
 };
 //# sourceMappingURL=storage.d.ts.map

package/dist/v2/helpers/storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/storage.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;oCACoB,MAAM,KAAG,IAAI;IAQpC;;OAEG;gCACc,MAAM,GAAG,IAAI;CAGtB,CAAA"}
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/storage.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;oCACoB,MAAM,KAAG,IAAI;IAQpC;;OAEG;gCACc,MAAM,GAAG,IAAI;IAI9B;;OAEG;qCACqB,OAAO,KAAG,IAAI;IAItC;;OAEG;iCACe,OAAO,GAAG,IAAI;CAOxB,CAAA"}

package/dist/v2/helpers/storage.js

@@ -0,0 +1,37 @@
+import { safeLocalStorage } from "@scalar/helpers/object/local-storage";
+//#region src/v2/helpers/storage.ts
+var CURRENT_PATH_KEY = "scalar.currentPath";
+var TELEMETRY_KEY = "scalar.telemetry";
+/**
+* Handles persistence of the active workspace ID in localStorage.
+*
+* Usage example:
+* ```ts
+* // Set the active workspace id
+* workspaceStorage.setActiveWorkspaceId('workspace-1');
+*
+* // Get the currently active workspace id
+* const id = workspaceStorage.getActiveWorkspaceId();
+* ```
+*/
+var workspaceStorage = {
+	setCurrentPath: (path) => {
+		if (path === "/") return;
+		safeLocalStorage().setItem(CURRENT_PATH_KEY, path);
+	},
+	getLastPath: () => {
+		return safeLocalStorage().getItem(CURRENT_PATH_KEY);
+	},
+	setTelemetry: (enabled) => {
+		safeLocalStorage().setItem(TELEMETRY_KEY, String(enabled));
+	},
+	getTelemetry: () => {
+		const value = safeLocalStorage().getItem(TELEMETRY_KEY);
+		if (value === null) return null;
+		return value === "true";
+	}
+};
+//#endregion
+export { workspaceStorage };
+
+//# sourceMappingURL=storage.js.map

package/dist/v2/helpers/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","names":[],"sources":["../../../src/v2/helpers/storage.ts"],"sourcesContent":["import { safeLocalStorage } from '@scalar/helpers/object/local-storage'\n\nconst CURRENT_PATH_KEY = 'scalar.currentPath' as const\nconst TELEMETRY_KEY = 'scalar.telemetry' as const\n\n/**\n * Handles persistence of the active workspace ID in localStorage.\n *\n * Usage example:\n * ```ts\n * // Set the active workspace id\n * workspaceStorage.setActiveWorkspaceId('workspace-1');\n *\n * // Get the currently active workspace id\n * const id = workspaceStorage.getActiveWorkspaceId();\n * ```\n */\nexport const workspaceStorage = {\n  /**\n   * We keep the currently active path so we can reload it if needed\n   */\n  setCurrentPath: (path: string): void => {\n    // We have an infinite redirect loop if we set the current path to the root path\n    if (path === '/') {\n      return\n    }\n    safeLocalStorage().setItem(CURRENT_PATH_KEY, path)\n  },\n\n  /**\n   * Retrieve the last active path\n   */\n  getLastPath: (): string | null => {\n    return safeLocalStorage().getItem(CURRENT_PATH_KEY)\n  },\n\n  /**\n   * Persist the telemetry enabled state\n   */\n  setTelemetry: (enabled: boolean): void => {\n    safeLocalStorage().setItem(TELEMETRY_KEY, String(enabled))\n  },\n\n  /**\n   * Retrieve the persisted telemetry enabled state. Returns null if never set.\n   */\n  getTelemetry: (): boolean | null => {\n    const value = safeLocalStorage().getItem(TELEMETRY_KEY)\n    if (value === null) {\n      return null\n    }\n    return value === 'true'\n  },\n} as const\n"],"mappings":";;AAEA,IAAM,mBAAmB;AACzB,IAAM,gBAAgB;;;;;;;;;;;;;AActB,IAAa,mBAAmB;CAI9B,iBAAiB,SAAuB;AAEtC,MAAI,SAAS,IACX;AAEF,oBAAkB,CAAC,QAAQ,kBAAkB,KAAK;;CAMpD,mBAAkC;AAChC,SAAO,kBAAkB,CAAC,QAAQ,iBAAiB;;CAMrD,eAAe,YAA2B;AACxC,oBAAkB,CAAC,QAAQ,eAAe,OAAO,QAAQ,CAAC;;CAM5D,oBAAoC;EAClC,MAAM,QAAQ,kBAAkB,CAAC,QAAQ,cAAc;AACvD,MAAI,UAAU,KACZ,QAAO;AAET,SAAO,UAAU;;CAEpB"}

package/dist/v2/hooks/use-color-mode.js

@@ -0,0 +1,72 @@
+import { computed, onMounted, onUnmounted, ref, toValue, watch } from "vue";
+//#region src/v2/hooks/use-color-mode.ts
+/**
+* Gets the system color mode preference from the browser.
+* Falls back to 'light' if running in a non-browser environment.
+*
+* @returns The system preference for dark or light mode.
+*/
+var getSystemModePreference = () => {
+	if (typeof window === "undefined" || typeof window?.matchMedia !== "function") return "light";
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+};
+/**
+* Converts a ColorMode to a DarkLightMode by resolving 'system' to the actual system preference.
+*
+* @param mode - The color mode to convert.
+* @returns The resolved dark or light mode.
+*/
+var getDarkLightMode = (mode) => {
+	return mode === "system" ? getSystemModePreference() : mode;
+};
+/**
+* Applies the color mode by adding/removing the appropriate CSS classes on the document body.
+* This function is safe to call in non-browser environments (no-op).
+*
+* @param mode - The dark or light mode to apply.
+*/
+var applyColorMode = (mode) => {
+	if (typeof document === "undefined") return;
+	const isDark = mode === "dark";
+	document.body.classList.toggle("dark-mode", isDark);
+	document.body.classList.toggle("light-mode", !isDark);
+};
+/**
+* Composable hook that manages color mode (dark/light/system) based on workspace store configuration.
+* Automatically listens to system preference changes when mode is set to 'system'.
+*
+* @param options - Configuration options for the color mode hook.
+* @param options.workspaceStore - The workspace store instance that contains the color mode preference.
+* @returns Reactive color mode state and computed properties.
+*/
+var useColorMode = ({ workspaceStore }) => {
+	const colorMode = computed(() => toValue(workspaceStore)?.workspace["x-scalar-color-mode"] ?? "system");
+	const darkLightMode = computed(() => getDarkLightMode(colorMode.value));
+	const isDarkMode = computed(() => darkLightMode.value === "dark");
+	const mediaQuery = ref(null);
+	/**
+	* Handles system preference changes.
+	* Only updates the color mode if the current mode is set to 'system'.
+	*/
+	const handleSystemPreferenceChange = () => {
+		if (colorMode.value === "system") applyColorMode(getSystemModePreference());
+	};
+	watch(colorMode, (mode) => applyColorMode(getDarkLightMode(mode)), { immediate: true });
+	onMounted(() => {
+		if (typeof window !== "undefined" && typeof window?.matchMedia === "function") {
+			mediaQuery.value = window.matchMedia("(prefers-color-scheme: dark)");
+			mediaQuery.value.addEventListener("change", handleSystemPreferenceChange);
+		}
+	});
+	onUnmounted(() => {
+		mediaQuery.value?.removeEventListener("change", handleSystemPreferenceChange);
+	});
+	return {
+		colorMode,
+		isDarkMode
+	};
+};
+//#endregion
+export { useColorMode };
+
+//# sourceMappingURL=use-color-mode.js.map

package/dist/v2/hooks/use-color-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-mode.js","names":[],"sources":["../../../src/v2/hooks/use-color-mode.ts"],"sourcesContent":["import type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { ColorMode } from '@scalar/workspace-store/schemas/workspace'\nimport { type MaybeRefOrGetter, computed, onMounted, onUnmounted, ref, toValue, watch } from 'vue'\n\n/**\n * Specific dark or light mode, excluding the 'system' option.\n */\ntype DarkLightMode = Exclude<ColorMode, 'system'>\n\n/**\n * Gets the system color mode preference from the browser.\n * Falls back to 'light' if running in a non-browser environment.\n *\n * @returns The system preference for dark or light mode.\n */\nconst getSystemModePreference = (): DarkLightMode => {\n  if (typeof window === 'undefined' || typeof window?.matchMedia !== 'function') {\n    return 'light'\n  }\n\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n/**\n * Converts a ColorMode to a DarkLightMode by resolving 'system' to the actual system preference.\n *\n * @param mode - The color mode to convert.\n * @returns The resolved dark or light mode.\n */\nconst getDarkLightMode = (mode: ColorMode): DarkLightMode => {\n  return mode === 'system' ? getSystemModePreference() : mode\n}\n\n/**\n * Applies the color mode by adding/removing the appropriate CSS classes on the document body.\n * This function is safe to call in non-browser environments (no-op).\n *\n * @param mode - The dark or light mode to apply.\n */\nconst applyColorMode = (mode: DarkLightMode): void => {\n  if (typeof document === 'undefined') {\n    return\n  }\n\n  const isDark = mode === 'dark'\n  document.body.classList.toggle('dark-mode', isDark)\n  document.body.classList.toggle('light-mode', !isDark)\n}\n\n/**\n * Composable hook that manages color mode (dark/light/system) based on workspace store configuration.\n * Automatically listens to system preference changes when mode is set to 'system'.\n *\n * @param options - Configuration options for the color mode hook.\n * @param options.workspaceStore - The workspace store instance that contains the color mode preference.\n * @returns Reactive color mode state and computed properties.\n */\nexport const useColorMode = ({ workspaceStore }: { workspaceStore: MaybeRefOrGetter<WorkspaceStore | null> }) => {\n  const colorMode = computed(() => toValue(workspaceStore)?.workspace['x-scalar-color-mode'] ?? 'system')\n  const darkLightMode = computed(() => getDarkLightMode(colorMode.value))\n  const isDarkMode = computed(() => darkLightMode.value === 'dark')\n\n  const mediaQuery = ref<MediaQueryList | null>(null)\n\n  /**\n   * Handles system preference changes.\n   * Only updates the color mode if the current mode is set to 'system'.\n   */\n  const handleSystemPreferenceChange = (): void => {\n    if (colorMode.value === 'system') {\n      applyColorMode(getSystemModePreference())\n    }\n  }\n\n  // Watch for colorMode changes and apply them immediately\n  watch(colorMode, (mode) => applyColorMode(getDarkLightMode(mode)), { immediate: true })\n\n  onMounted(() => {\n    // Listen to system preference changes when mode is 'system'\n    if (typeof window !== 'undefined' && typeof window?.matchMedia === 'function') {\n      mediaQuery.value = window.matchMedia('(prefers-color-scheme: dark)')\n      mediaQuery.value.addEventListener('change', handleSystemPreferenceChange)\n    }\n  })\n\n  onUnmounted(() => {\n    mediaQuery.value?.removeEventListener('change', handleSystemPreferenceChange)\n  })\n\n  return {\n    /** The current color mode from the workspace store (reactive). */\n    colorMode,\n    /** Whether the current effective color mode is dark (reactive). */\n    isDarkMode,\n  }\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,gCAA+C;AACnD,KAAI,OAAO,WAAW,eAAe,OAAO,QAAQ,eAAe,WACjE,QAAO;AAGT,QAAO,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS;;;;;;;;AAS9E,IAAM,oBAAoB,SAAmC;AAC3D,QAAO,SAAS,WAAW,yBAAyB,GAAG;;;;;;;;AASzD,IAAM,kBAAkB,SAA8B;AACpD,KAAI,OAAO,aAAa,YACtB;CAGF,MAAM,SAAS,SAAS;AACxB,UAAS,KAAK,UAAU,OAAO,aAAa,OAAO;AACnD,UAAS,KAAK,UAAU,OAAO,cAAc,CAAC,OAAO;;;;;;;;;;AAWvD,IAAa,gBAAgB,EAAE,qBAAkF;CAC/G,MAAM,YAAY,eAAe,QAAQ,eAAe,EAAE,UAAU,0BAA0B,SAAS;CACvG,MAAM,gBAAgB,eAAe,iBAAiB,UAAU,MAAM,CAAC;CACvE,MAAM,aAAa,eAAe,cAAc,UAAU,OAAO;CAEjE,MAAM,aAAa,IAA2B,KAAK;;;;;CAMnD,MAAM,qCAA2C;AAC/C,MAAI,UAAU,UAAU,SACtB,gBAAe,yBAAyB,CAAC;;AAK7C,OAAM,YAAY,SAAS,eAAe,iBAAiB,KAAK,CAAC,EAAE,EAAE,WAAW,MAAM,CAAC;AAEvF,iBAAgB;AAEd,MAAI,OAAO,WAAW,eAAe,OAAO,QAAQ,eAAe,YAAY;AAC7E,cAAW,QAAQ,OAAO,WAAW,+BAA+B;AACpE,cAAW,MAAM,iBAAiB,UAAU,6BAA6B;;GAE3E;AAEF,mBAAkB;AAChB,aAAW,OAAO,oBAAoB,UAAU,6BAA6B;GAC7E;AAEF,QAAO;EAEL;EAEA;EACD"}

package/dist/v2/hooks/use-global-hot-keys.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import { type MaybeRefOrGetter } from 'vue';
-import type { ClientLayout } from '@/v2/types/layout';
+import type { ClientLayout } from '../../v2/types/layout';
 /**
  * Global hotkey handler for the app (web + desktop)
  *

package/dist/v2/hooks/use-global-hot-keys.js

@@ -0,0 +1,22 @@
+import { handleHotkeys } from "../helpers/handle-hotkeys.js";
+import { onBeforeUnmount, onMounted, toValue } from "vue";
+//#region src/v2/hooks/use-global-hot-keys.ts
+/**
+* Global hotkey handler for the app (web + desktop)
+*
+* @param eventBus - workspace event bus
+* @param layout - client layout
+* @param disableListeners - whether to disable the listeners
+*/
+var useGlobalHotKeys = (eventBus, layout, disableListeners) => {
+	const handleKeyDown = (ev) => {
+		if (toValue(disableListeners)) return;
+		handleHotkeys(ev, eventBus, layout);
+	};
+	onMounted(() => window.addEventListener("keydown", handleKeyDown));
+	onBeforeUnmount(() => window.removeEventListener("keydown", handleKeyDown));
+};
+//#endregion
+export { useGlobalHotKeys };
+
+//# sourceMappingURL=use-global-hot-keys.js.map

package/dist/v2/hooks/use-global-hot-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-global-hot-keys.js","names":[],"sources":["../../../src/v2/hooks/use-global-hot-keys.ts"],"sourcesContent":["import type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type MaybeRefOrGetter, onBeforeUnmount, onMounted, toValue } from 'vue'\n\nimport { handleHotkeys } from '@/v2/helpers/handle-hotkeys'\nimport type { ClientLayout } from '@/v2/types/layout'\n\n/**\n * Global hotkey handler for the app (web + desktop)\n *\n * @param eventBus - workspace event bus\n * @param layout - client layout\n * @param disableListeners - whether to disable the listeners\n */\nexport const useGlobalHotKeys = (\n  eventBus: WorkspaceEventBus,\n  layout: ClientLayout,\n  disableListeners?: MaybeRefOrGetter<boolean>,\n): void => {\n  const handleKeyDown = (ev: KeyboardEvent) => {\n    if (toValue(disableListeners)) {\n      return\n    }\n\n    handleHotkeys(ev, eventBus, layout)\n  }\n\n  // Enable the listeners\n  onMounted(() => window.addEventListener('keydown', handleKeyDown))\n  onBeforeUnmount(() => window.removeEventListener('keydown', handleKeyDown))\n}\n"],"mappings":";;;;;;;;;;AAaA,IAAa,oBACX,UACA,QACA,qBACS;CACT,MAAM,iBAAiB,OAAsB;AAC3C,MAAI,QAAQ,iBAAiB,CAC3B;AAGF,gBAAc,IAAI,UAAU,OAAO;;AAIrC,iBAAgB,OAAO,iBAAiB,WAAW,cAAc,CAAC;AAClE,uBAAsB,OAAO,oBAAoB,WAAW,cAAc,CAAC"}

package/dist/v2/hooks/use-scroll-lock.js

@@ -0,0 +1,58 @@
+import { computed, onBeforeUnmount, ref, toValue } from "vue";
+//#region src/v2/hooks/use-scroll-lock.ts
+/**
+* useScrollLock - A Vue composition function to lock and unlock scrolling on a specific element.
+*
+* This hook provides a computed ref that allows you to enable or disable scrolling on a given HTMLElement.
+* Locking sets the element's `overflow` style to `'hidden'`.
+* Unlocking restores the original `overflow` value.
+*
+* The lock state will be automatically cleaned up (unlocked) when the component is unmounted.
+*
+* @param element - MaybeRefOrGetter for the HTMLElement to lock scrolling on. Can be a ref or a function.
+* @returns A computed ref: assign `true` to lock, `false` to unlock, read for current state.
+*
+* @example
+* ```ts
+* // In your setup():
+* const container = ref<HTMLElement | null>(null)
+* const scrollLock = useScrollLock(container)
+*
+* // To lock scrolling:
+* scrollLock.value = true
+*
+* // To unlock scrolling:
+* scrollLock.value = false
+* ```
+*/
+var useScrollLock = (element) => {
+	const initialValue = ref("");
+	const isLocked = ref(false);
+	const lock = () => {
+		const el = toValue(element);
+		if (!el) return;
+		initialValue.value = el.style.overflow;
+		el.style.overflow = "hidden";
+	};
+	const unlock = () => {
+		const el = toValue(element);
+		if (!el) return;
+		if (initialValue.value !== "") el.style.overflow = initialValue.value;
+		else el.style.removeProperty("overflow");
+	};
+	const state = computed({
+		get: () => isLocked.value,
+		set: (value) => {
+			isLocked.value = value;
+			value ? lock() : unlock();
+		}
+	});
+	onBeforeUnmount(() => {
+		if (isLocked.value) unlock();
+	});
+	return state;
+};
+//#endregion
+export { useScrollLock };
+
+//# sourceMappingURL=use-scroll-lock.js.map

package/dist/v2/hooks/use-scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-lock.js","names":[],"sources":["../../../src/v2/hooks/use-scroll-lock.ts"],"sourcesContent":["import { type MaybeRefOrGetter, computed, onBeforeUnmount, ref, toValue } from 'vue'\n\n/**\n * useScrollLock - A Vue composition function to lock and unlock scrolling on a specific element.\n *\n * This hook provides a computed ref that allows you to enable or disable scrolling on a given HTMLElement.\n * Locking sets the element's `overflow` style to `'hidden'`.\n * Unlocking restores the original `overflow` value.\n *\n * The lock state will be automatically cleaned up (unlocked) when the component is unmounted.\n *\n * @param element - MaybeRefOrGetter for the HTMLElement to lock scrolling on. Can be a ref or a function.\n * @returns A computed ref: assign `true` to lock, `false` to unlock, read for current state.\n *\n * @example\n * ```ts\n * // In your setup():\n * const container = ref<HTMLElement | null>(null)\n * const scrollLock = useScrollLock(container)\n *\n * // To lock scrolling:\n * scrollLock.value = true\n *\n * // To unlock scrolling:\n * scrollLock.value = false\n * ```\n */\nexport const useScrollLock = (element: MaybeRefOrGetter<HTMLElement | null | undefined>) => {\n  const initialValue = ref<string>('')\n  const isLocked = ref(false)\n\n  // Locks scrolling on the provided element and saves the initial overflow style\n  const lock = () => {\n    const el = toValue(element)\n\n    if (!el) {\n      return\n    }\n\n    // Save the initial overflow value\n    initialValue.value = el.style.overflow\n    el.style.overflow = 'hidden'\n  }\n\n  // Unlocks scrolling, restoring or removing the original overflow style\n  const unlock = () => {\n    const el = toValue(element)\n\n    if (!el) {\n      return\n    }\n\n    if (initialValue.value !== '') {\n      el.style.overflow = initialValue.value\n    } else {\n      el.style.removeProperty('overflow')\n    }\n  }\n\n  // Computed ref acting as a control interface for scroll lock\n  const state = computed({\n    get: () => isLocked.value,\n    set: (value: boolean) => {\n      isLocked.value = value\n      value ? lock() : unlock()\n    },\n  })\n\n  // Clean up when component is unmounted\n  onBeforeUnmount(() => {\n    if (isLocked.value) {\n      unlock()\n    }\n  })\n\n  return state\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAa,iBAAiB,YAA8D;CAC1F,MAAM,eAAe,IAAY,GAAG;CACpC,MAAM,WAAW,IAAI,MAAM;CAG3B,MAAM,aAAa;EACjB,MAAM,KAAK,QAAQ,QAAQ;AAE3B,MAAI,CAAC,GACH;AAIF,eAAa,QAAQ,GAAG,MAAM;AAC9B,KAAG,MAAM,WAAW;;CAItB,MAAM,eAAe;EACnB,MAAM,KAAK,QAAQ,QAAQ;AAE3B,MAAI,CAAC,GACH;AAGF,MAAI,aAAa,UAAU,GACzB,IAAG,MAAM,WAAW,aAAa;MAEjC,IAAG,MAAM,eAAe,WAAW;;CAKvC,MAAM,QAAQ,SAAS;EACrB,WAAW,SAAS;EACpB,MAAM,UAAmB;AACvB,YAAS,QAAQ;AACjB,WAAQ,MAAM,GAAG,QAAQ;;EAE5B,CAAC;AAGF,uBAAsB;AACpB,MAAI,SAAS,MACX,SAAQ;GAEV;AAEF,QAAO"}

package/dist/v2/posthog.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+export declare const usePosthog: (enabled: Ref<boolean>) => void;
+//# sourceMappingURL=posthog.d.ts.map

package/dist/v2/posthog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posthog.d.ts","sourceRoot":"","sources":["../../src/v2/posthog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAS,MAAM,KAAK,CAAA;AASrC,eAAO,MAAM,UAAU,GAAI,SAAS,GAAG,CAAC,OAAO,CAAC,SAY/C,CAAA"}

package/dist/v2/posthog.js

@@ -0,0 +1,19 @@
+import { watch } from "vue";
+import ph from "posthog-js";
+//#region src/v2/posthog.ts
+var posthog = ph.init("phc_3elIjSOvGOo5aEwg6krzIY9IcQiRubsBtglOXsQ4Uu4", {
+	api_host: "https://magic.scalar.com",
+	ui_host: "https://us.posthog.com",
+	defaults: "2025-11-30",
+	opt_out_capturing_by_default: true
+});
+var usePosthog = (enabled) => {
+	watch(enabled, (value) => {
+		if (value) posthog.opt_in_capturing();
+		else posthog.opt_out_capturing();
+	}, { immediate: true });
+};
+//#endregion
+export { usePosthog };
+
+//# sourceMappingURL=posthog.js.map

package/dist/v2/posthog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"posthog.js","names":[],"sources":["../../src/v2/posthog.ts"],"sourcesContent":["import ph from 'posthog-js'\nimport { type Ref, watch } from 'vue'\n\nconst posthog = ph.init('phc_3elIjSOvGOo5aEwg6krzIY9IcQiRubsBtglOXsQ4Uu4', {\n  api_host: 'https://magic.scalar.com',\n  ui_host: 'https://us.posthog.com',\n  defaults: '2025-11-30',\n  opt_out_capturing_by_default: true,\n})\n\nexport const usePosthog = (enabled: Ref<boolean>) => {\n  watch(\n    enabled,\n    (value) => {\n      if (value) {\n        posthog.opt_in_capturing()\n      } else {\n        posthog.opt_out_capturing()\n      }\n    },\n    { immediate: true },\n  )\n}\n"],"mappings":";;;AAGA,IAAM,UAAU,GAAG,KAAK,mDAAmD;CACzE,UAAU;CACV,SAAS;CACT,UAAU;CACV,8BAA8B;CAC/B,CAAC;AAEF,IAAa,cAAc,YAA0B;AACnD,OACE,UACC,UAAU;AACT,MAAI,MACF,SAAQ,kBAAkB;MAE1B,SAAQ,mBAAmB;IAG/B,EAAE,WAAW,MAAM,CACpB"}