@scalar/api-client 2.38.4 → 2.39.0

package/dist/v2/features/editor/hooks/use-editor.js

@@ -0,0 +1,133 @@
+import { toValue, watch } from "vue";
+import * as monaco from "monaco-editor";
+//#region src/v2/features/editor/hooks/use-editor.ts
+var HIGHLIGHT_DECORATION_CLASS = "json-focus-highlight";
+/**
+* Creates and manages a Monaco editor instance.
+*
+* @param element - The HTML element to mount the editor into.
+* @param onChange - A callback function to handle changes to the editor's value.
+* @param actions - An array of actions to add to the editor.
+* @param readOnly - Whether the editor should be read-only.
+* @param model - The editor model to use.
+* @returns An object containing the editor instance, model, and utility functions.
+*/
+var useEditor = ({ element, onChange, actions, readOnly = false, model }) => {
+	const currentModel = () => toValue(model);
+	const editor = monaco.editor.create(element, {
+		model: currentModel().model,
+		automaticLayout: true,
+		folding: true,
+		showFoldingControls: "always",
+		glyphMargin: true,
+		lineNumbers: "on",
+		minimap: { enabled: false },
+		overviewRulerLanes: 0,
+		readOnly: toValue(readOnly),
+		scrollbar: {
+			useShadows: false,
+			verticalScrollbarSize: 5
+		},
+		scrollBeyondLastLine: false,
+		guides: { indentation: true },
+		formatOnPaste: true,
+		renderValidationDecorations: "on",
+		formatOnType: true,
+		lineHeight: 20,
+		renderLineHighlight: "none",
+		fontFamily: `'JetBrains Mono', monospace`
+	});
+	editor.updateOptions({
+		insertSpaces: true,
+		tabSize: 2
+	});
+	watch(model, (newModel) => {
+		editor.setModel(toValue(newModel).model);
+	});
+	let highlightDecorations = [];
+	let suppressedChangeEvents = 0;
+	actions?.forEach((action) => {
+		editor.addAction({
+			id: action.id,
+			label: action.label,
+			keybindings: action.keybindings,
+			run: async () => {
+				await action.run();
+			}
+		});
+	});
+	const runEditorAction = async (actionId) => {
+		await editor.getAction(actionId)?.run();
+	};
+	/**
+	* Highlights the range at the given path using the model's getRangeFromPath.
+	* Replaces any previous path highlight.
+	*/
+	const highlightPath = async (path) => {
+		const range = await Promise.resolve(currentModel().getRangeFromPath(path));
+		if (!range) return;
+		highlightDecorations = editor.deltaDecorations(highlightDecorations, [{
+			range,
+			options: { className: HIGHLIGHT_DECORATION_CLASS }
+		}]);
+	};
+	/**
+	* Focuses the editor on the range at the given path: folds all, unfolds the target,
+	* reveals it near the top, and highlights it using the model's getRangeFromPath.
+	*/
+	const focusPath = async (path) => {
+		const range = await Promise.resolve(currentModel().getRangeFromPath(path));
+		if (!range) return;
+		const monacoModel = currentModel().model;
+		const unfoldRange = new monaco.Range(range.startLineNumber, 1, range.endLineNumber, monacoModel.getLineMaxColumn(range.endLineNumber));
+		await runEditorAction("editor.foldAll");
+		editor.setSelection(unfoldRange);
+		await runEditorAction("editor.unfoldRecursively");
+		const position = {
+			lineNumber: range.startLineNumber,
+			column: range.startColumn
+		};
+		editor.setPosition(position);
+		editor.revealPositionNearTop(position);
+		await highlightPath(path);
+	};
+	editor.onDidChangeModelContent(() => {
+		if (suppressedChangeEvents > 0) {
+			suppressedChangeEvents -= 1;
+			return;
+		}
+		const newValue = editor.getValue();
+		if (typeof newValue !== "string") return;
+		onChange?.(newValue ?? "");
+	});
+	watch(() => toValue(readOnly), (nextReadOnly) => {
+		editor?.updateOptions({ readOnly: nextReadOnly });
+	});
+	const formatDocument = async () => {
+		await runEditorAction("editor.action.formatDocument");
+	};
+	const getValue = () => editor.getValue();
+	const setValue = (nextValue, isProgrammaticUpdate = false) => {
+		if (isProgrammaticUpdate) suppressedChangeEvents += 1;
+		editor.setValue(nextValue);
+	};
+	const hasTextFocus = () => editor.hasTextFocus();
+	const dispose = () => {
+		editor.dispose();
+	};
+	return {
+		editor,
+		model,
+		highlightPath,
+		focusPath,
+		formatDocument,
+		getValue,
+		setValue,
+		hasTextFocus,
+		dispose
+	};
+};
+//#endregion
+export { useEditor };
+
+//# sourceMappingURL=use-editor.js.map

package/dist/v2/features/editor/hooks/use-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor.js","names":[],"sources":["../../../../../src/v2/features/editor/hooks/use-editor.ts"],"sourcesContent":["import * as monaco from 'monaco-editor'\nimport { type MaybeRefOrGetter, toValue, watch } from 'vue'\n\nimport type { EditorModel, Path } from '@/v2/features/editor/helpers/model'\n\nconst HIGHLIGHT_DECORATION_CLASS = 'json-focus-highlight'\n\ntype MonacoEditorAction = {\n  id: string\n  label: string\n  keybindings?: number[]\n  run: () => void | Promise<void>\n}\n\n/**\n * Creates and manages a Monaco editor instance.\n *\n * @param element - The HTML element to mount the editor into.\n * @param onChange - A callback function to handle changes to the editor's value.\n * @param actions - An array of actions to add to the editor.\n * @param readOnly - Whether the editor should be read-only.\n * @param model - The editor model to use.\n * @returns An object containing the editor instance, model, and utility functions.\n */\nexport const useEditor = ({\n  element,\n  onChange,\n  actions,\n  readOnly = false,\n  model,\n}: {\n  element: HTMLElement\n  readOnly?: MaybeRefOrGetter<boolean>\n  onChange?: (e: string) => void\n  actions?: MonacoEditorAction[]\n  /** Editor model provided from outside; must implement EditorModel (model + getRangeFromPath). */\n  model: MaybeRefOrGetter<EditorModel>\n}) => {\n  const currentModel = () => toValue(model)\n\n  const editor = monaco.editor.create(element, {\n    model: currentModel().model,\n    automaticLayout: true,\n    folding: true,\n    showFoldingControls: 'always',\n    glyphMargin: true,\n    lineNumbers: 'on',\n    minimap: { enabled: false },\n    overviewRulerLanes: 0,\n    readOnly: toValue(readOnly),\n    scrollbar: {\n      useShadows: false,\n      verticalScrollbarSize: 5,\n    },\n    scrollBeyondLastLine: false,\n    guides: {\n      indentation: true,\n    },\n    formatOnPaste: true,\n    renderValidationDecorations: 'on',\n    formatOnType: true,\n    lineHeight: 20,\n    renderLineHighlight: 'none',\n    fontFamily: `'JetBrains Mono', monospace`,\n  })\n\n  editor.updateOptions({ insertSpaces: true, tabSize: 2 })\n\n  watch(model, (newModel) => {\n    editor.setModel(toValue(newModel).model)\n  })\n\n  let highlightDecorations: string[] = []\n  let suppressedChangeEvents = 0\n\n  actions?.forEach((action) => {\n    editor.addAction({\n      id: action.id,\n      label: action.label,\n      keybindings: action.keybindings,\n      run: async () => {\n        await action.run()\n      },\n    })\n  })\n\n  const runEditorAction = async (actionId: string): Promise<void> => {\n    await editor.getAction(actionId)?.run()\n  }\n\n  /**\n   * Highlights the range at the given path using the model's getRangeFromPath.\n   * Replaces any previous path highlight.\n   */\n  const highlightPath = async (path: Path): Promise<void> => {\n    const range = await Promise.resolve(currentModel().getRangeFromPath(path))\n    if (!range) {\n      return\n    }\n\n    highlightDecorations = editor.deltaDecorations(highlightDecorations, [\n      {\n        range,\n        options: {\n          className: HIGHLIGHT_DECORATION_CLASS,\n        },\n      },\n    ])\n  }\n\n  /**\n   * Focuses the editor on the range at the given path: folds all, unfolds the target,\n   * reveals it near the top, and highlights it using the model's getRangeFromPath.\n   */\n  const focusPath = async (path: Path): Promise<void> => {\n    const range = await Promise.resolve(currentModel().getRangeFromPath(path))\n    if (!range) {\n      return\n    }\n\n    const monacoModel = currentModel().model\n    const unfoldRange = new monaco.Range(\n      range.startLineNumber,\n      1,\n      range.endLineNumber,\n      monacoModel.getLineMaxColumn(range.endLineNumber),\n    )\n\n    await runEditorAction('editor.foldAll')\n    editor.setSelection(unfoldRange)\n    await runEditorAction('editor.unfoldRecursively')\n\n    const position = { lineNumber: range.startLineNumber, column: range.startColumn }\n    editor.setPosition(position)\n    editor.revealPositionNearTop(position)\n\n    await highlightPath(path)\n  }\n\n  editor.onDidChangeModelContent(() => {\n    if (suppressedChangeEvents > 0) {\n      suppressedChangeEvents -= 1\n      return\n    }\n\n    const newValue = editor.getValue()\n    if (typeof newValue !== 'string') {\n      return\n    }\n\n    onChange?.(newValue ?? '')\n  })\n\n  //--------------------------------------------------\n  // Read Only\n  watch(\n    () => toValue(readOnly),\n    (nextReadOnly) => {\n      editor?.updateOptions({ readOnly: nextReadOnly })\n    },\n  )\n\n  const formatDocument = async (): Promise<void> => {\n    await runEditorAction('editor.action.formatDocument')\n  }\n\n  const getValue = (): string => editor.getValue()\n\n  const setValue = (nextValue: string, isProgrammaticUpdate = false): void => {\n    if (isProgrammaticUpdate) {\n      suppressedChangeEvents += 1\n    }\n\n    editor.setValue(nextValue)\n  }\n\n  const hasTextFocus = (): boolean => editor.hasTextFocus()\n\n  const dispose = (): void => {\n    editor.dispose()\n  }\n\n  return {\n    editor,\n    model,\n    highlightPath,\n    focusPath,\n    formatDocument,\n    getValue,\n    setValue,\n    hasTextFocus,\n    dispose,\n  }\n}\n"],"mappings":";;;AAKA,IAAM,6BAA6B;;;;;;;;;;;AAmBnC,IAAa,aAAa,EACxB,SACA,UACA,SACA,WAAW,OACX,YAQI;CACJ,MAAM,qBAAqB,QAAQ,MAAM;CAEzC,MAAM,SAAS,OAAO,OAAO,OAAO,SAAS;EAC3C,OAAO,cAAc,CAAC;EACtB,iBAAiB;EACjB,SAAS;EACT,qBAAqB;EACrB,aAAa;EACb,aAAa;EACb,SAAS,EAAE,SAAS,OAAO;EAC3B,oBAAoB;EACpB,UAAU,QAAQ,SAAS;EAC3B,WAAW;GACT,YAAY;GACZ,uBAAuB;GACxB;EACD,sBAAsB;EACtB,QAAQ,EACN,aAAa,MACd;EACD,eAAe;EACf,6BAA6B;EAC7B,cAAc;EACd,YAAY;EACZ,qBAAqB;EACrB,YAAY;EACb,CAAC;AAEF,QAAO,cAAc;EAAE,cAAc;EAAM,SAAS;EAAG,CAAC;AAExD,OAAM,QAAQ,aAAa;AACzB,SAAO,SAAS,QAAQ,SAAS,CAAC,MAAM;GACxC;CAEF,IAAI,uBAAiC,EAAE;CACvC,IAAI,yBAAyB;AAE7B,UAAS,SAAS,WAAW;AAC3B,SAAO,UAAU;GACf,IAAI,OAAO;GACX,OAAO,OAAO;GACd,aAAa,OAAO;GACpB,KAAK,YAAY;AACf,UAAM,OAAO,KAAK;;GAErB,CAAC;GACF;CAEF,MAAM,kBAAkB,OAAO,aAAoC;AACjE,QAAM,OAAO,UAAU,SAAS,EAAE,KAAK;;;;;;CAOzC,MAAM,gBAAgB,OAAO,SAA8B;EACzD,MAAM,QAAQ,MAAM,QAAQ,QAAQ,cAAc,CAAC,iBAAiB,KAAK,CAAC;AAC1E,MAAI,CAAC,MACH;AAGF,yBAAuB,OAAO,iBAAiB,sBAAsB,CACnE;GACE;GACA,SAAS,EACP,WAAW,4BACZ;GACF,CACF,CAAC;;;;;;CAOJ,MAAM,YAAY,OAAO,SAA8B;EACrD,MAAM,QAAQ,MAAM,QAAQ,QAAQ,cAAc,CAAC,iBAAiB,KAAK,CAAC;AAC1E,MAAI,CAAC,MACH;EAGF,MAAM,cAAc,cAAc,CAAC;EACnC,MAAM,cAAc,IAAI,OAAO,MAC7B,MAAM,iBACN,GACA,MAAM,eACN,YAAY,iBAAiB,MAAM,cAAc,CAClD;AAED,QAAM,gBAAgB,iBAAiB;AACvC,SAAO,aAAa,YAAY;AAChC,QAAM,gBAAgB,2BAA2B;EAEjD,MAAM,WAAW;GAAE,YAAY,MAAM;GAAiB,QAAQ,MAAM;GAAa;AACjF,SAAO,YAAY,SAAS;AAC5B,SAAO,sBAAsB,SAAS;AAEtC,QAAM,cAAc,KAAK;;AAG3B,QAAO,8BAA8B;AACnC,MAAI,yBAAyB,GAAG;AAC9B,6BAA0B;AAC1B;;EAGF,MAAM,WAAW,OAAO,UAAU;AAClC,MAAI,OAAO,aAAa,SACtB;AAGF,aAAW,YAAY,GAAG;GAC1B;AAIF,aACQ,QAAQ,SAAS,GACtB,iBAAiB;AAChB,UAAQ,cAAc,EAAE,UAAU,cAAc,CAAC;GAEpD;CAED,MAAM,iBAAiB,YAA2B;AAChD,QAAM,gBAAgB,+BAA+B;;CAGvD,MAAM,iBAAyB,OAAO,UAAU;CAEhD,MAAM,YAAY,WAAmB,uBAAuB,UAAgB;AAC1E,MAAI,qBACF,2BAA0B;AAG5B,SAAO,SAAS,UAAU;;CAG5B,MAAM,qBAA8B,OAAO,cAAc;CAEzD,MAAM,gBAAsB;AAC1B,SAAO,SAAS;;AAGlB,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/v2/features/editor/hooks/use-json-pointer-link-support.js

@@ -0,0 +1,45 @@
+import { parseJsonPointerPath } from "../helpers/json/json-pointer-path.js";
+import { ensureJsonPointerLinkSupport } from "../helpers/json/json-pointer-links.js";
+import { onScopeDispose, toValue, watch } from "vue";
+//#region src/v2/features/editor/hooks/use-json-pointer-link-support.ts
+var JSON_LANGUAGE_ID = "json";
+/**
+* Enables clickable JSON Pointer links when the editor model is JSON.
+* Relates link support to the current model and uses the provided editor API to navigate.
+*
+* Call this hook with the return value of useEditor (or a ref to it) and the same model
+* passed to useEditor. When the model's language is JSON, links like "#/paths/..." in
+* string values become clickable and trigger focusPath on the editor.
+*/
+var useJsonPointerLinkSupport = (editorApi, model) => {
+	let disposeLinkSupport = null;
+	const setupOrDispose = () => {
+		const api = toValue(editorApi);
+		const currentModel = toValue(model);
+		if (disposeLinkSupport) {
+			disposeLinkSupport();
+			disposeLinkSupport = null;
+		}
+		if (!api?.focusPath || !currentModel) return;
+		if (currentModel.model.getLanguageId() !== JSON_LANGUAGE_ID) return;
+		const navigate = async (pointer) => {
+			const path = parseJsonPointerPath(pointer);
+			if (!path) return;
+			await api.focusPath(path.map(String));
+		};
+		disposeLinkSupport = ensureJsonPointerLinkSupport(navigate).dispose;
+	};
+	watch(() => [toValue(editorApi), toValue(model)], () => {
+		setupOrDispose();
+	}, { immediate: true });
+	onScopeDispose(() => {
+		if (disposeLinkSupport) {
+			disposeLinkSupport();
+			disposeLinkSupport = null;
+		}
+	});
+};
+//#endregion
+export { useJsonPointerLinkSupport };
+
+//# sourceMappingURL=use-json-pointer-link-support.js.map

package/dist/v2/features/editor/hooks/use-json-pointer-link-support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-json-pointer-link-support.js","names":[],"sources":["../../../../../src/v2/features/editor/hooks/use-json-pointer-link-support.ts"],"sourcesContent":["import { type MaybeRefOrGetter, onScopeDispose, toValue, watch } from 'vue'\n\nimport { ensureJsonPointerLinkSupport } from '@/v2/features/editor/helpers/json/json-pointer-links'\nimport { parseJsonPointerPath } from '@/v2/features/editor/helpers/json/json-pointer-path'\nimport type { EditorModel } from '@/v2/features/editor/helpers/model'\n\nconst JSON_LANGUAGE_ID = 'json'\n\ntype EditorNavigationApi = {\n  focusPath: (path: string[]) => Promise<void>\n}\n\n/**\n * Enables clickable JSON Pointer links when the editor model is JSON.\n * Relates link support to the current model and uses the provided editor API to navigate.\n *\n * Call this hook with the return value of useEditor (or a ref to it) and the same model\n * passed to useEditor. When the model's language is JSON, links like \"#/paths/...\" in\n * string values become clickable and trigger focusPath on the editor.\n */\nexport const useJsonPointerLinkSupport = (\n  editorApi: MaybeRefOrGetter<EditorNavigationApi | undefined>,\n  model: MaybeRefOrGetter<EditorModel | undefined>,\n): void => {\n  let disposeLinkSupport: (() => void) | null = null\n\n  const setupOrDispose = () => {\n    const api = toValue(editorApi)\n    const currentModel = toValue(model)\n\n    if (disposeLinkSupport) {\n      disposeLinkSupport()\n      disposeLinkSupport = null\n    }\n\n    if (!api?.focusPath || !currentModel) {\n      return\n    }\n\n    const languageId = currentModel.model.getLanguageId()\n    if (languageId !== JSON_LANGUAGE_ID) {\n      return\n    }\n\n    const navigate = async (pointer: string): Promise<void> => {\n      const path = parseJsonPointerPath(pointer)\n      if (!path) {\n        return\n      }\n      await api.focusPath(path.map(String))\n    }\n\n    const result = ensureJsonPointerLinkSupport(navigate)\n    disposeLinkSupport = result.dispose\n  }\n\n  watch(\n    () => [toValue(editorApi), toValue(model)] as const,\n    () => {\n      setupOrDispose()\n    },\n    { immediate: true },\n  )\n\n  onScopeDispose(() => {\n    if (disposeLinkSupport) {\n      disposeLinkSupport()\n      disposeLinkSupport = null\n    }\n  })\n}\n"],"mappings":";;;;AAMA,IAAM,mBAAmB;;;;;;;;;AAczB,IAAa,6BACX,WACA,UACS;CACT,IAAI,qBAA0C;CAE9C,MAAM,uBAAuB;EAC3B,MAAM,MAAM,QAAQ,UAAU;EAC9B,MAAM,eAAe,QAAQ,MAAM;AAEnC,MAAI,oBAAoB;AACtB,uBAAoB;AACpB,wBAAqB;;AAGvB,MAAI,CAAC,KAAK,aAAa,CAAC,aACtB;AAIF,MADmB,aAAa,MAAM,eAAe,KAClC,iBACjB;EAGF,MAAM,WAAW,OAAO,YAAmC;GACzD,MAAM,OAAO,qBAAqB,QAAQ;AAC1C,OAAI,CAAC,KACH;AAEF,SAAM,IAAI,UAAU,KAAK,IAAI,OAAO,CAAC;;AAIvC,uBADe,6BAA6B,SAAS,CACzB;;AAG9B,aACQ,CAAC,QAAQ,UAAU,EAAE,QAAQ,MAAM,CAAC,QACpC;AACJ,kBAAgB;IAElB,EAAE,WAAW,MAAM,CACpB;AAED,sBAAqB;AACnB,MAAI,oBAAoB;AACtB,uBAAoB;AACpB,wBAAqB;;GAEvB"}

package/dist/v2/features/editor/hooks/use-three-way-merge-editor.js

@@ -0,0 +1,396 @@
+import { rangeToWholeLine } from "../helpers/range-to-whole-line.js";
+import { parseJsonPointerPath } from "../helpers/json/json-pointer-path.js";
+import { ensureJsonPointerLinkSupport } from "../helpers/json/json-pointer-links.js";
+import { createJsonModel } from "../helpers/json/create-json-model.js";
+import { computed, markRaw, ref, shallowRef, toValue, watch } from "vue";
+import { deepClone } from "@scalar/workspace-store/helpers/deep-clone";
+import * as monaco from "monaco-editor";
+import { apply } from "@scalar/json-magic/diff";
+//#region src/v2/features/editor/hooks/use-three-way-merge-editor.ts
+/**
+* Shared state and logic for a 3-way merge editor (base | local | remote → result).
+* Create editors by calling init() with the three container elements (e.g. from refs in onMounted).
+* Call dispose() in onUnmounted.
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+* const localRef = ref<HTMLDivElement>()
+* const remoteRef = ref<HTMLDivElement>()
+* const resultRef = ref<HTMLDivElement>()
+*
+* const mergeEditor = useThreeWayMergeEditor({
+*   baseDocument,
+*   resolvedDocument,
+*   conflicts,
+*   onApplyChanges: (doc) => emit('applyChanges', { resolvedDocument: doc }),
+*   onError: (msg) => toast(msg, 'error'),
+* })
+*
+* onMounted(() => {
+*   const local = localRef.value
+*   const remote = remoteRef.value
+*   const result = resultRef.value
+*   if (local && remote && result) {
+*     mergeEditor.init({ local, remote, result })
+*   }
+* })
+*
+* onUnmounted(() => {
+*   mergeEditor.dispose()
+* })
+* <\/script>
+*
+* <template>
+*   <div ref="localRef" />
+*   <div ref="remoteRef" />
+*   <div ref="resultRef" />
+*   <button @click="mergeEditor.goToNextConflict">Next conflict</button>
+*   <button :disabled="mergeEditor.conflictsLeft > 0" @click="mergeEditor.applyResolvedConflicts">
+*     Apply ({{ mergeEditor.conflictsLeft }} left)
+*   </button>
+* </template>
+* ```
+*/
+function useThreeWayMergeEditor(options) {
+	const { baseDocument, resolvedDocument, conflicts, onApplyChanges, onError } = options;
+	const resolvedConflicts = ref([]);
+	const conflictRangesState = shallowRef([]);
+	const localConflictRangesState = shallowRef([]);
+	const remoteConflictRangesState = shallowRef([]);
+	const lastNavigatedConflictIndex = ref(-1);
+	const localChangesEditor = shallowRef();
+	const remoteChangesEditor = shallowRef();
+	const resultEditor = shallowRef();
+	let resultCodeLensProviderDisposable;
+	let jsonPointerLinkSupportDispose;
+	const codeLensCommandDisposables = [];
+	/** Models created in init(); disposed in dispose() to avoid leaks when the sync conflict modal closes. */
+	let modelsToDispose = [];
+	const normalizeConflicts = computed(() => {
+		return toValue(conflicts).map((conflict) => {
+			const localChanges = conflict[0];
+			const remoteChanges = conflict[1];
+			let smallestPath = localChanges[0].path;
+			for (const localChange of localChanges) if (localChange.path.length < smallestPath.length) smallestPath = localChange.path;
+			for (const remoteChange of remoteChanges) if (remoteChange.path.length < smallestPath.length) smallestPath = remoteChange.path;
+			return {
+				local: {
+					path: smallestPath,
+					changes: localChanges,
+					type: localChanges[0].type
+				},
+				remote: {
+					path: smallestPath,
+					changes: remoteChanges,
+					type: remoteChanges[0].type
+				}
+			};
+		});
+	});
+	const documentWithLocalChanges = computed(() => apply(deepClone(toValue(resolvedDocument)), toValue(conflicts).flatMap((it) => it[0])));
+	const documentWithRemoteChanges = computed(() => apply(deepClone(toValue(resolvedDocument)), toValue(conflicts).flatMap((it) => it[1])));
+	const conflictsLeft = computed(() => resolvedConflicts.value.filter((status) => status === "idle").length);
+	watch(normalizeConflicts, (nextConflicts) => {
+		resolvedConflicts.value = nextConflicts.map((_, index) => resolvedConflicts.value[index] ?? "idle");
+	}, { immediate: true });
+	const focusEditorRange = (diffEditor, range) => {
+		if (!diffEditor || !range) return;
+		const modifiedEditor = diffEditor.getModifiedEditor();
+		const safeRange = new monaco.Range(range.startLineNumber, range.startColumn, range.endLineNumber, range.endColumn);
+		modifiedEditor.setSelection(safeRange);
+		modifiedEditor.revealRangeNearTop(safeRange);
+	};
+	const goToNextConflict = () => {
+		const unresolvedConflictIndexes = normalizeConflicts.value.map((_, index) => index).filter((index) => resolvedConflicts.value[index] === "idle");
+		if (!unresolvedConflictIndexes.length) return;
+		const nextConflictIndex = unresolvedConflictIndexes.find((index) => index > lastNavigatedConflictIndex.value) ?? unresolvedConflictIndexes[0];
+		if (nextConflictIndex === void 0) return;
+		if (!normalizeConflicts.value[nextConflictIndex]) return;
+		const localRange = localConflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range;
+		const remoteRange = remoteConflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range;
+		const resultRange = conflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range;
+		focusEditorRange(localChangesEditor.value, localRange);
+		focusEditorRange(remoteChangesEditor.value, remoteRange);
+		focusEditorRange(resultEditor.value, resultRange);
+		resultEditor.value?.getModifiedEditor().focus();
+		lastNavigatedConflictIndex.value = nextConflictIndex;
+	};
+	const applyResolvedConflicts = () => {
+		if (conflictsLeft.value > 0) {
+			onError?.("You have conflicts left");
+			return;
+		}
+		const modifiedResultModel = resultEditor.value?.getModel()?.modified;
+		if (!modifiedResultModel) return;
+		let nextResolvedDocument = null;
+		try {
+			nextResolvedDocument = JSON.parse(modifiedResultModel.getValue());
+		} catch {
+			onError?.("You have formatting errors");
+			return;
+		}
+		onApplyChanges(nextResolvedDocument);
+	};
+	const init = (containers) => {
+		const base = toValue(baseDocument);
+		const resolved = toValue(resolvedDocument);
+		const localDoc = documentWithLocalChanges.value;
+		const remoteDoc = documentWithRemoteChanges.value;
+		const originalModelLocal = monaco.editor.createModel(JSON.stringify(resolved, null, 2), "json");
+		const modifiedModelLocal = createJsonModel(JSON.stringify(localDoc, null, 2));
+		const originalModelRemote = monaco.editor.createModel(JSON.stringify(resolved, null, 2), "json");
+		const modifiedModelRemote = createJsonModel(JSON.stringify(remoteDoc, null, 2));
+		const originalResultModel = monaco.editor.createModel(JSON.stringify(base, null, 2), "json");
+		const modifiedResultModel = createJsonModel(JSON.stringify(resolved, null, 2));
+		modelsToDispose = [
+			originalModelLocal,
+			modifiedModelLocal.model,
+			originalModelRemote,
+			modifiedModelRemote.model,
+			originalResultModel,
+			modifiedResultModel.model
+		];
+		const localDiffEditor = monaco.editor.createDiffEditor(containers.local, {
+			originalEditable: false,
+			readOnly: true,
+			automaticLayout: true,
+			renderSideBySide: false
+		});
+		localDiffEditor.setModel({
+			original: originalModelLocal,
+			modified: modifiedModelLocal.model
+		});
+		localChangesEditor.value = localDiffEditor;
+		const remoteDiffEditor = monaco.editor.createDiffEditor(containers.remote, {
+			originalEditable: false,
+			readOnly: true,
+			automaticLayout: true,
+			renderSideBySide: false
+		});
+		remoteDiffEditor.setModel({
+			original: originalModelRemote,
+			modified: modifiedModelRemote.model
+		});
+		remoteChangesEditor.value = remoteDiffEditor;
+		const resultDiffEditor = monaco.editor.createDiffEditor(containers.result, {
+			originalEditable: false,
+			readOnly: false,
+			renderSideBySide: false,
+			automaticLayout: true
+		});
+		resultDiffEditor.setModel({
+			original: originalResultModel,
+			modified: modifiedResultModel.model
+		});
+		const resultModifiedEditor = resultDiffEditor.getModifiedEditor();
+		resultModifiedEditor.updateOptions({ codeLens: true });
+		const focusResultPath = async (path) => {
+			const range = await modifiedResultModel.getRangeFromPath(path);
+			if (!range) return;
+			const safeRange = new monaco.Range(range.startLineNumber, range.startColumn, range.endLineNumber, range.endColumn);
+			resultModifiedEditor.setSelection(safeRange);
+			resultModifiedEditor.revealRangeNearTop(safeRange);
+		};
+		const navigateJsonPointer = async (pointer) => {
+			const path = parseJsonPointerPath(pointer);
+			if (!path) return;
+			await focusResultPath(path);
+		};
+		jsonPointerLinkSupportDispose = ensureJsonPointerLinkSupport(navigateJsonPointer).dispose;
+		let resultHighlightDecorations = [];
+		let suppressedChangeEvents = 0;
+		const applyCurrentCodeLensCommandId = "scalar.conflict.applyCurrent";
+		const applyRemoteCodeLensCommandId = "scalar.conflict.applyRemote";
+		const ignoreCodeLensCommandId = "scalar.conflict.ignore";
+		const noOpCodeLensCommandId = resultModifiedEditor.addCommand(0, () => void 0) ?? "scalar.conflict.status.noop";
+		const getBoxDecorationsForRange = (range) => {
+			const startLine = range.startLineNumber;
+			const endLine = range.endLineNumber;
+			if (startLine === endLine) return [{
+				range,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-single"
+				}
+			}];
+			const topRange = new monaco.Range(startLine, 1, startLine, range.endColumn);
+			const middleRange = new monaco.Range(startLine + 1, 1, Math.max(startLine + 1, endLine - 1), 1);
+			const bottomRange = new monaco.Range(endLine, 1, endLine, range.endColumn);
+			const decorations = [{
+				range: topRange,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-top"
+				}
+			}, {
+				range: bottomRange,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-bottom"
+				}
+			}];
+			if (endLine - startLine > 1) decorations.push({
+				range: middleRange,
+				options: {
+					isWholeLine: true,
+					className: "json-focus-highlight-box-middle"
+				}
+			});
+			return decorations;
+		};
+		const refreshCodeLensProvider = () => {
+			resultCodeLensProviderDisposable?.dispose();
+			resultCodeLensProviderDisposable = monaco.languages.registerCodeLensProvider("json", { provideCodeLenses: (model) => {
+				if (model.uri.toString() !== modifiedResultModel.model.uri.toString()) return {
+					lenses: [],
+					dispose: () => void 0
+				};
+				return {
+					lenses: conflictRangesState.value.flatMap((conflictRange) => {
+						const lensRange = new monaco.Range(conflictRange.range.startLineNumber, 1, conflictRange.range.startLineNumber, 1);
+						return [
+							{
+								range: lensRange,
+								command: {
+									id: noOpCodeLensCommandId,
+									title: `Status: ${resolvedConflicts.value[conflictRange.index] ?? "idle"}`
+								}
+							},
+							{
+								range: lensRange,
+								command: {
+									id: applyCurrentCodeLensCommandId,
+									title: "Accept Current",
+									arguments: [conflictRange.index]
+								}
+							},
+							{
+								range: lensRange,
+								command: {
+									id: applyRemoteCodeLensCommandId,
+									title: "Accept Remote",
+									arguments: [conflictRange.index]
+								}
+							},
+							{
+								range: lensRange,
+								command: {
+									id: ignoreCodeLensCommandId,
+									title: "Ignore",
+									arguments: [conflictRange.index]
+								}
+							}
+						];
+					}),
+					dispose: () => void 0
+				};
+			} });
+		};
+		const getConflictRange = async (editorModel, index, path) => {
+			const { model } = editorModel;
+			const fallbackRange = new monaco.Range(1, 1, 1, model.getLineMaxColumn(1));
+			let range = null;
+			for (let depth = path.length; depth >= 0; depth -= 1) {
+				const candidatePath = path.slice(0, depth);
+				const nodeRange = await editorModel.getRangeFromPath(candidatePath);
+				if (!nodeRange) continue;
+				range = rangeToWholeLine(model, nodeRange);
+				break;
+			}
+			return {
+				index,
+				path,
+				range: markRaw(range ?? fallbackRange)
+			};
+		};
+		const refreshConflictRangesAndDecorations = async () => {
+			const [resultRanges, localRanges, remoteRanges] = await Promise.all([
+				Promise.all(normalizeConflicts.value.map((conflict, index) => getConflictRange(modifiedResultModel, index, conflict.local.path))),
+				Promise.all(normalizeConflicts.value.map((conflict, index) => getConflictRange(modifiedModelLocal, index, conflict.local.path))),
+				Promise.all(normalizeConflicts.value.map((conflict, index) => getConflictRange(modifiedModelRemote, index, conflict.local.path)))
+			]);
+			conflictRangesState.value = resultRanges.filter((r) => Boolean(r));
+			localConflictRangesState.value = localRanges.filter((r) => Boolean(r));
+			remoteConflictRangesState.value = remoteRanges.filter((r) => Boolean(r));
+			resultHighlightDecorations = resultModifiedEditor.deltaDecorations(resultHighlightDecorations, conflictRangesState.value.flatMap((cr) => getBoxDecorationsForRange(cr.range)));
+			refreshCodeLensProvider();
+		};
+		const setConflictResolution = (index, resolution) => {
+			resolvedConflicts.value[index] = resolution;
+			refreshCodeLensProvider();
+		};
+		const applyConflictChoice = async (index, source) => {
+			const conflict = normalizeConflicts.value[index];
+			if (!conflict) return;
+			let currentDocument = null;
+			try {
+				currentDocument = JSON.parse(modifiedResultModel.model.getValue());
+			} catch {
+				return;
+			}
+			const changes = source === "local" ? conflict.local.changes : conflict.remote.changes;
+			const nextDocument = apply(deepClone(currentDocument), changes);
+			suppressedChangeEvents += 1;
+			modifiedResultModel.model.setValue(JSON.stringify(nextDocument, null, 2));
+			setConflictResolution(index, source);
+			await refreshConflictRangesAndDecorations();
+		};
+		codeLensCommandDisposables.push(monaco.editor.registerCommand(applyCurrentCodeLensCommandId, (_accessor, index) => {
+			applyConflictChoice(index, "local");
+		}));
+		codeLensCommandDisposables.push(monaco.editor.registerCommand(applyRemoteCodeLensCommandId, (_accessor, index) => {
+			applyConflictChoice(index, "remote");
+		}));
+		codeLensCommandDisposables.push(monaco.editor.registerCommand(ignoreCodeLensCommandId, (_accessor, index) => {
+			setConflictResolution(index, "ignore");
+		}));
+		refreshConflictRangesAndDecorations();
+		resultModifiedEditor.onDidChangeModelContent((event) => {
+			if (suppressedChangeEvents > 0) {
+				suppressedChangeEvents -= 1;
+				return;
+			}
+			let hasStatusUpdates = false;
+			for (const change of event.changes) {
+				const matchingConflicts = conflictRangesState.value.filter((cr) => monaco.Range.areIntersectingOrTouching(change.range, cr.range));
+				if (!matchingConflicts.length) continue;
+				matchingConflicts.forEach((conflict) => {
+					if (resolvedConflicts.value[conflict.index] !== "manual") {
+						resolvedConflicts.value[conflict.index] = "manual";
+						hasStatusUpdates = true;
+					}
+				});
+			}
+			if (hasStatusUpdates) refreshCodeLensProvider();
+		});
+		resultEditor.value = resultDiffEditor;
+	};
+	const dispose = () => {
+		localChangesEditor.value?.dispose();
+		localChangesEditor.value = void 0;
+		remoteChangesEditor.value?.dispose();
+		remoteChangesEditor.value = void 0;
+		resultEditor.value?.dispose();
+		resultEditor.value = void 0;
+		for (const model of modelsToDispose) model.dispose();
+		modelsToDispose = [];
+		resultCodeLensProviderDisposable?.dispose();
+		resultCodeLensProviderDisposable = void 0;
+		jsonPointerLinkSupportDispose?.();
+		jsonPointerLinkSupportDispose = void 0;
+		codeLensCommandDisposables.forEach((d) => d.dispose());
+		codeLensCommandDisposables.length = 0;
+	};
+	return {
+		init,
+		dispose,
+		conflictsLeft,
+		goToNextConflict,
+		applyResolvedConflicts
+	};
+}
+//#endregion
+export { useThreeWayMergeEditor };
+
+//# sourceMappingURL=use-three-way-merge-editor.js.map

package/dist/v2/features/editor/hooks/use-three-way-merge-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-three-way-merge-editor.js","names":[],"sources":["../../../../../src/v2/features/editor/hooks/use-three-way-merge-editor.ts"],"sourcesContent":["import { apply, type merge } from '@scalar/json-magic/diff'\nimport { deepClone } from '@scalar/workspace-store/helpers/deep-clone'\nimport * as monaco from 'monaco-editor'\nimport type { ComputedRef } from 'vue'\nimport { type MaybeRefOrGetter, computed, markRaw, ref, shallowRef, toValue, watch } from 'vue'\n\nimport { rangeToWholeLine } from '@/v2/features/editor'\nimport { createJsonModel } from '@/v2/features/editor/helpers/json/create-json-model'\nimport { ensureJsonPointerLinkSupport } from '@/v2/features/editor/helpers/json/json-pointer-links'\nimport { parseJsonPointerPath } from '@/v2/features/editor/helpers/json/json-pointer-path'\nimport type { EditorModel, Path } from '@/v2/features/editor/helpers/model'\n\ntype ConflictResolutionState = 'manual' | 'local' | 'remote' | 'ignore' | 'idle'\n\ntype ConflictRange = { index: number; path: string[]; range: monaco.Range }\n\ntype UseThreeWayMergeEditorOptions = {\n  /** Base document (common ancestor). */\n  baseDocument: MaybeRefOrGetter<Record<string, unknown>>\n  /** Document with resolved conflicts (current result). */\n  resolvedDocument: MaybeRefOrGetter<Record<string, unknown>>\n  /** Merge conflicts from diff. */\n  conflicts: MaybeRefOrGetter<ReturnType<typeof merge>['conflicts']>\n  /** Called when user applies resolved changes. */\n  onApplyChanges: (resolvedDocument: Record<string, unknown>) => void\n  /** Optional: called with error message for conflicts left or parse errors. */\n  onError?: (message: string) => void\n}\n\ntype ThreeWayMergeEditorContainers = {\n  /** Container for the local (current) diff editor. */\n  local: HTMLElement\n  /** Container for the remote diff editor. */\n  remote: HTMLElement\n  /** Container for the result (editable) diff editor. */\n  result: HTMLElement\n}\n\n/**\n * Shared state and logic for a 3-way merge editor (base | local | remote → result).\n * Create editors by calling init() with the three container elements (e.g. from refs in onMounted).\n * Call dispose() in onUnmounted.\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * const localRef = ref<HTMLDivElement>()\n * const remoteRef = ref<HTMLDivElement>()\n * const resultRef = ref<HTMLDivElement>()\n *\n * const mergeEditor = useThreeWayMergeEditor({\n *   baseDocument,\n *   resolvedDocument,\n *   conflicts,\n *   onApplyChanges: (doc) => emit('applyChanges', { resolvedDocument: doc }),\n *   onError: (msg) => toast(msg, 'error'),\n * })\n *\n * onMounted(() => {\n *   const local = localRef.value\n *   const remote = remoteRef.value\n *   const result = resultRef.value\n *   if (local && remote && result) {\n *     mergeEditor.init({ local, remote, result })\n *   }\n * })\n *\n * onUnmounted(() => {\n *   mergeEditor.dispose()\n * })\n * </script>\n *\n * <template>\n *   <div ref=\"localRef\" />\n *   <div ref=\"remoteRef\" />\n *   <div ref=\"resultRef\" />\n *   <button @click=\"mergeEditor.goToNextConflict\">Next conflict</button>\n *   <button :disabled=\"mergeEditor.conflictsLeft > 0\" @click=\"mergeEditor.applyResolvedConflicts\">\n *     Apply ({{ mergeEditor.conflictsLeft }} left)\n *   </button>\n * </template>\n * ```\n */\nexport function useThreeWayMergeEditor(options: UseThreeWayMergeEditorOptions): {\n  init: (containers: ThreeWayMergeEditorContainers) => void\n  dispose: () => void\n  conflictsLeft: ComputedRef<number>\n  goToNextConflict: () => void\n  applyResolvedConflicts: () => void\n} {\n  const { baseDocument, resolvedDocument, conflicts, onApplyChanges, onError } = options\n\n  const resolvedConflicts = ref<ConflictResolutionState[]>([])\n  const conflictRangesState = shallowRef<ConflictRange[]>([])\n  const localConflictRangesState = shallowRef<ConflictRange[]>([])\n  const remoteConflictRangesState = shallowRef<ConflictRange[]>([])\n  const lastNavigatedConflictIndex = ref<number>(-1)\n\n  const localChangesEditor = shallowRef<monaco.editor.IStandaloneDiffEditor>()\n  const remoteChangesEditor = shallowRef<monaco.editor.IStandaloneDiffEditor>()\n  const resultEditor = shallowRef<monaco.editor.IStandaloneDiffEditor>()\n\n  let resultCodeLensProviderDisposable: monaco.IDisposable | undefined\n  let jsonPointerLinkSupportDispose: (() => void) | undefined\n  const codeLensCommandDisposables: monaco.IDisposable[] = []\n  /** Models created in init(); disposed in dispose() to avoid leaks when the sync conflict modal closes. */\n  let modelsToDispose: monaco.editor.ITextModel[] = []\n\n  const normalizeConflicts = computed(() => {\n    const conflictList = toValue(conflicts)\n    return conflictList.map((conflict) => {\n      const localChanges = conflict[0]\n      const remoteChanges = conflict[1]\n      let smallestPath = localChanges[0]!.path\n      for (const localChange of localChanges) {\n        if (localChange.path.length < smallestPath.length) {\n          smallestPath = localChange.path\n        }\n      }\n      for (const remoteChange of remoteChanges) {\n        if (remoteChange.path.length < smallestPath.length) {\n          smallestPath = remoteChange.path\n        }\n      }\n      return {\n        local: {\n          path: smallestPath,\n          changes: localChanges,\n          type: localChanges[0]!.type,\n        },\n        remote: {\n          path: smallestPath,\n          changes: remoteChanges,\n          type: remoteChanges[0]!.type,\n        },\n      }\n    })\n  })\n\n  const documentWithLocalChanges = computed(() =>\n    apply(\n      deepClone(toValue(resolvedDocument)),\n      toValue(conflicts).flatMap((it) => it[0]),\n    ),\n  )\n\n  const documentWithRemoteChanges = computed(() =>\n    apply(\n      deepClone(toValue(resolvedDocument)),\n      toValue(conflicts).flatMap((it) => it[1]),\n    ),\n  )\n\n  const conflictsLeft = computed(() => resolvedConflicts.value.filter((status) => status === 'idle').length)\n\n  watch(\n    normalizeConflicts,\n    (nextConflicts) => {\n      resolvedConflicts.value = nextConflicts.map((_, index) => resolvedConflicts.value[index] ?? 'idle')\n    },\n    { immediate: true },\n  )\n\n  const focusEditorRange = (\n    diffEditor: monaco.editor.IStandaloneDiffEditor | undefined,\n    range: monaco.Range | undefined,\n  ): void => {\n    if (!diffEditor || !range) {\n      return\n    }\n    const modifiedEditor = diffEditor.getModifiedEditor()\n    const safeRange = new monaco.Range(range.startLineNumber, range.startColumn, range.endLineNumber, range.endColumn)\n    modifiedEditor.setSelection(safeRange)\n    modifiedEditor.revealRangeNearTop(safeRange)\n  }\n\n  const goToNextConflict = (): void => {\n    const unresolvedConflictIndexes = normalizeConflicts.value\n      .map((_, index) => index)\n      .filter((index) => resolvedConflicts.value[index] === 'idle')\n    if (!unresolvedConflictIndexes.length) {\n      return\n    }\n    const nextConflictIndex =\n      unresolvedConflictIndexes.find((index) => index > lastNavigatedConflictIndex.value) ??\n      unresolvedConflictIndexes[0]\n    if (nextConflictIndex === undefined) {\n      return\n    }\n    const nextConflict = normalizeConflicts.value[nextConflictIndex]\n    if (!nextConflict) {\n      return\n    }\n    const localRange = localConflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range\n    const remoteRange = remoteConflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range\n    const resultRange = conflictRangesState.value.find((cr) => cr.index === nextConflictIndex)?.range\n    focusEditorRange(localChangesEditor.value, localRange)\n    focusEditorRange(remoteChangesEditor.value, remoteRange)\n    focusEditorRange(resultEditor.value, resultRange)\n    resultEditor.value?.getModifiedEditor().focus()\n    lastNavigatedConflictIndex.value = nextConflictIndex\n  }\n\n  const applyResolvedConflicts = (): void => {\n    if (conflictsLeft.value > 0) {\n      onError?.('You have conflicts left')\n      return\n    }\n    const modifiedResultModel = resultEditor.value?.getModel()?.modified\n    if (!modifiedResultModel) {\n      return\n    }\n    let nextResolvedDocument: Record<string, unknown> | null = null\n    try {\n      nextResolvedDocument = JSON.parse(modifiedResultModel.getValue()) as Record<string, unknown>\n    } catch {\n      onError?.('You have formatting errors')\n      return\n    }\n    onApplyChanges(nextResolvedDocument)\n  }\n\n  const init = (containers: ThreeWayMergeEditorContainers): void => {\n    const base = toValue(baseDocument)\n    const resolved = toValue(resolvedDocument)\n    const localDoc = documentWithLocalChanges.value\n    const remoteDoc = documentWithRemoteChanges.value\n\n    const originalModelLocal = monaco.editor.createModel(JSON.stringify(resolved, null, 2), 'json')\n    const modifiedModelLocal = createJsonModel(JSON.stringify(localDoc, null, 2))\n\n    const originalModelRemote = monaco.editor.createModel(JSON.stringify(resolved, null, 2), 'json')\n    const modifiedModelRemote = createJsonModel(JSON.stringify(remoteDoc, null, 2))\n\n    const originalResultModel = monaco.editor.createModel(JSON.stringify(base, null, 2), 'json')\n    const modifiedResultModel = createJsonModel(JSON.stringify(resolved, null, 2))\n\n    modelsToDispose = [\n      originalModelLocal,\n      modifiedModelLocal.model,\n      originalModelRemote,\n      modifiedModelRemote.model,\n      originalResultModel,\n      modifiedResultModel.model,\n    ]\n\n    const localDiffEditor = monaco.editor.createDiffEditor(containers.local, {\n      originalEditable: false,\n      readOnly: true,\n      automaticLayout: true,\n      renderSideBySide: false,\n    })\n    localDiffEditor.setModel({\n      original: originalModelLocal,\n      modified: modifiedModelLocal.model,\n    })\n    localChangesEditor.value = localDiffEditor\n\n    const remoteDiffEditor = monaco.editor.createDiffEditor(containers.remote, {\n      originalEditable: false,\n      readOnly: true,\n      automaticLayout: true,\n      renderSideBySide: false,\n    })\n    remoteDiffEditor.setModel({\n      original: originalModelRemote,\n      modified: modifiedModelRemote.model,\n    })\n    remoteChangesEditor.value = remoteDiffEditor\n\n    const resultDiffEditor = monaco.editor.createDiffEditor(containers.result, {\n      originalEditable: false,\n      readOnly: false,\n      renderSideBySide: false,\n      automaticLayout: true,\n    })\n    resultDiffEditor.setModel({\n      original: originalResultModel,\n      modified: modifiedResultModel.model,\n    })\n    const resultModifiedEditor = resultDiffEditor.getModifiedEditor()\n    resultModifiedEditor.updateOptions({ codeLens: true })\n\n    const focusResultPath = async (path: Path): Promise<void> => {\n      const range = await modifiedResultModel.getRangeFromPath(path)\n      if (!range) {\n        return\n      }\n      const safeRange = new monaco.Range(range.startLineNumber, range.startColumn, range.endLineNumber, range.endColumn)\n      resultModifiedEditor.setSelection(safeRange)\n      resultModifiedEditor.revealRangeNearTop(safeRange)\n    }\n\n    const navigateJsonPointer = async (pointer: string): Promise<void> => {\n      const path = parseJsonPointerPath(pointer)\n      if (!path) {\n        return\n      }\n      await focusResultPath(path)\n    }\n\n    const linkSupport = ensureJsonPointerLinkSupport(navigateJsonPointer)\n    jsonPointerLinkSupportDispose = linkSupport.dispose\n\n    let resultHighlightDecorations: string[] = []\n    let suppressedChangeEvents = 0\n\n    const applyCurrentCodeLensCommandId = 'scalar.conflict.applyCurrent'\n    const applyRemoteCodeLensCommandId = 'scalar.conflict.applyRemote'\n    const ignoreCodeLensCommandId = 'scalar.conflict.ignore'\n    const noOpCodeLensCommandId = resultModifiedEditor.addCommand(0, () => undefined) ?? 'scalar.conflict.status.noop'\n\n    const getBoxDecorationsForRange = (range: monaco.Range): monaco.editor.IModelDeltaDecoration[] => {\n      const startLine = range.startLineNumber\n      const endLine = range.endLineNumber\n      if (startLine === endLine) {\n        return [\n          {\n            range,\n            options: {\n              isWholeLine: true,\n              className: 'json-focus-highlight-box-single',\n            },\n          },\n        ]\n      }\n      const topRange = new monaco.Range(startLine, 1, startLine, range.endColumn)\n      const middleRange = new monaco.Range(startLine + 1, 1, Math.max(startLine + 1, endLine - 1), 1)\n      const bottomRange = new monaco.Range(endLine, 1, endLine, range.endColumn)\n      const decorations: monaco.editor.IModelDeltaDecoration[] = [\n        {\n          range: topRange,\n          options: {\n            isWholeLine: true,\n            className: 'json-focus-highlight-box-top',\n          },\n        },\n        {\n          range: bottomRange,\n          options: {\n            isWholeLine: true,\n            className: 'json-focus-highlight-box-bottom',\n          },\n        },\n      ]\n      if (endLine - startLine > 1) {\n        decorations.push({\n          range: middleRange,\n          options: {\n            isWholeLine: true,\n            className: 'json-focus-highlight-box-middle',\n          },\n        })\n      }\n      return decorations\n    }\n\n    const refreshCodeLensProvider = (): void => {\n      resultCodeLensProviderDisposable?.dispose()\n      resultCodeLensProviderDisposable = monaco.languages.registerCodeLensProvider('json', {\n        provideCodeLenses: (model) => {\n          if (model.uri.toString() !== modifiedResultModel.model.uri.toString()) {\n            return { lenses: [], dispose: () => undefined }\n          }\n          return {\n            lenses: conflictRangesState.value.flatMap((conflictRange) => {\n              const lensRange = new monaco.Range(\n                conflictRange.range.startLineNumber,\n                1,\n                conflictRange.range.startLineNumber,\n                1,\n              )\n              return [\n                {\n                  range: lensRange,\n                  command: {\n                    id: noOpCodeLensCommandId,\n                    title: `Status: ${resolvedConflicts.value[conflictRange.index] ?? 'idle'}`,\n                  },\n                },\n                {\n                  range: lensRange,\n                  command: {\n                    id: applyCurrentCodeLensCommandId,\n                    title: 'Accept Current',\n                    arguments: [conflictRange.index],\n                  },\n                },\n                {\n                  range: lensRange,\n                  command: {\n                    id: applyRemoteCodeLensCommandId,\n                    title: 'Accept Remote',\n                    arguments: [conflictRange.index],\n                  },\n                },\n                {\n                  range: lensRange,\n                  command: {\n                    id: ignoreCodeLensCommandId,\n                    title: 'Ignore',\n                    arguments: [conflictRange.index],\n                  },\n                },\n              ]\n            }),\n            dispose: () => undefined,\n          }\n        },\n      })\n    }\n\n    const getConflictRange = async (\n      editorModel: EditorModel,\n      index: number,\n      path: string[],\n    ): Promise<ConflictRange> => {\n      const { model } = editorModel\n      const fallbackRange = new monaco.Range(1, 1, 1, model.getLineMaxColumn(1))\n      let range: monaco.Range | null = null\n      for (let depth = path.length; depth >= 0; depth -= 1) {\n        const candidatePath = path.slice(0, depth)\n        const nodeRange = await editorModel.getRangeFromPath(candidatePath)\n        if (!nodeRange) {\n          continue\n        }\n        range = rangeToWholeLine(model, nodeRange)\n        break\n      }\n      return {\n        index,\n        path,\n        range: markRaw(range ?? fallbackRange),\n      }\n    }\n\n    const refreshConflictRangesAndDecorations = async (): Promise<void> => {\n      const [resultRanges, localRanges, remoteRanges] = await Promise.all([\n        Promise.all(\n          normalizeConflicts.value.map((conflict, index) =>\n            getConflictRange(modifiedResultModel, index, conflict.local.path),\n          ),\n        ),\n        Promise.all(\n          normalizeConflicts.value.map((conflict, index) =>\n            getConflictRange(modifiedModelLocal, index, conflict.local.path),\n          ),\n        ),\n        Promise.all(\n          normalizeConflicts.value.map((conflict, index) =>\n            getConflictRange(modifiedModelRemote, index, conflict.local.path),\n          ),\n        ),\n      ])\n      conflictRangesState.value = resultRanges.filter((r): r is ConflictRange => Boolean(r))\n      localConflictRangesState.value = localRanges.filter((r): r is ConflictRange => Boolean(r))\n      remoteConflictRangesState.value = remoteRanges.filter((r): r is ConflictRange => Boolean(r))\n      resultHighlightDecorations = resultModifiedEditor.deltaDecorations(\n        resultHighlightDecorations,\n        conflictRangesState.value.flatMap((cr) => getBoxDecorationsForRange(cr.range)),\n      )\n      refreshCodeLensProvider()\n    }\n\n    const setConflictResolution = (index: number, resolution: ConflictResolutionState): void => {\n      resolvedConflicts.value[index] = resolution\n      refreshCodeLensProvider()\n    }\n\n    const applyConflictChoice = async (index: number, source: 'local' | 'remote'): Promise<void> => {\n      const conflict = normalizeConflicts.value[index]\n      if (!conflict) {\n        return\n      }\n      let currentDocument: Record<string, unknown> | null = null\n      try {\n        currentDocument = JSON.parse(modifiedResultModel.model.getValue()) as Record<string, unknown>\n      } catch {\n        return\n      }\n      const changes = source === 'local' ? conflict.local.changes : conflict.remote.changes\n      const nextDocument = apply(deepClone(currentDocument), changes)\n      suppressedChangeEvents += 1\n      modifiedResultModel.model.setValue(JSON.stringify(nextDocument, null, 2))\n      setConflictResolution(index, source)\n      await refreshConflictRangesAndDecorations()\n    }\n\n    codeLensCommandDisposables.push(\n      monaco.editor.registerCommand(applyCurrentCodeLensCommandId, (_accessor, index: number) => {\n        void applyConflictChoice(index, 'local')\n      }),\n    )\n    codeLensCommandDisposables.push(\n      monaco.editor.registerCommand(applyRemoteCodeLensCommandId, (_accessor, index: number) => {\n        void applyConflictChoice(index, 'remote')\n      }),\n    )\n    codeLensCommandDisposables.push(\n      monaco.editor.registerCommand(ignoreCodeLensCommandId, (_accessor, index: number) => {\n        setConflictResolution(index, 'ignore')\n      }),\n    )\n\n    void refreshConflictRangesAndDecorations()\n\n    resultModifiedEditor.onDidChangeModelContent((event) => {\n      if (suppressedChangeEvents > 0) {\n        suppressedChangeEvents -= 1\n        return\n      }\n      let hasStatusUpdates = false\n      for (const change of event.changes) {\n        const matchingConflicts = conflictRangesState.value.filter((cr) =>\n          monaco.Range.areIntersectingOrTouching(change.range, cr.range),\n        )\n        if (!matchingConflicts.length) {\n          continue\n        }\n        matchingConflicts.forEach((conflict) => {\n          if (resolvedConflicts.value[conflict.index] !== 'manual') {\n            resolvedConflicts.value[conflict.index] = 'manual'\n            hasStatusUpdates = true\n          }\n        })\n      }\n      if (hasStatusUpdates) {\n        refreshCodeLensProvider()\n      }\n    })\n\n    resultEditor.value = resultDiffEditor\n  }\n\n  const dispose = (): void => {\n    localChangesEditor.value?.dispose()\n    localChangesEditor.value = undefined\n    remoteChangesEditor.value?.dispose()\n    remoteChangesEditor.value = undefined\n    resultEditor.value?.dispose()\n    resultEditor.value = undefined\n\n    for (const model of modelsToDispose) {\n      model.dispose()\n    }\n    modelsToDispose = []\n\n    resultCodeLensProviderDisposable?.dispose()\n    resultCodeLensProviderDisposable = undefined\n    jsonPointerLinkSupportDispose?.()\n    jsonPointerLinkSupportDispose = undefined\n    codeLensCommandDisposables.forEach((d) => d.dispose())\n    codeLensCommandDisposables.length = 0\n  }\n\n  return {\n    init,\n    dispose,\n    conflictsLeft,\n    goToNextConflict,\n    applyResolvedConflicts,\n  }\n}\n"],"mappings":"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"}