npm - @scalar/api-client - Versions diffs - 2.43.0 → 3.0.0 - Mend

@scalar/api-client 2.43.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1485) hide show

package/dist/v2/features/command-palette/components/CommandPaletteImport.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandPaletteImport.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Command Palette Import Component\n \n Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n \n Supports watch mode for URL imports to automatically update when content changes.\n /\nexport default {\n name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ScalarButton,\n ScalarCodeBlock,\n ScalarIcon,\n ScalarTooltip,\n useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n createWorkspaceStore,\n type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n loadDocumentFromSource,\n type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n /* The workspace store for adding documents /\n workspaceStore: WorkspaceStore\n /* Event bus for emitting operation creation events /\n eventBus: WorkspaceEventBus\n /* Loader plugin for file import /\n fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n /* Emitted when the import is complete or cancelled /\n (event: 'close'): void\n /* Emitted when user navigates back (e.g., backspace on empty input) /\n (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n /* Slot for custom file upload component that can trigger import /\n fileUpload(props: {\n /* Function to trigger import with source content and type /\n import: (source: string, type: 'file' \| 'raw') => Promise<void>\n }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/* Check if the input content is a URL /\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n getOpenApiDocumentDetails(inputContent.value),\n)\n\n/* Get the document type for syntax highlighting /\nconst documentType = computed<string>(() =>\n documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/* Check if the form should be disabled (when input is empty) /\nconst isDisabled = computed<boolean>(() => {\n return !inputContent.value.trim()\n})\n\n/\n Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n /\nwatch(isLocalUrlInput, (value: boolean) => {\n watchMode.value = value\n})\n\n/\n Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n \n @param errorMessage - The error message to display and log\n /\nconst handleImportError = async (errorMessage: string) => {\n // Log the error\n console.error(errorMessage)\n toast(errorMessage, 'error')\n\n // Invalidate the loader to show the error state\n await loader.invalidate()\n\n // Close the command palette\n emit('close')\n}\n\n/\n Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n /\nconst handleImport = async (\n newSource: string,\n type?: ImportEventData['type'],\n): Promise<void> => {\n loader.start()\n\n const TEMP_DOCUMENT_NAME = 'drafts'\n\n // First load the document into a draft store\n // This is to get the title of the document so we can generate a unique slug for store\n const draftStore = createWorkspaceStore({\n fileLoader,\n meta: {\n /* Ensure we use the active proxy to fetch documents /\n 'x-scalar-active-proxy':\n workspaceStore.workspace['x-scalar-active-proxy'],\n },\n })\n\n const eventType = (() => {\n if (type) {\n return type\n }\n\n if (isUrlInput.value) {\n return 'url'\n }\n\n return 'raw'\n })()\n\n const isSuccessfullyLoaded = await loadDocumentFromSource(\n draftStore,\n { source: newSource, type: eventType },\n TEMP_DOCUMENT_NAME,\n watchMode.value,\n )\n\n if (!isSuccessfullyLoaded) {\n return handleImportError('Failed to import document')\n }\n\n const importResult = await importDocumentToWorkspace({\n workspaceStore,\n workspaceState: draftStore.exportWorkspace(),\n name: TEMP_DOCUMENT_NAME,\n })\n\n if (!importResult.ok) {\n return handleImportError(importResult.error)\n }\n\n // Validate the loader to show the success state\n await loader.validate()\n\n // Navigate to the document overview page\n navigateToDocument(importResult.slug)\n\n // Close the command palette\n emit('close')\n}\n\n/* Navigate to the document overview page after successful import /\nconst navigateToDocument = (documentName: string): void => {\n router.push({\n name: 'document.overview',\n params: { documentSlug: documentName },\n })\n}\n\n/\n Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n /\nconst { open: openSpecFileDialog } = useFileDialog({\n onChange: (files) => {\n const [file] = files ?? []\n\n if (!file) {\n return\n }\n\n loader.start()\n\n const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n const text = event.target?.result as string\n if (isPostmanCollection(text)) {\n eventBus.emit('ui:open:command-palette', {\n action: 'import-postman-collection',\n payload: {\n inputValue: text,\n },\n })\n await loader.clear()\n return\n }\n await handleImport(text, 'raw')\n }\n\n const reader = new FileReader()\n reader.onload = onLoad\n reader.readAsText(file)\n },\n multiple: false,\n accept: '.json,.yaml,.yml',\n})\n\n/\n Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n /\nconst handleInput = (value: string): void => {\n const trimmed = value.trim()\n\n if (trimmed.toLowerCase().startsWith('curl')) {\n return eventBus.emit('ui:open:command-palette', {\n action: 'import-curl-command',\n payload: {\n inputValue: value,\n },\n })\n }\n\n if (isPostmanCollection(trimmed)) {\n return eventBus.emit('ui:open:command-palette', {\n action: 'import-postman-collection',\n payload: {\n inputValue: value,\n },\n })\n }\n\n inputContent.value = value\n}\n\n/* Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n emit('back', event)\n}\n</script>\n<template>\n <CommandActionForm\n :disabled=\"isDisabled\"\n :loader\n @submit=\"handleImport(inputContent)\">\n <!-- URL or cURL input mode -->\n <template v-if=\"!documentDetails \|\| isUrlInput\">\n <CommandActionInput\n :modelValue=\"inputContent\"\n placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n @delete=\"handleBack\"\n @update:modelValue=\"handleInput\" />\n </template>\n\n <!-- Preview mode for pasted content -->\n <template v-else>\n <!-- Preview header with clear button -->\n <div class=\"flex justify-between\">\n <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n Preview\n </div>\n <ScalarButton\n class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n variant=\"ghost\"\n @click=\"inputContent = ''\">\n Clear\n </ScalarButton>\n </div>\n\n <!-- Code preview with syntax highlighting -->\n <ScalarCodeBlock\n v-if=\"documentDetails && !isUrlInput\"\n class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n :content=\"inputContent\"\n :copy=\"false\"\n :lang=\"documentType\" />\n </template>\n\n <!-- Actions: File upload and watch mode toggle -->\n <template #options>\n <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n <!-- Custom file upload slot or default button -->\n <slot\n :import=\"handleImport\"\n name=\"fileUpload\">\n <!-- Default file upload button -->\n <ScalarButton\n class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n variant=\"outlined\"\n @click=\"openSpecFileDialog\">\n JSON, or YAML File\n <ScalarIcon\n class=\"text-c-3\"\n icon=\"Upload\"\n size=\"md\" />\n </ScalarButton>\n </slot>\n\n <!-- Watch mode toggle (only enabled for URL imports) -->\n <ScalarTooltip\n :content=\"\n isUrlInput\n ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n \"\n placement=\"bottom\">\n <WatchModeToggle\n v-model=\"watchMode\"\n :disabled=\"!isUrlInput\" />\n </ScalarTooltip>\n </div>\n </template>\n\n <!-- Dynamic submit button text based on import type -->\n <template #submit>\n Import\n <template v-if=\"isUrlInput\">from URL</template>\n <template v-else-if=\"documentDetails && documentType\">\n <template v-if=\"documentDetails.title\">\n \"{{ documentDetails.title }}\"\n </template>\n <template v-else>\n {{ documentDetails.version }}\n </template>\n </template>\n <template v-else>Collection</template>\n </template>\n </CommandActionForm>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"CommandPaletteImport.vue.script.js","names":[],"sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteImport.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Command Palette Import Component\n \n Provides a form for importing OpenAPI descriptions from URL, file, or pasted JSON/YAML.\n * Postman collection JSON and Postman files open {@link CommandPaletteImportPostman}.\n * cURL commands redirect to {@link CommandPaletteImportCurl}.\n \n Supports watch mode for URL imports to automatically update when content changes.\n /\nexport default {\n name: 'CommandPaletteImport',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ScalarButton,\n ScalarCodeBlock,\n ScalarIcon,\n ScalarTooltip,\n useLoadingState,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { useToasts } from '@scalar/use-toasts'\nimport {\n createWorkspaceStore,\n type WorkspaceStore,\n} from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { useFileDialog } from '@/hooks/use-file-dialog'\nimport { getOpenApiDocumentDetails } from '@/v2/features/command-palette/helpers/get-openapi-document-details'\nimport { importDocumentToWorkspace } from '@/v2/features/command-palette/helpers/import-document-to-workspace'\nimport { isPostmanCollection } from '@/v2/features/command-palette/helpers/is-postman-collection'\nimport {\n loadDocumentFromSource,\n type ImportEventData,\n} from '@/v2/features/command-palette/helpers/load-document-from-source'\nimport { isUrl } from '@/v2/helpers/is-url'\n\nimport CommandActionForm from './CommandActionForm.vue'\nimport CommandActionInput from './CommandActionInput.vue'\nimport WatchModeToggle from './WatchModeToggle.vue'\n\nconst { workspaceStore, eventBus, fileLoader } = defineProps<{\n /* The workspace store for adding documents /\n workspaceStore: WorkspaceStore\n /* Event bus for emitting operation creation events /\n eventBus: WorkspaceEventBus\n /* Loader plugin for file import /\n fileLoader?: LoaderPlugin\n}>()\n\nconst emit = defineEmits<{\n /* Emitted when the import is complete or cancelled /\n (event: 'close'): void\n /* Emitted when user navigates back (e.g., backspace on empty input) /\n (event: 'back', keyboardEvent: KeyboardEvent): void\n}>()\n\ndefineSlots<{\n /* Slot for custom file upload component that can trigger import /\n fileUpload(props: {\n /* Function to trigger import with source content and type /\n import: (source: string, type: 'file' \| 'raw') => Promise<void>\n }): void\n}>()\n\nconst { toast } = useToasts()\n\nconst router = useRouter()\nconst loader = useLoadingState()\n\nconst inputContent = ref('')\nconst watchMode = ref(false)\n\n/* Check if the input content is a URL /\nconst isUrlInput = computed<boolean>(() => isUrl(inputContent.value))\nconst isLocalUrlInput = computed<boolean>(\n () => isUrlInput.value && isLocalUrl(inputContent.value),\n)\n\nconst documentDetails = computed(() =>\n getOpenApiDocumentDetails(inputContent.value),\n)\n\n/* Get the document type for syntax highlighting /\nconst documentType = computed<string>(() =>\n documentDetails.value ? documentDetails.value.type : 'json',\n)\n\n/* Check if the form should be disabled (when input is empty) /\nconst isDisabled = computed<boolean>(() => {\n return !inputContent.value.trim()\n})\n\n/\n Toggle watchMode based on whether the input is a local URL.\n * Only enables watch mode for local URLs, not for files or pasted content.\n /\nwatch(isLocalUrlInput, (value: boolean) => {\n watchMode.value = value\n})\n\n/\n Handles errors during the import process.\n * Shows an error toast, invalidates the loader to show an error state,\n * and closes the command palette modal.\n \n @param errorMessage - The error message to display and log\n /\nconst handleImportError = async (errorMessage: string) => {\n // Log the error\n console.error(errorMessage)\n toast(errorMessage, 'error')\n\n // Invalidate the loader to show the error state\n await loader.invalidate()\n\n // Close the command palette\n emit('close')\n}\n\n/\n Directly imports a document into the workspace without showing the modal.\n * This is used when there is only one workspace and it is empty.\n /\nconst handleImport = async (\n newSource: string,\n type?: ImportEventData['type'],\n): Promise<void> => {\n loader.start()\n\n const TEMP_DOCUMENT_NAME = 'drafts'\n\n // First load the document into a draft store\n // This is to get the title of the document so we can generate a unique slug for store\n const draftStore = createWorkspaceStore({\n fileLoader,\n meta: {\n /* Ensure we use the active proxy to fetch documents /\n 'x-scalar-active-proxy':\n workspaceStore.workspace['x-scalar-active-proxy'],\n },\n })\n\n const eventType = (() => {\n if (type) {\n return type\n }\n\n if (isUrlInput.value) {\n return 'url'\n }\n\n return 'raw'\n })()\n\n const isSuccessfullyLoaded = await loadDocumentFromSource(\n draftStore,\n { source: newSource, type: eventType },\n TEMP_DOCUMENT_NAME,\n watchMode.value,\n )\n\n if (!isSuccessfullyLoaded) {\n return handleImportError('Failed to import document')\n }\n\n const importResult = await importDocumentToWorkspace({\n workspaceStore,\n workspaceState: draftStore.exportWorkspace(),\n name: TEMP_DOCUMENT_NAME,\n })\n\n if (!importResult.ok) {\n return handleImportError(importResult.error)\n }\n\n // Validate the loader to show the success state\n await loader.validate()\n\n // Navigate to the document overview page\n navigateToDocument(importResult.slug)\n\n // Close the command palette\n emit('close')\n}\n\n/* Navigate to the document overview page after successful import /\nconst navigateToDocument = (documentName: string): void => {\n router.push({\n name: 'document.overview',\n params: { documentSlug: documentName },\n })\n}\n\n/\n Handle file selection and import from file dialog.\n * Reads the file as text and imports it as OpenAPI or Postman collection.\n * Shows loading state during the import process.\n /\nconst { open: openSpecFileDialog } = useFileDialog({\n onChange: (files) => {\n const [file] = files ?? []\n\n if (!file) {\n return\n }\n\n loader.start()\n\n const onLoad = async (event: ProgressEvent<FileReader>): Promise<void> => {\n const text = event.target?.result as string\n if (isPostmanCollection(text)) {\n eventBus.emit('ui:open:command-palette', {\n action: 'import-postman-collection',\n payload: {\n inputValue: text,\n },\n })\n await loader.clear()\n return\n }\n await handleImport(text, 'raw')\n }\n\n const reader = new FileReader()\n reader.onload = onLoad\n reader.readAsText(file)\n },\n multiple: false,\n accept: '.json,.yaml,.yml',\n})\n\n/\n Handle input changes.\n * Detects cURL commands and redirects to the cURL import command.\n /\nconst handleInput = (value: string): void => {\n const trimmed = value.trim()\n\n if (trimmed.toLowerCase().startsWith('curl')) {\n return eventBus.emit('ui:open:command-palette', {\n action: 'import-curl-command',\n payload: {\n inputValue: value,\n },\n })\n }\n\n if (isPostmanCollection(trimmed)) {\n return eventBus.emit('ui:open:command-palette', {\n action: 'import-postman-collection',\n payload: {\n inputValue: value,\n },\n })\n }\n\n inputContent.value = value\n}\n\n/* Handle back navigation when user presses backspace on empty input */\nconst handleBack = (event: KeyboardEvent): void => {\n emit('back', event)\n}\n</script>\n<template>\n <CommandActionForm\n :disabled=\"isDisabled\"\n :loader\n @submit=\"handleImport(inputContent)\">\n <!-- URL or cURL input mode -->\n <template v-if=\"!documentDetails \|\| isUrlInput\">\n <CommandActionInput\n :modelValue=\"inputContent\"\n placeholder=\"OpenAPI/Swagger/Postman URL or cURL\"\n @delete=\"handleBack\"\n @update:modelValue=\"handleInput\" />\n </template>\n\n <!-- Preview mode for pasted content -->\n <template v-else>\n <!-- Preview header with clear button -->\n <div class=\"flex justify-between\">\n <div class=\"text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs\">\n Preview\n </div>\n <ScalarButton\n class=\"hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs\"\n variant=\"ghost\"\n @click=\"inputContent = ''\">\n Clear\n </ScalarButton>\n </div>\n\n <!-- Code preview with syntax highlighting -->\n <ScalarCodeBlock\n v-if=\"documentDetails && !isUrlInput\"\n class=\"bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm\"\n :content=\"inputContent\"\n :copy=\"false\"\n :lang=\"documentType\" />\n </template>\n\n <!-- Actions: File upload and watch mode toggle -->\n <template #options>\n <div class=\"flex w-full flex-row items-center justify-between gap-3\">\n <!-- Custom file upload slot or default button -->\n <slot\n :import=\"handleImport\"\n name=\"fileUpload\">\n <!-- Default file upload button -->\n <ScalarButton\n class=\"hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs\"\n variant=\"outlined\"\n @click=\"openSpecFileDialog\">\n JSON, or YAML File\n <ScalarIcon\n class=\"text-c-3\"\n icon=\"Upload\"\n size=\"md\" />\n </ScalarButton>\n </slot>\n\n <!-- Watch mode toggle (only enabled for URL imports) -->\n <ScalarTooltip\n :content=\"\n isUrlInput\n ? 'Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date.'\n : 'Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.'\n \"\n placement=\"bottom\">\n <WatchModeToggle\n v-model=\"watchMode\"\n :disabled=\"!isUrlInput\" />\n </ScalarTooltip>\n </div>\n </template>\n\n <!-- Dynamic submit button text based on import type -->\n <template #submit>\n Import\n <template v-if=\"isUrlInput\">from URL</template>\n <template v-else-if=\"documentDetails && documentType\">\n <template v-if=\"documentDetails.title\">\n \"{{ documentDetails.title }}\"\n </template>\n <template v-else>\n {{ documentDetails.version }}\n </template>\n </template>\n <template v-else>Collection</template>\n </template>\n </CommandActionForm>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue.script.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import IconSelector_default from "../../../../components/IconSelector.vue.js";
 import CommandActionForm_default from "./CommandActionForm.vue.js";
 import CommandActionInput_default from "./CommandActionInput.vue.js";
+import IconSelector_default from "../../../../components/IconSelector.vue.js";
 import { computed, createBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
 import { ScalarButton } from "@scalar/components";
 import { useRouter } from "vue-router";

package/dist/v2/features/command-palette/helpers/get-operation-from-curl.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { parseCurlCommand } from "../../../../libs/parse-curl.js";
+import { parseCurlCommand } from "./parse-curl.js";
 //#region src/v2/features/command-palette/helpers/get-operation-from-curl.ts
 /**
 * Parses request body data from a string.

package/dist/v2/features/command-palette/helpers/get-operation-from-curl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-operation-from-curl.js","names":[],"sources":["../../../../../src/v2/features/command-palette/helpers/get-operation-from-curl.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n OperationObject,\n ParameterObject,\n SchemaObject,\n ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { parseCurlCommand } from '~~@/libs~~'\n\n/*\n Represents the result of parsing a cURL command into an OpenAPI operation.\n /\ntype CurlOperationResult = {\n /* The URL path extracted from the cURL command. /\n path: string\n /* The HTTP method (GET, POST, etc.). /\n method: HttpMethod\n /* The OpenAPI operation object with parameters, body, and servers. /\n operation: OperationObject\n}\n\n/\n Represents data that can be either JSON or form-encoded key-value pairs.\n /\ntype ParsedData = Record<string, unknown>\n\n/\n Parses request body data from a string.\n * Attempts JSON parsing first, then falls back to form-encoded parsing.\n \n Form-encoded data is expected in the format: key1=value1&key2=value2\n /\nconst parseRequestBodyData = (data: string): ParsedData => {\n try {\n // Try parsing as JSON first\n return JSON.parse(data) as ParsedData\n } catch {\n // If JSON parsing fails, parse as form-encoded data (key=value&key2=value2)\n const result: Record<string, string> = {}\n\n data.split('&').forEach((pair) => {\n const [key, value] = pair.split('=')\n if (key && value) {\n result[decodeURIComponent(key)] = decodeURIComponent(value)\n }\n })\n\n return result\n }\n}\n\n/\n Determines the content type based on the request body structure.\n * Returns form-encoded if the body looks like form data, JSON if the body looks like JSON,\n * otherwise uses the header value.\n /\nconst detectContentType = (body: string, headers: Record<string, string>): string => {\n // If Content-Type header is explicitly provided, use it\n if (headers['Content-Type']) {\n return headers['Content-Type']\n }\n\n // Check if body looks like JSON (starts with { or [)\n const trimmedBody = body.trim()\n const isJson = trimmedBody.startsWith('{') \|\| trimmedBody.startsWith('[')\n\n if (isJson) {\n return 'application/json'\n }\n\n // Check if body looks like form-encoded data (contains = but does not start with {)\n const isFormEncoded = body.includes('=') && !trimmedBody.startsWith('{')\n\n return isFormEncoded ? 'application/x-www-form-urlencoded' : ''\n}\n\n/\n Infers a JSON Schema type from a JavaScript value.\n * Maps JavaScript typeof results to JSON Schema primitive types.\n /\nconst inferSchemaType = (value: unknown): string => {\n const jsType = typeof value\n\n // Map JavaScript types to JSON Schema types\n if (jsType === 'string') {\n return 'string'\n }\n if (jsType === 'number') {\n return 'number'\n }\n if (jsType === 'boolean') {\n return 'boolean'\n }\n if (value === null) {\n return 'null'\n }\n if (Array.isArray(value)) {\n return 'array'\n }\n if (jsType === 'object') {\n return 'object'\n }\n\n // Default fallback for any other types\n return 'string'\n}\n\n/\n Creates query and header parameters from parsed cURL data.\n * Each parameter includes a schema with inferred type and an example value.\n /\nconst createParameters = (\n queryParameters: Array<{ key: string; value: string }>,\n headers: Record<string, string>,\n exampleKey: string,\n): ParameterObject[] => {\n const queryParams = Array.isArray(queryParameters)\n ? queryParameters.map(({ key, value }) => ({\n name: key,\n in: 'query' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n : []\n\n const headerParams = Object.entries(headers \|\| {}).map(([key, value]) => ({\n name: key,\n in: 'header' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n\n return [...queryParams, ...headerParams]\n}\n\n/\n Creates a request body schema from parsed data.\n * Generates an object schema with properties inferred from the data structure.\n /\nconst createRequestBodySchema = (data: ParsedData): SchemaObject => {\n const properties = Object.fromEntries(\n Object.entries(data).map(([key, value]) => [key, { type: inferSchemaType(value) } as SchemaObject]),\n )\n\n return {\n type: 'object',\n properties,\n }\n}\n\n/* Don't want to throw for invalid URLs /\nconst safePathname = (url: string) => {\n try {\n return new URL(url).pathname\n } catch {\n return '/'\n }\n}\n\n/\n Converts a cURL command string into an OpenAPI operation object.\n \n This function parses a cURL command and extracts all relevant information\n * (path, method, headers, query parameters, request body) to create a complete\n * OpenAPI operation that can be used to populate a request in the API client.\n \n The exampleKey is used to namespace the example values in the operation object,\n * allowing multiple examples to coexist if needed.\n */\nexport const getOperationFromCurl = (curl: string, exampleKey = 'curl'): CurlOperationResult => {\n const parsedCurl = parseCurlCommand(curl)\n\n const { method = 'get', url, body = '', headers = {}, servers = [], queryParameters = [] } = parsedCurl\n\n const path = safePathname(url)\n const contentType = detectContentType(body, headers)\n const requestBodyData = body ? parseRequestBodyData(body) : {}\n\n const parameters = createParameters(queryParameters, headers, exampleKey)\n\n const serverObjects: ServerObject[] = servers.map((server) => ({\n url: server,\n }))\n\n return {\n path,\n method,\n operation: {\n parameters,\n requestBody: {\n content: {\n [contentType]: {\n schema: createRequestBodySchema(requestBodyData),\n examples: {\n [exampleKey]: { value: requestBodyData },\n },\n },\n },\n 'x-scalar-selected-content-type': {\n [exampleKey]: contentType,\n },\n },\n servers: serverObjects.length ? serverObjects : undefined,\n },\n }\n}\n"],"mappings":";;;;;;;;AAiCA,IAAM,wBAAwB,SAA6B;AACzD,KAAI;AAEF,SAAO,KAAK,MAAM,KAAK;SACjB;EAEN,MAAM,SAAiC,EAAE;AAEzC,OAAK,MAAM,IAAI,CAAC,SAAS,SAAS;GAChC,MAAM,CAAC,KAAK,SAAS,KAAK,MAAM,IAAI;AACpC,OAAI,OAAO,MACT,QAAO,mBAAmB,IAAI,IAAI,mBAAmB,MAAM;IAE7D;AAEF,SAAO;;;;;;;;AASX,IAAM,qBAAqB,MAAc,YAA4C;AAEnF,KAAI,QAAQ,gBACV,QAAO,QAAQ;CAIjB,MAAM,cAAc,KAAK,MAAM;AAG/B,KAFe,YAAY,WAAW,IAAI,IAAI,YAAY,WAAW,IAAI,CAGvE,QAAO;AAMT,QAFsB,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,WAAW,IAAI,GAEjD,sCAAsC;;;;;;AAO/D,IAAM,mBAAmB,UAA2B;CAClD,MAAM,SAAS,OAAO;AAGtB,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,UACb,QAAO;AAET,KAAI,UAAU,KACZ,QAAO;AAET,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAIT,QAAO;;;;;;AAOT,IAAM,oBACJ,iBACA,SACA,eACsB;CACtB,MAAM,cAAc,MAAM,QAAQ,gBAAgB,GAC9C,gBAAgB,KAAK,EAAE,KAAK,aAAa;EACvC,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE,GACH,EAAE;CAEN,MAAM,eAAe,OAAO,QAAQ,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY;EACxE,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE;AAEH,QAAO,CAAC,GAAG,aAAa,GAAG,aAAa;;;;;;AAO1C,IAAM,2BAA2B,SAAmC;AAKlE,QAAO;EACL,MAAM;EACN,YANiB,OAAO,YACxB,OAAO,QAAQ,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,EAAE,MAAM,gBAAgB,MAAM,EAAE,CAAiB,CAAC,CACpG;EAKA;;;AAIH,IAAM,gBAAgB,QAAgB;AACpC,KAAI;AACF,SAAO,IAAI,IAAI,IAAI,CAAC;SACd;AACN,SAAO;;;;;;;;;;;;;AAcX,IAAa,wBAAwB,MAAc,aAAa,WAAgC;CAG9F,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,IAAI,UAAU,EAAE,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,KAFrE,iBAAiB,KAAK;CAIzC,MAAM,OAAO,aAAa,IAAI;CAC9B,MAAM,cAAc,kBAAkB,MAAM,QAAQ;CACpD,MAAM,kBAAkB,OAAO,qBAAqB,KAAK,GAAG,EAAE;CAE9D,MAAM,aAAa,iBAAiB,iBAAiB,SAAS,WAAW;CAEzE,MAAM,gBAAgC,QAAQ,KAAK,YAAY,EAC7D,KAAK,QACN,EAAE;AAEH,QAAO;EACL;EACA;EACA,WAAW;GACT;GACA,aAAa;IACX,SAAS,GACN,cAAc;KACb,QAAQ,wBAAwB,gBAAgB;KAChD,UAAU,GACP,aAAa,EAAE,OAAO,iBAAiB,EACzC;KACF,EACF;IACD,kCAAkC,GAC/B,aAAa,aACf;IACF;GACD,SAAS,cAAc,SAAS,gBAAgB,KAAA;GACjD;EACF"}
1	+ {"version":3,"file":"get-operation-from-curl.js","names":[],"sources":["../../../../../src/v2/features/command-palette/helpers/get-operation-from-curl.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type {\n OperationObject,\n ParameterObject,\n SchemaObject,\n ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { parseCurlCommand } from './parse-curl'\n\n/*\n Represents the result of parsing a cURL command into an OpenAPI operation.\n /\ntype CurlOperationResult = {\n /* The URL path extracted from the cURL command. /\n path: string\n /* The HTTP method (GET, POST, etc.). /\n method: HttpMethod\n /* The OpenAPI operation object with parameters, body, and servers. /\n operation: OperationObject\n}\n\n/\n Represents data that can be either JSON or form-encoded key-value pairs.\n /\ntype ParsedData = Record<string, unknown>\n\n/\n Parses request body data from a string.\n * Attempts JSON parsing first, then falls back to form-encoded parsing.\n \n Form-encoded data is expected in the format: key1=value1&key2=value2\n /\nconst parseRequestBodyData = (data: string): ParsedData => {\n try {\n // Try parsing as JSON first\n return JSON.parse(data) as ParsedData\n } catch {\n // If JSON parsing fails, parse as form-encoded data (key=value&key2=value2)\n const result: Record<string, string> = {}\n\n data.split('&').forEach((pair) => {\n const [key, value] = pair.split('=')\n if (key && value) {\n result[decodeURIComponent(key)] = decodeURIComponent(value)\n }\n })\n\n return result\n }\n}\n\n/\n Determines the content type based on the request body structure.\n * Returns form-encoded if the body looks like form data, JSON if the body looks like JSON,\n * otherwise uses the header value.\n /\nconst detectContentType = (body: string, headers: Record<string, string>): string => {\n // If Content-Type header is explicitly provided, use it\n if (headers['Content-Type']) {\n return headers['Content-Type']\n }\n\n // Check if body looks like JSON (starts with { or [)\n const trimmedBody = body.trim()\n const isJson = trimmedBody.startsWith('{') \|\| trimmedBody.startsWith('[')\n\n if (isJson) {\n return 'application/json'\n }\n\n // Check if body looks like form-encoded data (contains = but does not start with {)\n const isFormEncoded = body.includes('=') && !trimmedBody.startsWith('{')\n\n return isFormEncoded ? 'application/x-www-form-urlencoded' : ''\n}\n\n/\n Infers a JSON Schema type from a JavaScript value.\n * Maps JavaScript typeof results to JSON Schema primitive types.\n /\nconst inferSchemaType = (value: unknown): string => {\n const jsType = typeof value\n\n // Map JavaScript types to JSON Schema types\n if (jsType === 'string') {\n return 'string'\n }\n if (jsType === 'number') {\n return 'number'\n }\n if (jsType === 'boolean') {\n return 'boolean'\n }\n if (value === null) {\n return 'null'\n }\n if (Array.isArray(value)) {\n return 'array'\n }\n if (jsType === 'object') {\n return 'object'\n }\n\n // Default fallback for any other types\n return 'string'\n}\n\n/\n Creates query and header parameters from parsed cURL data.\n * Each parameter includes a schema with inferred type and an example value.\n /\nconst createParameters = (\n queryParameters: Array<{ key: string; value: string }>,\n headers: Record<string, string>,\n exampleKey: string,\n): ParameterObject[] => {\n const queryParams = Array.isArray(queryParameters)\n ? queryParameters.map(({ key, value }) => ({\n name: key,\n in: 'query' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n : []\n\n const headerParams = Object.entries(headers \|\| {}).map(([key, value]) => ({\n name: key,\n in: 'header' as const,\n schema: { type: inferSchemaType(value) },\n examples: {\n [exampleKey]: { value },\n },\n }))\n\n return [...queryParams, ...headerParams]\n}\n\n/\n Creates a request body schema from parsed data.\n * Generates an object schema with properties inferred from the data structure.\n /\nconst createRequestBodySchema = (data: ParsedData): SchemaObject => {\n const properties = Object.fromEntries(\n Object.entries(data).map(([key, value]) => [key, { type: inferSchemaType(value) } as SchemaObject]),\n )\n\n return {\n type: 'object',\n properties,\n }\n}\n\n/* Don't want to throw for invalid URLs /\nconst safePathname = (url: string) => {\n try {\n return new URL(url).pathname\n } catch {\n return '/'\n }\n}\n\n/\n Converts a cURL command string into an OpenAPI operation object.\n \n This function parses a cURL command and extracts all relevant information\n * (path, method, headers, query parameters, request body) to create a complete\n * OpenAPI operation that can be used to populate a request in the API client.\n \n The exampleKey is used to namespace the example values in the operation object,\n * allowing multiple examples to coexist if needed.\n */\nexport const getOperationFromCurl = (curl: string, exampleKey = 'curl'): CurlOperationResult => {\n const parsedCurl = parseCurlCommand(curl)\n\n const { method = 'get', url, body = '', headers = {}, servers = [], queryParameters = [] } = parsedCurl\n\n const path = safePathname(url)\n const contentType = detectContentType(body, headers)\n const requestBodyData = body ? parseRequestBodyData(body) : {}\n\n const parameters = createParameters(queryParameters, headers, exampleKey)\n\n const serverObjects: ServerObject[] = servers.map((server) => ({\n url: server,\n }))\n\n return {\n path,\n method,\n operation: {\n parameters,\n requestBody: {\n content: {\n [contentType]: {\n schema: createRequestBodySchema(requestBodyData),\n examples: {\n [exampleKey]: { value: requestBodyData },\n },\n },\n },\n 'x-scalar-selected-content-type': {\n [exampleKey]: contentType,\n },\n },\n servers: serverObjects.length ? serverObjects : undefined,\n },\n }\n}\n"],"mappings":";;;;;;;;AAiCA,IAAM,wBAAwB,SAA6B;AACzD,KAAI;AAEF,SAAO,KAAK,MAAM,KAAK;SACjB;EAEN,MAAM,SAAiC,EAAE;AAEzC,OAAK,MAAM,IAAI,CAAC,SAAS,SAAS;GAChC,MAAM,CAAC,KAAK,SAAS,KAAK,MAAM,IAAI;AACpC,OAAI,OAAO,MACT,QAAO,mBAAmB,IAAI,IAAI,mBAAmB,MAAM;IAE7D;AAEF,SAAO;;;;;;;;AASX,IAAM,qBAAqB,MAAc,YAA4C;AAEnF,KAAI,QAAQ,gBACV,QAAO,QAAQ;CAIjB,MAAM,cAAc,KAAK,MAAM;AAG/B,KAFe,YAAY,WAAW,IAAI,IAAI,YAAY,WAAW,IAAI,CAGvE,QAAO;AAMT,QAFsB,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,WAAW,IAAI,GAEjD,sCAAsC;;;;;;AAO/D,IAAM,mBAAmB,UAA2B;CAClD,MAAM,SAAS,OAAO;AAGtB,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAET,KAAI,WAAW,UACb,QAAO;AAET,KAAI,UAAU,KACZ,QAAO;AAET,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,KAAI,WAAW,SACb,QAAO;AAIT,QAAO;;;;;;AAOT,IAAM,oBACJ,iBACA,SACA,eACsB;CACtB,MAAM,cAAc,MAAM,QAAQ,gBAAgB,GAC9C,gBAAgB,KAAK,EAAE,KAAK,aAAa;EACvC,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE,GACH,EAAE;CAEN,MAAM,eAAe,OAAO,QAAQ,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY;EACxE,MAAM;EACN,IAAI;EACJ,QAAQ,EAAE,MAAM,gBAAgB,MAAM,EAAE;EACxC,UAAU,GACP,aAAa,EAAE,OAAO,EACxB;EACF,EAAE;AAEH,QAAO,CAAC,GAAG,aAAa,GAAG,aAAa;;;;;;AAO1C,IAAM,2BAA2B,SAAmC;AAKlE,QAAO;EACL,MAAM;EACN,YANiB,OAAO,YACxB,OAAO,QAAQ,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,EAAE,MAAM,gBAAgB,MAAM,EAAE,CAAiB,CAAC,CACpG;EAKA;;;AAIH,IAAM,gBAAgB,QAAgB;AACpC,KAAI;AACF,SAAO,IAAI,IAAI,IAAI,CAAC;SACd;AACN,SAAO;;;;;;;;;;;;;AAcX,IAAa,wBAAwB,MAAc,aAAa,WAAgC;CAG9F,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,IAAI,UAAU,EAAE,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,KAFrE,iBAAiB,KAAK;CAIzC,MAAM,OAAO,aAAa,IAAI;CAC9B,MAAM,cAAc,kBAAkB,MAAM,QAAQ;CACpD,MAAM,kBAAkB,OAAO,qBAAqB,KAAK,GAAG,EAAE;CAE9D,MAAM,aAAa,iBAAiB,iBAAiB,SAAS,WAAW;CAEzE,MAAM,gBAAgC,QAAQ,KAAK,YAAY,EAC7D,KAAK,QACN,EAAE;AAEH,QAAO;EACL;EACA;EACA,WAAW;GACT;GACA,aAAa;IACX,SAAS,GACN,cAAc;KACb,QAAQ,wBAAwB,gBAAgB;KAChD,UAAU,GACP,aAAa,EAAE,OAAO,iBAAiB,EACzC;KACF,EACF;IACD,kCAAkC,GAC/B,aAAa,aACf;IACF;GACD,SAAS,cAAc,SAAS,gBAAgB,KAAA;GACjD;EACF"}

package/dist/{libs → v2/features/command-palette/helpers}/parse-curl.d.ts RENAMED Viewed

@@ -1,8 +1,8 @@
-import type { RequestMethod } from '@scalar/oas-utils/entities/spec';
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 /** Parse and normalize a curl command */
 export declare function parseCurlCommand(curlCommand: string): {
     url: string;
-    method?: RequestMethod;
+    method?: HttpMethod;
     headers?: Record<string, string>;
     body?: string;
     queryParameters?: Array<{

package/dist/v2/features/command-palette/helpers/parse-curl.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"parse-curl.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/helpers/parse-curl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAInE,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM;SAW3C,MAAM;aACF,UAAU;cACT,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;WACzB,MAAM;sBACK,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;cAC7C,MAAM,EAAE;EA6CrB"}

package/dist/{libs → v2/features/command-palette/helpers}/parse-curl.js RENAMED Viewed

@@ -1,6 +1,6 @@
 import { encode } from "js-base64";
 import { parse } from "shell-quote";
-//#region src/libs/parse-curl.ts
+//#region src/v2/features/command-palette/helpers/parse-curl.ts
 /** Parse and normalize a curl command */
 function parseCurlCommand(curlCommand) {
 	const args = parse(curlCommand).map((arg) => {

package/dist/v2/features/command-palette/helpers/parse-curl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"parse-curl.js","names":[],"sources":["../../../../../src/v2/features/command-palette/helpers/parse-curl.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { encode } from 'js-base64'\nimport { parse as parseShellCommand } from 'shell-quote'\n\n/** Parse and normalize a curl command */\nexport function parseCurlCommand(curlCommand: string) {\n const args = parseShellCommand(curlCommand)\n .map((arg) => {\n if (typeof arg === 'object' && 'op' in arg && arg.op === 'glob') {\n return arg.pattern.trim()\n }\n return typeof arg === 'string' ? arg.trim() : arg\n })\n .filter((arg) => arg !== '')\n\n const result: {\n url: string\n method?: HttpMethod\n headers?: Record<string, string>\n body?: string\n queryParameters?: Array<{ key: string; value: string }>\n servers?: string[]\n } = { url: '' }\n\n const iterator = args[Symbol.iterator]()\n let arg = iterator.next().value\n\n while (arg) {\n if (arg === '-X' || arg === '--request') {\n // Extract method e.g curl -X POST\n parseMethod(iterator as Iterator<string>, result)\n } else if (arg === '--url') {\n // Extract URL e.g curl https://example.com\n parseUrl(iterator as Iterator<string>, result)\n } else if (arg === '-H' || arg === '--header') {\n // Extract headers e.g -H 'Content-Type: application/json'\n parseHeader(iterator as Iterator<string>, result)\n } else if (\n arg === '--data' ||\n arg === '-d' ||\n arg === '--data-raw' ||\n arg === '--data-urlencode' ||\n arg === '--data-binary' ||\n arg === '--data-ascii'\n ) {\n parseData(iterator as Iterator<string>, result, curlCommand)\n } else if (typeof arg === 'string' && !result.url && (arg.startsWith('http') || arg.startsWith('www.'))) {\n // Extract URL e.g curl https://example.com\n parseUrl([arg][Symbol.iterator]() as Iterator<string>, result)\n } else if (arg === '-P') {\n // Extract path variables e.g -P 'foo=bar'\n parsePathVariables(iterator as Iterator<string>, result)\n } else if (typeof arg === 'string' && arg.toLowerCase().includes('content-type')) {\n // Extract Content-Type header e.g -H 'Content-Type: application/json'\n parseContentType(arg, result)\n } else if (arg === '-u' || arg === '--user') {\n // Extract Authorization header e.g -u 'username:password'\n parseAuth(iterator as Iterator<string>, result)\n } else if (arg === '-b' || arg === '--cookie') {\n // Extract Cookie header e.g -b 'foo=bar'\n parseCookie(iterator as Iterator<string>, result)\n }\n arg = iterator.next().value\n }\n\n return result\n}\n\n/** Get the method from a curl command */\nfunction parseMethod(iterator: Iterator<string>, result: any) {\n result.method = iterator.next().value.toLowerCase()\n}\n\n/** Get the URL from a curl command */\nfunction parseUrl(iterator: Iterator<string>, result: any) {\n const url = new URL(iterator.next().value.replace(/['\"]/g, ''))\n result.servers = [url.origin]\n result.path = url.pathname !== '/' ? url.pathname : ''\n result.url = result.servers[0] + result.path\n\n // Merge existing query parameters with those from the URL\n const urlQueryParameters = parseQueryParameters(url.search)\n result.queryParameters = result.queryParameters\n ? [...result.queryParameters, ...urlQueryParameters]\n : urlQueryParameters\n}\n\n/** Get the headers from a curl command */\nfunction parseHeader(iterator: Iterator<string>, result: any) {\n const header = iterator.next().value.split(/:(.*)/)\n result.headers = result.headers || {}\n if (header[1] !== undefined) {\n result.headers[header[0].trim()] = header[1].trim()\n } else {\n result.headers[header[0].trim()] = ''\n }\n}\n\n/** Get the {query} parameters from a curl command */\nfunction parsePathVariables(iterator: Iterator<string>, result: any) {\n const param = iterator.next().value.replace(/['\"]/g, '').split('=')\n result.pathVariables = result.pathVariables || {}\n if (param[1] !== undefined) {\n result.pathVariables[param[0].trim()] = param[1].trim()\n } else {\n result.pathVariables[param[0].trim()] = ''\n }\n}\n\n/** Get the ?query=parameters from a curl command */\nfunction parseQueryParameters(url: string) {\n const queryParameters: Array<{ key: string; value: string }> = []\n // Base URL is required for relative URLs\n const urlObj = new URL(url, 'http://example.com')\n\n urlObj.searchParams.forEach((value, key) => {\n queryParameters.push({ key, value })\n })\n\n return queryParameters\n}\n\n/** Get the Content-Type header from a curl command */\nfunction parseContentType(arg: string, result: any) {\n const header = arg.replace(/['\"]/g, '').split(/:(.+)/)\n result.headers = result.headers || {}\n\n if (!header[0]) {\n return\n }\n\n if (header[1] !== undefined) {\n result.headers[header[0].trim()] = header[1].trim()\n } else {\n result.headers[header[0].trim()] = ''\n }\n}\n\n/** Get the Authorization header from a curl command */\nfunction parseAuth(iterator: Iterator<string>, result: any) {\n const auth = iterator.next().value\n\n try {\n const encodedAuth = encode(auth)\n\n result.headers = result.headers || {}\n\n result.headers['Authorization'] = `Basic ${encodedAuth}`\n } catch (error) {\n console.warn('Could not base64 encode these HTTP basic auth credentials:', auth, error)\n }\n}\n\n/** Get the Cookie header from a curl command */\nfunction parseCookie(iterator: Iterator<string>, result: any) {\n const cookie = iterator.next().value\n result.headers = result.headers || {}\n if (result.headers['Cookie']) {\n result.headers['Cookie'] += `; ${cookie}`\n } else {\n result.headers['Cookie'] = cookie.replace(/;$/, '') // Remove trailing semicolon if present\n }\n}\n\n/** Parse data from a curl command */\nfunction parseData(iterator: Iterator<string>, result: any, curlCommand: string) {\n const nextArg = iterator.next().value\n if (typeof nextArg === 'string') {\n if (nextArg.startsWith('@')) {\n // Mock reading data from file\n result.body = ''\n } else {\n result.body = nextArg\n }\n // Parse query parameters from body if URL is not present\n if (!result.url || curlCommand.includes('-G')) {\n const newQueryParams = parseQueryParameters(`?${result.body}`)\n result.queryParameters = result.queryParameters ? [...result.queryParameters, ...newQueryParams] : newQueryParams\n }\n }\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import CommandPaletteExample_default from "../components/CommandPaletteExample.vue.js";
 import CommandPaletteImport_default from "../components/CommandPaletteImport.vue.js";
+import CommandPaletteExample_default from "../components/CommandPaletteExample.vue.js";
 import CommandPaletteImportCurl_default from "../components/CommandPaletteImportCurl.vue.js";
 import CommandPaletteImportPostman_default from "../components/CommandPaletteImportPostman.vue.js";
 import CommandPaletteOpenApiDocument_default from "../components/CommandPaletteOpenApiDocument.vue.js";

package/dist/v2/features/command-palette/index.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+export { default as CommandActionForm } from './components/CommandActionForm.vue.js';
+export { default as CommandActionInput } from './components/CommandActionInput.vue.js';
 export { default as CommandPaletteImport } from './components/CommandPaletteImport.vue.js';
 export { default as TheCommandPalette } from './TheCommandPalette.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/command-palette/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACnF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACvF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/v2/features/command-palette/index.js CHANGED Viewed

@@ -1,3 +1,5 @@
+import CommandActionForm_default from "./components/CommandActionForm.vue.js";
+import CommandActionInput_default from "./components/CommandActionInput.vue.js";
 import CommandPaletteImport_default from "./components/CommandPaletteImport.vue.js";
 import TheCommandPalette_default from "./TheCommandPalette.vue.js";
-export { CommandPaletteImport_default as CommandPaletteImport, TheCommandPalette_default as TheCommandPalette };
+export { CommandActionForm_default as CommandActionForm, CommandActionInput_default as CommandActionInput, CommandPaletteImport_default as CommandPaletteImport, TheCommandPalette_default as TheCommandPalette };

package/dist/v2/features/editor/helpers/configure-language-support.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import openapi_3_1_schema_default from "../schemas/openapi-3.1-schema.json.js";
-import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
+import * as monaco from "monaco-editor";
 import { configureMonacoYaml } from "monaco-yaml";
 //#region src/v2/features/editor/helpers/configure-language-support.ts
 var OPENAPI_JSON_SCHEMA_URI = "inmemory://model/scalar/openapi-json-schema";
@@ -9,9 +9,9 @@ var OPENAPI_JSON_SCHEMA_URI = "inmemory://model/scalar/openapi-json-schema";
 * @param globPattern - The glob pattern to match the files to configure language support for
 */
 var configureJson = (globPattern) => {
-	const defaults = monaco.languages.json.jsonDefaults;
+	const defaults = monaco.json.jsonDefaults;
 	const current = defaults.diagnosticsOptions;
-	const schemas = [...(current.schemas ?? []).filter((s) => s.uri !== OPENAPI_JSON_SCHEMA_URI), {
+	const schemas = [...(current.schemas ?? []).filter((schema) => schema.uri !== OPENAPI_JSON_SCHEMA_URI), {
 		uri: OPENAPI_JSON_SCHEMA_URI,
 		fileMatch: [globPattern],
 		schema: openapi_3_1_schema_default

package/dist/v2/features/editor/helpers/configure-language-support.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"configure-language-support.js","names":[],"sources":["../../../../../src/v2/features/editor/helpers/configure-language-support.ts"],"sourcesContent":["import * as monaco from 'monaco-editor~~/esm/vs/editor/editor.api.js~~'\nimport { configureMonacoYaml } from 'monaco-yaml'\n\nimport openApiJsonSchema from './../schemas/openapi-3.1-schema.json'\n\nconst OPENAPI_JSON_SCHEMA_URI = 'inmemory://model/scalar/openapi-json-schema'\n\n/*\n Configures JSON language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n /\nexport const configureJson = (globPattern: string): void => {\n const defaults = monaco.~~languages.~~json.jsonDefaults\n const current = defaults.diagnosticsOptions\n\n const existingSchemas = current.schemas ?? []\n const schemas = [\n ...existingSchemas.filter((s) => s.uri !== OPENAPI_JSON_SCHEMA_URI),\n {\n uri: OPENAPI_JSON_SCHEMA_URI,\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n },\n ]\n\n defaults.setDiagnosticsOptions({\n ...current,\n validate: true,\n enableSchemaRequest: false,\n schemas,\n })\n}\n\n/\n Configures YAML language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n */\nexport const configureYaml = (globPattern: string): void => {\n configureMonacoYaml(monaco, {\n enableSchemaRequest: false,\n validate: true,\n format: true,\n completion: true,\n hover: true,\n schemas: [\n {\n // If YAML file is opened matching this glob\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n uri: OPENAPI_JSON_SCHEMA_URI,\n },\n ],\n })\n}\n"],"mappings":";;;;AAKA,IAAM,0BAA0B;;;;;;AAOhC,IAAa,iBAAiB,gBAA8B;CAC1D,MAAM,WAAW,OAAO,~~UAAU,~~KAAK;~~CACvC~~,MAAM,UAAU,SAAS;CAGzB,MAAM,UAAU,CACd,IAFsB,QAAQ,WAAW,EAAE,EAExB,QAAQ,~~MAAM~~,~~EAAE~~,QAAQ,wBAAwB,~~EACnE~~;EACE,KAAK;EACL,WAAW,CAAC,YAAY;EACxB,QAAQ;EACT,CACF;AAED,UAAS,sBAAsB;EAC7B,GAAG;EACH,UAAU;EACV,qBAAqB;EACrB;EACD,CAAC;;;;;;;AAQJ,IAAa,iBAAiB,gBAA8B;AAC1D,qBAAoB,QAAQ;EAC1B,qBAAqB;EACrB,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,OAAO;EACP,SAAS,CACP;GAEE,WAAW,CAAC,YAAY;GACxB,QAAQ;GACR,KAAK;GACN,CACF;EACF,CAAC"}
1	+ {"version":3,"file":"configure-language-support.js","names":[],"sources":["../../../../../src/v2/features/editor/helpers/configure-language-support.ts"],"sourcesContent":["import * as monaco from 'monaco-editor'\nimport { configureMonacoYaml } from 'monaco-yaml'\n\nimport openApiJsonSchema from './../schemas/openapi-3.1-schema.json'\n\nconst OPENAPI_JSON_SCHEMA_URI = 'inmemory://model/scalar/openapi-json-schema'\n\n/*\n Configures JSON language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n /\nexport const configureJson = (globPattern: string): void => {\n const defaults = monaco.json.jsonDefaults\n const current = defaults.diagnosticsOptions\n\n const existingSchemas = current.schemas ?? []\n const schemas = [\n ...existingSchemas.filter((schema) => schema.uri !== OPENAPI_JSON_SCHEMA_URI),\n {\n uri: OPENAPI_JSON_SCHEMA_URI,\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n },\n ]\n\n defaults.setDiagnosticsOptions({\n ...current,\n validate: true,\n enableSchemaRequest: false,\n schemas,\n })\n}\n\n/\n Configures YAML language support for the given model URI\n \n @param globPattern - The glob pattern to match the files to configure language support for\n */\nexport const configureYaml = (globPattern: string): void => {\n configureMonacoYaml(monaco, {\n enableSchemaRequest: false,\n validate: true,\n format: true,\n completion: true,\n hover: true,\n schemas: [\n {\n // If YAML file is opened matching this glob\n fileMatch: [globPattern],\n schema: openApiJsonSchema,\n uri: OPENAPI_JSON_SCHEMA_URI,\n },\n ],\n })\n}\n"],"mappings":";;;;AAKA,IAAM,0BAA0B;;;;;;AAOhC,IAAa,iBAAiB,gBAA8B;CAC1D,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,UAAU,SAAS;CAGzB,MAAM,UAAU,CACd,IAFsB,QAAQ,WAAW,EAAE,EAExB,QAAQ,WAAW,OAAO,QAAQ,wBAAwB,EAC7E;EACE,KAAK;EACL,WAAW,CAAC,YAAY;EACxB,QAAQ;EACT,CACF;AAED,UAAS,sBAAsB;EAC7B,GAAG;EACH,UAAU;EACV,qBAAqB;EACrB;EACD,CAAC;;;;;;;AAQJ,IAAa,iBAAiB,gBAA8B;AAC1D,qBAAoB,QAAQ;EAC1B,qBAAqB;EACrB,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,OAAO;EACP,SAAS,CACP;GAEE,WAAW,CAAC,YAAY;GACxB,QAAQ;GACR,KAAK;GACN,CACF;EACF,CAAC"}

package/dist/v2/features/editor/helpers/json/get-json-ast-node-from-path.d.ts CHANGED Viewed

@@ -10,5 +10,5 @@ import type { JsonPath } from './json-ast.js';
  * @param path - The JSON path to locate the AST node.
  * @returns A promise resolving to the AST node at the path, or null if not found.
  */
-export declare const getJsonAstNodeFromPath: (model: monaco.editor.ITextModel, path: JsonPath) => Promise<monaco.languages.json.ASTNode | null>;
+export declare const getJsonAstNodeFromPath: (model: monaco.editor.ITextModel, path: JsonPath) => Promise<monaco.json.ASTNode | null>;
 //# sourceMappingURL=get-json-ast-node-from-path.d.ts.map

package/dist/v2/features/editor/helpers/json/get-json-ast-node-from-path.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-json-ast-node-from-path.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/editor/helpers/json/get-json-ast-node-from-path.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAG1C;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,EAC/B,MAAM,QAAQ,KACb,OAAO,CAAC,MAAM,CAAC,~~SAAS,CAAC,~~IAAI,CAAC,OAAO,GAAG,IAAI,~~CAW9C~~,CAAA"}
1	+ {"version":3,"file":"get-json-ast-node-from-path.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/editor/helpers/json/get-json-ast-node-from-path.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAG1C;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,EAC/B,MAAM,QAAQ,KACb,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAWpC,CAAA"}

package/dist/v2/features/editor/helpers/json/get-json-ast-node-from-path.js CHANGED Viewed

@@ -12,7 +12,7 @@ import * as monaco from "monaco-editor";
 * @returns A promise resolving to the AST node at the path, or null if not found.
 */
 var getJsonAstNodeFromPath = async (model, path) => {
-	const jsonDocument = await (await (await monaco.languages.json.getWorker())(model.uri)).parseJSONDocument(model.uri.toString());
+	const jsonDocument = await (await (await monaco.json.getWorker())(model.uri)).parseJSONDocument(model.uri.toString());
 	if (!jsonDocument?.root) return null;
 	return getJsonAstNodeAtPath(jsonDocument.root, path) ?? null;
 };

package/dist/v2/features/editor/helpers/json/get-json-ast-node-from-path.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-json-ast-node-from-path.js","names":[],"sources":["../../../../../../src/v2/features/editor/helpers/json/get-json-ast-node-from-path.ts"],"sourcesContent":["import * as monaco from 'monaco-editor'\n\nimport type { JsonPath } from './json-ast'\nimport { getJsonAstNodeAtPath } from './json-ast'\n\n/*\n Retrieves a JSON AST node from a Monaco editor model at the specified JSON path.\n \n Utilizes Monaco's JSON worker to parse the document and returns the AST node\n * located at the given path, or null if not found.\n \n @param model - The Monaco editor text model representing the JSON document.\n * @param path - The JSON path to locate the AST node.\n * @returns A promise resolving to the AST node at the path, or null if not found.\n */\nexport const getJsonAstNodeFromPath = async (\n model: monaco.editor.ITextModel,\n path: JsonPath,\n): Promise<monaco.~~languages.~~json.ASTNode \| null> => {\n const worker = await monaco.~~languages.~~json.getWorker()\n const jsonWorker = await worker(model.uri)\n\n // Monaco's JSON worker keeps an internal (incremental) AST; no JSON.parse needed.\n const jsonDocument = await jsonWorker.parseJSONDocument(model.uri.toString())\n if (!jsonDocument?.root) {\n return null\n }\n\n return getJsonAstNodeAtPath(jsonDocument.root, path) ?? null\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,IAAa,yBAAyB,OACpC,OACA,~~SACkD~~;~~CAKlD~~,MAAM,eAAe,OAHF,OADJ,MAAM,OAAO,~~UAAU,~~KAAK,WAAW,~~EACtB~~,MAAM,IAAI,EAGJ,kBAAkB,MAAM,IAAI,UAAU,CAAC;AAC7E,KAAI,CAAC,cAAc,KACjB,QAAO;AAGT,QAAO,qBAAqB,aAAa,MAAM,KAAK,IAAI"}
1	+ {"version":3,"file":"get-json-ast-node-from-path.js","names":[],"sources":["../../../../../../src/v2/features/editor/helpers/json/get-json-ast-node-from-path.ts"],"sourcesContent":["import * as monaco from 'monaco-editor'\n\nimport type { JsonPath } from './json-ast'\nimport { getJsonAstNodeAtPath } from './json-ast'\n\n/*\n Retrieves a JSON AST node from a Monaco editor model at the specified JSON path.\n \n Utilizes Monaco's JSON worker to parse the document and returns the AST node\n * located at the given path, or null if not found.\n \n @param model - The Monaco editor text model representing the JSON document.\n * @param path - The JSON path to locate the AST node.\n * @returns A promise resolving to the AST node at the path, or null if not found.\n */\nexport const getJsonAstNodeFromPath = async (\n model: monaco.editor.ITextModel,\n path: JsonPath,\n): Promise<monaco.json.ASTNode \| null> => {\n const worker = await monaco.json.getWorker()\n const jsonWorker = await worker(model.uri)\n\n // Monaco's JSON worker keeps an internal (incremental) AST; no JSON.parse needed.\n const jsonDocument = await jsonWorker.parseJSONDocument(model.uri.toString())\n if (!jsonDocument?.root) {\n return null\n }\n\n return getJsonAstNodeAtPath(jsonDocument.root, path) ?? null\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,IAAa,yBAAyB,OACpC,OACA,SACwC;CAKxC,MAAM,eAAe,OAHF,OADJ,MAAM,OAAO,KAAK,WAAW,EACZ,MAAM,IAAI,EAGJ,kBAAkB,MAAM,IAAI,UAAU,CAAC;AAC7E,KAAI,CAAC,cAAc,KACjB,QAAO;AAGT,QAAO,qBAAqB,aAAa,MAAM,KAAK,IAAI"}

package/dist/v2/features/editor/helpers/json/json-ast.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ export type JsonPath = readonly (string | number)[];
  * @param path - The path to traverse within the AST, as an array of keys/indices.
  * @returns The AST node at the specified path, or undefined if not found.
  */
-export declare const getJsonAstNodeAtPath: (node: monaco.languages.json.ASTNode | undefined, path: JsonPath) => monaco.languages.json.ASTNode | undefined;
+export declare const getJsonAstNodeAtPath: (node: monaco.json.ASTNode | undefined, path: JsonPath) => monaco.json.ASTNode | undefined;
 //# sourceMappingURL=json-ast.d.ts.map

package/dist/v2/features/editor/helpers/json/json-ast.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"json-ast.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/editor/helpers/json/json-ast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAA;AAE5C,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,CAAC,~~SAAS,CAAC,~~IAAI,CAAC,OAAO,GAAG,SAAS,~~EAC/C~~,MAAM,QAAQ,KACb,MAAM,CAAC,~~SAAS,CAAC,~~IAAI,CAAC,OAAO,GAAG,~~SAkClC~~,CAAA"}
1	+ {"version":3,"file":"json-ast.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/editor/helpers/json/json-ast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAA;AAE5C,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,EACrC,MAAM,QAAQ,KACb,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,SAkCxB,CAAA"}

package/dist/v2/features/editor/helpers/json/json-ast.js CHANGED Viewed

@@ -13,7 +13,7 @@ var getJsonAstNodeAtPath = (node, path) => {
 		if (!current) return;
 		if (current.type === "object") {
 			const key = String(segment);
-			current = current.properties.find((p) => p.keyNode.value === key)?.valueNode;
+			current = current.properties.find((property) => property.keyNode.value === key)?.valueNode;
 			continue;
 		}
 		if (current.type === "array") {

package/dist/v2/features/editor/helpers/json/json-ast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"json-ast.js","names":[],"sources":["../../../../../../src/v2/features/editor/helpers/json/json-ast.ts"],"sourcesContent":["import type * as monaco from 'monaco-editor'\n\nexport type JsonPath = readonly (string \| number)[]\n\n/*\n Traverses the AST of a JSON document to find the node at the provided JsonPath.\n * Returns undefined if the path does not exist in the AST.\n \n @param node - The root AST node to begin traversal from.\n * @param path - The path to traverse within the AST, as an array of keys/indices.\n * @returns The AST node at the specified path, or undefined if not found.\n */\nexport const getJsonAstNodeAtPath = (\n node: monaco.~~languages.~~json.ASTNode \| undefined,\n path: JsonPath,\n): monaco.~~languages.~~json.ASTNode \| undefined => {\n let current = node\n\n for (const segment of path) {\n if (!current) {\n // Path does not exist in the AST.\n return undefined\n }\n\n if (current.type === 'object') {\n // Traverse object properties using the segment as a key.\n const key = String(segment)\n const prop = current.properties.find((p) => p.keyNode.value === key)\n current = prop?.valueNode\n continue\n }\n\n if (current.type === 'array') {\n // Traverse array items using the segment as an index.\n const index = typeof segment === 'number' ? segment : Number.parseInt(String(segment), 10)\n if (!Number.isFinite(index) \|\| index < 0 \|\| index >= current.items.length) {\n // Invalid index or out-of-bounds.\n return undefined\n }\n current = current.items[index]\n continue\n }\n\n // If current node can't have children referenced by the path, return undefined.\n return undefined\n }\n\n // Return the found node or undefined if not found.\n return current\n}\n"],"mappings":";;;;;;;;;AAYA,IAAa,wBACX,MACA,~~SAC8C~~;~~CAC9C~~,IAAI,UAAU;AAEd,MAAK,MAAM,WAAW,MAAM;AAC1B,MAAI,CAAC,QAEH;AAGF,MAAI,QAAQ,SAAS,UAAU;GAE7B,MAAM,MAAM,OAAO,QAAQ;AAE3B,aADa,QAAQ,WAAW,MAAM,~~MAAM~~,~~EAAE~~,QAAQ,UAAU,IAAI,~~EACpD~~;AAChB;;AAGF,MAAI,QAAQ,SAAS,SAAS;GAE5B,MAAM,QAAQ,OAAO,YAAY,WAAW,UAAU,OAAO,SAAS,OAAO,QAAQ,EAAE,GAAG;AAC1F,OAAI,CAAC,OAAO,SAAS,MAAM,IAAI,QAAQ,KAAK,SAAS,QAAQ,MAAM,OAEjE;AAEF,aAAU,QAAQ,MAAM;AACxB;;AAIF;;AAIF,QAAO"}
1	+ {"version":3,"file":"json-ast.js","names":[],"sources":["../../../../../../src/v2/features/editor/helpers/json/json-ast.ts"],"sourcesContent":["import type * as monaco from 'monaco-editor'\n\nexport type JsonPath = readonly (string \| number)[]\n\n/*\n Traverses the AST of a JSON document to find the node at the provided JsonPath.\n * Returns undefined if the path does not exist in the AST.\n \n @param node - The root AST node to begin traversal from.\n * @param path - The path to traverse within the AST, as an array of keys/indices.\n * @returns The AST node at the specified path, or undefined if not found.\n */\nexport const getJsonAstNodeAtPath = (\n node: monaco.json.ASTNode \| undefined,\n path: JsonPath,\n): monaco.json.ASTNode \| undefined => {\n let current = node\n\n for (const segment of path) {\n if (!current) {\n // Path does not exist in the AST.\n return undefined\n }\n\n if (current.type === 'object') {\n // Traverse object properties using the segment as a key.\n const key = String(segment)\n const prop = current.properties.find((property) => property.keyNode.value === key)\n current = prop?.valueNode\n continue\n }\n\n if (current.type === 'array') {\n // Traverse array items using the segment as an index.\n const index = typeof segment === 'number' ? segment : Number.parseInt(String(segment), 10)\n if (!Number.isFinite(index) \|\| index < 0 \|\| index >= current.items.length) {\n // Invalid index or out-of-bounds.\n return undefined\n }\n current = current.items[index]\n continue\n }\n\n // If current node can't have children referenced by the path, return undefined.\n return undefined\n }\n\n // Return the found node or undefined if not found.\n return current\n}\n"],"mappings":";;;;;;;;;AAYA,IAAa,wBACX,MACA,SACoC;CACpC,IAAI,UAAU;AAEd,MAAK,MAAM,WAAW,MAAM;AAC1B,MAAI,CAAC,QAEH;AAGF,MAAI,QAAQ,SAAS,UAAU;GAE7B,MAAM,MAAM,OAAO,QAAQ;AAE3B,aADa,QAAQ,WAAW,MAAM,aAAa,SAAS,QAAQ,UAAU,IAAI,EAClE;AAChB;;AAGF,MAAI,QAAQ,SAAS,SAAS;GAE5B,MAAM,QAAQ,OAAO,YAAY,WAAW,UAAU,OAAO,SAAS,OAAO,QAAQ,EAAE,GAAG;AAC1F,OAAI,CAAC,OAAO,SAAS,MAAM,IAAI,QAAQ,KAAK,SAAS,QAAQ,MAAM,OAEjE;AAEF,aAAU,QAAQ,MAAM;AACxB;;AAIF;;AAIF,QAAO"}

package/dist/v2/features/editor/helpers/theme/load-css-variables.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
  * Maps a comma-separated selector list to the theme modes it applies to.
  * Only **exact** `.light-mode` or `.dark-mode` selectors match (no compound selectors like `.light-mode .foo`).
  */
-export declare const getColorModesFromSelectors: (text: string) => ("dark" | "light")[];
+export declare const getColorModesFromSelectors: (text: string) => ("light" | "dark")[];
 /**
  * Parses a single custom property value from the stylesheet into a normalized form:
  * - `#RRGGBB` / `#RRGGBBAA` (uppercase)

package/dist/v2/features/editor/hooks/use-editor-markers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-editor-markers.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/editor/hooks/use-editor-markers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,KAAK,gBAAgB,EAAmD,MAAM,KAAK,CAAA;AAE5F,eAAO,MAAM,gBAAgB,GAAI,WAAW,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,GAAG,SAAS,CAAC;;;;;;;;;;;~~sBAkD0iJ~~,CAAC;~~yBAA2B~~,CAAC;~~oBAA6B~~,CAAC;~~qBAA8B~~,CAAC;~~wBAAiC~~,CAAC;;;;;;;;;;;;;;;;~~0BAA5H~~,CAAC;~~6BAA2B~~,CAAC;~~wBAA6B~~,CAAC;~~yBAA8B~~,CAAC;~~4BAAiC~~,CAAC;;;;;;;;;;;;;;;;;;;;;;~~0BAA5H~~,CAAC;~~6BAA2B~~,CAAC;~~wBAA6B~~,CAAC;~~yBAA8B~~,CAAC;~~4BAAiC~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;~~sBAA5H~~,CAAC;~~yBAA2B~~,CAAC;~~oBAA6B~~,CAAC;~~qBAA8B~~,CAAC;~~wBAAiC~~,CAAC;;;;;;;;;;;;;;;;~~0BAA5H~~,CAAC;~~6BAA2B~~,CAAC;~~wBAA6B~~,CAAC;~~yBAA8B~~,CAAC;~~4BAAiC~~,CAAC;;;;;;;;;;;;;;;;;;;;;;~~0BAA5H~~,CAAC;~~6BAA2B~~,CAAC;~~wBAA6B~~,CAAC;~~yBAA8B~~,CAAC;~~4BAAiC~~,CAAC;;;;;;;;;;;;;;~~CADlxJ~~,CAAA"}
1	+ {"version":3,"file":"use-editor-markers.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/editor/hooks/use-editor-markers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,2CAA2C,CAAA;AACnE,OAAO,EAAE,KAAK,gBAAgB,EAAmD,MAAM,KAAK,CAAA;AAE5F,eAAO,MAAM,gBAAgB,GAAI,WAAW,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,GAAG,SAAS,CAAC;;;;;;;;;;;sBAkDs5H,CAAC;yBAAqB,CAAC;oBAAuB,CAAC;qBAAwB,CAAC;wBAA2B,CAAC;;;;;;;;;;;;;;;;0BAApG,CAAC;6BAAqB,CAAC;wBAAuB,CAAC;yBAAwB,CAAC;4BAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;0BAApG,CAAC;6BAAqB,CAAC;wBAAuB,CAAC;yBAAwB,CAAC;4BAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;sBAApG,CAAC;yBAAqB,CAAC;oBAAuB,CAAC;qBAAwB,CAAC;wBAA2B,CAAC;;;;;;;;;;;;;;;;0BAApG,CAAC;6BAAqB,CAAC;wBAAuB,CAAC;yBAAwB,CAAC;4BAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;0BAApG,CAAC;6BAAqB,CAAC;wBAAuB,CAAC;yBAAwB,CAAC;4BAA2B,CAAC;;;;;;;;;;;;;;CADtmI,CAAA"}

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentCreateModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"names":[],"mappings":"~~AAgJA~~,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;~~AAQpH~~,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAA;IACvE,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAA;IACtC,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;~~AA4MrB~~,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"EnvironmentCreateModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"names":[],"mappings":"AAkJA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;AAUpH,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAA;IACvE,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAA;IACtC,KAAK,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;AAkNrB,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentCreateModal.vue.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport type {\n CollectionType,\n WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, ref, watch } from 'vue'\n\nimport CommandActionForm ~~from '@/components/CommandPalette/CommandActionForm.vue'\nimport~~ CommandActionInput from '@/~~components~~/~~CommandPalette~~/~~CommandActionInput.vue~~'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst {\n state,\n eventBus,\n collectionType,\n environments,\n selectedEnvironmentName,\n} = defineProps<\n {\n environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n selectedEnvironmentName: string \| null\n state: ModalState\n eventBus: WorkspaceEventBus\n } & CollectionType\n>()\n\n/** Default color for new environments. /\nconst DEFAULT_COLOR = '#FFFFFF'\n\nconst name = ref('')\nconst selectedColor = ref(DEFAULT_COLOR)\n\n/* Ensure [re]set the form on open /\nwatch(\n () => state.open,\n (isOpen) => {\n if (isOpen) {\n const environment = environments[selectedEnvironmentName ?? '']\n\n // We are editing so lets fill in the form with the existing data\n if (selectedEnvironmentName && environment) {\n name.value = selectedEnvironmentName\n selectedColor.value = environment.color\n }\n\n // We are adding a new environment so lets clear the form\n else {\n name.value = ''\n selectedColor.value = DEFAULT_COLOR\n }\n }\n },\n)\n\n/\n Handle color selection from the color picker.\n * Updates the selected color for the new environment.\n /\nconst handleColorSelect = (color: string): void => {\n selectedColor.value = color\n}\n\n/* Emits an event to create the environment with the provided name and color. /\nconst handleSubmit = (): void => {\n // Editing an existing environment\n if (selectedEnvironmentName) {\n eventBus.emit('environment:upsert:environment', {\n oldEnvironmentName: selectedEnvironmentName,\n payload: {\n color: selectedColor.value,\n },\n environmentName: name.value.trim(),\n collectionType,\n })\n }\n // Adding a new environment\n else {\n eventBus.emit('environment:upsert:environment', {\n environmentName: name.value.trim(),\n payload: {\n color: selectedColor.value,\n },\n collectionType,\n })\n }\n\n state.hide()\n}\n\n/* Check if the environment name is a duplicate */\nconst isDuplicateName = computed(() => {\n if (selectedEnvironmentName) {\n return (\n name.value !== selectedEnvironmentName &&\n Object.keys(environments).includes(name.value)\n )\n }\n\n return Object.keys(environments).includes(name.value)\n})\n</script>\n\n<template>\n <ScalarModal\n bodyClass=\"border-t-0 rounded-t-lg\"\n size=\"xs\"\n :state=\"state\">\n <CommandActionForm\n :disabled=\"!name.trim() \|\| isDuplicateName\"\n @submit=\"handleSubmit\">\n <div class=\"flex items-start gap-2\">\n <!-- Color picker for environment -->\n <EnvironmentColors\n :activeColor=\"selectedColor\"\n class=\"peer\"\n @select=\"handleColorSelect\" />\n\n <!-- Environment name input, hidden when color selector is expanded -->\n <CommandActionInput\n v-model=\"name\"\n class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n placeholder=\"Environment name\" />\n </div>\n\n <!-- Error message -->\n <div\n v-if=\"isDuplicateName\"\n class=\"text-red text-xs\">\n This environment name is already in use.\n </div>\n\n <!-- Submit button -->\n <template #submit>\n {{ selectedEnvironmentName ? 'Update' : 'Add' }} Environment\n </template>\n </CommandActionForm>\n </ScalarModal>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"EnvironmentCreateModal.vue.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport type {\n CollectionType,\n WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, ref, watch } from 'vue'\n\nimport {\n CommandActionForm,\n CommandActionInput,\n} from '@/v2/features/command-palette'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst {\n state,\n eventBus,\n collectionType,\n environments,\n selectedEnvironmentName,\n} = defineProps<\n {\n environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n selectedEnvironmentName: string \| null\n state: ModalState\n eventBus: WorkspaceEventBus\n } & CollectionType\n>()\n\n/** Default color for new environments. /\nconst DEFAULT_COLOR = '#FFFFFF'\n\nconst name = ref('')\nconst selectedColor = ref(DEFAULT_COLOR)\n\n/* Ensure [re]set the form on open /\nwatch(\n () => state.open,\n (isOpen) => {\n if (isOpen) {\n const environment = environments[selectedEnvironmentName ?? '']\n\n // We are editing so lets fill in the form with the existing data\n if (selectedEnvironmentName && environment) {\n name.value = selectedEnvironmentName\n selectedColor.value = environment.color\n }\n\n // We are adding a new environment so lets clear the form\n else {\n name.value = ''\n selectedColor.value = DEFAULT_COLOR\n }\n }\n },\n)\n\n/\n Handle color selection from the color picker.\n * Updates the selected color for the new environment.\n /\nconst handleColorSelect = (color: string): void => {\n selectedColor.value = color\n}\n\n/* Emits an event to create the environment with the provided name and color. /\nconst handleSubmit = (): void => {\n // Editing an existing environment\n if (selectedEnvironmentName) {\n eventBus.emit('environment:upsert:environment', {\n oldEnvironmentName: selectedEnvironmentName,\n payload: {\n color: selectedColor.value,\n },\n environmentName: name.value.trim(),\n collectionType,\n })\n }\n // Adding a new environment\n else {\n eventBus.emit('environment:upsert:environment', {\n environmentName: name.value.trim(),\n payload: {\n color: selectedColor.value,\n },\n collectionType,\n })\n }\n\n state.hide()\n}\n\n/* Check if the environment name is a duplicate */\nconst isDuplicateName = computed(() => {\n if (selectedEnvironmentName) {\n return (\n name.value !== selectedEnvironmentName &&\n Object.keys(environments).includes(name.value)\n )\n }\n\n return Object.keys(environments).includes(name.value)\n})\n</script>\n\n<template>\n <ScalarModal\n bodyClass=\"border-t-0 rounded-t-lg\"\n size=\"xs\"\n :state=\"state\">\n <CommandActionForm\n :disabled=\"!name.trim() \|\| isDuplicateName\"\n @submit=\"handleSubmit\">\n <div class=\"flex items-start gap-2\">\n <!-- Color picker for environment -->\n <EnvironmentColors\n :activeColor=\"selectedColor\"\n class=\"peer\"\n @select=\"handleColorSelect\" />\n\n <!-- Environment name input, hidden when color selector is expanded -->\n <CommandActionInput\n v-model=\"name\"\n class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n placeholder=\"Environment name\" />\n </div>\n\n <!-- Error message -->\n <div\n v-if=\"isDuplicateName\"\n class=\"text-red text-xs\">\n This environment name is already in use.\n </div>\n\n <!-- Submit button -->\n <template #submit>\n {{ selectedEnvironmentName ? 'Update' : 'Add' }} Environment\n </template>\n </CommandActionForm>\n </ScalarModal>\n</template>\n"],"mappings":""}

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.script.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import CommandActionForm_default from "../../../../components/CommandPalette/CommandActionForm.vue.js";
-import CommandActionInput_default from "../../../../components/CommandPalette/CommandActionInput.vue.js";
+import CommandActionForm_default from "../../command-palette/components/CommandActionForm.vue.js";
+import CommandActionInput_default from "../../command-palette/components/CommandActionInput.vue.js";
 import EnvironmentColors_default from "./EnvironmentColors.vue.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
 import { ScalarModal } from "@scalar/components";
@@ -69,7 +69,7 @@ var EnvironmentCreateModal_vue_vue_type_script_setup_true_lang_default = /* @__P
 				size: "xs",
 				state: __props.state
 			}, {
-				default: withCtx(() => [createVNode(CommandActionForm_default, {
+				default: withCtx(() => [createVNode(unref(CommandActionForm_default), {
 					disabled: !name.value.trim() || isDuplicateName.value,
 					onSubmit: handleSubmit
 				}, {
@@ -78,7 +78,7 @@ var EnvironmentCreateModal_vue_vue_type_script_setup_true_lang_default = /* @__P
 						activeColor: selectedColor.value,
 						class: "peer",
 						onSelect: handleColorSelect
-					}, null, 8, ["activeColor"]), createVNode(CommandActionInput_default, {
+					}, null, 8, ["activeColor"]), createVNode(unref(CommandActionInput_default), {
 						modelValue: name.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
 						class: "-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden",

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentCreateModal.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport type {\n CollectionType,\n WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, ref, watch } from 'vue'\n\nimport CommandActionForm ~~from '@/components/CommandPalette/CommandActionForm.vue'\nimport~~ CommandActionInput from '@/~~components~~/~~CommandPalette~~/~~CommandActionInput.vue~~'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst {\n state,\n eventBus,\n collectionType,\n environments,\n selectedEnvironmentName,\n} = defineProps<\n {\n environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n selectedEnvironmentName: string \| null\n state: ModalState\n eventBus: WorkspaceEventBus\n } & CollectionType\n>()\n\n/** Default color for new environments. /\nconst DEFAULT_COLOR = '#FFFFFF'\n\nconst name = ref('')\nconst selectedColor = ref(DEFAULT_COLOR)\n\n/* Ensure [re]set the form on open /\nwatch(\n () => state.open,\n (isOpen) => {\n if (isOpen) {\n const environment = environments[selectedEnvironmentName ?? '']\n\n // We are editing so lets fill in the form with the existing data\n if (selectedEnvironmentName && environment) {\n name.value = selectedEnvironmentName\n selectedColor.value = environment.color\n }\n\n // We are adding a new environment so lets clear the form\n else {\n name.value = ''\n selectedColor.value = DEFAULT_COLOR\n }\n }\n },\n)\n\n/\n Handle color selection from the color picker.\n * Updates the selected color for the new environment.\n /\nconst handleColorSelect = (color: string): void => {\n selectedColor.value = color\n}\n\n/* Emits an event to create the environment with the provided name and color. /\nconst handleSubmit = (): void => {\n // Editing an existing environment\n if (selectedEnvironmentName) {\n eventBus.emit('environment:upsert:environment', {\n oldEnvironmentName: selectedEnvironmentName,\n payload: {\n color: selectedColor.value,\n },\n environmentName: name.value.trim(),\n collectionType,\n })\n }\n // Adding a new environment\n else {\n eventBus.emit('environment:upsert:environment', {\n environmentName: name.value.trim(),\n payload: {\n color: selectedColor.value,\n },\n collectionType,\n })\n }\n\n state.hide()\n}\n\n/* Check if the environment name is a duplicate */\nconst isDuplicateName = computed(() => {\n if (selectedEnvironmentName) {\n return (\n name.value !== selectedEnvironmentName &&\n Object.keys(environments).includes(name.value)\n )\n }\n\n return Object.keys(environments).includes(name.value)\n})\n</script>\n\n<template>\n <ScalarModal\n bodyClass=\"border-t-0 rounded-t-lg\"\n size=\"xs\"\n :state=\"state\">\n <CommandActionForm\n :disabled=\"!name.trim() \|\| isDuplicateName\"\n @submit=\"handleSubmit\">\n <div class=\"flex items-start gap-2\">\n <!-- Color picker for environment -->\n <EnvironmentColors\n :activeColor=\"selectedColor\"\n class=\"peer\"\n @select=\"handleColorSelect\" />\n\n <!-- Environment name input, hidden when color selector is expanded -->\n <CommandActionInput\n v-model=\"name\"\n class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n placeholder=\"Environment name\" />\n </div>\n\n <!-- Error message -->\n <div\n v-if=\"isDuplicateName\"\n class=\"text-red text-xs\">\n This environment name is already in use.\n </div>\n\n <!-- Submit button -->\n <template #submit>\n {{ selectedEnvironmentName ? 'Update' : 'Add' }} Environment\n </template>\n </CommandActionForm>\n </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;~~AA8BA~~,IAAM,gBAAgB;;;;;;;;;;;;EAEtB,MAAM,OAAO,IAAI,GAAE;EACnB,MAAM,gBAAgB,IAAI,cAAa;;AAGvC,cACQ,QAAA,MAAM,OACX,WAAW;AACV,OAAI,QAAQ;IACV,MAAM,cAAc,QAAA,aAAa,QAAA,2BAA2B;AAG5D,QAAI,QAAA,2BAA2B,aAAa;AAC1C,UAAK,QAAQ,QAAA;AACb,mBAAc,QAAQ,YAAY;WAI/B;AACH,UAAK,QAAQ;AACb,mBAAc,QAAQ;;;IAI9B;;;;;EAMA,MAAM,qBAAqB,UAAwB;AACjD,iBAAc,QAAQ;;;EAIxB,MAAM,qBAA2B;AAE/B,OAAI,QAAA,wBACF,SAAA,SAAS,KAAK,kCAAkC;IAC9C,oBAAoB,QAAA;IACpB,SAAS,EACP,OAAO,cAAc,OACtB;IACD,iBAAiB,KAAK,MAAM,MAAM;IAClC,gBAAa,QAAA;IACd,CAAA;OAID,SAAA,SAAS,KAAK,kCAAkC;IAC9C,iBAAiB,KAAK,MAAM,MAAM;IAClC,SAAS,EACP,OAAO,cAAc,OACtB;IACD,gBAAa,QAAA;IACd,CAAA;AAGH,WAAA,MAAM,MAAK;;;EAIb,MAAM,kBAAkB,eAAe;AACrC,OAAI,QAAA,wBACF,QACE,KAAK,UAAU,QAAA,2BACf,OAAO,KAAK,QAAA,aAAa,CAAC,SAAS,KAAK,MAAK;AAIjD,UAAO,OAAO,KAAK,QAAA,aAAa,CAAC,SAAS,KAAK,MAAK;IACrD;;uBAIC,YAiCc,MAAA,YAAA,EAAA;IAhCZ,WAAU;IACV,MAAK;IACJ,OAAO,QAAA;;2BA6BY,CA5BpB,YA4BoB,~~2BAAA~~;KA3BjB,UAAQ,CAAG,KAAA,MAAK,MAAI,IAAM,gBAAA;KAC1B,UAAQ;;KAuBE,QAAM,cACiC,CAAA,gBAAA,gBAA7C,QAAA,0BAAuB,WAAA,MAAA,GAAsB,iBAClD,EAAA,CAAA,CAAA;4BAZM,CAZN,mBAYM,OAZN,YAYM,CAVJ,YAGgC,2BAAA;MAF7B,aAAa,cAAA;MACd,OAAM;MACL,UAAQ;mCAGX,YAGmC,~~4BAAA~~;kBAFxB,KAAA;wEAAI,QAAA;MACb,OAAM;MACN,aAAY;oCAKR,gBAAA,SAAA,WAAA,EADR,mBAIM,OAJN,YAE2B,6CAE3B,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"EnvironmentCreateModal.vue.script.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentCreateModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport type {\n CollectionType,\n WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, ref, watch } from 'vue'\n\nimport {\n CommandActionForm,\n CommandActionInput,\n} from '@/v2/features/command-palette'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst {\n state,\n eventBus,\n collectionType,\n environments,\n selectedEnvironmentName,\n} = defineProps<\n {\n environments: NonNullable<XScalarEnvironments['x-scalar-environments']>\n selectedEnvironmentName: string \| null\n state: ModalState\n eventBus: WorkspaceEventBus\n } & CollectionType\n>()\n\n/** Default color for new environments. /\nconst DEFAULT_COLOR = '#FFFFFF'\n\nconst name = ref('')\nconst selectedColor = ref(DEFAULT_COLOR)\n\n/* Ensure [re]set the form on open /\nwatch(\n () => state.open,\n (isOpen) => {\n if (isOpen) {\n const environment = environments[selectedEnvironmentName ?? '']\n\n // We are editing so lets fill in the form with the existing data\n if (selectedEnvironmentName && environment) {\n name.value = selectedEnvironmentName\n selectedColor.value = environment.color\n }\n\n // We are adding a new environment so lets clear the form\n else {\n name.value = ''\n selectedColor.value = DEFAULT_COLOR\n }\n }\n },\n)\n\n/\n Handle color selection from the color picker.\n * Updates the selected color for the new environment.\n /\nconst handleColorSelect = (color: string): void => {\n selectedColor.value = color\n}\n\n/* Emits an event to create the environment with the provided name and color. /\nconst handleSubmit = (): void => {\n // Editing an existing environment\n if (selectedEnvironmentName) {\n eventBus.emit('environment:upsert:environment', {\n oldEnvironmentName: selectedEnvironmentName,\n payload: {\n color: selectedColor.value,\n },\n environmentName: name.value.trim(),\n collectionType,\n })\n }\n // Adding a new environment\n else {\n eventBus.emit('environment:upsert:environment', {\n environmentName: name.value.trim(),\n payload: {\n color: selectedColor.value,\n },\n collectionType,\n })\n }\n\n state.hide()\n}\n\n/* Check if the environment name is a duplicate */\nconst isDuplicateName = computed(() => {\n if (selectedEnvironmentName) {\n return (\n name.value !== selectedEnvironmentName &&\n Object.keys(environments).includes(name.value)\n )\n }\n\n return Object.keys(environments).includes(name.value)\n})\n</script>\n\n<template>\n <ScalarModal\n bodyClass=\"border-t-0 rounded-t-lg\"\n size=\"xs\"\n :state=\"state\">\n <CommandActionForm\n :disabled=\"!name.trim() \|\| isDuplicateName\"\n @submit=\"handleSubmit\">\n <div class=\"flex items-start gap-2\">\n <!-- Color picker for environment -->\n <EnvironmentColors\n :activeColor=\"selectedColor\"\n class=\"peer\"\n @select=\"handleColorSelect\" />\n\n <!-- Environment name input, hidden when color selector is expanded -->\n <CommandActionInput\n v-model=\"name\"\n class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n placeholder=\"Environment name\" />\n </div>\n\n <!-- Error message -->\n <div\n v-if=\"isDuplicateName\"\n class=\"text-red text-xs\">\n This environment name is already in use.\n </div>\n\n <!-- Submit button -->\n <template #submit>\n {{ selectedEnvironmentName ? 'Update' : 'Add' }} Environment\n </template>\n </CommandActionForm>\n </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;AAgCA,IAAM,gBAAgB;;;;;;;;;;;;EAEtB,MAAM,OAAO,IAAI,GAAE;EACnB,MAAM,gBAAgB,IAAI,cAAa;;AAGvC,cACQ,QAAA,MAAM,OACX,WAAW;AACV,OAAI,QAAQ;IACV,MAAM,cAAc,QAAA,aAAa,QAAA,2BAA2B;AAG5D,QAAI,QAAA,2BAA2B,aAAa;AAC1C,UAAK,QAAQ,QAAA;AACb,mBAAc,QAAQ,YAAY;WAI/B;AACH,UAAK,QAAQ;AACb,mBAAc,QAAQ;;;IAI9B;;;;;EAMA,MAAM,qBAAqB,UAAwB;AACjD,iBAAc,QAAQ;;;EAIxB,MAAM,qBAA2B;AAE/B,OAAI,QAAA,wBACF,SAAA,SAAS,KAAK,kCAAkC;IAC9C,oBAAoB,QAAA;IACpB,SAAS,EACP,OAAO,cAAc,OACtB;IACD,iBAAiB,KAAK,MAAM,MAAM;IAClC,gBAAa,QAAA;IACd,CAAA;OAID,SAAA,SAAS,KAAK,kCAAkC;IAC9C,iBAAiB,KAAK,MAAM,MAAM;IAClC,SAAS,EACP,OAAO,cAAc,OACtB;IACD,gBAAa,QAAA;IACd,CAAA;AAGH,WAAA,MAAM,MAAK;;;EAIb,MAAM,kBAAkB,eAAe;AACrC,OAAI,QAAA,wBACF,QACE,KAAK,UAAU,QAAA,2BACf,OAAO,KAAK,QAAA,aAAa,CAAC,SAAS,KAAK,MAAK;AAIjD,UAAO,OAAO,KAAK,QAAA,aAAa,CAAC,SAAS,KAAK,MAAK;IACrD;;uBAIC,YAiCc,MAAA,YAAA,EAAA;IAhCZ,WAAU;IACV,MAAK;IACJ,OAAO,QAAA;;2BA6BY,CA5BpB,YA4BoB,MAAA,0BAAA,EAAA;KA3BjB,UAAQ,CAAG,KAAA,MAAK,MAAI,IAAM,gBAAA;KAC1B,UAAQ;;KAuBE,QAAM,cACiC,CAAA,gBAAA,gBAA7C,QAAA,0BAAuB,WAAA,MAAA,GAAsB,iBAClD,EAAA,CAAA,CAAA;4BAZM,CAZN,mBAYM,OAZN,YAYM,CAVJ,YAGgC,2BAAA;MAF7B,aAAa,cAAA;MACd,OAAM;MACL,UAAQ;mCAGX,YAGmC,MAAA,2BAAA,EAAA;kBAFxB,KAAA;wEAAI,QAAA;MACb,OAAM;MACN,aAAY;oCAKR,gBAAA,SAAA,WAAA,EADR,mBAIM,OAJN,YAE2B,6CAE3B,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue.d.ts CHANGED Viewed

@@ -6,6 +6,11 @@ type __VLS_Props = {
         left: number;
         top: number;
     };
+    /** Runtime placeholders such as `{{$guid}}`, shown with environment variables */
+    contextFunctionItems?: {
+        key: string;
+        description: string;
+    }[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     handleArrowKey: (direction: "up" | "down") => void;

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentVariablesDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesDropdown.vue"],"names":[],"mappings":"~~AAmKA~~,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;~~AAKnH~~,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,kBAAkB,CAAA;IAC/B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;~~CACjD~~,CAAC;~~AAsSF~~,QAAA,MAAM,YAAY;~~gCAhPiB~~,IAAI,GAAG,MAAM;;;;;;;;~~kFAoP9C~~,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1	+ {"version":3,"file":"EnvironmentVariablesDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesDropdown.vue"],"names":[],"mappings":"AA6PA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AASnH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,kBAAkB,CAAA;IAC/B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IAChD,iFAAiF;IACjF,oBAAoB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC9D,CAAC;AAqYF,QAAA,MAAM,YAAY;gCAnQiB,IAAI,GAAG,MAAM;;;;;;;;kFAuQ9C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentVariablesDropdown.vue.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTeleport } from '@scalar/components'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { onClickOutside } from '@vueuse/core'\nimport Fuse from 'fuse.js'\nimport { computed, onMounted, ref, type CSSProperties } from 'vue'\n\nconst { query, environment, dropdownPosition } = defineProps<{\n query: string\n environment: XScalarEnvironment\n dropdownPosition?: { left: number; top: number }\n}>()\n\nconst emit = defineEmits<{\n (e: 'select', variable: string): void\n (e: 'redirect'): void\n}>()\n\nconst isOpen = ref(true)\nconst dropdownRef = ref<HTMLElement \| null>(null)\nconst selectedVariableIndex = ref(0)\n\nconst redirectToEnvironment = () => {\n emit('redirect')\n isOpen.value = false\n}\n\n/** Normalize the variables to have a name and value /\nconst normalizedVariables = computed(() =>\n environment.variables.map((v) => ({\n key: v.name,\n value: typeof v.value === 'string' ? v.value : v.value.default,\n })),\n)\n\nconst ~~fuse~~ = ~~new~~ ~~Fuse~~(~~normalizedVariables.value,~~ {\n ~~keys~~: ['key', 'value'],\n})\n\nconst ~~filteredVariables~~ = computed(() => {\n if (~~!query~~) {\n /* ~~return~~ ~~the~~ ~~last~~ 4 ~~environment~~ ~~variables~~ on ~~first~~ ~~display~~ /\n ~~return~~ ~~normalizedVariables~~.value\n .~~slice~~(-4)\n .~~filter~~(({ key, ~~value~~ }) => key ~~!==~~ '' \|\| ~~value~~ ~~!==~~ ~~'')~~\n }\n\n /* ~~filter~~ ~~environment~~ ~~variables~~ by ~~name~~ */\n const ~~result~~ = ~~fuse~~.search(~~query~~, { limit: 10 })\n if ~~(result~~.~~length~~ > 0) {\n ~~return~~ ~~result~~\n .map((res) => ~~res.item)~~\n ~~.filter((~~{ key, ~~value~~ }) => ~~key~~ ~~!==~~ '' \|\| ~~value~~ ~~!== '')~~\n }\n\n return []\n})\n\nconst selectVariable = (variableKey: string) => {\n emit('select', variableKey)\n}\n\nconst handleArrowKey = (direction: 'up' \| 'down') => {\n const offset = direction === 'up' ? -1 : 1\n const length = filteredVariables.value.length\n\n if (length === 0) {\n return\n }\n\n selectedVariableIndex.value =\n (selectedVariableIndex.value + offset + length) % length\n}\n\nconst handleSelect = () => {\n if (selectedVariableIndex.value >= 0) {\n const selectedVariable =\n filteredVariables.value[selectedVariableIndex.value]\n if (selectedVariable) {\n selectVariable(selectedVariable.key)\n }\n }\n}\n\ndefineExpose({\n handleArrowKey,\n handleSelect,\n})\n\nonMounted(() => {\n // Reset selected index to the first item when dropdown opens\n selectedVariableIndex.value = 0\n})\n\nconst dropdownStyle = computed<CSSProperties>(() => {\n return {\n left: (dropdownPosition?.left ?? 0) + 'px',\n // Add a 5px offset from the editor\n top: (dropdownPosition?.top ?? 0) + 5 + 'px',\n }\n})\n\nonClickOutside(\n dropdownRef,\n () => {\n isOpen.value = false\n },\n { ignore: [dropdownRef] },\n)\n</script>\n<template>\n <ScalarTeleport\n v-if=\"isOpen\"\n class=\"scalar-client\">\n <div\n ref=\"dropdownRef\"\n class=\"custom-scroll z-context fixed top-0 left-0 flex max-h-[60svh] w-56 flex-col rounded border p-0.75\"\n :style=\"dropdownStyle\">\n <ul\n v-if=\"filteredVariables.length\"\n class=\"gap-1/2 flex flex-col\">\n <template\n v-for=\"(item, index) in filteredVariables\"\n :key=\"item.key\">\n <li\n class=\"font-code text-xxs hover:bg-b-2 flex h-8 cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150\"\n :class=\"{ 'bg-b-2': index === selectedVariableIndex }\"\n @click=\"selectVariable(item.key)\">\n <div class=\"flex items-center gap-2 whitespace-nowrap\">\n <span\n class=\"h-2.25 w-2.25 min-w-2.25 rounded-full\"\n :style=\"{\n backgroundColor: environment.color,\n }\"~~></~~span>\n {{ item.key }}\n </div>\n <span\n class=\"w-20 overflow-hidden text-right text-ellipsis whitespace-nowrap\">\n {{ item.~~value~~ }}\n </span>\n </li>\n </template>\n </ul>\n <ScalarButton\n v-else\n class=\"font-code text-xxs bg-b-inherit hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150\"\n variant=\"outlined\"\n @click=\"redirectToEnvironment\">\n <ScalarIconPlus class=\"size-3\" />\n Add Variable\n </ScalarButton>\n <!-- Backdrop for the dropdown -->\n <div\n class=\"bg-b-1 brightness-lifted absolute inset-0 -z-1 rounded shadow-lg\" />\n </div>\n </ScalarTeleport>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"EnvironmentVariablesDropdown.vue.js","names":[],"sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTeleport } from '@scalar/components'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport { POPULAR_CONTEXT_FUNCTION_KEYS } from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { onClickOutside } from '@vueuse/core'\nimport Fuse from 'fuse.js'\nimport { computed, onMounted, ref, type CSSProperties } from 'vue'\n\ntype DropdownRow =\n \| { kind: 'env'; key: string; secondary: string }\n \| { kind: 'context'; key: string; secondary: string }\n\nconst {\n query,\n environment,\n dropdownPosition,\n contextFunctionItems = [],\n} = defineProps<{\n query: string\n environment: XScalarEnvironment\n dropdownPosition?: { left: number; top: number }\n /** Runtime placeholders such as `{{$guid}}`, shown with environment variables /\n contextFunctionItems?: { key: string; description: string }[]\n}>()\n\nconst emit = defineEmits<{\n (e: 'select', variable: string): void\n (e: 'redirect'): void\n}>()\n\nconst isOpen = ref(true)\nconst dropdownRef = ref<HTMLElement \| null>(null)\nconst selectedVariableIndex = ref(0)\n\nconst redirectToEnvironment = () => {\n emit('redirect')\n isOpen.value = false\n}\n\n/* Normalize the variables to have a name and value */\nconst normalizedVariables = computed(() =>\n environment.variables.map((v) => ({\n key: v.name,\n value: typeof v.value === 'string' ? v.value : v.value.default,\n })),\n)\n\nconst contextRows = computed((): DropdownRow[] =>\n contextFunctionItems.map((item) => ({\n kind: 'context',\n key: item.key,\n secondary: item.description,\n })),\n)\n\nconst envRows = computed((): DropdownRow[] =>\n normalizedVariables.value\n .filter(({ key, value }) => key !== '' \|\| value !== '')\n .map(({ key, value }) => ({\n kind: 'env' as const,\n key,\n secondary: value,\n })),\n)\n\ntype FuseRow = DropdownRow & { fuseText: string }\n\nconst envFuseSource = computed((): FuseRow[] =>\n envRows.value.map((row) => ({\n ...row,\n fuseText: `${row.key} ${row.secondary}`,\n })),\n)\n\nconst contextFuseSource = computed((): FuseRow[] =>\n contextRows.value.map((row) => ({\n ...row,\n fuseText: `${row.key} ${row.secondary}`,\n })),\n)\n\nconst fuseEnv = computed(\n () =>\n new Fuse(envFuseSource.value, {\n keys: ['fuseText'],\n threshold: 0.35,\n }),\n)\n\nconst fuseContext = computed(\n () =>\n new Fuse(contextFuseSource.value, {\n keys: ['fuseText'],\n threshold: 0.35,\n }),\n)\n\nconst popularContextRows = computed((): DropdownRow[] => {\n const byKey = new Map(contextFunctionItems.map((c) => [c.key, c]))\n return POPULAR_CONTEXT_FUNCTION_KEYS.flatMap((key) => {\n const item = byKey.get(key)\n return item\n ? [\n {\n kind: 'context' as const,\n key: item.key,\n secondary: item.description,\n },\n ]\n : []\n })\n})\n\nconst DROPDOWN_LIMIT = 12\n\nconst filteredVariables = computed((): DropdownRow[] => {\n if (!query.trim()) {\n const envSlice = envRows.value.slice(-4)\n return [...envSlice, ...popularContextRows.value]\n }\n\n const q = query.trim()\n const envMatches = fuseEnv.value\n .search(q, { limit: DROPDOWN_LIMIT })\n .map((res) => {\n const { kind, key, secondary } = res.item\n return { kind, key, secondary }\n })\n\n const remaining = DROPDOWN_LIMIT - envMatches.length\n const contextMatches =\n remaining > 0\n ? fuseContext.value.search(q, { limit: remaining }).map((res) => {\n const { kind, key, secondary } = res.item\n return { kind, key, secondary }\n })\n : []\n\n return [...envMatches, ...contextMatches]\n})\n\nconst selectVariable = (variableKey: string): void => {\n emit('select', variableKey)\n}\n\nconst handleArrowKey = (direction: 'up' \| 'down') => {\n const offset = direction === 'up' ? -1 : 1\n const length = filteredVariables.value.length\n\n if (length === 0) {\n return\n }\n\n selectedVariableIndex.value =\n (selectedVariableIndex.value + offset + length) % length\n}\n\nconst handleSelect = () => {\n if (selectedVariableIndex.value >= 0) {\n const selectedVariable =\n filteredVariables.value[selectedVariableIndex.value]\n if (selectedVariable) {\n selectVariable(selectedVariable.key)\n }\n }\n}\n\ndefineExpose({\n handleArrowKey,\n handleSelect,\n})\n\nonMounted(() => {\n // Reset selected index to the first item when dropdown opens\n selectedVariableIndex.value = 0\n})\n\nconst dropdownStyle = computed<CSSProperties>(() => {\n return {\n left: (dropdownPosition?.left ?? 0) + 'px',\n // Add a 5px offset from the editor\n top: (dropdownPosition?.top ?? 0) + 5 + 'px',\n }\n})\n\nonClickOutside(\n dropdownRef,\n () => {\n isOpen.value = false\n },\n { ignore: [dropdownRef] },\n)\n</script>\n<template>\n <ScalarTeleport\n v-if=\"isOpen\"\n class=\"scalar-client\">\n <div\n ref=\"dropdownRef\"\n class=\"custom-scroll z-context fixed top-0 left-0 flex max-h-[60svh] w-56 flex-col rounded border p-0.75\"\n :style=\"dropdownStyle\">\n <ul\n v-if=\"filteredVariables.length\"\n class=\"gap-1/2 flex flex-col\">\n <template\n v-for=\"(item, index) in filteredVariables\"\n :key=\"`${item.kind}-${item.key}`\">\n <li\n class=\"font-code text-xxs hover:bg-b-2 flex h-8 cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150\"\n :class=\"{ 'bg-b-2': index === selectedVariableIndex }\"\n @click=\"selectVariable(item.key)\">\n <div class=\"flex items-center gap-2 whitespace-nowrap\">\n <span\n v-if=\"item.kind === 'env'\"\n class=\"h-2.25 w-2.25 min-w-2.25 rounded-full\"\n :style=\"{\n backgroundColor: environment.color,\n }\" />\n <span\n v-else\n class=\"text-c-3 bg-b-3 flex h-4.5 min-w-4.5 items-center justify-center rounded px-0.5 font-sans text-[9px] font-semibold\">\n fn\n </span>\n {{ item.key }}\n </div>\n <span\n class=\"max-w-[9rem] overflow-hidden text-right text-ellipsis whitespace-nowrap\">\n {{ item.secondary }}\n </span>\n </li>\n </template>\n </ul>\n <ScalarButton\n v-else\n class=\"font-code text-xxs bg-b-inherit hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150\"\n variant=\"outlined\"\n @click=\"redirectToEnvironment\">\n <ScalarIconPlus class=\"size-3\" />\n Add Variable\n </ScalarButton>\n <!-- Backdrop for the dropdown -->\n <div\n class=\"bg-b-1 brightness-lifted absolute inset-0 -z-1 rounded shadow-lg\" />\n </div>\n </ScalarTeleport>\n</template>\n"],"mappings":""}