@lvce-editor/static-server 0.101.12 → 0.101.13

package/static/{79f94b6 → 6dec4e1}/packages/editor-worker/dist/editorWorkerMain.js

@@ -1413,7 +1413,7 @@ const BracketLeft = 90;
 const BracketRight = 92;
 
 const CodeGenerator = 1;
-const ColorPicker$1 = 2;
+const ColorPicker$2 = 2;
 const Completion = 3;
 const CompletionDetail = 4;
 const Find = 5;
@@ -1883,64 +1883,6 @@ const codeGeneratorAccept = state => {
   return state;
 };
 
-const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
-
-const launchWorker = async (name, url, intializeCommand, commandMap = {}) => {
-  const rpc = await create$e({
-    commandMap,
-    isMessagePortOpen: true,
-    async send(port) {
-      await invokeAndTransfer('IpcParent.create', {
-        method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-        name,
-        port,
-        raw: true,
-        url
-      });
-    }
-  });
-  if (intializeCommand) {
-    await rpc.invoke(intializeCommand);
-  }
-  return rpc;
-};
-
-const launchColorPickerWorker = async () => {
-  const name = 'Color Picker Worker';
-  const url = 'colorPickerWorkerMain.js';
-  return launchWorker(name, url);
-};
-
-const state$d = {};
-const getOrCreate$3 = () => {
-  if (!state$d.workerPromise) {
-    state$d.workerPromise = launchColorPickerWorker();
-  }
-  return state$d.workerPromise;
-};
-const invoke$8 = async (method, ...params) => {
-  const worker = await getOrCreate$3();
-  return await worker.invoke(method, ...params);
-};
-
-const loadContent$3 = async (state, parentUid) => {
-  const {
-    height,
-    uid,
-    width,
-    x,
-    y
-  } = state;
-  await invoke$8('ColorPicker.create', uid, x, y, width, height, parentUid);
-  await invoke$8('ColorPicker.loadContent', uid);
-  const diff = await invoke$8('ColorPicker.diff2', uid);
-  const commands = await invoke$8('ColorPicker.render2', uid, diff);
-  return {
-    ...state,
-    commands
-  };
-};
-
 const editorStates = create$9();
 const {
   dispose: dispose$3,
@@ -1959,120 +1901,32 @@ const set$8 = (id, oldEditor, newEditor) => {
   editorStates.set(id, oldEditor, newEditor);
 };
 
-const emptyIncrementalEdits = [];
-
-const ColorPicker = 41;
-const EditorCompletion = 9;
-const Empty = 0;
-const FindWidget = 16;
-const FocusEditorHover = 51;
-const FocusEditorRename$1 = 11;
-const FocusFindWidgetCloseButton = 48;
-const FocusFindWidgetNextMatchButton = 49;
-const FocusFindWidgetOptions = 44;
-const FocusFindWidgetPreviousMatchButton = 50;
-const FocusFindWidgetReplace$1 = 43;
-const FocusFindWidgetReplaceAllButton = 47;
-const FocusFindWidgetReplaceButton = 46;
-const FocusFindWidgetToggleReplace = 42;
-const SourceActions = 38;
-const FocusCodeGenerator = 52;
+const getEditor$1 = editorUid => {
+  const instance = get$8(editorUid);
+  if (!instance) {
+    throw new Error(`editor ${editorUid} not found`);
+  }
+  const {
+    newState
+  } = instance;
+  return newState;
+};
 
-const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
-  number(id);
-  const editor = {
-    additionalFocus: 0,
-    assetDir,
-    breakPoints: [],
-    charWidth: 0,
-    columnWidth: 0,
-    completionState: '',
-    completionTriggerCharacters: [],
-    completionUid: 0,
-    cursorInfos: [],
-    cursorWidth: 2,
-    debugEnabled: false,
-    decorations: [],
-    deltaX: 0,
-    deltaY: 0,
-    diagnostics: [],
-    diagnosticsEnabled: false,
-    differences: [],
-    embeds: [],
-    finalDeltaY: 0,
-    finalY: 0,
-    focus: 0,
-    focused: false,
-    focusKey: Empty,
-    foldingRanges: [],
-    fontFamily: '',
-    fontSize: 0,
-    fontWeight: 0,
-    handleOffset: 0,
-    handleOffsetX: 0,
-    hasListener: false,
-    height,
-    highlightedLine: -1,
-    hoverEnabled: false,
-    id,
-    incrementalEdits: emptyIncrementalEdits,
-    initial: true,
-    invalidStartIndex: 0,
-    isAutoClosingBracketsEnabled: false,
-    isAutoClosingQuotesEnabled: false,
-    isAutoClosingTagsEnabled: false,
-    isMonospaceFont: false,
-    isQuickSuggestionsEnabled: false,
-    isSelecting: false,
-    itemHeight: 20,
-    languageId: '',
-    letterSpacing: 0,
-    lineCache: [],
-    lineNumbers: false,
-    lines: [],
-    longestLineWidth: 0,
-    maxLineY: 0,
-    minimumSliderSize: 20,
-    minLineY: 0,
-    modified: false,
-    numberOfLines: 0,
-    numberOfVisibleLines: 0,
-    platform,
-    primarySelectionIndex: 0,
-    redoStack: [],
-    rowHeight: 0,
-    savedSelections: [],
-    scrollBarHeight: 0,
-    scrollBarWidth: 0,
-    selectionAnchorPosition: {
-      columnIndex: 0,
-      rowIndex: 0
-    },
-    selectionAutoMovePosition: {
-      columnIndex: 0,
-      rowIndex: 0
-    },
-    selectionInfos: [],
-    selections: new Uint32Array(),
-    tabSize: 0,
-    textInfos: [],
-    tokenizerId: 0,
-    uid: id,
-    undoStack: [],
-    uri,
-    validLines: [],
-    visibleLineIndices: [],
-    visualDecorations: [],
-    widgetRevision: 0,
-    widgets: [],
-    width,
-    x,
-    y
+const coalesceColorPickerUndoStack = (undoStack, undoStackIndex) => {
+  if (undoStackIndex < 0 || undoStackIndex >= undoStack.length) {
+    return undoStack;
+  }
+  const originalChange = undoStack[undoStackIndex][0];
+  const latestChange = undoStack.at(-1)[0];
+  const coalescedChange = {
+    ...originalChange,
+    inserted: latestChange.inserted
   };
-  set$8(id, editor, editor);
+  return [...undoStack.slice(0, undoStackIndex), [coalescedChange]];
 };
 
 // TODO use numeric enum
+const ColorPicker$1 = 'colorPicker';
 const CompositionUpdate = 'compositionUpdate';
 const ContentEditableInput = 'contentEditableInput';
 const Delete = 'delete';
@@ -2479,7 +2333,7 @@ const getInitialLineState = initialLineState => {
   return deepCopy(initialLineState);
 };
 
-const state$c = {
+const state$d = {
   warned: []
 };
 const flattenTokensArray = tokens => {
@@ -2491,10 +2345,10 @@ const flattenTokensArray = tokens => {
   return flattened;
 };
 const warnDeprecatedArrayReturn = (languageId, fn) => {
-  if (state$c.warned.includes(fn)) {
+  if (state$d.warned.includes(fn)) {
     return;
   }
-  state$c.warned.push(fn);
+  state$d.warned.push(fn);
   console.warn(`tokenizers without hasArrayReturn=false are deprecated (language ${languageId})`);
 };
 const safeTokenizeLine = (languageId, tokenizeLine, line, lineStateAtStart, hasArrayReturn) => {
@@ -2555,40 +2409,40 @@ const TokenizePlainText = {
   tokenizeLine
 };
 
-const state$b = {
+const state$c = {
   enabled: false
 };
 const setEnabled$1 = value => {
-  state$b.enabled = value;
+  state$c.enabled = value;
 };
 const getEnabled$1 = () => {
-  return state$b.enabled;
+  return state$c.enabled;
 };
 
 const {
-  invoke: invoke$7,
+  invoke: invoke$8,
   set: set$6
 } = SyntaxHighlightingWorker;
 
-const state$a = {
+const state$b = {
   pending: Object.create(null),
   tokenizePaths: Object.create(null),
   tokenizers: Object.create(null)
 };
 const has = languageId => {
-  return Object.hasOwn(state$a.tokenizers, languageId);
+  return Object.hasOwn(state$b.tokenizers, languageId);
 };
 const set$5 = (languageId, tokenizer) => {
-  state$a.tokenizers[languageId] = tokenizer;
+  state$b.tokenizers[languageId] = tokenizer;
 };
 const get$6 = languageId => {
-  return state$a.tokenizers[languageId];
+  return state$b.tokenizers[languageId];
 };
 const setTokenizePath = (languageId, tokenizePath) => {
-  state$a.tokenizePaths[languageId] = tokenizePath;
+  state$b.tokenizePaths[languageId] = tokenizePath;
 };
 const getTokenizePath$1 = languageId => {
-  return state$a.tokenizePaths[languageId] || '';
+  return state$b.tokenizePaths[languageId] || '';
 };
 const setTokenizePaths = languages => {
   for (const language of languages) {
@@ -2598,7 +2452,7 @@ const setTokenizePaths = languages => {
   }
 };
 const isPending = languageId => {
-  return Object.hasOwn(state$a.pending, languageId);
+  return Object.hasOwn(state$b.pending, languageId);
 };
 
 const tokenMaps = Object.create(null);
@@ -2617,7 +2471,7 @@ const loadTokenizer = async (languageId, tokenizePath) => {
   setTokenizePath(languageId, tokenizePath);
   if (getEnabled$1()) {
     // @ts-ignore
-    const tokenMap = await invoke$7('Tokenizer.load', languageId, tokenizePath);
+    const tokenMap = await invoke$8('Tokenizer.load', languageId, tokenizePath);
     set$4(languageId, tokenMap);
     return;
   }
@@ -2805,13 +2659,13 @@ const getTokensViewport2 = async (editor, startLineIndex, endLineIndex, syncIncr
         invalidStartIndex,
         languageId
       };
-      return invoke$7('GetTokensViewport.getTokensViewport', slimEditor,
+      return invoke$8('GetTokensViewport.getTokensViewport', slimEditor,
       // @ts-ignore
       startLineIndex, endLineIndex, hasLinesToSend, id, linesToSend);
     }
     // TODO only send needed lines of text
     // @ts-ignore
-    return invoke$7('GetTokensViewport.getTokensViewport', editor, startLineIndex, endLineIndex, true, editor.id, editor.lines);
+    return invoke$8('GetTokensViewport.getTokensViewport', editor, startLineIndex, endLineIndex, true, editor.id, editor.lines);
   }
   return getTokensViewport(editor, startLineIndex, endLineIndex);
 };
@@ -3394,14 +3248,14 @@ const getVisible$1 = async (editor, syncIncremental) => {
   };
 };
 
-const state$9 = {
+const state$a = {
   enabled: false
 };
 const setEnabled = value => {
-  state$9.enabled = value;
+  state$a.enabled = value;
 };
 const getEnabled = () => {
-  return state$9.enabled;
+  return state$a.enabled;
 };
 
 // TODO this should be in a separate scrolling module
@@ -3450,6 +3304,8 @@ const setDeltaY$2 = async (state, value) => {
   return newEditor2;
 };
 
+const emptyIncrementalEdits = [];
+
 const getIncrementalEdits = async (oldState, newState) => {
   if (!newState.undoStack) {
     return emptyIncrementalEdits;
@@ -3470,7 +3326,7 @@ const getIncrementalEdits = async (oldState, newState) => {
       const oldLine = oldState.lines[rowIndex];
       const newLine = lines[rowIndex];
       // @ts-ignore
-      const incrementalEdits = await invoke$7(
+      const incrementalEdits = await invoke$8(
       // @ts-ignore
       'TokenizeIncremental.tokenizeIncremental', newState.uid,
       // @ts-ignore
@@ -3626,7 +3482,7 @@ const getUrlAtOffset = (editor, offset) => {
 
 const EditorChange = 1;
 
-const state$8 = Object.create(null);
+const state$9 = Object.create(null);
 
 /**
  * Register a listener for a specific event type
@@ -3636,13 +3492,13 @@ const state$8 = Object.create(null);
 const registerListener$1 = (listenerType, rpcId) => {
   number(listenerType);
   number(rpcId);
-  if (!Object.hasOwn(state$8, listenerType)) {
-    state$8[listenerType] = [];
+  if (!Object.hasOwn(state$9, listenerType)) {
+    state$9[listenerType] = [];
   }
 
   // Avoid duplicate registrations
-  if (!state$8[listenerType].includes(rpcId)) {
-    state$8[listenerType].push(rpcId);
+  if (!state$9[listenerType].includes(rpcId)) {
+    state$9[listenerType].push(rpcId);
   }
 };
 
@@ -3654,10 +3510,10 @@ const registerListener$1 = (listenerType, rpcId) => {
 const unregisterListener$1 = (listenerType, rpcId) => {
   number(listenerType);
   number(rpcId);
-  if (Object.hasOwn(state$8, listenerType)) {
-    const index = state$8[listenerType].indexOf(rpcId);
+  if (Object.hasOwn(state$9, listenerType)) {
+    const index = state$9[listenerType].indexOf(rpcId);
     if (index !== -1) {
-      state$8[listenerType].splice(index, 1);
+      state$9[listenerType].splice(index, 1);
     }
   }
 };
@@ -3669,7 +3525,7 @@ const unregisterListener$1 = (listenerType, rpcId) => {
  */
 const getListeners = listenerType => {
   number(listenerType);
-  return state$8[listenerType] || [];
+  return state$9[listenerType] || [];
 };
 
 /**
@@ -3749,12 +3605,12 @@ const splitLines = lines => {
   return lines.split('\n');
 };
 
-const invoke$6 = (...args) => invoke$a(...args);
+const invoke$7 = (...args) => invoke$a(...args);
 const readFile = (...args) => readFile$1(...args);
 
 const notifyTabModifiedStatusChange = async (uri, modified) => {
   try {
-    await invoke$6('Main.handleModifiedStatusChange', uri, modified);
+    await invoke$7('Main.handleModifiedStatusChange', uri, modified);
   } catch {
     // ignore
   }
@@ -4378,14 +4234,386 @@ const setBounds = (editor, x, y, width, height, columnWidth) => {
     width,
     x,
     y
-  }, columnWidth);
-};
-const setText$1 = (editor, text) => {
-  const lines = splitLines(text);
-  return updateLayout({
-    ...editor,
-    lines
-  }, []);
+  }, columnWidth);
+};
+const setText$1 = (editor, text) => {
+  const lines = splitLines(text);
+  return updateLayout({
+    ...editor,
+    lines
+  }, []);
+};
+
+const getDocumentEdits = (editor, edits) => {
+  const documentEdits = [];
+  let currentDocument = editor;
+  let linesDelta = 0;
+  let offsetDelta = 0;
+  const sortedEdits = edits.toSorted((a, b) => a.startOffset - b.startOffset || a.endOffset - b.endOffset);
+  for (const edit of sortedEdits) {
+    const currentStart = positionAt(currentDocument, edit.startOffset + offsetDelta);
+    const currentEnd = positionAt(currentDocument, edit.endOffset + offsetDelta);
+    const deleted = getSelectionText(currentDocument, {
+      end: currentEnd,
+      start: currentStart
+    });
+    const documentEdit = {
+      deleted,
+      end: {
+        columnIndex: currentEnd.columnIndex,
+        rowIndex: currentEnd.rowIndex - linesDelta
+      },
+      inserted: splitLines(edit.inserted),
+      origin: Format,
+      start: {
+        columnIndex: currentStart.columnIndex,
+        rowIndex: currentStart.rowIndex - linesDelta
+      }
+    };
+    if (documentEdit.inserted.length === 0) {
+      documentEdit.inserted = [''];
+    }
+    documentEdits.push(documentEdit);
+    const currentEdit = {
+      ...documentEdit,
+      end: currentEnd,
+      start: currentStart
+    };
+    currentDocument = {
+      ...currentDocument,
+      lines: applyEdits(currentDocument, [currentEdit])
+    };
+    linesDelta += documentEdit.inserted.length - documentEdit.deleted.length;
+    offsetDelta += edit.inserted.length - (edit.endOffset - edit.startOffset);
+  }
+  return documentEdits;
+};
+
+const updateColorPickerValue$1 = async (editor, value) => {
+  if (typeof value !== 'string') {
+    return editor;
+  }
+  const widget = editor.widgets.find(candidate => candidate.id === ColorPicker$2);
+  if (!widget) {
+    return editor;
+  }
+  const {
+    endOffset,
+    startOffset,
+    undoStackIndex
+  } = widget.newState;
+  if (startOffset < 0 || endOffset < startOffset) {
+    return editor;
+  }
+  const edits = getDocumentEdits(editor, [{
+    endOffset,
+    inserted: value,
+    startOffset
+  }]).map(edit => ({
+    ...edit,
+    origin: ColorPicker$1
+  }));
+  const updatedEditor = await scheduleDocumentAndCursorsSelections(editor, edits);
+  const newEndOffset = startOffset + value.length;
+  const widgets = updatedEditor.widgets.map(candidate => {
+    if (candidate.id !== ColorPicker$2) {
+      return candidate;
+    }
+    return {
+      ...candidate,
+      newState: {
+        ...candidate.newState,
+        endOffset: newEndOffset
+      },
+      oldState: {
+        ...candidate.oldState,
+        endOffset: newEndOffset
+      }
+    };
+  });
+  return {
+    ...updatedEditor,
+    undoStack: coalesceColorPickerUndoStack(updatedEditor.undoStack, undoStackIndex),
+    widgets
+  };
+};
+
+const getDiagnosticType = diagnostic => {
+  return diagnostic.type;
+};
+
+const getY = (row, minLineY, rowHeight) => {
+  return (row - minLineY) * rowHeight;
+};
+
+const getVisibleDiagnostics = async (editor, diagnostics) => {
+  const visibleDiagnostics = [];
+  const {
+    charWidth,
+    fontFamily,
+    fontSize,
+    fontWeight,
+    isMonospaceFont,
+    letterSpacing,
+    lines,
+    minLineY,
+    rowHeight,
+    tabSize,
+    width
+  } = editor;
+  for (const diagnostic of diagnostics) {
+    const {
+      columnIndex,
+      endColumnIndex,
+      rowIndex
+    } = diagnostic;
+    const columnDelta = endColumnIndex - columnIndex;
+    const diagnosticWidth = columnDelta * charWidth;
+    const endLineDifference = 0;
+    const halfCursorWidth = 0;
+    const x = await getX(lines[rowIndex], columnIndex, fontWeight, fontSize, fontFamily, isMonospaceFont, letterSpacing, tabSize, halfCursorWidth, width, charWidth, endLineDifference);
+    const y = getY(rowIndex, minLineY, rowHeight);
+    visibleDiagnostics.push({
+      height: rowHeight,
+      type: getDiagnosticType(diagnostic),
+      width: diagnosticWidth,
+      x,
+      y
+    });
+  }
+  return visibleDiagnostics;
+};
+
+const shouldUpdateDiagnosticData = (oldState, newState) => {
+  return oldState.diagnostics !== newState.diagnostics || (newState.diagnostics?.length ?? 0) > 0 && (oldState.minLineY !== newState.minLineY || oldState.charWidth !== newState.charWidth || oldState.fontFamily !== newState.fontFamily || oldState.fontSize !== newState.fontSize || oldState.fontWeight !== newState.fontWeight || oldState.isMonospaceFont !== newState.isMonospaceFont || oldState.letterSpacing !== newState.letterSpacing || oldState.lines !== newState.lines || oldState.rowHeight !== newState.rowHeight || oldState.tabSize !== newState.tabSize || oldState.width !== newState.width);
+};
+const shouldUpdateSelectionData = (oldState, newState) => {
+  return oldState.selections !== newState.selections || oldState.focused !== newState.focused || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || oldState.foldingRanges !== newState.foldingRanges || oldState.differences !== newState.differences || oldState.charWidth !== newState.charWidth || oldState.cursorWidth !== newState.cursorWidth || oldState.fontFamily !== newState.fontFamily || oldState.fontSize !== newState.fontSize || oldState.fontWeight !== newState.fontWeight || oldState.isMonospaceFont !== newState.isMonospaceFont || oldState.letterSpacing !== newState.letterSpacing || oldState.lines !== newState.lines || oldState.rowHeight !== newState.rowHeight || oldState.tabSize !== newState.tabSize || oldState.width !== newState.width;
+};
+const shouldUpdateVisibleTextData = (oldState, newState) => {
+  if (oldState.textInfos !== newState.textInfos || oldState.differences !== newState.differences) {
+    return false;
+  }
+  return oldState.lines !== newState.lines || oldState.tokenizerId !== newState.tokenizerId || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || oldState.decorations !== newState.decorations || oldState.embeds !== newState.embeds || oldState.deltaX !== newState.deltaX || oldState.width !== newState.width || oldState.highlightedLine !== newState.highlightedLine || oldState.foldingRanges !== newState.foldingRanges || oldState.debugEnabled !== newState.debugEnabled;
+};
+const updateDerivedState = async (oldState, newState) => {
+  const nextState = oldState.lines !== newState.lines && 'foldingRanges' in newState ? updateLayout(newState, []) : newState;
+  let finalState = nextState;
+  if (shouldUpdateVisibleTextData(oldState, nextState)) {
+    const syncIncremental = getEnabled();
+    const {
+      differences,
+      textInfos
+    } = await getVisible$1(nextState, syncIncremental);
+    finalState = {
+      ...nextState,
+      differences,
+      textInfos
+    };
+  }
+  if (shouldUpdateDiagnosticData(oldState, nextState)) {
+    const visualDecorations = await getVisibleDiagnostics(finalState, finalState.diagnostics ?? []);
+    finalState = {
+      ...finalState,
+      visualDecorations
+    };
+  }
+  if (!shouldUpdateSelectionData(oldState, nextState)) {
+    return finalState;
+  }
+  const {
+    cursorInfos,
+    selectionInfos
+  } = await getVisible(finalState);
+  return {
+    ...finalState,
+    cursorInfos,
+    selectionInfos
+  };
+};
+
+const updateColorPickerValue = async (editorUid, value) => {
+  const editor = getEditor$1(editorUid);
+  const newEditor = await updateColorPickerValue$1(editor, value);
+  if (newEditor === editor) {
+    return;
+  }
+  const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
+  set$8(editorUid, editor, newEditorWithDerivedState);
+};
+
+const getColorPickerWorkerCommandMap = () => ({
+  'Editor.updateColorPickerValue': updateColorPickerValue
+});
+
+const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
+
+const launchWorker = async (name, url, intializeCommand, commandMap = {}) => {
+  const rpc = await create$e({
+    commandMap,
+    isMessagePortOpen: true,
+    async send(port) {
+      await invokeAndTransfer('IpcParent.create', {
+        method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+        name,
+        port,
+        raw: true,
+        url
+      });
+    }
+  });
+  if (intializeCommand) {
+    await rpc.invoke(intializeCommand);
+  }
+  return rpc;
+};
+
+const launchColorPickerWorker = async () => {
+  const name = 'Color Picker Worker';
+  const url = 'colorPickerWorkerMain.js';
+  return launchWorker(name, url, undefined, getColorPickerWorkerCommandMap());
+};
+
+const state$8 = {};
+const getOrCreate$3 = () => {
+  if (!state$8.workerPromise) {
+    state$8.workerPromise = launchColorPickerWorker();
+  }
+  return state$8.workerPromise;
+};
+const invoke$6 = async (method, ...params) => {
+  const worker = await getOrCreate$3();
+  return await worker.invoke(method, ...params);
+};
+
+const loadContent$3 = async (state, parentUid) => {
+  const {
+    height,
+    uid,
+    value,
+    width,
+    x,
+    y
+  } = state;
+  await invoke$6('ColorPicker.create', uid, x, y, width, height, parentUid);
+  await invoke$6('ColorPicker.loadContent', uid, value);
+  const diff = await invoke$6('ColorPicker.diff2', uid);
+  const commands = await invoke$6('ColorPicker.render2', uid, diff);
+  return {
+    ...state,
+    commands
+  };
+};
+
+const ColorPicker = 41;
+const EditorCompletion = 9;
+const Empty = 0;
+const FindWidget = 16;
+const FocusEditorHover = 51;
+const FocusEditorRename$1 = 11;
+const FocusFindWidgetCloseButton = 48;
+const FocusFindWidgetNextMatchButton = 49;
+const FocusFindWidgetOptions = 44;
+const FocusFindWidgetPreviousMatchButton = 50;
+const FocusFindWidgetReplace$1 = 43;
+const FocusFindWidgetReplaceAllButton = 47;
+const FocusFindWidgetReplaceButton = 46;
+const FocusFindWidgetToggleReplace = 42;
+const SourceActions = 38;
+const FocusCodeGenerator = 52;
+
+const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
+  number(id);
+  const editor = {
+    additionalFocus: 0,
+    assetDir,
+    breakPoints: [],
+    charWidth: 0,
+    columnWidth: 0,
+    completionState: '',
+    completionTriggerCharacters: [],
+    completionUid: 0,
+    cursorInfos: [],
+    cursorWidth: 2,
+    debugEnabled: false,
+    decorations: [],
+    deltaX: 0,
+    deltaY: 0,
+    diagnostics: [],
+    diagnosticsEnabled: false,
+    differences: [],
+    embeds: [],
+    finalDeltaY: 0,
+    finalY: 0,
+    focus: 0,
+    focused: false,
+    focusKey: Empty,
+    foldingRanges: [],
+    fontFamily: '',
+    fontSize: 0,
+    fontWeight: 0,
+    handleOffset: 0,
+    handleOffsetX: 0,
+    hasListener: false,
+    height,
+    highlightedLine: -1,
+    hoverEnabled: false,
+    id,
+    incrementalEdits: emptyIncrementalEdits,
+    initial: true,
+    invalidStartIndex: 0,
+    isAutoClosingBracketsEnabled: false,
+    isAutoClosingQuotesEnabled: false,
+    isAutoClosingTagsEnabled: false,
+    isMonospaceFont: false,
+    isQuickSuggestionsEnabled: false,
+    isSelecting: false,
+    itemHeight: 20,
+    languageId: '',
+    letterSpacing: 0,
+    lineCache: [],
+    lineNumbers: false,
+    lines: [],
+    longestLineWidth: 0,
+    maxLineY: 0,
+    minimumSliderSize: 20,
+    minLineY: 0,
+    modified: false,
+    numberOfLines: 0,
+    numberOfVisibleLines: 0,
+    platform,
+    primarySelectionIndex: 0,
+    redoStack: [],
+    rowHeight: 0,
+    savedSelections: [],
+    scrollBarHeight: 0,
+    scrollBarWidth: 0,
+    selectionAnchorPosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
+    selectionAutoMovePosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
+    selectionInfos: [],
+    selections: new Uint32Array(),
+    tabSize: 0,
+    textInfos: [],
+    tokenizerId: 0,
+    uid: id,
+    undoStack: [],
+    uri,
+    validLines: [],
+    visibleLineIndices: [],
+    visualDecorations: [],
+    widgetRevision: 0,
+    widgets: [],
+    width,
+    x,
+    y
+  };
+  set$8(id, editor, editor);
 };
 
 const emptyEditor = {
@@ -4917,8 +5145,8 @@ const disposeEditor = async editorUid => {
     return [];
   }
   for (const widget of editor.widgets) {
-    if (widget.id === ColorPicker$1) {
-      await invoke$8('ColorPicker.dispose', widget.newState.uid);
+    if (widget.id === ColorPicker$2) {
+      await invoke$6('ColorPicker.dispose', widget.newState.uid);
     }
   }
   const commands = renderWidgets$1(editor, {
@@ -4988,51 +5216,6 @@ const addCursorBelow = editor => {
   };
 };
 
-const getDocumentEdits = (editor, edits) => {
-  const documentEdits = [];
-  let currentDocument = editor;
-  let linesDelta = 0;
-  let offsetDelta = 0;
-  const sortedEdits = edits.toSorted((a, b) => a.startOffset - b.startOffset || a.endOffset - b.endOffset);
-  for (const edit of sortedEdits) {
-    const currentStart = positionAt(currentDocument, edit.startOffset + offsetDelta);
-    const currentEnd = positionAt(currentDocument, edit.endOffset + offsetDelta);
-    const deleted = getSelectionText(currentDocument, {
-      end: currentEnd,
-      start: currentStart
-    });
-    const documentEdit = {
-      deleted,
-      end: {
-        columnIndex: currentEnd.columnIndex,
-        rowIndex: currentEnd.rowIndex - linesDelta
-      },
-      inserted: splitLines(edit.inserted),
-      origin: Format,
-      start: {
-        columnIndex: currentStart.columnIndex,
-        rowIndex: currentStart.rowIndex - linesDelta
-      }
-    };
-    if (documentEdit.inserted.length === 0) {
-      documentEdit.inserted = [''];
-    }
-    documentEdits.push(documentEdit);
-    const currentEdit = {
-      ...documentEdit,
-      end: currentEnd,
-      start: currentStart
-    };
-    currentDocument = {
-      ...currentDocument,
-      lines: applyEdits(currentDocument, [currentEdit])
-    };
-    linesDelta += documentEdit.inserted.length - documentEdit.deleted.length;
-    offsetDelta += edit.inserted.length - (edit.endOffset - edit.startOffset);
-  }
-  return documentEdits;
-};
-
 const warn = (...args) => {
   console.warn(...args);
 };
@@ -5131,7 +5314,7 @@ const applyWorkspaceEdit = async (editor, changes) => {
     }
     const text = await readFile(uri);
     const newText = applyEditsToText(text, edits);
-    await invoke$6('FileSystem.writeFile', uri, newText);
+    await invoke$7('FileSystem.writeFile', uri, newText);
   }
   return currentEditor;
 };
@@ -5887,43 +6070,125 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   return newEditor;
 };
 
-const create$6 = () => {
+const create$6 = (bounds, range, undoStackIndex) => {
   const completionUid = create$8();
+  const state = {
+    ...bounds,
+    commands: [],
+    ...range,
+    uid: completionUid,
+    undoStackIndex
+  };
   const widget = {
-    id: ColorPicker$1,
-    newState: {
-      commands: [],
-      height: 0,
-      uid: completionUid,
-      width: 0,
-      x: 0,
-      y: 0
-    },
-    oldState: {
-      commands: [],
-      height: 0,
-      uid: completionUid,
-      width: 0,
-      x: 0,
-      y: 0
-    }
+    id: ColorPicker$2,
+    newState: state,
+    oldState: state
   };
   return widget;
 };
 
+const preferredHeight = 200;
+const preferredWidth$1 = 300;
+const getColorPickerBounds = editor => {
+  const {
+    columnWidth,
+    deltaX = 0,
+    deltaY = 0,
+    foldingRanges = [],
+    height: editorHeight,
+    rowHeight,
+    selections,
+    width: editorWidth,
+    x: editorX,
+    y: editorY
+  } = editor;
+  const rowIndex = selections[0];
+  const columnIndex = selections[1];
+  const width = Math.min(preferredWidth$1, editorWidth);
+  const height = Math.min(preferredHeight, editorHeight);
+  const editorRight = editorX + editorWidth;
+  const editorBottom = editorY + editorHeight;
+  const cursorX = editorX + columnIndex * columnWidth - deltaX;
+  const visualRowIndex = getVisualRowForDocumentRow(rowIndex, foldingRanges);
+  const lineTop = editorY + visualRowIndex * rowHeight - deltaY;
+  const lineBottom = lineTop + rowHeight;
+  const yAbove = lineTop - height;
+  const yBelow = lineBottom;
+  const preferredY = yAbove >= editorY ? yAbove : yBelow;
+  return {
+    height,
+    width,
+    x: clamp(cursorX, editorX, editorRight - width),
+    y: clamp(preferredY, editorY, editorBottom - height)
+  };
+};
+
+const noColorRange = {
+  endOffset: -1,
+  startOffset: -1,
+  value: ''
+};
+const colorPattern = /#[\da-f]{3,8}\b|\b(?:hsla?|rgba?)\([^)]*\)/gi;
+const getColorPickerRange = editor => {
+  const {
+    lines,
+    selections
+  } = editor;
+  if (!selections || selections.length < 4) {
+    return noColorRange;
+  }
+  const selectionStartRow = selections[0];
+  const selectionEndRow = selections[2];
+  if (selectionStartRow !== selectionEndRow) {
+    return noColorRange;
+  }
+  const selectionStartColumn = selections[1];
+  const selectionEndColumn = selections[3];
+  const rowIndex = selectionEndRow;
+  const line = lines[rowIndex];
+  if (typeof line !== 'string') {
+    return noColorRange;
+  }
+  if (selectionStartColumn !== selectionEndColumn) {
+    const startColumn = Math.min(selectionStartColumn, selectionEndColumn);
+    const endColumn = Math.max(selectionStartColumn, selectionEndColumn);
+    return {
+      endOffset: offsetAt(editor, rowIndex, endColumn),
+      startOffset: offsetAt(editor, rowIndex, startColumn),
+      value: line.slice(startColumn, endColumn)
+    };
+  }
+  const columnIndex = selectionEndColumn;
+  for (const match of line.matchAll(colorPattern)) {
+    const startColumn = match.index;
+    const endColumn = startColumn + match[0].length;
+    if (columnIndex >= startColumn && columnIndex <= endColumn) {
+      return {
+        endOffset: offsetAt(editor, rowIndex, endColumn),
+        startOffset: offsetAt(editor, rowIndex, startColumn),
+        value: match[0]
+      };
+    }
+  }
+  return noColorRange;
+};
+
 const newStateGenerator$5 = (state, parentUid) => {
   return loadContent$3(state, parentUid);
 };
 const openColorPicker = async editor => {
   const fullFocus = true;
-  return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$6, newStateGenerator$5, fullFocus);
+  const bounds = getColorPickerBounds(editor);
+  const range = getColorPickerRange(editor);
+  const createWidget = () => create$6(bounds, range, editor.undoStack.length);
+  return addWidgetToEditor(ColorPicker$2, ColorPicker, editor, createWidget, newStateGenerator$5, fullFocus);
 };
 const closeColorPicker = editor => {
   const {
     widgets
   } = editor;
   const widgetRevision = next(editor.uid);
-  if (widgets.every(widget => widget.id !== ColorPicker$1)) {
+  if (widgets.every(widget => widget.id !== ColorPicker$2)) {
     return editor;
   }
   return {
@@ -5932,7 +6197,7 @@ const closeColorPicker = editor => {
     focus: FocusEditorText$1,
     focused: true,
     widgetRevision,
-    widgets: removeEditorWidget(widgets, ColorPicker$1)
+    widgets: removeEditorWidget(widgets, ColorPicker$2)
   };
 };
 
@@ -8087,100 +8352,6 @@ const requestAnimationFrame = fn => {
   globalThis.requestAnimationFrame(fn);
 };
 
-const getDiagnosticType = diagnostic => {
-  return diagnostic.type;
-};
-
-const getY = (row, minLineY, rowHeight) => {
-  return (row - minLineY) * rowHeight;
-};
-
-const getVisibleDiagnostics = async (editor, diagnostics) => {
-  const visibleDiagnostics = [];
-  const {
-    charWidth,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    isMonospaceFont,
-    letterSpacing,
-    lines,
-    minLineY,
-    rowHeight,
-    tabSize,
-    width
-  } = editor;
-  for (const diagnostic of diagnostics) {
-    const {
-      columnIndex,
-      endColumnIndex,
-      rowIndex
-    } = diagnostic;
-    const columnDelta = endColumnIndex - columnIndex;
-    const diagnosticWidth = columnDelta * charWidth;
-    const endLineDifference = 0;
-    const halfCursorWidth = 0;
-    const x = await getX(lines[rowIndex], columnIndex, fontWeight, fontSize, fontFamily, isMonospaceFont, letterSpacing, tabSize, halfCursorWidth, width, charWidth, endLineDifference);
-    const y = getY(rowIndex, minLineY, rowHeight);
-    visibleDiagnostics.push({
-      height: rowHeight,
-      type: getDiagnosticType(diagnostic),
-      width: diagnosticWidth,
-      x,
-      y
-    });
-  }
-  return visibleDiagnostics;
-};
-
-const shouldUpdateDiagnosticData = (oldState, newState) => {
-  return oldState.diagnostics !== newState.diagnostics || (newState.diagnostics?.length ?? 0) > 0 && (oldState.minLineY !== newState.minLineY || oldState.charWidth !== newState.charWidth || oldState.fontFamily !== newState.fontFamily || oldState.fontSize !== newState.fontSize || oldState.fontWeight !== newState.fontWeight || oldState.isMonospaceFont !== newState.isMonospaceFont || oldState.letterSpacing !== newState.letterSpacing || oldState.lines !== newState.lines || oldState.rowHeight !== newState.rowHeight || oldState.tabSize !== newState.tabSize || oldState.width !== newState.width);
-};
-const shouldUpdateSelectionData = (oldState, newState) => {
-  return oldState.selections !== newState.selections || oldState.focused !== newState.focused || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || oldState.foldingRanges !== newState.foldingRanges || oldState.differences !== newState.differences || oldState.charWidth !== newState.charWidth || oldState.cursorWidth !== newState.cursorWidth || oldState.fontFamily !== newState.fontFamily || oldState.fontSize !== newState.fontSize || oldState.fontWeight !== newState.fontWeight || oldState.isMonospaceFont !== newState.isMonospaceFont || oldState.letterSpacing !== newState.letterSpacing || oldState.lines !== newState.lines || oldState.rowHeight !== newState.rowHeight || oldState.tabSize !== newState.tabSize || oldState.width !== newState.width;
-};
-const shouldUpdateVisibleTextData = (oldState, newState) => {
-  if (oldState.textInfos !== newState.textInfos || oldState.differences !== newState.differences) {
-    return false;
-  }
-  return oldState.lines !== newState.lines || oldState.tokenizerId !== newState.tokenizerId || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || oldState.decorations !== newState.decorations || oldState.embeds !== newState.embeds || oldState.deltaX !== newState.deltaX || oldState.width !== newState.width || oldState.highlightedLine !== newState.highlightedLine || oldState.foldingRanges !== newState.foldingRanges || oldState.debugEnabled !== newState.debugEnabled;
-};
-const updateDerivedState = async (oldState, newState) => {
-  const nextState = oldState.lines !== newState.lines && 'foldingRanges' in newState ? updateLayout(newState, []) : newState;
-  let finalState = nextState;
-  if (shouldUpdateVisibleTextData(oldState, nextState)) {
-    const syncIncremental = getEnabled();
-    const {
-      differences,
-      textInfos
-    } = await getVisible$1(nextState, syncIncremental);
-    finalState = {
-      ...nextState,
-      differences,
-      textInfos
-    };
-  }
-  if (shouldUpdateDiagnosticData(oldState, nextState)) {
-    const visualDecorations = await getVisibleDiagnostics(finalState, finalState.diagnostics ?? []);
-    finalState = {
-      ...finalState,
-      visualDecorations
-    };
-  }
-  if (!shouldUpdateSelectionData(oldState, nextState)) {
-    return finalState;
-  }
-  const {
-    cursorInfos,
-    selectionInfos
-  } = await getVisible(finalState);
-  return {
-    ...finalState,
-    cursorInfos,
-    selectionInfos
-  };
-};
-
 const LessThan = -1;
 const Equal = 0;
 const GreaterThan = 1;
@@ -8863,7 +9034,7 @@ const openCompletion = async editor => {
 const isFunctional = widgetId => {
   switch (widgetId) {
     case Message:
-    case ColorPicker$1:
+    case ColorPicker$2:
     case Completion:
     case Find:
     case Hover:
@@ -8901,17 +9072,6 @@ const addWidget = (widget, id, render) => {
   return allCommands;
 };
 
-const getEditor$1 = editorUid => {
-  const instance = get$8(editorUid);
-  if (!instance) {
-    throw new Error(`editor ${editorUid} not found`);
-  }
-  const {
-    newState
-  } = instance;
-  return newState;
-};
-
 const setFocus = async focusKey => {
   await invoke$a('Focus.setFocus', focusKey);
 };
@@ -9047,8 +9207,8 @@ const invoke$1 = async (method, ...params) => {
 
 const getWidgetInvoke = widgetId => {
   switch (widgetId) {
-    case ColorPicker$1:
-      return invoke$8;
+    case ColorPicker$2:
+      return invoke$6;
     case Completion:
       return invoke$4;
     case Find:
@@ -13880,7 +14040,7 @@ const handleError = async (error, editor) => {
 };
 const notifyDiagnosticsChange = async uri => {
   try {
-    await invoke$6('Layout.handleDiagnosticsChange', uri);
+    await invoke$7('Layout.handleDiagnosticsChange', uri);
   } catch {
     // Older renderer workers do not support diagnostics change listeners.
   }
@@ -14256,6 +14416,7 @@ const commandMap = {
   'Editor.undo': wrapCommand(undo),
   'Editor.unfold': wrapCommand(unfold),
   'Editor.unIndent': wrapCommand(editorUnindent),
+  'Editor.updateColorPickerValue': wrapCommand(updateColorPickerValue$1),
   'Editor.updateDebugInfo': updateDebugInfo,
   'Editor.updateDiagnostics': wrapCommand(updateDiagnostics),
   'Editor.updateDiagnosticsAll': updateDiagnosticsAll,
@@ -14726,7 +14887,7 @@ const EditorMessageWidget = {
 };
 
 const registerWidgets = () => {
-  set$7(ColorPicker$1, EditorColorPickerWidget);
+  set$7(ColorPicker$2, EditorColorPickerWidget);
   set$7(Completion, EditorCompletionWidget);
   set$7(CompletionDetail, EditorCompletionDetailWidget);
   set$7(Find, EditorFindWidget);