@lvce-editor/editor-worker 19.0.0 → 19.2.0

package/dist/editorWorkerMain.js

@@ -674,7 +674,7 @@ const execute$1 = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$8 = id => {
+const get$9 = id => {
   return callbacks[id];
 };
 const remove$9 = id => {
@@ -823,7 +823,7 @@ const warn$1 = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$8(id);
+  const fn = get$9(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -1225,10 +1225,10 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$e = (id, rpc) => {
+const set$f = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$7 = id => {
+const get$8 = id => {
   return rpcs[id];
 };
 const remove$8 = id => {
@@ -1239,18 +1239,18 @@ const remove$8 = id => {
 const create$9 = rpcId => {
   return {
     async dispose() {
-      const rpc = get$7(rpcId);
+      const rpc = get$8(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$7(rpcId);
+      const rpc = get$8(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$7(rpcId);
+      const rpc = get$8(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1258,7 +1258,7 @@ const create$9 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$e(rpcId, mockRpc);
+      set$f(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove$8(rpcId);
@@ -1267,7 +1267,7 @@ const create$9 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$e(rpcId, rpc);
+      set$f(rpcId, rpc);
     }
   };
 };
@@ -1353,18 +1353,18 @@ const FocusEditorText$1 = 12;
 
 const {
   invoke: invoke$f,
-  set: set$d
+  set: set$e
 } = create$9(ExtensionHostWorker);
 
 const ExtensionHost = {
   __proto__: null,
   invoke: invoke$f,
-  set: set$d
+  set: set$e
 };
 
 const {
   invoke: invoke$e,
-  set: set$c
+  set: set$d
 } = create$9(ExtensionManagementWorker);
 const getLanguages$1 = (platform, assetDir) => {
   return invoke$e('Extensions.getLanguages', platform, assetDir);
@@ -1372,7 +1372,7 @@ const getLanguages$1 = (platform, assetDir) => {
 
 const {
   invoke: invoke$d,
-  set: set$b
+  set: set$c
 } = create$9(OpenerWorker);
 const openUrl = async (url, platform) => {
   return invoke$d('Open.openUrl', url, platform);
@@ -1380,13 +1380,13 @@ const openUrl = async (url, platform) => {
 
 const {
   invoke: invoke$c,
-  set: set$a
+  set: set$b
 } = create$9(IconThemeWorker);
 
 const {
   invoke: invoke$b,
   invokeAndTransfer,
-  set: set$9
+  set: set$a
 } = create$9(RendererWorker$1);
 const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(uid);
@@ -1451,20 +1451,20 @@ const RendererWorker = {
   sendMessagePortToOpenerWorker,
   sendMessagePortToSyntaxHighlightingWorker: sendMessagePortToSyntaxHighlightingWorker$1,
   sendMessagePortToTextMeasurementWorker,
-  set: set$9,
+  set: set$a,
   showContextMenu2,
   writeClipBoardText
 };
 
 const {
   invoke: invoke$a,
-  set: set$8
+  set: set$9
 } = create$9(MarkdownWorker);
 
 const SyntaxHighlightingWorker = {
   __proto__: null,
   invoke: invoke$a,
-  set: set$8
+  set: set$9
 };
 
 const createLazyRpc = rpcId => {
@@ -1472,7 +1472,7 @@ const createLazyRpc = rpcId => {
   let factory;
   const createRpc = async () => {
     const rpc = await factory();
-    set$e(rpcId, rpc);
+    set$f(rpcId, rpc);
   };
   const ensureRpc = async () => {
     if (!rpcPromise) {
@@ -1483,12 +1483,12 @@ const createLazyRpc = rpcId => {
   return {
     async invoke(method, ...params) {
       await ensureRpc();
-      const rpc = get$7(rpcId);
+      const rpc = get$8(rpcId);
       return rpc.invoke(method, ...params);
     },
     async invokeAndTransfer(method, ...params) {
       await ensureRpc();
-      const rpc = get$7(rpcId);
+      const rpc = get$8(rpcId);
       return rpc.invokeAndTransfer(method, ...params);
     },
     setFactory(value) {
@@ -1538,12 +1538,12 @@ const launchColorPickerWorker = async () => {
   return launchWorker(name, url);
 };
 
-const state$f = {};
+const state$e = {};
 const getOrCreate$3 = () => {
-  if (!state$f.workerPromise) {
-    state$f.workerPromise = launchColorPickerWorker();
+  if (!state$e.workerPromise) {
+    state$e.workerPromise = launchColorPickerWorker();
   }
-  return state$f.workerPromise;
+  return state$e.workerPromise;
 };
 const invoke$9 = async (method, ...params) => {
   const worker = await getOrCreate$3();
@@ -1574,14 +1574,14 @@ const {
   registerCommands,
   wrapGetter
 } = editorStates;
-const get$6 = id => {
+const get$7 = id => {
   return editorStates.get(id);
 };
 const getKeys$2 = () => {
   const keys = editorStates.getKeys();
   return keys.map(String);
 };
-const set$7 = (id, oldEditor, newEditor) => {
+const set$8 = (id, oldEditor, newEditor) => {
   editorStates.set(id, oldEditor, newEditor);
 };
 
@@ -1626,6 +1626,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     fontWeight: 0,
     handleOffset: 0,
     handleOffsetX: 0,
+    hasListener: false,
     height,
     highlightedLine: -1,
     id,
@@ -1637,6 +1638,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     isAutoClosingTagsEnabled: false,
     isMonospaceFont: false,
     isQuickSuggestionsEnabled: false,
+    isSelecting: false,
     itemHeight: 20,
     languageId: '',
     letterSpacing: 0,
@@ -1657,6 +1659,10 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     savedSelections: [],
     scrollBarHeight: 0,
     scrollBarWidth: 0,
+    selectionAutoMovePosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
     selectionInfos: [],
     selections: new Uint32Array(),
     tabSize: 0,
@@ -1672,7 +1678,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     x,
     y
   };
-  set$7(id, editor, editor);
+  set$8(id, editor, editor);
 };
 
 // TODO use numeric enum
@@ -1695,15 +1701,15 @@ const Rename = 'rename';
 const ToggleBlockComment$1 = 'toggleBlockComment';
 
 const map$1 = Object.create(null);
-const set$6 = (id, widget) => {
+const set$7 = (id, widget) => {
   map$1[id] = widget;
 };
-const get$5 = id => {
+const get$6 = id => {
   return map$1[id];
 };
 
 const getModule = id => {
-  return get$5(id);
+  return get$6(id);
 };
 
 const applyWidgetChange = async (editor, widget, changes) => {
@@ -1847,7 +1853,7 @@ const getInitialLineState = initialLineState => {
   return deepCopy(initialLineState);
 };
 
-const state$e = {
+const state$d = {
   warned: []
 };
 const flattenTokensArray = tokens => {
@@ -1859,10 +1865,10 @@ const flattenTokensArray = tokens => {
   return flattened;
 };
 const warnDeprecatedArrayReturn = (languageId, fn) => {
-  if (state$e.warned.includes(fn)) {
+  if (state$d.warned.includes(fn)) {
     return;
   }
-  state$e.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) => {
@@ -1923,40 +1929,40 @@ const TokenizePlainText = {
   tokenizeLine
 };
 
-const state$d = {
+const state$c = {
   enabled: false
 };
 const setEnabled$1 = value => {
-  state$d.enabled = value;
+  state$c.enabled = value;
 };
 const getEnabled$1 = () => {
-  return state$d.enabled;
+  return state$c.enabled;
 };
 
 const {
   invoke: invoke$8,
-  set: set$5
+  set: set$6
 } = SyntaxHighlightingWorker;
 
-const state$c = {
+const state$b = {
   pending: Object.create(null),
   tokenizePaths: Object.create(null),
   tokenizers: Object.create(null)
 };
 const has = languageId => {
-  return Object.hasOwn(state$c.tokenizers, languageId);
+  return Object.hasOwn(state$b.tokenizers, languageId);
 };
-const set$4 = (languageId, tokenizer) => {
-  state$c.tokenizers[languageId] = tokenizer;
+const set$5 = (languageId, tokenizer) => {
+  state$b.tokenizers[languageId] = tokenizer;
 };
-const get$4 = languageId => {
-  return state$c.tokenizers[languageId];
+const get$5 = languageId => {
+  return state$b.tokenizers[languageId];
 };
 const setTokenizePath = (languageId, tokenizePath) => {
-  state$c.tokenizePaths[languageId] = tokenizePath;
+  state$b.tokenizePaths[languageId] = tokenizePath;
 };
 const getTokenizePath$1 = languageId => {
-  return state$c.tokenizePaths[languageId] || '';
+  return state$b.tokenizePaths[languageId] || '';
 };
 const setTokenizePaths = languages => {
   for (const language of languages) {
@@ -1966,14 +1972,14 @@ const setTokenizePaths = languages => {
   }
 };
 const isPending = languageId => {
-  return Object.hasOwn(state$c.pending, languageId);
+  return Object.hasOwn(state$b.pending, languageId);
 };
 
 const tokenMaps = Object.create(null);
-const set$3 = (languageId, tokenMap) => {
+const set$4 = (languageId, tokenMap) => {
   tokenMaps[languageId] = tokenMap;
 };
-const get$3 = languageId => {
+const get$4 = languageId => {
   return tokenMaps[languageId] || {};
 };
 
@@ -1986,7 +1992,7 @@ const loadTokenizer = async (languageId, tokenizePath) => {
   if (getEnabled$1()) {
     // @ts-ignore
     const tokenMap = await invoke$8('Tokenizer.load', languageId, tokenizePath);
-    set$3(languageId, tokenMap);
+    set$4(languageId, tokenMap);
     return;
   }
   try {
@@ -2002,8 +2008,8 @@ const loadTokenizer = async (languageId, tokenizePath) => {
       console.warn(`tokenizer.TokenMap should be an object in "${tokenizePath}"`);
       return;
     }
-    set$3(languageId, tokenizer.TokenMap);
-    set$4(languageId, tokenizer);
+    set$4(languageId, tokenizer.TokenMap);
+    set$5(languageId, tokenizer);
   } catch (error) {
     // TODO better error handling
     console.error(error);
@@ -2011,7 +2017,7 @@ const loadTokenizer = async (languageId, tokenizePath) => {
 };
 const getTokenizer = languageId => {
   if (has(languageId)) {
-    return get$4(languageId);
+    return get$5(languageId);
   }
   if (isPending(languageId)) {
     return TokenizePlainText;
@@ -2020,10 +2026,10 @@ const getTokenizer = languageId => {
 };
 
 const tokenizers = Object.create(null);
-const set$2 = (id, value) => {
+const set$3 = (id, value) => {
   tokenizers[id] = value;
 };
-const get$2 = id => {
+const get$3 = id => {
   return tokenizers[id] || TokenizePlainText;
 };
 
@@ -2105,7 +2111,7 @@ const getTokensViewport = (editor, startLineIndex, endLineIndex) => {
     lines,
     tokenizerId
   } = editor;
-  const tokenizer = get$2(tokenizerId);
+  const tokenizer = get$3(tokenizerId);
   const {
     hasArrayReturn,
     initialLineState,
@@ -2686,7 +2692,7 @@ const getLineInfosViewport = (editor, tokens, embeddedResults, minLineY, maxLine
     languageId,
     lines
   } = editor;
-  const tokenMap = get$3(languageId);
+  const tokenMap = get$4(languageId);
   let offset = minLineOffset;
   const tabSize = 2;
   for (let i = minLineY; i < maxLineY; i++) {
@@ -2809,14 +2815,14 @@ const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
   };
 };
 
-const state$b = {
+const state$a = {
   enabled: false
 };
 const setEnabled = value => {
-  state$b.enabled = value;
+  state$a.enabled = value;
 };
 const getEnabled = () => {
-  return state$b.enabled;
+  return state$a.enabled;
 };
 
 // TODO this should be in a separate scrolling module
@@ -2996,7 +3002,7 @@ const getUrlAtOffset = (editor, offset) => {
 
 const EditorChange = 1;
 
-const state$a = Object.create(null);
+const state$9 = Object.create(null);
 
 /**
  * Register a listener for a specific event type
@@ -3006,13 +3012,13 @@ const state$a = Object.create(null);
 const registerListener$1 = (listenerType, rpcId) => {
   number(listenerType);
   number(rpcId);
-  if (!Object.hasOwn(state$a, listenerType)) {
-    state$a[listenerType] = [];
+  if (!Object.hasOwn(state$9, listenerType)) {
+    state$9[listenerType] = [];
   }
 
   // Avoid duplicate registrations
-  if (!state$a[listenerType].includes(rpcId)) {
-    state$a[listenerType].push(rpcId);
+  if (!state$9[listenerType].includes(rpcId)) {
+    state$9[listenerType].push(rpcId);
   }
 };
 
@@ -3024,10 +3030,10 @@ const registerListener$1 = (listenerType, rpcId) => {
 const unregisterListener$1 = (listenerType, rpcId) => {
   number(listenerType);
   number(rpcId);
-  if (Object.hasOwn(state$a, listenerType)) {
-    const index = state$a[listenerType].indexOf(rpcId);
+  if (Object.hasOwn(state$9, listenerType)) {
+    const index = state$9[listenerType].indexOf(rpcId);
     if (index !== -1) {
-      state$a[listenerType].splice(index, 1);
+      state$9[listenerType].splice(index, 1);
     }
   }
 };
@@ -3039,7 +3045,7 @@ const unregisterListener$1 = (listenerType, rpcId) => {
  */
 const getListeners = listenerType => {
   number(listenerType);
-  return state$a[listenerType] || [];
+  return state$9[listenerType] || [];
 };
 
 /**
@@ -3056,7 +3062,7 @@ const notifyListeners = async (listenerType, method, ...params) => {
   // Notify all listeners in parallel
   const notifications = rpcIds.map(async rpcId => {
     try {
-      const rpc = get$7(rpcId);
+      const rpc = get$8(rpcId);
       if (rpc) {
         await rpc.invoke(method, ...params);
       }
@@ -3516,7 +3522,7 @@ const scheduleDocumentAndCursorsSelections = async (editor, changes, selectionCh
     ...newEditor,
     decorations: linkDecorations
   };
-  set$7(editor.uid, editor, newEditorWithDecorations);
+  set$8(editor.uid, editor, newEditorWithDecorations);
 
   // Notify main-area-worker about modified status change
   if (!editor.modified) {
@@ -3693,9 +3699,11 @@ const emptyEditor = {
   differences: [],
   embeds: [],
   focused: false,
+  hasListener: false,
   height: 0,
   highlightedLine: -1,
   incrementalEdits: emptyIncrementalEdits,
+  isSelecting: false,
   languageId: '',
   // TODO use numeric language id?
   lineCache: [],
@@ -3705,6 +3713,10 @@ const emptyEditor = {
   minLineY: 0,
   redoStack: [],
   scrollBarHeight: 0,
+  selectionAutoMovePosition: {
+    columnIndex: 0,
+    rowIndex: 0
+  },
   selectionInfos: [],
   selections: new Uint32Array(),
   textInfos: [],
@@ -3722,7 +3734,7 @@ const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
 
 const {
   invoke: invoke$6,
-  set: set$1
+  set: set$2
 } = ExtensionHost;
 
 const getFileExtensionIndex = file => {
@@ -3788,7 +3800,7 @@ const measureCharacterWidth = async (fontWeight, fontSize, fontFamily, letterSpa
   return await measureTextWidth('a', fontWeight, fontSize, fontFamily, letterSpacing, false, 0);
 };
 
-const get$1 = async key => {
+const get$2 = async key => {
   const value = await getPreference(key);
   return value;
 };
@@ -3933,7 +3945,7 @@ const updateDiagnostics = async newState => {
     // @ts-ignore
     await invoke$6(TextDocumentSyncFull, newState.uri, newState.id, newState.languageId, content);
     const diagnostics = await executeDiagnosticProvider(newState);
-    const latest = get$6(newState.id);
+    const latest = get$7(newState.id);
     if (!latest) {
       return newState;
     }
@@ -3949,7 +3961,7 @@ const updateDiagnostics = async newState => {
       diagnostics,
       visualDecorations // Visual decorations (objects with x, y, width, height) for squiggly underlines
     };
-    set$7(newState.id, latest.oldState, newEditor);
+    set$8(newState.id, latest.oldState, newEditor);
     // @ts-ignore
     await invoke$b('Editor.rerender', newState.id);
     return newEditor;
@@ -4027,6 +4039,7 @@ const createEditor = async ({
     fontWeight,
     handleOffset: 0,
     handleOffsetX: 0,
+    hasListener: false,
     height,
     id,
     incrementalEdits: emptyIncrementalEdits,
@@ -4036,6 +4049,7 @@ const createEditor = async ({
     isAutoClosingTagsEnabled,
     isMonospaceFont,
     isQuickSuggestionsEnabled,
+    isSelecting: false,
     itemHeight: 20,
     languageId: computedlanguageId,
     letterSpacing,
@@ -4056,6 +4070,10 @@ const createEditor = async ({
     savedSelections,
     scrollBarHeight: 0,
     scrollBarWidth: 0,
+    selectionAutoMovePosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
     selectionInfos: [],
     selections: new Uint32Array(),
     tabSize,
@@ -4102,7 +4120,7 @@ const createEditor = async ({
     focused: true,
     textInfos
   };
-  set$7(id, emptyEditor, newEditor4);
+  set$8(id, emptyEditor, newEditor4);
 
   // TODO only sync when needed
   // e.g. it might not always be necessary to send text to extension host worker
@@ -4113,9 +4131,9 @@ const createEditor = async ({
   if (diagnosticsEnabled) {
     await updateDiagnostics(newEditor4);
   }
-  const completionsOnTypeRaw = await get$1('editor.completionsOnType');
+  const completionsOnTypeRaw = await get$2('editor.completionsOnType');
   const completionsOnType = Boolean(completionsOnTypeRaw);
-  set$7(id, emptyEditor, {
+  set$8(id, emptyEditor, {
     ...newEditor4,
     completionsOnType
   });
@@ -4159,7 +4177,7 @@ const diff2 = uid => {
   const {
     newState,
     oldState
-  } = get$6(uid);
+  } = get$7(uid);
   const result = diff(oldState, newState);
   return result;
 };
@@ -4521,7 +4539,7 @@ const y = (editor, rowIndex) => {
   return offsetY;
 };
 
-const state$9 = {
+const state$8 = {
   timeout: -1
 };
 
@@ -4552,7 +4570,7 @@ const editorShowMessage = async (editor, rowIndex, columnIndex, message, isError
 
     // TODO use wrapper timing module instead of this
     // @ts-ignore
-    state$9.timeout = setTimeout(handleTimeout, 3000);
+    state$8.timeout = setTimeout(handleTimeout, 3000);
   }
   return editor;
 };
@@ -4572,8 +4590,8 @@ const showErrorMessage = async (editor, rowIndex, columnIndex, message) => {
 
 // @ts-ignore
 const editorHideMessage = async editor => {
-  clearTimeout(state$9.timeout);
-  state$9.timeout = -1;
+  clearTimeout(state$8.timeout);
+  state$8.timeout = -1;
   // await RendererProcess.invoke(/* Viewlet.send */ 'Viewlet.send', /* id */ editor.uid, /* method */ 'hideOverlayMessage')
   return editor;
 };
@@ -4689,12 +4707,12 @@ const launchRenameWorker = async () => {
   return rpc;
 };
 
-const state$8 = {};
+const state$7 = {};
 const getOrCreate$2 = () => {
-  if (!state$8.workerPromise) {
-    state$8.workerPromise = launchRenameWorker();
+  if (!state$7.workerPromise) {
+    state$7.workerPromise = launchRenameWorker();
   }
-  return state$8.workerPromise;
+  return state$7.workerPromise;
 };
 const invoke$5 = async (method, ...params) => {
   const worker = await getOrCreate$2();
@@ -4716,7 +4734,7 @@ const closeRename = async editor => {
   }
   const renameWidget = widgets[renameWidgetIndex];
   await invoke$5('Rename.close', renameWidget.newState.uid);
-  const latest = get$6(uid);
+  const latest = get$7(uid);
   const {
     newState
   } = latest;
@@ -4814,12 +4832,12 @@ const openColorPicker = async editor => {
   return addWidgetToEditor(ColorPicker$1, ColorPicker, editor, create$6, newStateGenerator$6);
 };
 
-const state$7 = {
+const state$6 = {
   compositionText: '',
   isComposing: false
 };
 const compositionStart = (editor, event) => {
-  state$7.isComposing = true;
+  state$6.isComposing = true;
   return editor;
 };
 const getCompositionChanges = (selections, data) => {
@@ -4829,9 +4847,9 @@ const getCompositionChanges = (selections, data) => {
     const selectionStartColumn = selections[i + 1];
     const selectionEndRow = selections[i + 2];
     const selectionEndColumn = selections[i + 3];
-    const startColumnIndex = selectionStartColumn - state$7.compositionText.length;
+    const startColumnIndex = selectionStartColumn - state$6.compositionText.length;
     changes.push({
-      deleted: [state$7.compositionText],
+      deleted: [state$6.compositionText],
       end: {
         columnIndex: selectionEndColumn,
         rowIndex: selectionEndRow
@@ -4851,7 +4869,7 @@ const compositionUpdate = (editor, data) => {
     selections
   } = editor;
   const changes = getCompositionChanges(selections, data);
-  state$7.compositionText = data;
+  state$6.compositionText = data;
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 const compositionEnd = (editor, data) => {
@@ -4859,8 +4877,8 @@ const compositionEnd = (editor, data) => {
     selections
   } = editor;
   const changes = getCompositionChanges(selections, data);
-  state$7.isComposing = false;
-  state$7.compositionText = '';
+  state$6.isComposing = false;
+  state$6.compositionText = '';
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
@@ -5960,19 +5978,19 @@ const closeWidgetsMaybe = widgets => {
   return widgets.filter(isPersistentWidget);
 };
 
-const state$6 = {
+const state$5 = {
   position: {
     columnIndex: 0,
     rowIndex: 0
   }
 };
-const getPosition$1 = () => {
-  return state$6.position;
+const getPosition = () => {
+  return state$5.position;
 };
 
 // @ts-ignore
-const setPosition$1 = position => {
-  state$6.position = position;
+const setPosition = position => {
+  state$5.position = position;
 };
 
 const openExternal = async (url, platform) => {
@@ -6039,7 +6057,7 @@ const Alt = 2;
 
 const handleSingleClickDefault = (editor, position) => {
   // TODO avoid global variables, add them to editor state
-  setPosition$1(position);
+  setPosition(position);
   const widgets = closeWidgetsMaybe(editor.widgets);
   return {
     ...editor,
@@ -6192,20 +6210,20 @@ const handleMouseDown = (state, button, altKey, ctrlKey, x, y, detail) => {
   }
 };
 
-const state$5 = {
+const state$4 = {
   editor: undefined,
   timeout: -1,
   x: 0,
   y: 0
 };
-const get = () => {
-  return state$5;
+const get$1 = () => {
+  return state$4;
 };
-const set = (editor, timeout, x, y) => {
-  state$5.editor = editor;
-  state$5.timeout = timeout;
-  state$5.x = x;
-  state$5.y = y;
+const set$1 = (editor, timeout, x, y) => {
+  state$4.editor = editor;
+  state$4.timeout = timeout;
+  state$4.x = x;
+  state$4.y = y;
 };
 
 const showHover$1 = async (editor, position) => {
@@ -6227,7 +6245,7 @@ const onHoverIdle = async () => {
     editor,
     x,
     y
-  } = get();
+  } = get$1();
   await at(editor, x, y);
   await showHover$1();
 };
@@ -6238,12 +6256,12 @@ const handleMouseMove = (editor, x, y) => {
   if (!editor.hoverEnabled) {
     return editor;
   }
-  const oldState = get();
+  const oldState = get$1();
   if (oldState.timeout !== -1) {
     clearTimeout(oldState.timeout);
   }
   const timeout = setTimeout(onHoverIdle, hoverDelay);
-  set(editor, timeout, x, y);
+  set$1(editor, timeout, x, y);
   return editor;
 };
 
@@ -6346,59 +6364,25 @@ const editorHandleNativeSelectionChange = (editor, range) => {
   return scheduleSelections(editor, selections);
 };
 
-const state$4 = {
-  /**
-   * @type {any}
-   */
-  currentEditor: undefined,
-  hasListener: false,
-  isSelecting: false,
-  position: {
-    columnIndex: 0,
-    rowIndex: 0
-  }
-};
-
-// @ts-ignore
-const setEditor = editor => {
-  state$4.currentEditor = editor;
-  state$4.hasListener = true;
-};
-const clearEditor = () => {
-  state$4.currentEditor = undefined;
-  state$4.hasListener = false;
-  state$4.isSelecting = false;
-};
-const startSelecting = () => {
-  state$4.isSelecting = true;
-};
-const isSelecting = () => {
-  return state$4.isSelecting;
-};
-
-// @ts-ignore
-const setPosition = position => {
-  state$4.position = position;
-};
-const getEditor$1 = () => {
-  return state$4.currentEditor;
-};
-const getPosition = () => {
-  return state$4.position;
-};
-const hasListener = () => {
-  return state$4.hasListener;
-};
-
 // @ts-ignore
 const handlePointerCaptureLost = editor => {
-  clearEditor();
-  return editor;
+  return {
+    ...editor,
+    hasListener: false,
+    isSelecting: false,
+    selectionAutoMovePosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    }
+  };
 };
 
-const handlePointerDown$1 = (state, button, altKey, ctrlKey, x, y, detail) => {
-  startSelecting();
-  return handleMouseDown(state, button, altKey, ctrlKey, x, y, detail);
+const handlePointerDown$1 = async (state, button, altKey, ctrlKey, x, y, detail) => {
+  const newState = await handleMouseDown(state, button, altKey, ctrlKey, x, y, detail);
+  return {
+    ...newState,
+    isSelecting: true
+  };
 };
 
 const moveRectangleSelection = (editor, position) => {
@@ -6437,6 +6421,43 @@ const requestAnimationFrame = fn => {
   globalThis.requestAnimationFrame(fn);
 };
 
+const shouldUpdateSelectionData = (oldState, newState) => {
+  return oldState.selections !== newState.selections || oldState.focused !== newState.focused || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || 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.debugEnabled !== newState.debugEnabled;
+};
+const updateDerivedState = async (oldState, newState) => {
+  let finalState = newState;
+  if (shouldUpdateVisibleTextData(oldState, newState)) {
+    const syncIncremental = getEnabled();
+    const {
+      differences,
+      textInfos
+    } = await getVisible$1(newState, syncIncremental);
+    finalState = {
+      ...newState,
+      differences,
+      textInfos
+    };
+  }
+  if (!shouldUpdateSelectionData(oldState, newState)) {
+    return finalState;
+  }
+  const {
+    cursorInfos,
+    selectionInfos
+  } = await getVisible(finalState);
+  return {
+    ...finalState,
+    cursorInfos,
+    selectionInfos
+  };
+};
+
 const LessThan = -1;
 const Equal = 0;
 const GreaterThan = 1;
@@ -6491,7 +6512,7 @@ const getNewSelections$5 = (anchor, position) => {
 
 // @ts-ignore
 const editorMoveSelection = (editor, position) => {
-  const anchor = getPosition$1();
+  const anchor = getPosition();
   const newSelections = getNewSelections$5(anchor, position);
   // TODO if selection equals previous selection -> do nothing
   return scheduleSelections(editor, newSelections);
@@ -6509,7 +6530,7 @@ const getNewEditor$1 = (editor, position) => {
     const newMinLineY = position.rowIndex;
     const newMaxLineY = position.rowIndex + diff;
     const newDeltaY = position.rowIndex * rowHeight;
-    const anchor = getPosition$1();
+    const anchor = getPosition();
     const newSelections = new Uint32Array([position.rowIndex - 1, position.columnIndex, anchor.rowIndex, anchor.columnIndex]);
     return {
       ...editor,
@@ -6524,7 +6545,7 @@ const getNewEditor$1 = (editor, position) => {
     const newMinLineY = position.rowIndex - diff;
     const newMaxLineY = position.rowIndex;
     const newDeltaY = newMinLineY * rowHeight;
-    const anchor = getPosition$1();
+    const anchor = getPosition();
     const newSelections = new Uint32Array([anchor.rowIndex, anchor.columnIndex, position.rowIndex + 1, position.columnIndex]);
     return {
       ...editor,
@@ -6536,12 +6557,13 @@ const getNewEditor$1 = (editor, position) => {
   }
   return editor;
 };
-const continueScrollingAndMovingSelection = async () => {
-  const editor = getEditor$1();
-  if (!editor) {
+const continueScrollingAndMovingSelection = async editorUid => {
+  const editorState = get$7(editorUid);
+  const editor = editorState?.newState;
+  if (!editor || !editor.hasListener || !editor.isSelecting) {
     return;
   }
-  const position = getPosition();
+  const position = editor.selectionAutoMovePosition;
   if (position.rowIndex === 0) {
     return;
   }
@@ -6549,19 +6571,18 @@ const continueScrollingAndMovingSelection = async () => {
   if (editor === newEditor) {
     return;
   }
-  // await Viewlet.setState(ViewletModuleId.EditorText, newEditor)
-  setEditor(newEditor);
   // @ts-ignore
   const delta = position.rowIndex < editor.minLineY ? -1 : 1;
-  setPosition({
-    columnIndex: position.columnIndex,
-    rowIndex: position.rowIndex + delta
-  });
-  requestAnimationFrame(continueScrollingAndMovingSelection);
-  // TODO get editor state
-  // if editor is disposed, return and remove animation frame
-  // on cursor up, remove animation frame
-  //
+  const nextEditor = {
+    ...newEditor,
+    selectionAutoMovePosition: {
+      columnIndex: position.columnIndex,
+      rowIndex: position.rowIndex + delta
+    }
+  };
+  const newEditorWithDerivedState = await updateDerivedState(editor, nextEditor);
+  set$8(editor.uid, editor, newEditorWithDerivedState);
+  requestAnimationFrame(() => continueScrollingAndMovingSelection(editorUid));
 };
 
 // @ts-ignore
@@ -6570,16 +6591,20 @@ const moveSelectionPx = async (editor, x, y) => {
   number(x);
   number(y);
   const position = await at(editor, x, y);
-  if (!hasListener() && (position.rowIndex < editor.minLineY || position.rowIndex > editor.maxLineY)) {
-    requestAnimationFrame(continueScrollingAndMovingSelection);
-    setEditor(editor);
-    setPosition(position);
+  const newEditor = editorMoveSelection(editor, position);
+  if (!editor.hasListener && (position.rowIndex < editor.minLineY || position.rowIndex > editor.maxLineY)) {
+    requestAnimationFrame(() => continueScrollingAndMovingSelection(editor.uid));
+    return {
+      ...newEditor,
+      hasListener: true,
+      selectionAutoMovePosition: position
+    };
   }
-  return editorMoveSelection(editor, position);
+  return newEditor;
 };
 
 const handlePointerMove = async (editor, x, y, altKey) => {
-  if (!isSelecting()) {
+  if (!editor.isSelecting) {
     return editor;
   }
   if (altKey) {
@@ -6589,8 +6614,15 @@ const handlePointerMove = async (editor, x, y, altKey) => {
 };
 
 const handlePointerUp = editor => {
-  clearEditor();
-  return editor;
+  return {
+    ...editor,
+    hasListener: false,
+    isSelecting: false,
+    selectionAutoMovePosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    }
+  };
 };
 
 // @ts-ignore
@@ -7083,7 +7115,7 @@ const newStateGenerator$4 = async (state, parentUid) => {
   } = state;
   const {
     newState
-  } = get$6(parentUid);
+  } = get$7(parentUid);
   const {
     languageId
   } = newState;
@@ -7136,18 +7168,18 @@ const launchFindWidgetWorker = async () => {
 const rpcId = 9002;
 const launch = async () => {
   // TODO race condition
-  if (get$7(rpcId)) {
+  if (get$8(rpcId)) {
     return;
   }
   const rpc = await launchFindWidgetWorker();
-  set$e(rpcId, rpc);
+  set$f(rpcId, rpc);
 };
 const invoke$3 = async (method, ...params) => {
-  const rpc = get$7(rpcId);
+  const rpc = get$8(rpcId);
   return await rpc.invoke(method, ...params);
 };
 const dispose = async () => {
-  const rpc = get$7(rpcId);
+  const rpc = get$8(rpcId);
   remove$8(rpcId);
   if (rpc) {
     await rpc.dispose();
@@ -7159,7 +7191,7 @@ const dispose = async () => {
 };
 
 const getEditor = editorUid => {
-  const instance = get$6(editorUid);
+  const instance = get$7(editorUid);
   if (!instance) {
     throw new Error(`editor ${editorUid} not found`);
   }
@@ -7253,7 +7285,7 @@ const newStateGenerator$2 = async (state, parentUid) => {
   } = state;
   const {
     newState
-  } = get$6(parentUid);
+  } = get$7(parentUid);
   const {
     languageId
   } = newState;
@@ -8076,7 +8108,7 @@ const setLanguageId = async (editor, languageId, tokenizePath) => {
   await loadTokenizer(languageId, tokenizePath);
   const tokenizer = getTokenizer(languageId);
   const newTokenizerId = tokenizerId + 1;
-  set$2(newTokenizerId, tokenizer);
+  set$3(newTokenizerId, tokenizer);
   const latest = getEditor(editor.uid);
   if (!latest) {
     return editor;
@@ -8231,7 +8263,7 @@ const newStateGenerator$1 = async (state, parentUid) => {
   } = state;
   const {
     newState
-  } = get$6(parentUid);
+  } = get$7(parentUid);
   const {
     languageId
   } = newState;
@@ -8315,7 +8347,7 @@ const newStateGenerator = async (state, parentUid) => {
   } = state;
   const {
     newState
-  } = get$6(parentUid);
+  } = get$7(parentUid);
   const {
     languageId
   } = newState;
@@ -9227,7 +9259,7 @@ const createFn = (key, name, widgetId) => {
       ...state,
       commands
     };
-    const latest = get$6(editor.uid).newState;
+    const latest = get$7(editor.uid).newState;
     const newEditor = updateWidget(latest, widgetId, newState);
     return newEditor;
   };
@@ -9542,7 +9574,7 @@ const getHoverPositionXy = (editor, rowIndex, wordStart, documentationHeight) =>
 };
 const getEditorHoverInfo = async (editorUid, position) => {
   number(editorUid);
-  const instance = get$6(editorUid);
+  const instance = get$7(editorUid);
   const editor = instance.newState;
   const {
     selections
@@ -9951,7 +9983,7 @@ const getEditorSourceActions = async editorId => {
   }
   const {
     newState
-  } = get$6(editorId);
+  } = get$7(editorId);
   const {
     languageId
   } = newState;
@@ -9991,43 +10023,6 @@ const unsetAdditionalFocus = async focusKey => {
   await invoke$b('Focus.removeAdditionalFocus', focusKey);
 };
 
-const shouldUpdateSelectionData = (oldState, newState) => {
-  return oldState.selections !== newState.selections || oldState.focused !== newState.focused || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || 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.debugEnabled !== newState.debugEnabled;
-};
-const updateDerivedState = async (oldState, newState) => {
-  let finalState = newState;
-  if (shouldUpdateVisibleTextData(oldState, newState)) {
-    const syncIncremental = getEnabled();
-    const {
-      differences,
-      textInfos
-    } = await getVisible$1(newState, syncIncremental);
-    finalState = {
-      ...newState,
-      differences,
-      textInfos
-    };
-  }
-  if (!shouldUpdateSelectionData(oldState, newState)) {
-    return finalState;
-  }
-  const {
-    cursorInfos,
-    selectionInfos
-  } = await getVisible(finalState);
-  return {
-    ...finalState,
-    cursorInfos,
-    selectionInfos
-  };
-};
-
 const FocusEditor = 12;
 const FocusEditorCompletions = 9;
 const FocusEditorRename = 11;
@@ -10096,7 +10091,7 @@ const setSelections2 = async (editorUid, selections) => {
     selections
   };
   const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
-  set$7(editorUid, editor, newEditorWithDerivedState);
+  set$8(editorUid, editor, newEditorWithDerivedState);
 };
 const closeWidget2 = async (editorUid, widgetId, widgetName, unsetAdditionalFocus$1) => {
   const editor = getEditor(editorUid);
@@ -10116,7 +10111,7 @@ const closeWidget2 = async (editorUid, widgetId, widgetName, unsetAdditionalFocu
     widgets: newWidgets
   };
   const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
-  set$7(editorUid, editor, newEditorWithDerivedState);
+  set$8(editorUid, editor, newEditorWithDerivedState);
   await setFocus(FocusEditorText);
   if (unsetAdditionalFocus$1) {
     await unsetAdditionalFocus(unsetAdditionalFocus$1);
@@ -10129,7 +10124,7 @@ const applyEdits2 = async (editorUid, edits) => {
   const editor = getEditor(editorUid);
   const newEditor = await applyEdit(editor, edits);
   const newEditorWithDerivedState = await updateDerivedState(editor, newEditor);
-  set$7(editorUid, editor, newEditorWithDerivedState);
+  set$8(editorUid, editor, newEditorWithDerivedState);
 };
 const getSourceActions = async editorUid => {
   const actions = await getEditorSourceActions(editorUid);
@@ -10592,7 +10587,7 @@ const getProblems = async () => {
   const keys = getKeys$2();
   const editors = keys.map(key => {
     const numericKey = parseInt(key);
-    const editor = get$6(numericKey);
+    const editor = get$7(numericKey);
     return editor;
   });
   const newEditors = editors.map(editor => editor.newState);
@@ -10707,7 +10702,7 @@ const handleMessagePort = async (port, rpcId) => {
     messagePort: port
   });
   if (rpcId) {
-    set$e(rpcId, rpc);
+    set$f(rpcId, rpc);
   }
 };
 
@@ -10740,7 +10735,7 @@ const getWidgetName = widgetId => {
 const saveWidgetState = async keys => {
   const savedStates = Object.create(null);
   for (const key of keys) {
-    const editor = get$6(parseInt(key));
+    const editor = get$7(parseInt(key));
     const {
       widgets
     } = editor.newState;
@@ -10759,7 +10754,7 @@ const restoreWidgetState = async (keys, savedStates) => {
   const newEditors = [];
   for (const key of keys) {
     const editorUid = parseInt(key);
-    const editor = get$6(editorUid);
+    const editor = get$7(editorUid);
     const {
       widgets
     } = editor.newState;
@@ -10808,7 +10803,7 @@ const hotReload = async () => {
   await relaunchWorkers();
   const newEditors = await restoreWidgetState(keys, savedStates);
   for (const editor of newEditors) {
-    set$7(editor.newState.uid, editor.oldState, editor.newState);
+    set$8(editor.newState.uid, editor.oldState, editor.newState);
   }
 
   // TODO ask renderer worker to rerender all editors
@@ -10844,7 +10839,7 @@ const initializeSyntaxHighlighting = async (syntaxHighlightingEnabled, syncIncre
   if (syntaxHighlightingEnabled) {
     setEnabled$1(true);
     const syntaxRpc = await createSyntaxHighlightingWorkerRpc();
-    set$5(syntaxRpc);
+    set$6(syntaxRpc);
   }
   if (syncIncremental) {
     setEnabled(true);
@@ -10876,46 +10871,46 @@ const kAutoClosingQuotes = 'editor.autoClosingQuotes';
 const kAutoClosingBrackets = 'editor.autoclosingBrackets';
 const kFontWeight = 'editor.fontWeight';
 const isAutoClosingBracketsEnabled = async () => {
-  return Boolean(await get$1(kAutoClosingBrackets));
+  return Boolean(await get$2(kAutoClosingBrackets));
 };
 const isAutoClosingQuotesEnabled = async () => {
-  return Boolean(await get$1(kAutoClosingQuotes));
+  return Boolean(await get$2(kAutoClosingQuotes));
 };
 const isQuickSuggestionsEnabled = async () => {
-  return Boolean(await get$1(kQuickSuggestions));
+  return Boolean(await get$2(kQuickSuggestions));
 };
 const isAutoClosingTagsEnabled = async () => {
   return true;
 };
 const getRowHeight = async () => {
-  return (await get$1(kLineHeight)) || 20;
+  return (await get$2(kLineHeight)) || 20;
 };
 const getFontSize = async () => {
-  return (await get$1(kFontSize)) || 15; // TODO find out if it is possible to use all numeric values for settings for efficiency, maybe settings could be an array
+  return (await get$2(kFontSize)) || 15; // TODO find out if it is possible to use all numeric values for settings for efficiency, maybe settings could be an array
 };
 const getFontFamily = async () => {
-  return (await get$1(kFontFamily)) || 'Fira Code';
+  return (await get$2(kFontFamily)) || 'Fira Code';
 };
 const getLetterSpacing = async () => {
   // if (!false) {
   //   return 0
   // }
-  return (await get$1(kLetterSpacing)) ?? 0.5;
+  return (await get$2(kLetterSpacing)) ?? 0.5;
 };
 const getTabSize = async () => {
-  return (await get$1(kTabSize)) || 2;
+  return (await get$2(kTabSize)) || 2;
 };
 const getLineNumbers = async () => {
-  return (await get$1(kLineNumbers)) ?? false;
+  return (await get$2(kLineNumbers)) ?? false;
 };
 const getCompletionTriggerCharacters = async () => {
   return ['.', '/'];
 };
 const diagnosticsEnabled = async () => {
-  return (await get$1(kDiagnostics)) ?? false;
+  return (await get$2(kDiagnostics)) ?? false;
 };
 const getFontWeight = async () => {
-  return (await get$1(kFontWeight)) ?? 400;
+  return (await get$2(kFontWeight)) ?? 400;
 };
 
 const getEditorPreferences = async () => {
@@ -10980,7 +10975,7 @@ const loadContent = async (state, savedState) => {
   await loadTokenizer(computedLanguageId, tokenizePath);
   const tokenizer = getTokenizer(computedLanguageId);
   const newTokenizerId = state.tokenizerId + 1;
-  set$2(newTokenizerId, tokenizer);
+  set$3(newTokenizerId, tokenizer);
   const newEditor0 = {
     ...state,
     charWidth,
@@ -11035,7 +11030,7 @@ const loadContent = async (state, savedState) => {
   if (diagnosticsEnabled) {
     await updateDiagnostics(newEditor4);
   }
-  const completionsOnTypeRaw = await get$1('editor.completionsOnType');
+  const completionsOnTypeRaw = await get$2('editor.completionsOnType');
   const completionsOnType = Boolean(completionsOnTypeRaw);
   const newEditor5 = {
     ...newEditor4,
@@ -11143,7 +11138,7 @@ const renderCss = (oldState, newState) => {
 };
 
 const renderFocus$2 = (oldState, newState) => {
-  const selector = '.EditorInput';
+  const selector = '.EditorInput textarea';
   return [FocusSelector, newState.uid, selector];
 };
 
@@ -11414,6 +11409,10 @@ const diffTree = (oldNodes, newNodes) => {
 
 const getEditorInputVirtualDom = () => {
   return [{
+    childCount: 1,
+    className: 'EditorInput',
+    type: Div
+  }, {
     ariaAutoComplete: 'list',
     ariaMultiLine: 'true',
     ariaRoleDescription: 'editor',
@@ -11421,7 +11420,6 @@ const getEditorInputVirtualDom = () => {
     autocomplete: 'off',
     autocorrect: 'off',
     childCount: 0,
-    className: 'EditorInput',
     name: 'editor',
     onBeforeInput: HandleBeforeInput,
     onBlur: HandleBlur,
@@ -11679,13 +11677,14 @@ const getEditorVirtualDom = ({
   selectionInfos = [],
   textInfos
 }) => {
+  const gutterDom = lineNumbers ? getEditorGutterVirtualDom(gutterInfos) : [];
   return [{
-    childCount: 2,
+    childCount: lineNumbers ? 2 : 1,
     className: 'Viewlet Editor',
     onContextMenu: HandleContextMenu,
     role: 'code',
     type: Div
-  }, ...getEditorGutterVirtualDom(gutterInfos), ...getEditorContentVirtualDom({
+  }, ...gutterDom, ...getEditorContentVirtualDom({
     cursorInfos,
     deltaY,
     diagnostics,
@@ -11701,6 +11700,14 @@ const getEditorVirtualDom = ({
   })];
 };
 
+const renderedDoms = new Map();
+const get = uid => {
+  return renderedDoms.get(uid);
+};
+const set = (uid, dom) => {
+  renderedDoms.set(uid, dom);
+};
+
 const getDom = state => {
   const {
     initial,
@@ -11711,13 +11718,24 @@ const getDom = state => {
   }
   return getEditorVirtualDom(state);
 };
+const isFastScroll = (oldState, newState) => {
+  return Math.abs(newState.minLineY - oldState.minLineY) > 1;
+};
 const renderIncremental = (oldState, newState) => {
-  const oldDom = getDom(oldState);
+  const oldDom = oldState.initial ? getDom(oldState) : get(newState.uid) || getDom(oldState);
   const newDom = getDom(newState);
+  if (isFastScroll(oldState, newState)) {
+    set(newState.uid, newDom);
+    return [SetPatches, newState.uid, [{
+      nodes: newDom,
+      type: 6
+    }]];
+  }
   const patches = diffTree(oldDom, newDom);
   if (patches.length === 0) {
     return [];
   }
+  set(newState.uid, newDom);
   return [SetPatches, newState.uid, patches];
 };
 
@@ -11752,28 +11770,28 @@ const render2 = (uid, diffResult) => {
   const {
     newState,
     oldState
-  } = get$6(uid);
-  set$7(uid, newState, newState);
+  } = get$7(uid);
+  set$8(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
 
 const addWidget = widget => {
-  const module = get$5(widget.id);
+  const module = get$6(widget.id);
   if (!module) {
     throw new Error('unsupported widget');
   }
   return module.add(widget);
 };
 const renderWidget = widget => {
-  const module = get$5(widget.id);
+  const module = get$6(widget.id);
   if (!module) {
     throw new Error('unsupported widget');
   }
   return module.render(widget);
 };
 const removeWidget = widget => {
-  const module = get$5(widget.id);
+  const module = get$6(widget.id);
   if (!module) {
     throw new Error('unsupported widget');
   }
@@ -11863,16 +11881,17 @@ const renderGutterInfo = {
       maxLineY,
       minLineY
     } = newState;
+    if (!lineNumbers) {
+      return [];
+    }
     const gutterInfos = [];
-    if (lineNumbers) {
-      for (let i = minLineY; i < maxLineY; i++) {
-        gutterInfos.push(i + 1);
-      }
+    for (let i = minLineY; i < maxLineY; i++) {
+      gutterInfos.push(i + 1);
     }
     const dom = getEditorGutterVirtualDom$1(gutterInfos);
     return ['renderGutter', dom];
   },
-  isEqual: (oldState, newState) => oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY
+  isEqual: (oldState, newState) => oldState.lineNumbers === newState.lineNumbers && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY
 };
 const renderWidgets = {
   apply(oldState, newState) {
@@ -11931,7 +11950,7 @@ const renderWidgets = {
 };
 const render$6 = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets, renderFocusContext, renderAdditionalFocusContext];
 const renderEditor = async id => {
-  const instance = get$6(id);
+  const instance = get$7(id);
   if (!instance) {
     return [];
   }
@@ -11940,7 +11959,7 @@ const renderEditor = async id => {
     oldState
   } = instance;
   const commands = [];
-  set$7(id, newState, newState);
+  set$8(id, newState, newState);
   for (const item of render$6) {
     if (item.isEqual(oldState, newState)) {
       continue;
@@ -12065,7 +12084,7 @@ const unregisterListener = (listenerType, rpcId) => {
 };
 
 const invoke = async (method, ...params) => {
-  const worker = get$7(DebugWorker);
+  const worker = get$8(DebugWorker);
   return worker.invoke(method, ...params);
 };
 
@@ -12081,7 +12100,7 @@ const getKey = () => {
 const updateDebugInfo = async debugId => {
   const newInfo = await getDebugHighlight(debugId);
   const key = getKey();
-  const instance = get$6(key);
+  const instance = get$7(key);
   if (!instance) {
     return;
   }
@@ -12093,7 +12112,7 @@ const updateDebugInfo = async debugId => {
     ...newState,
     highlightedLine: newInfo.rowIndex
   };
-  set$7(key, oldState, newEditor);
+  set$8(key, oldState, newEditor);
   // @ts-ignore
   await invoke$b('Editor.rerender', key);
 };
@@ -12102,7 +12121,7 @@ const updateDebugInfo = async debugId => {
 // TODO only store editor state in editor worker, not in renderer worker also
 
 const wrapCommand = fn => async (editorUid, ...args) => {
-  const oldInstance = get$6(editorUid);
+  const oldInstance = get$7(editorUid);
   const state = oldInstance.newState;
   const newEditor = await fn(state, ...args);
   if (state === newEditor) {
@@ -12114,7 +12133,7 @@ const wrapCommand = fn => async (editorUid, ...args) => {
 
   // TODO combine neweditor with latest editor?
 
-  set$7(editorUid, state, newEditorWithDerivedState);
+  set$8(editorUid, state, newEditorWithDerivedState);
   return newEditorWithDerivedState;
 };
 
@@ -12395,7 +12414,7 @@ const createExtensionHostRpc = async () => {
 
 const initializeExtensionHost = async () => {
   const extensionHostRpc = await createExtensionHostRpc();
-  set$1(extensionHostRpc);
+  set$2(extensionHostRpc);
 };
 
 const createExtensionManagementWorkerRpc = async () => {
@@ -12411,7 +12430,7 @@ const createExtensionManagementWorkerRpc = async () => {
 const initializeExtensionManagementWorker = async () => {
   try {
     const rpc = await createExtensionManagementWorkerRpc();
-    set$c(rpc);
+    set$d(rpc);
   } catch {
     // ignore
   }
@@ -12426,14 +12445,14 @@ const initializeOpenerWorker = async () => {
     commandMap: {},
     send: send$1
   });
-  set$b(rpc);
+  set$c(rpc);
 };
 
 const initializeRendererWorker = async () => {
   const rpc = await create$a({
     commandMap: commandMap
   });
-  set$9(rpc);
+  set$a(rpc);
 };
 
 const send = port => {
@@ -12444,7 +12463,7 @@ const initializeTextMeasurementWorker = async () => {
     commandMap: {},
     send
   });
-  set$a(rpc);
+  set$b(rpc);
 };
 
 const listen = async () => {
@@ -12729,14 +12748,14 @@ const EditorHoverWidget = {
 };
 
 const registerWidgets = () => {
-  set$6(ColorPicker$1, EditorColorPickerWidget);
-  set$6(Completion, EditorCompletionWidget);
-  set$6(CompletionDetail, EditorCompletionDetailWidget);
-  set$6(Find, EditorFindWidget);
-  set$6(Hover, EditorHoverWidget);
-  set$6(Rename$1, EditorRenameWidget);
-  set$6(SourceAction$1, EditorSourceActionWidget);
-  set$6(CodeGenerator, EditorCodeGeneratorWidget);
+  set$7(ColorPicker$1, EditorColorPickerWidget);
+  set$7(Completion, EditorCompletionWidget);
+  set$7(CompletionDetail, EditorCompletionDetailWidget);
+  set$7(Find, EditorFindWidget);
+  set$7(Hover, EditorHoverWidget);
+  set$7(Rename$1, EditorRenameWidget);
+  set$7(SourceAction$1, EditorSourceActionWidget);
+  set$7(CodeGenerator, EditorCodeGeneratorWidget);
 };
 
 const handleUnhandledRejection = event => {