@scalar/api-client 3.6.0 → 3.8.0

package/dist/v2/features/collection/components/DocumentScriptsEditors.vue.script.js

@@ -1,174 +0,0 @@
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, unref, watch } from "vue";
-import { ScalarIconArrowRight, ScalarIconCheckCircle } from "@scalar/icons";
-import * as monaco from "monaco-editor";
-//#region src/v2/features/collection/components/DocumentScriptsEditors.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "document-scripts-editors flex flex-col gap-5" };
-var _hoisted_2 = {
-	"aria-label": "Script type",
-	class: "document-scripts-editors__tabs flex shrink-0 gap-0.5 rounded-xl border border-[var(--scalar-border-color)] bg-[var(--scalar-background-2)] p-1",
-	role: "tablist"
-};
-var _hoisted_3 = ["aria-selected"];
-var _hoisted_4 = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "h-2 w-2 shrink-0 rounded-full bg-[var(--scalar-color-green)]",
-	title: "Has content"
-};
-var _hoisted_5 = ["aria-selected"];
-var _hoisted_6 = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "h-2 w-2 shrink-0 rounded-full bg-[var(--scalar-color-green)]",
-	title: "Has content"
-};
-var _hoisted_7 = { class: "document-scripts-editors__card flex flex-col overflow-hidden rounded-xl border border-[var(--scalar-border-color)] bg-[var(--scalar-background-1)] shadow-[var(--scalar-shadow-1)]" };
-var _hoisted_8 = { class: "document-scripts-editors__card-header flex min-h-[4rem] shrink-0 items-center justify-between border-b border-[var(--scalar-border-color)] bg-[var(--scalar-background-2)] px-4 py-3" };
-var _hoisted_9 = { class: "text-c-2 text-sm leading-snug" };
-var DocumentScriptsEditors_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DocumentScriptsEditors",
-	props: { document: {} },
-	emits: ["update:extension"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const activeTab = ref("pre");
-		const editorContainerRef = ref(null);
-		const editor = shallowRef(null);
-		const preModel = shallowRef(null);
-		const postModel = shallowRef(null);
-		/** Local content state so the indicator updates immediately on type, before document prop syncs */
-		const preHasContent = ref(false);
-		const postHasContent = ref(false);
-		const preValue = () => __props.document?.["x-pre-request"] ?? "";
-		const postValue = () => __props.document?.["x-post-response"] ?? "";
-		/** Content indicators: true when the script has non-whitespace content */
-		const hasPreContent = computed(() => preHasContent.value || preValue().trim().length > 0);
-		const hasPostContent = computed(() => postHasContent.value || postValue().trim().length > 0);
-		/**
-		* Creates Monaco text models for pre-request and post-response scripts.
-		* Each model maintains its own content, undo history, and cursor state.
-		* Change listeners emit updates to sync content with the parent component.
-		*/
-		const createModels = () => {
-			preModel.value = monaco.editor.createModel(preValue(), "javascript");
-			postModel.value = monaco.editor.createModel(postValue(), "javascript");
-			preHasContent.value = preValue().trim().length > 0;
-			postHasContent.value = postValue().trim().length > 0;
-			preModel.value.onDidChangeContent(() => {
-				const newValue = preModel.value?.getValue() ?? "";
-				preHasContent.value = newValue.trim().length > 0;
-				emit("update:extension", { "x-pre-request": newValue });
-			});
-			postModel.value.onDidChangeContent(() => {
-				const newValue = postModel.value?.getValue() ?? "";
-				postHasContent.value = newValue.trim().length > 0;
-				emit("update:extension", { "x-post-response": newValue });
-			});
-		};
-		/**
-		* Initializes the Monaco editor instance with both models.
-		* The editor is created once and reused; tab switching swaps models instead of recreating the editor.
-		*/
-		const createEditor = () => {
-			if (!editorContainerRef.value) return;
-			createModels();
-			const initialModel = activeTab.value === "pre" ? preModel : postModel;
-			editor.value = monaco.editor.create(editorContainerRef.value, {
-				automaticLayout: true,
-				minimap: { enabled: false },
-				lineNumbers: "on",
-				scrollBeyondLastLine: false,
-				folding: true,
-				showFoldingControls: "always",
-				fontSize: 13,
-				lineHeight: 20,
-				fontFamily: "'JetBrains Mono', monospace",
-				scrollbar: {
-					useShadows: false,
-					verticalScrollbarSize: 8,
-					horizontalScrollbarSize: 8
-				},
-				padding: {
-					top: 12,
-					bottom: 12
-				},
-				renderLineHighlight: "none",
-				wordWrap: "on",
-				model: initialModel.value
-			});
-		};
-		/**
-		* Switches the active tab by swapping the model on the existing editor.
-		* This preserves each model's undo history, cursor position, and scroll state.
-		*/
-		const switchTo = (tab) => {
-			if (activeTab.value === tab || !editor.value) return;
-			activeTab.value = tab;
-			const model = tab === "pre" ? preModel : postModel;
-			if (model.value) editor.value.setModel(model.value);
-		};
-		/** Cleans up Monaco resources when the component unmounts. */
-		const disposeAll = () => {
-			preModel.value?.dispose();
-			postModel.value?.dispose();
-			editor.value?.dispose();
-			editor.value = null;
-			preModel.value = null;
-			postModel.value = null;
-		};
-		onMounted(() => {
-			createEditor();
-		});
-		onBeforeUnmount(() => {
-			disposeAll();
-		});
-		watch(() => [__props.document?.["x-pre-request"], __props.document?.["x-post-response"]], ([nextPre, nextPost]) => {
-			const preStr = nextPre ?? "";
-			const postStr = nextPost ?? "";
-			preHasContent.value = preStr.trim().length > 0;
-			postHasContent.value = postStr.trim().length > 0;
-			if (preModel.value && preModel.value.getValue() !== preStr) preModel.value.setValue(preStr);
-			if (postModel.value && postModel.value.getValue() !== postStr) postModel.value.setValue(postStr);
-		}, { flush: "post" });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("button", {
-				"aria-selected": activeTab.value === "pre",
-				class: normalizeClass(["flex min-w-0 flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-sm font-medium transition-all duration-150", activeTab.value === "pre" ? "text-c-1 bg-[var(--scalar-background-1)] shadow-[var(--scalar-shadow-1)]" : "text-c-2 hover:text-c-1 hover:bg-[var(--scalar-background-3)]"]),
-				role: "tab",
-				type: "button",
-				onClick: _cache[0] || (_cache[0] = ($event) => switchTo("pre"))
-			}, [
-				createVNode(unref(ScalarIconArrowRight), {
-					"aria-hidden": "true",
-					class: "size-4 shrink-0 opacity-80"
-				}),
-				_cache[2] || (_cache[2] = createElementVNode("span", { class: "truncate" }, "Pre-request", -1)),
-				hasPreContent.value ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true)
-			], 10, _hoisted_3), createElementVNode("button", {
-				"aria-selected": activeTab.value === "post",
-				class: normalizeClass(["flex min-w-0 flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-sm font-medium transition-all duration-150", activeTab.value === "post" ? "text-c-1 bg-[var(--scalar-background-1)] shadow-[var(--scalar-shadow-1)]" : "text-c-2 hover:text-c-1 hover:bg-[var(--scalar-background-3)]"]),
-				role: "tab",
-				type: "button",
-				onClick: _cache[1] || (_cache[1] = ($event) => switchTo("post"))
-			}, [
-				createVNode(unref(ScalarIconCheckCircle), {
-					"aria-hidden": "true",
-					class: "size-4 shrink-0 opacity-80"
-				}),
-				_cache[3] || (_cache[3] = createElementVNode("span", { class: "truncate" }, "Post-response", -1)),
-				hasPostContent.value ? (openBlock(), createElementBlock("span", _hoisted_6)) : createCommentVNode("", true)
-			], 10, _hoisted_5)]), createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [createElementVNode("p", _hoisted_9, [activeTab.value === "pre" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Runs before each request in this document. Use it to set variables, headers, or modify the request. ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Runs after each response. Use it for tests, assertions, or saving data from the response. ")], 64))]), _cache[4] || (_cache[4] = createElementVNode("span", {
-				"aria-hidden": "true",
-				class: "text-c-2 rounded bg-[var(--scalar-background-3)] px-2 py-1 font-mono text-xs"
-			}, " JavaScript ", -1))]), createElementVNode("div", {
-				ref_key: "editorContainerRef",
-				ref: editorContainerRef,
-				class: "document-scripts-editors__container min-h-[300px] flex-1"
-			}, null, 512)])]);
-		};
-	}
-});
-//#endregion
-export { DocumentScriptsEditors_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DocumentScriptsEditors.vue.script.js.map

package/dist/v2/features/collection/components/DocumentScriptsEditors.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentScriptsEditors.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/DocumentScriptsEditors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowRight, ScalarIconCheckCircle } from '@scalar/icons'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport * as monaco from 'monaco-editor'\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\n\nconst { document } = defineProps<{\n  document: WorkspaceDocument | null\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:extension', payload: Record<string, unknown>): void\n}>()\n\ntype ScriptTab = 'pre' | 'post'\n\nconst activeTab = ref<ScriptTab>('pre')\nconst editorContainerRef = ref<HTMLElement | null>(null)\n\nconst editor = shallowRef<monaco.editor.IStandaloneCodeEditor | null>(null)\nconst preModel = shallowRef<monaco.editor.ITextModel | null>(null)\nconst postModel = shallowRef<monaco.editor.ITextModel | null>(null)\n\n/** Local content state so the indicator updates immediately on type, before document prop syncs */\nconst preHasContent = ref(false)\nconst postHasContent = ref(false)\nconst preValue = (): string => (document?.['x-pre-request'] as string) ?? ''\nconst postValue = (): string => (document?.['x-post-response'] as string) ?? ''\n\n/** Content indicators: true when the script has non-whitespace content */\nconst hasPreContent = computed(\n  () => preHasContent.value || preValue().trim().length > 0,\n)\n\nconst hasPostContent = computed(\n  () => postHasContent.value || postValue().trim().length > 0,\n)\n\n/**\n * Creates Monaco text models for pre-request and post-response scripts.\n * Each model maintains its own content, undo history, and cursor state.\n * Change listeners emit updates to sync content with the parent component.\n */\nconst createModels = () => {\n  preModel.value = monaco.editor.createModel(preValue(), 'javascript')\n  postModel.value = monaco.editor.createModel(postValue(), 'javascript')\n\n  preHasContent.value = preValue().trim().length > 0\n  postHasContent.value = postValue().trim().length > 0\n\n  preModel.value.onDidChangeContent(() => {\n    const newValue = preModel.value?.getValue() ?? ''\n    preHasContent.value = newValue.trim().length > 0\n    emit('update:extension', { 'x-pre-request': newValue })\n  })\n\n  postModel.value.onDidChangeContent(() => {\n    const newValue = postModel.value?.getValue() ?? ''\n    postHasContent.value = newValue.trim().length > 0\n    emit('update:extension', { 'x-post-response': newValue })\n  })\n}\n\n/**\n * Initializes the Monaco editor instance with both models.\n * The editor is created once and reused; tab switching swaps models instead of recreating the editor.\n */\nconst createEditor = () => {\n  if (!editorContainerRef.value) {\n    return\n  }\n\n  createModels()\n\n  const initialModel = activeTab.value === 'pre' ? preModel : postModel\n  editor.value = monaco.editor.create(editorContainerRef.value, {\n    automaticLayout: true,\n    minimap: { enabled: false },\n    lineNumbers: 'on',\n    scrollBeyondLastLine: false,\n    folding: true,\n    showFoldingControls: 'always',\n    fontSize: 13,\n    lineHeight: 20,\n    fontFamily: \"'JetBrains Mono', monospace\",\n    scrollbar: {\n      useShadows: false,\n      verticalScrollbarSize: 8,\n      horizontalScrollbarSize: 8,\n    },\n    padding: { top: 12, bottom: 12 },\n    renderLineHighlight: 'none',\n    wordWrap: 'on',\n    model: initialModel.value,\n  })\n}\n\n/**\n * Switches the active tab by swapping the model on the existing editor.\n * This preserves each model's undo history, cursor position, and scroll state.\n */\nconst switchTo = (tab: ScriptTab) => {\n  if (activeTab.value === tab || !editor.value) {\n    return\n  }\n  activeTab.value = tab\n  const model = tab === 'pre' ? preModel : postModel\n  if (model.value) {\n    editor.value.setModel(model.value)\n  }\n}\n\n/** Cleans up Monaco resources when the component unmounts. */\nconst disposeAll = () => {\n  preModel.value?.dispose()\n  postModel.value?.dispose()\n  editor.value?.dispose()\n  editor.value = null\n  preModel.value = null\n  postModel.value = null\n}\n\nonMounted(() => {\n  createEditor()\n})\n\nonBeforeUnmount(() => {\n  disposeAll()\n})\n\nwatch(\n  () => [document?.['x-pre-request'], document?.['x-post-response']] as const,\n  ([nextPre, nextPost]) => {\n    const preStr = (nextPre as string) ?? ''\n    const postStr = (nextPost as string) ?? ''\n    preHasContent.value = preStr.trim().length > 0\n    postHasContent.value = postStr.trim().length > 0\n\n    if (preModel.value && preModel.value.getValue() !== preStr) {\n      preModel.value.setValue(preStr)\n    }\n    if (postModel.value && postModel.value.getValue() !== postStr) {\n      postModel.value.setValue(postStr)\n    }\n  },\n  { flush: 'post' },\n)\n</script>\n\n<template>\n  <div class=\"document-scripts-editors flex flex-col gap-5\">\n    <!-- Tabs with icons and content indicators -->\n    <div\n      aria-label=\"Script type\"\n      class=\"document-scripts-editors__tabs flex shrink-0 gap-0.5 rounded-xl border border-[var(--scalar-border-color)] bg-[var(--scalar-background-2)] p-1\"\n      role=\"tablist\">\n      <button\n        :aria-selected=\"activeTab === 'pre'\"\n        class=\"flex min-w-0 flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-sm font-medium transition-all duration-150\"\n        :class=\"\n          activeTab === 'pre'\n            ? 'text-c-1 bg-[var(--scalar-background-1)] shadow-[var(--scalar-shadow-1)]'\n            : 'text-c-2 hover:text-c-1 hover:bg-[var(--scalar-background-3)]'\n        \"\n        role=\"tab\"\n        type=\"button\"\n        @click=\"switchTo('pre')\">\n        <ScalarIconArrowRight\n          aria-hidden=\"true\"\n          class=\"size-4 shrink-0 opacity-80\" />\n        <span class=\"truncate\">Pre-request</span>\n        <span\n          v-if=\"hasPreContent\"\n          aria-hidden=\"true\"\n          class=\"h-2 w-2 shrink-0 rounded-full bg-[var(--scalar-color-green)]\"\n          title=\"Has content\" />\n      </button>\n      <button\n        :aria-selected=\"activeTab === 'post'\"\n        class=\"flex min-w-0 flex-1 items-center justify-center gap-2 rounded-lg px-4 py-2.5 text-sm font-medium transition-all duration-150\"\n        :class=\"\n          activeTab === 'post'\n            ? 'text-c-1 bg-[var(--scalar-background-1)] shadow-[var(--scalar-shadow-1)]'\n            : 'text-c-2 hover:text-c-1 hover:bg-[var(--scalar-background-3)]'\n        \"\n        role=\"tab\"\n        type=\"button\"\n        @click=\"switchTo('post')\">\n        <ScalarIconCheckCircle\n          aria-hidden=\"true\"\n          class=\"size-4 shrink-0 opacity-80\" />\n        <span class=\"truncate\">Post-response</span>\n        <span\n          v-if=\"hasPostContent\"\n          aria-hidden=\"true\"\n          class=\"h-2 w-2 shrink-0 rounded-full bg-[var(--scalar-color-green)]\"\n          title=\"Has content\" />\n      </button>\n    </div>\n\n    <!-- Description and editor card -->\n    <div\n      class=\"document-scripts-editors__card flex flex-col overflow-hidden rounded-xl border border-[var(--scalar-border-color)] bg-[var(--scalar-background-1)] shadow-[var(--scalar-shadow-1)]\">\n      <div\n        class=\"document-scripts-editors__card-header flex min-h-[4rem] shrink-0 items-center justify-between border-b border-[var(--scalar-border-color)] bg-[var(--scalar-background-2)] px-4 py-3\">\n        <p class=\"text-c-2 text-sm leading-snug\">\n          <template v-if=\"activeTab === 'pre'\">\n            Runs before each request in this document. Use it to set variables,\n            headers, or modify the request.\n          </template>\n          <template v-else>\n            Runs after each response. Use it for tests, assertions, or saving\n            data from the response.\n          </template>\n        </p>\n        <span\n          aria-hidden=\"true\"\n          class=\"text-c-2 rounded bg-[var(--scalar-background-3)] px-2 py-1 font-mono text-xs\">\n          JavaScript\n        </span>\n      </div>\n      <div\n        ref=\"editorContainerRef\"\n        class=\"document-scripts-editors__container min-h-[300px] flex-1\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.document-scripts-editors__container {\n  min-height: 300px;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/collection/components/Editor/Editor.vue.d.ts

@@ -1,16 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<(import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
-    collectionType: "document" | "operation";
-    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
-}) | (import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
-    collectionType: "workspace";
-    document: null;
-}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
-    collectionType: "document" | "operation";
-    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
-}) | (import("../../../../../v2/features/app/helpers/routes.js").RouteProps & {
-    collectionType: "workspace";
-    document: null;
-})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Editor.vue.d.ts.map

package/dist/v2/features/collection/components/Editor/Editor.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/v2/features/collection/components/Editor/Editor.vue"],"names":[],"mappings":"AA4xCA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Editor/Editor.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import Editor_vue_vue_type_script_setup_true_lang_default from "./Editor.vue.script.js";
-/* empty css                     */
-//#region src/v2/features/collection/components/Editor/Editor.vue
-var Editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e99ee660"]]);
-//#endregion
-export { Editor_default as default };
-
-//# sourceMappingURL=Editor.vue.js.map

package/dist/v2/features/collection/components/Editor/Editor.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.vue.js","names":[],"sources":["../../../../../../src/v2/features/collection/components/Editor/Editor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarHotkey, useLoadingState } from '@scalar/components'\nimport { debounce } from '@scalar/helpers/general/debounce'\nimport { isObject } from '@scalar/helpers/object/is-object'\nimport { ScalarIconArrowsIn, ScalarIconArrowsOut } from '@scalar/icons'\nimport * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { useEditor, useJsonPointerLinkSupport } from '@/v2/features/editor'\nimport { createJsonModel } from '@/v2/features/editor/helpers/json/create-json-model'\nimport { createYamlModel } from '@/v2/features/editor/helpers/yaml/create-yaml-model'\nimport { useEditorMarkers } from '@/v2/features/editor/hooks/use-editor-markers'\n\nimport EditorDiagnosticsPanel from './components/EditorDiagnosticsPanel.vue'\nimport EditorSavePanel from './components/EditorSavePanel.vue'\nimport { getDiagnosticCounts } from './helpers/get-diagnostic-counts'\nimport { getOperationContext } from './helpers/get-operation-context'\nimport { getVisibleDiagnostics } from './helpers/get-visible-diagnostics'\nimport { parseEditorObject } from './helpers/parse-editor-object'\nimport { stringifyDocument } from './helpers/stringify-document'\nimport { useEditorState } from './hooks/use-editor-state'\n\nconst { collectionType, documentSlug, method, path, workspaceStore } =\n  defineProps<CollectionProps>()\n\nconst MAX_VISIBLE_DIAGNOSTICS = 6\nconst EDITOR_PERSIST_DEBOUNCE_KEY = 'editor:replace-document'\n\nconst monacoEditorRef = ref<HTMLElement>()\nconst editorApi = shallowRef<ReturnType<typeof useEditor>>()\n\nconst saveLoader = useLoadingState()\nconst {\n  isAutoSaveEnabled,\n  isDirty,\n  editorLanguage,\n  isDiagnosticsPaneExpanded,\n  isEditorMaximized,\n  isYamlMode,\n  editorBottomPadding,\n  editorRootClass,\n  getLanguageToggleClass,\n  toggleEditorMaximized,\n} = useEditorState()\n\nconst jsonModel = createJsonModel()\nconst yamlModel = createYamlModel()\n\nconst selectedLanguage = ref<'json' | 'yaml'>('json')\n\nconst currentModel = computed(() => {\n  return selectedLanguage.value === 'json' ? jsonModel : yamlModel\n})\n\nconst monacoEditorInstance = computed(() => editorApi.value?.editor)\nconst { markers: diagnostics } = useEditorMarkers(monacoEditorInstance)\n\nconst syncEditorBottomPadding = () => {\n  editorApi.value?.editor.updateOptions({\n    padding: {\n      top: 0,\n      bottom: editorBottomPadding.value,\n    },\n  })\n}\n\nconst diagnosticCounts = computed(() => getDiagnosticCounts(diagnostics.value))\nconst visibleDiagnostics = computed(() =>\n  getVisibleDiagnostics(diagnostics.value, MAX_VISIBLE_DIAGNOSTICS),\n)\n\nconst focusDiagnostic = (marker: monaco.editor.IMarker) => {\n  const editor = editorApi.value?.editor\n  if (!editor) {\n    return\n  }\n  editor.setSelection({\n    startLineNumber: marker.startLineNumber,\n    startColumn: marker.startColumn,\n    endLineNumber: marker.endLineNumber,\n    endColumn: marker.endColumn,\n  })\n  editor.revealPositionInCenter({\n    lineNumber: marker.startLineNumber,\n    column: marker.startColumn,\n  })\n}\n\nconst getEditorValue = (): string | null => currentModel.value.model.getValue()\n\n/** Value from the editor for a specific language (use when switching to avoid reading the wrong model). */\nconst getEditorValueForLanguage = (language: 'json' | 'yaml'): string | null =>\n  (language === 'json' ? jsonModel : yamlModel).model.getValue()\n\nconst getDocumentValue = async (\n  language?: 'json' | 'yaml',\n): Promise<string> => {\n  const document = await workspaceStore.getEditableDocument(documentSlug)\n  return stringifyDocument(document, language ?? selectedLanguage.value)\n}\n\nconst debouncedPersist = debounce({ delay: 1500 })\n\nconst applyProgrammaticEditorValue = (value: string): void => {\n  // Cancel pending auto-save work so synthetic model updates do not persist stale data.\n  debouncedPersist.cleanup()\n  editorApi.value?.setValue(value, true)\n}\n\nconst loadDocumentIntoEditor = async () => {\n  applyProgrammaticEditorValue(await getDocumentValue())\n  isDirty.value = false\n  await focusOperation()\n}\n\nconst formatDocument = async () => {\n  await editorApi.value?.formatDocument()\n}\n\nconst focusOperation = async () => {\n  const operationContext = getOperationContext(path, method)\n  if (!operationContext) {\n    return\n  }\n\n  await editorApi.value?.focusPath([\n    'paths',\n    operationContext.path,\n    operationContext.method,\n  ])\n}\n\nconst persistEditorToWorkspace = async (value: string) => {\n  const parsed = parseEditorObject(value, editorLanguage.value)\n  if (!parsed) {\n    const firstError = diagnostics.value.find(\n      (m) => m.severity === monaco.MarkerSeverity.Error,\n    )\n    if (firstError) {\n      focusDiagnostic(firstError)\n    }\n    await saveLoader.invalidate()\n    return\n  }\n\n  saveLoader.start()\n  await workspaceStore.replaceDocument(documentSlug, parsed)\n  isDirty.value = false\n  await saveLoader.validate({ duration: 900 })\n}\n\nconst saveNow = async () => {\n  const value = getEditorValue()\n  if (!value) {\n    return\n  }\n  await persistEditorToWorkspace(value)\n}\n\nconst handleEditorChange = (value: string) => {\n  isDirty.value = true\n\n  if (!isAutoSaveEnabled.value) {\n    return\n  }\n\n  debouncedPersist.execute(EDITOR_PERSIST_DEBOUNCE_KEY, () =>\n    persistEditorToWorkspace(value),\n  )\n}\n\nconst focusOperationServers = async () => {\n  const operationContext = getOperationContext(path, method)\n  if (!operationContext) {\n    return\n  }\n\n  const value = getEditorValue()\n  if (!value) {\n    return\n  }\n\n  const parsed = parseEditorObject(value, editorLanguage.value)\n\n  if (!parsed || !isObject(parsed.paths)) {\n    return\n  }\n\n  const pathsObject = parsed.paths as Record<string, unknown>\n  const operationPathItem = pathsObject[operationContext.path]\n  if (!isObject(operationPathItem)) {\n    return\n  }\n\n  const operation = operationPathItem[operationContext.method]\n  if (!isObject(operation)) {\n    return\n  }\n\n  // Add default servers if not present\n  operation.servers ??= []\n\n  // Update the editor value\n  editorApi.value?.setValue(stringifyDocument(parsed, editorLanguage.value))\n  await editorApi.value?.focusPath([\n    'paths',\n    operationContext.path,\n    operationContext.method,\n    'servers',\n  ])\n}\n\nuseJsonPointerLinkSupport(editorApi, currentModel)\n\nonMounted(() => {\n  editorApi.value = useEditor({\n    element: monacoEditorRef.value ?? document.createElement('div'),\n    onChange: handleEditorChange,\n    model: currentModel,\n    actions: [\n      {\n        id: 'scalar.editor.focusOperation',\n        label: 'Focus Operation',\n        keybindings: [monaco.KeyMod.Alt | monaco.KeyCode.KeyO],\n        run: async () => {\n          await focusOperation()\n        },\n      },\n      {\n        id: 'scalar.editor.focusOperationServers',\n        label: 'Focus Operation Servers',\n        keybindings: [monaco.KeyMod.Alt | monaco.KeyCode.KeyS],\n        run: async () => {\n          await focusOperationServers()\n        },\n      },\n      {\n        id: 'scalar.editor.formatDocument',\n        label: 'Format Document',\n        keybindings: [\n          monaco.KeyMod.Alt | monaco.KeyMod.Shift | monaco.KeyCode.KeyF,\n        ],\n        run: async () => {\n          await formatDocument()\n        },\n      },\n    ],\n  })\n\n  syncEditorBottomPadding()\n  void loadDocumentIntoEditor()\n})\n\nonBeforeUnmount(() => {\n  debouncedPersist.cleanup()\n\n  // Persist if there is a pending save\n  if (isDirty.value && isAutoSaveEnabled.value) {\n    void saveNow()\n  }\n  editorApi.value?.dispose?.()\n  // Dispose models created at setup; useEditor only disposes the editor widget, not external models.\n  jsonModel.model.dispose()\n  yamlModel.model.dispose()\n})\n\nwatch(() => documentSlug, loadDocumentIntoEditor)\n\nwatch(\n  () => [path, method] as const,\n  async () => {\n    await focusOperation()\n  },\n)\n\nwatch(isDiagnosticsPaneExpanded, () => {\n  syncEditorBottomPadding()\n})\n\nwatch(editorLanguage, async (nextLanguage, previousLanguage) => {\n  const wasDirty = isDirty.value\n  // Read from the previous model before switching; getEditorValue() would use currentModel\n  // which changes with selectedLanguage, so we would read the (empty) new model otherwise.\n  const value = getEditorValueForLanguage(previousLanguage ?? 'json')\n  if (!value) {\n    selectedLanguage.value = nextLanguage\n    await nextTick()\n    await focusOperation()\n    return\n  }\n\n  const parsed = parseEditorObject(value, previousLanguage ?? 'json')\n  selectedLanguage.value = nextLanguage\n  await nextTick()\n  if (parsed) {\n    applyProgrammaticEditorValue(stringifyDocument(parsed, nextLanguage))\n    isDirty.value = wasDirty\n  }\n  await focusOperation()\n})\n\nwatch(\n  isAutoSaveEnabled,\n  (isEnabled) => {\n    if (!isEnabled) {\n      debouncedPersist.cleanup()\n      return\n    }\n\n    if (isDirty.value) {\n      const value = getEditorValue()\n      if (!value) {\n        return\n      }\n      debouncedPersist.execute(EDITOR_PERSIST_DEBOUNCE_KEY, () =>\n        persistEditorToWorkspace(value),\n      )\n    }\n  },\n  { flush: 'post' },\n)\n</script>\n\n<template>\n  <div\n    v-if=\"\n      collectionType === 'operation' &&\n      getOperationContext(path, method) !== null\n    \"\n    class=\"flex w-full min-w-0 flex-1 flex-col gap-2\"\n    :class=\"editorRootClass\">\n    <div\n      class=\"grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3\">\n      <div\n        class=\"flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap\">\n        <span class=\"text-c-2 text-xs font-medium whitespace-nowrap\">\n          Shortcuts\n        </span>\n\n        <ScalarButton\n          class=\"whitespace-nowrap\"\n          size=\"xs\"\n          variant=\"ghost\"\n          @click=\"focusOperation\">\n          <span>Operation</span>\n          <span class=\"text-c-3 ml-2 text-[11px]\">\n            <ScalarHotkey\n              hotkey=\"O\"\n              :modifier=\"['Alt']\" />\n          </span>\n        </ScalarButton>\n\n        <ScalarButton\n          class=\"whitespace-nowrap\"\n          size=\"xs\"\n          variant=\"ghost\"\n          @click=\"focusOperationServers\">\n          <span>Servers</span>\n          <span class=\"text-c-3 ml-2 text-[11px]\">\n            <ScalarHotkey\n              hotkey=\"S\"\n              :modifier=\"['Alt']\" />\n          </span>\n        </ScalarButton>\n      </div>\n\n      <div\n        aria-label=\"Editor language\"\n        class=\"bg-b-1 shadow-border flex items-center justify-self-center overflow-hidden rounded-lg p-0.5\"\n        role=\"tablist\">\n        <ScalarButton\n          :aria-selected=\"!isYamlMode\"\n          :class=\"getLanguageToggleClass(!isYamlMode)\"\n          role=\"tab\"\n          size=\"xs\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"editorLanguage = 'json'\">\n          JSON\n        </ScalarButton>\n        <ScalarButton\n          :aria-selected=\"isYamlMode\"\n          :class=\"getLanguageToggleClass(isYamlMode)\"\n          role=\"tab\"\n          size=\"xs\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"editorLanguage = 'yaml'\">\n          YAML\n        </ScalarButton>\n      </div>\n\n      <div class=\"flex min-w-0 shrink-0 items-center gap-2 justify-self-end\">\n        <ScalarButton\n          size=\"xs\"\n          variant=\"ghost\"\n          @click=\"formatDocument\">\n          <span>Format {{ isYamlMode ? 'YAML' : 'JSON' }}</span>\n          <span class=\"text-c-3 ml-2 text-[11px]\">\n            <ScalarHotkey\n              hotkey=\"F\"\n              :modifier=\"['Alt', 'Shift']\" />\n          </span>\n        </ScalarButton>\n        <ScalarButton\n          :aria-label=\"\n            isEditorMaximized ? 'Restore editor size' : 'Maximize editor'\n          \"\n          size=\"xs\"\n          variant=\"ghost\"\n          @click=\"toggleEditorMaximized\">\n          <span>{{ isEditorMaximized ? 'Restore' : 'Maximize' }}</span>\n          <span class=\"text-c-3 ml-2 text-[11px]\">\n            <ScalarIconArrowsIn\n              v-if=\"isEditorMaximized\"\n              class=\"size-3.5\" />\n            <ScalarIconArrowsOut\n              v-else\n              class=\"size-3.5\" />\n          </span>\n        </ScalarButton>\n      </div>\n    </div>\n\n    <div class=\"flex min-h-0 w-full min-w-0 flex-1 rounded-lg border\">\n      <div\n        class=\"relative w-full min-w-0 flex-1\"\n        :class=\"isEditorMaximized ? 'h-full min-h-0' : 'h-125'\">\n        <div class=\"pointer-events-none absolute top-2 right-2 z-10\">\n          <EditorSavePanel\n            :isAutoSaveEnabled=\"isAutoSaveEnabled\"\n            :isDirty=\"isDirty\"\n            :saveLoader=\"saveLoader\"\n            @saveNow=\"saveNow\"\n            @update:isAutoSaveEnabled=\"isAutoSaveEnabled = $event\" />\n        </div>\n\n        <EditorDiagnosticsPanel\n          :diagnosticCounts=\"diagnosticCounts\"\n          :expanded=\"isDiagnosticsPaneExpanded\"\n          :visibleDiagnostics=\"visibleDiagnostics\"\n          @focusDiagnostic=\"focusDiagnostic\"\n          @toggle=\"isDiagnosticsPaneExpanded = !isDiagnosticsPaneExpanded\" />\n\n        <div\n          ref=\"monacoEditorRef\"\n          class=\"h-full w-full min-w-0 flex-1 [&_.monaco-editor]:rounded-lg [&_.overflow-guard]:rounded-lg\" />\n      </div>\n    </div>\n  </div>\n  <div v-else>No operation context found</div>\n</template>\n<style scoped>\n.editor-container {\n  width: 100%;\n  height: 100%;\n}\n\n:deep(.json-path-highlight) {\n  background-color: rgba(255, 200, 0, 0.35);\n  border-radius: 4px;\n}\n\n:deep(.json-focus-highlight) {\n  background-color: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #24b47e) 18%,\n    transparent\n  );\n  border-radius: 4px;\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/collection/components/Editor/Editor.vue.script.js

@@ -1,361 +0,0 @@
-import { useEditor } from "../../../editor/hooks/use-editor.js";
-import { useJsonPointerLinkSupport } from "../../../editor/hooks/use-json-pointer-link-support.js";
-import { createJsonModel } from "../../../editor/helpers/json/create-json-model.js";
-import { createYamlModel } from "../../../editor/helpers/yaml/create-yaml-model.js";
-import { useEditorMarkers } from "../../../editor/hooks/use-editor-markers.js";
-import EditorDiagnosticsPanel_default from "./components/EditorDiagnosticsPanel.vue.js";
-import EditorSavePanel_default from "./components/EditorSavePanel.vue.js";
-import { getDiagnosticCounts } from "./helpers/get-diagnostic-counts.js";
-import { getOperationContext } from "./helpers/get-operation-context.js";
-import { getVisibleDiagnostics } from "./helpers/get-visible-diagnostics.js";
-import { parseEditorObject } from "./helpers/parse-editor-object.js";
-import { stringifyDocument } from "./helpers/stringify-document.js";
-import { useEditorState } from "./hooks/use-editor-state.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
-import { ScalarButton, ScalarHotkey, useLoadingState } from "@scalar/components";
-import { ScalarIconArrowsIn, ScalarIconArrowsOut } from "@scalar/icons";
-import { isObject } from "@scalar/helpers/object/is-object";
-import { debounce } from "@scalar/helpers/general/debounce";
-import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
-//#region src/v2/features/collection/components/Editor/Editor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "grid grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3" };
-var _hoisted_2 = { class: "flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap" };
-var _hoisted_3 = { class: "text-c-3 ml-2 text-[11px]" };
-var _hoisted_4 = { class: "text-c-3 ml-2 text-[11px]" };
-var _hoisted_5 = {
-	"aria-label": "Editor language",
-	class: "bg-b-1 shadow-border flex items-center justify-self-center overflow-hidden rounded-lg p-0.5",
-	role: "tablist"
-};
-var _hoisted_6 = { class: "flex min-w-0 shrink-0 items-center gap-2 justify-self-end" };
-var _hoisted_7 = { class: "text-c-3 ml-2 text-[11px]" };
-var _hoisted_8 = { class: "text-c-3 ml-2 text-[11px]" };
-var _hoisted_9 = { class: "flex min-h-0 w-full min-w-0 flex-1 rounded-lg border" };
-var _hoisted_10 = { class: "pointer-events-none absolute top-2 right-2 z-10" };
-var _hoisted_11 = { key: 1 };
-var MAX_VISIBLE_DIAGNOSTICS = 6;
-var EDITOR_PERSIST_DEBOUNCE_KEY = "editor:replace-document";
-var Editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "Editor",
-	props: {
-		documentSlug: {},
-		document: {},
-		eventBus: {},
-		layout: {},
-		path: {},
-		method: {},
-		exampleName: {},
-		environment: {},
-		workspaceStore: {},
-		activeWorkspace: {},
-		isTeamWorkspace: { type: Boolean },
-		plugins: {},
-		customThemes: {},
-		currentTheme: {},
-		isDarkMode: { type: Boolean },
-		fetchRegistryDocument: { type: Function },
-		telemetry: { type: Boolean },
-		onUpdateTelemetry: { type: Function },
-		options: {},
-		collectionType: {}
-	},
-	setup(__props) {
-		const monacoEditorRef = ref();
-		const editorApi = shallowRef();
-		const saveLoader = useLoadingState();
-		const { isAutoSaveEnabled, isDirty, editorLanguage, isDiagnosticsPaneExpanded, isEditorMaximized, isYamlMode, editorBottomPadding, editorRootClass, getLanguageToggleClass, toggleEditorMaximized } = useEditorState();
-		const jsonModel = createJsonModel();
-		const yamlModel = createYamlModel();
-		const selectedLanguage = ref("json");
-		const currentModel = computed(() => {
-			return selectedLanguage.value === "json" ? jsonModel : yamlModel;
-		});
-		const { markers: diagnostics } = useEditorMarkers(computed(() => editorApi.value?.editor));
-		const syncEditorBottomPadding = () => {
-			editorApi.value?.editor.updateOptions({ padding: {
-				top: 0,
-				bottom: editorBottomPadding.value
-			} });
-		};
-		const diagnosticCounts = computed(() => getDiagnosticCounts(diagnostics.value));
-		const visibleDiagnostics = computed(() => getVisibleDiagnostics(diagnostics.value, MAX_VISIBLE_DIAGNOSTICS));
-		const focusDiagnostic = (marker) => {
-			const editor = editorApi.value?.editor;
-			if (!editor) return;
-			editor.setSelection({
-				startLineNumber: marker.startLineNumber,
-				startColumn: marker.startColumn,
-				endLineNumber: marker.endLineNumber,
-				endColumn: marker.endColumn
-			});
-			editor.revealPositionInCenter({
-				lineNumber: marker.startLineNumber,
-				column: marker.startColumn
-			});
-		};
-		const getEditorValue = () => currentModel.value.model.getValue();
-		/** Value from the editor for a specific language (use when switching to avoid reading the wrong model). */
-		const getEditorValueForLanguage = (language) => (language === "json" ? jsonModel : yamlModel).model.getValue();
-		const getDocumentValue = async (language) => {
-			return stringifyDocument(await __props.workspaceStore.getEditableDocument(__props.documentSlug), language ?? selectedLanguage.value);
-		};
-		const debouncedPersist = debounce({ delay: 1500 });
-		const applyProgrammaticEditorValue = (value) => {
-			debouncedPersist.cleanup();
-			editorApi.value?.setValue(value, true);
-		};
-		const loadDocumentIntoEditor = async () => {
-			applyProgrammaticEditorValue(await getDocumentValue());
-			isDirty.value = false;
-			await focusOperation();
-		};
-		const formatDocument = async () => {
-			await editorApi.value?.formatDocument();
-		};
-		const focusOperation = async () => {
-			const operationContext = getOperationContext(__props.path, __props.method);
-			if (!operationContext) return;
-			await editorApi.value?.focusPath([
-				"paths",
-				operationContext.path,
-				operationContext.method
-			]);
-		};
-		const persistEditorToWorkspace = async (value) => {
-			const parsed = parseEditorObject(value, editorLanguage.value);
-			if (!parsed) {
-				const firstError = diagnostics.value.find((m) => m.severity === monaco.MarkerSeverity.Error);
-				if (firstError) focusDiagnostic(firstError);
-				await saveLoader.invalidate();
-				return;
-			}
-			saveLoader.start();
-			await __props.workspaceStore.replaceDocument(__props.documentSlug, parsed);
-			isDirty.value = false;
-			await saveLoader.validate({ duration: 900 });
-		};
-		const saveNow = async () => {
-			const value = getEditorValue();
-			if (!value) return;
-			await persistEditorToWorkspace(value);
-		};
-		const handleEditorChange = (value) => {
-			isDirty.value = true;
-			if (!isAutoSaveEnabled.value) return;
-			debouncedPersist.execute(EDITOR_PERSIST_DEBOUNCE_KEY, () => persistEditorToWorkspace(value));
-		};
-		const focusOperationServers = async () => {
-			const operationContext = getOperationContext(__props.path, __props.method);
-			if (!operationContext) return;
-			const value = getEditorValue();
-			if (!value) return;
-			const parsed = parseEditorObject(value, editorLanguage.value);
-			if (!parsed || !isObject(parsed.paths)) return;
-			const operationPathItem = parsed.paths[operationContext.path];
-			if (!isObject(operationPathItem)) return;
-			const operation = operationPathItem[operationContext.method];
-			if (!isObject(operation)) return;
-			operation.servers ??= [];
-			editorApi.value?.setValue(stringifyDocument(parsed, editorLanguage.value));
-			await editorApi.value?.focusPath([
-				"paths",
-				operationContext.path,
-				operationContext.method,
-				"servers"
-			]);
-		};
-		useJsonPointerLinkSupport(editorApi, currentModel);
-		onMounted(() => {
-			editorApi.value = useEditor({
-				element: monacoEditorRef.value ?? document.createElement("div"),
-				onChange: handleEditorChange,
-				model: currentModel,
-				actions: [
-					{
-						id: "scalar.editor.focusOperation",
-						label: "Focus Operation",
-						keybindings: [monaco.KeyMod.Alt | monaco.KeyCode.KeyO],
-						run: async () => {
-							await focusOperation();
-						}
-					},
-					{
-						id: "scalar.editor.focusOperationServers",
-						label: "Focus Operation Servers",
-						keybindings: [monaco.KeyMod.Alt | monaco.KeyCode.KeyS],
-						run: async () => {
-							await focusOperationServers();
-						}
-					},
-					{
-						id: "scalar.editor.formatDocument",
-						label: "Format Document",
-						keybindings: [monaco.KeyMod.Alt | monaco.KeyMod.Shift | monaco.KeyCode.KeyF],
-						run: async () => {
-							await formatDocument();
-						}
-					}
-				]
-			});
-			syncEditorBottomPadding();
-			loadDocumentIntoEditor();
-		});
-		onBeforeUnmount(() => {
-			debouncedPersist.cleanup();
-			if (isDirty.value && isAutoSaveEnabled.value) saveNow();
-			editorApi.value?.dispose?.();
-			jsonModel.model.dispose();
-			yamlModel.model.dispose();
-		});
-		watch(() => __props.documentSlug, loadDocumentIntoEditor);
-		watch(() => [__props.path, __props.method], async () => {
-			await focusOperation();
-		});
-		watch(isDiagnosticsPaneExpanded, () => {
-			syncEditorBottomPadding();
-		});
-		watch(editorLanguage, async (nextLanguage, previousLanguage) => {
-			const wasDirty = isDirty.value;
-			const value = getEditorValueForLanguage(previousLanguage ?? "json");
-			if (!value) {
-				selectedLanguage.value = nextLanguage;
-				await nextTick();
-				await focusOperation();
-				return;
-			}
-			const parsed = parseEditorObject(value, previousLanguage ?? "json");
-			selectedLanguage.value = nextLanguage;
-			await nextTick();
-			if (parsed) {
-				applyProgrammaticEditorValue(stringifyDocument(parsed, nextLanguage));
-				isDirty.value = wasDirty;
-			}
-			await focusOperation();
-		});
-		watch(isAutoSaveEnabled, (isEnabled) => {
-			if (!isEnabled) {
-				debouncedPersist.cleanup();
-				return;
-			}
-			if (isDirty.value) {
-				const value = getEditorValue();
-				if (!value) return;
-				debouncedPersist.execute(EDITOR_PERSIST_DEBOUNCE_KEY, () => persistEditorToWorkspace(value));
-			}
-		}, { flush: "post" });
-		return (_ctx, _cache) => {
-			return __props.collectionType === "operation" && unref(getOperationContext)(__props.path, __props.method) !== null ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(["flex w-full min-w-0 flex-1 flex-col gap-2", unref(editorRootClass)])
-			}, [createElementVNode("div", _hoisted_1, [
-				createElementVNode("div", _hoisted_2, [
-					_cache[6] || (_cache[6] = createElementVNode("span", { class: "text-c-2 text-xs font-medium whitespace-nowrap" }, " Shortcuts ", -1)),
-					createVNode(unref(ScalarButton), {
-						class: "whitespace-nowrap",
-						size: "xs",
-						variant: "ghost",
-						onClick: focusOperation
-					}, {
-						default: withCtx(() => [_cache[4] || (_cache[4] = createElementVNode("span", null, "Operation", -1)), createElementVNode("span", _hoisted_3, [createVNode(unref(ScalarHotkey), {
-							hotkey: "O",
-							modifier: ["Alt"]
-						})])]),
-						_: 1
-					}),
-					createVNode(unref(ScalarButton), {
-						class: "whitespace-nowrap",
-						size: "xs",
-						variant: "ghost",
-						onClick: focusOperationServers
-					}, {
-						default: withCtx(() => [_cache[5] || (_cache[5] = createElementVNode("span", null, "Servers", -1)), createElementVNode("span", _hoisted_4, [createVNode(unref(ScalarHotkey), {
-							hotkey: "S",
-							modifier: ["Alt"]
-						})])]),
-						_: 1
-					})
-				]),
-				createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarButton), {
-					"aria-selected": !unref(isYamlMode),
-					class: normalizeClass(unref(getLanguageToggleClass)(!unref(isYamlMode))),
-					role: "tab",
-					size: "xs",
-					type: "button",
-					variant: "ghost",
-					onClick: _cache[0] || (_cache[0] = ($event) => editorLanguage.value = "json")
-				}, {
-					default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" JSON ", -1)])]),
-					_: 1
-				}, 8, ["aria-selected", "class"]), createVNode(unref(ScalarButton), {
-					"aria-selected": unref(isYamlMode),
-					class: normalizeClass(unref(getLanguageToggleClass)(unref(isYamlMode))),
-					role: "tab",
-					size: "xs",
-					type: "button",
-					variant: "ghost",
-					onClick: _cache[1] || (_cache[1] = ($event) => editorLanguage.value = "yaml")
-				}, {
-					default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" YAML ", -1)])]),
-					_: 1
-				}, 8, ["aria-selected", "class"])]),
-				createElementVNode("div", _hoisted_6, [createVNode(unref(ScalarButton), {
-					size: "xs",
-					variant: "ghost",
-					onClick: formatDocument
-				}, {
-					default: withCtx(() => [createElementVNode("span", null, "Format " + toDisplayString(unref(isYamlMode) ? "YAML" : "JSON"), 1), createElementVNode("span", _hoisted_7, [createVNode(unref(ScalarHotkey), {
-						hotkey: "F",
-						modifier: ["Alt", "Shift"]
-					})])]),
-					_: 1
-				}), createVNode(unref(ScalarButton), {
-					"aria-label": unref(isEditorMaximized) ? "Restore editor size" : "Maximize editor",
-					size: "xs",
-					variant: "ghost",
-					onClick: unref(toggleEditorMaximized)
-				}, {
-					default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(isEditorMaximized) ? "Restore" : "Maximize"), 1), createElementVNode("span", _hoisted_8, [unref(isEditorMaximized) ? (openBlock(), createBlock(unref(ScalarIconArrowsIn), {
-						key: 0,
-						class: "size-3.5"
-					})) : (openBlock(), createBlock(unref(ScalarIconArrowsOut), {
-						key: 1,
-						class: "size-3.5"
-					}))])]),
-					_: 1
-				}, 8, ["aria-label", "onClick"])])
-			]), createElementVNode("div", _hoisted_9, [createElementVNode("div", { class: normalizeClass(["relative w-full min-w-0 flex-1", unref(isEditorMaximized) ? "h-full min-h-0" : "h-125"]) }, [
-				createElementVNode("div", _hoisted_10, [createVNode(EditorSavePanel_default, {
-					isAutoSaveEnabled: unref(isAutoSaveEnabled),
-					isDirty: unref(isDirty),
-					saveLoader: unref(saveLoader),
-					onSaveNow: saveNow,
-					"onUpdate:isAutoSaveEnabled": _cache[2] || (_cache[2] = ($event) => isAutoSaveEnabled.value = $event)
-				}, null, 8, [
-					"isAutoSaveEnabled",
-					"isDirty",
-					"saveLoader"
-				])]),
-				createVNode(EditorDiagnosticsPanel_default, {
-					diagnosticCounts: diagnosticCounts.value,
-					expanded: unref(isDiagnosticsPaneExpanded),
-					visibleDiagnostics: visibleDiagnostics.value,
-					onFocusDiagnostic: focusDiagnostic,
-					onToggle: _cache[3] || (_cache[3] = ($event) => isDiagnosticsPaneExpanded.value = !unref(isDiagnosticsPaneExpanded))
-				}, null, 8, [
-					"diagnosticCounts",
-					"expanded",
-					"visibleDiagnostics"
-				]),
-				createElementVNode("div", {
-					ref_key: "monacoEditorRef",
-					ref: monacoEditorRef,
-					class: "h-full w-full min-w-0 flex-1 [&_.monaco-editor]:rounded-lg [&_.overflow-guard]:rounded-lg"
-				}, null, 512)
-			], 2)])], 2)) : (openBlock(), createElementBlock("div", _hoisted_11, "No operation context found"));
-		};
-	}
-});
-//#endregion
-export { Editor_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Editor.vue.script.js.map