@lvce-editor/editor-worker 6.2.0 → 6.3.0

package/dist/editorWorkerMain.js

@@ -365,16 +365,16 @@ const send = (transport, method, ...params) => {
   const message = create$4$1(method, params);
   transport.send(message);
 };
-const invoke$7 = (ipc, method, ...params) => {
+const invoke$9 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
-const invoke$6 = async (method, ...params) => {
+const invoke$8 = async (method, ...params) => {
   const ipc = get$7();
-  return invoke$7(ipc, method, ...params);
+  return invoke$9(ipc, method, ...params);
 };
 const invokeAndTransfer$1 = async (method, ...params) => {
   const ipc = get$7();
@@ -384,8 +384,8 @@ const listen$5 = ipc => {
   set$7(ipc);
 };
 
-const invoke$5 = async (method, ...params) => {
-  return invoke$6(method, ...params);
+const invoke$7 = async (method, ...params) => {
+  return invoke$8(method, ...params);
 };
 const invokeAndTransfer = async (method, ...params) => {
   return invokeAndTransfer$1(method, ...params);
@@ -393,7 +393,7 @@ const invokeAndTransfer = async (method, ...params) => {
 
 // TODO add tests for this
 const activateByEvent = async event => {
-  await invoke$5('ExtensionHostManagement.activateByEvent', event);
+  await invoke$7('ExtensionHostManagement.activateByEvent', event);
 };
 
 const codeGeneratorAccept = state => {
@@ -981,7 +981,7 @@ const createRpc$1 = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$7(ipc, method, ...params);
+      return invoke$9(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$2(ipc, method, ...params);
@@ -1070,15 +1070,15 @@ const launchColorPickerWorker = async () => {
   return rpc;
 };
 
-let workerPromise$1;
-const getOrCreate$2 = () => {
-  if (!workerPromise$1) {
-    workerPromise$1 = launchColorPickerWorker();
+let workerPromise$3;
+const getOrCreate$4 = () => {
+  if (!workerPromise$3) {
+    workerPromise$3 = launchColorPickerWorker();
   }
-  return workerPromise$1;
+  return workerPromise$3;
 };
-const invoke$4 = async (method, ...params) => {
-  const worker = await getOrCreate$2();
+const invoke$6 = async (method, ...params) => {
+  const worker = await getOrCreate$4();
   return await worker.invoke(method, ...params);
 };
 
@@ -1090,10 +1090,10 @@ const loadContent$3 = async (state, parentUid) => {
     width,
     height
   } = state;
-  await invoke$4('ColorPicker.create', uid, x, y, width, height, parentUid);
-  await invoke$4('ColorPicker.loadContent', uid);
-  const diff = await invoke$4('ColorPicker.diff2', uid);
-  const commands = await invoke$4('ColorPicker.render2', uid, diff);
+  await invoke$6('ColorPicker.create', uid, x, y, width, height, parentUid);
+  await invoke$6('ColorPicker.loadContent', uid);
+  const diff = await invoke$6('ColorPicker.diff2', uid);
+  const commands = await invoke$6('ColorPicker.render2', uid, diff);
   return {
     ...state,
     commands
@@ -1115,7 +1115,6 @@ const IndentLess = 'indentLess';
 const IndentMore = 'indentMore';
 const InsertLineBreak = 'insertLineBreak';
 const LineComment = 'lineComment';
-const ReplaceAll$2 = 'replaceAll';
 const ToggleBlockComment$1 = 'toggleBlockComment';
 
 const map$1 = Object.create(null);
@@ -1489,7 +1488,7 @@ const createMeasureContext = () => {
 const state$8 = {
   ctx: undefined
 };
-const getOrCreate$1 = createCtx => {
+const getOrCreate$3 = createCtx => {
   if (state$8.ctx) {
     return state$8.ctx;
   }
@@ -1498,7 +1497,7 @@ const getOrCreate$1 = createCtx => {
 };
 
 const getContext = () => {
-  const ctx = getOrCreate$1(createMeasureContext);
+  const ctx = getOrCreate$3(createMeasureContext);
   return ctx;
 };
 
@@ -2305,7 +2304,7 @@ const createRpc = method => {
     _ipc = ipc;
   };
   const invoke = async (method, ...params) => {
-    return invoke$7(_ipc, method, ...params);
+    return invoke$9(_ipc, method, ...params);
   };
   const invokeAndTransfer = async (method, ...params) => {
     return invokeAndTransfer$2(_ipc, method, ...params);
@@ -2319,7 +2318,7 @@ const createRpc = method => {
 
 const {
   listen: listen$4,
-  invoke: invoke$3} = createRpc(ExtensionHostWorker);
+  invoke: invoke$5} = createRpc(ExtensionHostWorker);
 
 const ColorPicker$1 = 41;
 const CompletionDetail$1 = 999;
@@ -2328,13 +2327,6 @@ const Empty = 0;
 const FindWidget = 16;
 const FocusEditorHover = 51;
 const FocusEditorRename$1 = 11;
-const FocusFindWidgetCloseButton$1 = 48;
-const FocusFindWidgetNextMatchButton$1 = 49;
-const FocusFindWidgetPreviousMatchButton$1 = 50;
-const FocusFindWidgetReplace$1 = 43;
-const FocusFindWidgetReplaceAllButton$1 = 47;
-const FocusFindWidgetReplaceButton$1 = 46;
-const FocusFindWidgetToggleReplace = 42;
 const SourceActions = 38;
 const FocusCodeGenerator = 52;
 
@@ -2357,7 +2349,7 @@ const execute = async ({
 }) => {
   const fullEvent = `${event}:${editor.languageId}`;
   await activateByEvent(fullEvent);
-  const result = await invoke$3(method, editor.uid, ...args);
+  const result = await invoke$5(method, editor.uid, ...args);
   return result;
 };
 
@@ -2424,7 +2416,7 @@ const updateDiagnostics = async newState => {
 
     // TODO don't really need text document sync response
     // could perhaps save a lot of messages by using send instead of invoke
-    await invoke$3(TextDocumentSyncFull, newState.uri, newState.id, newState.languageId, content);
+    await invoke$5(TextDocumentSyncFull, newState.uri, newState.id, newState.languageId, content);
     const diagnostics = await executeDiagnosticProvider(newState);
     const latest = get$4(newState.id);
     if (!latest) {
@@ -2437,7 +2429,7 @@ const updateDiagnostics = async newState => {
       decorations
     };
     set$4(newState.id, latest.oldState, newEditor);
-    await invoke$5('Editor.rerender', newState.id);
+    await invoke$7('Editor.rerender', newState.id);
     return newEditor;
   } catch (error) {
     // @ts-ignore
@@ -2571,7 +2563,7 @@ const createEditor = async ({
     focused: true
   };
   set$4(id, emptyEditor, newEditor4);
-  await invoke$3(TextDocumentSyncFull, uri, id, languageId, content);
+  await invoke$5(TextDocumentSyncFull, uri, id, languageId, content);
   if (diagnosticsEnabled) {
     updateDiagnostics(newEditor4);
   }
@@ -2640,7 +2632,7 @@ const applyEdit = async (editor, changes) => {
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
-const handleBlur$1 = editor => {
+const handleBlur = editor => {
   if (editor.focusKey !== Empty) {
     return editor;
   }
@@ -2882,7 +2874,7 @@ const editorShowMessage = async (editor, rowIndex, columnIndex, message, isError
   const x$1 = x(editor, rowIndex, columnIndex);
   const y$1 = y(editor, rowIndex);
   const displayErrorMessage = message;
-  await invoke$5('Editor.showOverlayMessage', editor, 'Viewlet.send', editor.uid, 'showOverlayMessage', x$1, y$1, displayErrorMessage);
+  await invoke$7('Editor.showOverlayMessage', editor, 'Viewlet.send', editor.uid, 'showOverlayMessage', x$1, y$1, displayErrorMessage);
   if (!isError) {
     const handleTimeout = () => {
       editorHideMessage(editor);
@@ -2938,7 +2930,7 @@ const braceCompletion = async (editor, text) => {
   try {
     // @ts-ignore
     const offset = offsetAt(editor, editor.cursor);
-    const result = await invoke$5('ExtensionHostBraceCompletion.executeBraceCompletionProvider', editor, offset, text);
+    const result = await invoke$7('ExtensionHostBraceCompletion.executeBraceCompletionProvider', editor, offset, text);
     if (result) {
       const closingBrace = getMatchingClosingBrace$1(text);
       const insertText = text + closingBrace;
@@ -3095,14 +3087,14 @@ const hasWidget = (widgets, id) => {
 };
 
 const setAdditionalFocus = async focusKey => {
-  await invoke$5('Focus.setAdditionalFocus', focusKey);
+  await invoke$7('Focus.setAdditionalFocus', focusKey);
 };
 
 const setFocus = async focusKey => {
   if (!focusKey) {
     return;
   }
-  await invoke$5('Focus.setFocus', focusKey);
+  await invoke$7('Focus.setFocus', focusKey);
 };
 
 const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGenerator, fullFocus) => {
@@ -3163,11 +3155,11 @@ const create$7 = () => {
   return widget;
 };
 
-const newStateGenerator$3 = (state, parentUid) => {
+const newStateGenerator$4 = (state, parentUid) => {
   return loadContent$3(state, parentUid);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker, ColorPicker$1, editor, create$7, newStateGenerator$3);
+  return addWidgetToEditor(ColorPicker, ColorPicker$1, editor, create$7, newStateGenerator$4);
 };
 
 const state$6 = {
@@ -3223,7 +3215,7 @@ const compositionEnd = (editor, data) => {
 const writeText = async text => {
   try {
     string(text);
-    await invoke$5('ClipBoard.writeText', /* text */text);
+    await invoke$7('ClipBoard.writeText', /* text */text);
   } catch (error) {
     throw new VError(error, 'Failed to write text to clipboard');
   }
@@ -3857,7 +3849,7 @@ const deleteWordRight = editor => {
 };
 
 const findAllReferences = async editor => {
-  await invoke$5('SideBar.show', 'References', /* focus */true);
+  await invoke$7('SideBar.show', 'References', /* focus */true);
   return editor;
 };
 
@@ -3987,7 +3979,7 @@ const getWordBefore = (editor, rowIndex, columnIndex) => {
 
 // @ts-ignore
 const getDefinition = async (editor, offset) => {
-  const definition = await invoke$5('ExtensionHostDefinition.executeDefinitionProvider', editor, offset);
+  const definition = await invoke$7('ExtensionHostDefinition.executeDefinitionProvider', editor, offset);
   return definition;
 };
 
@@ -4050,7 +4042,7 @@ const noTypeDefinitionFoundFor = word => {
 const noTypeDefinitionFound = () => {
   return i18nString(NoTypeDefinitionFound);
 };
-const noResults$1 = () => {
+const noResults = () => {
   return i18nString(NoResults);
 };
 const sourceAction = () => {
@@ -4174,7 +4166,7 @@ const goTo = async ({
       endRowIndex: definition.endRowIndex,
       endColumnIndex: definition.endColumnIndex
     };
-    await invoke$5(/* Main.openUri */'Main.openUri', /* uri */uri, /* focus */true, context);
+    await invoke$7(/* Main.openUri */'Main.openUri', /* uri */uri, /* focus */true, context);
     return editor;
   } catch (error) {
     // TODO if editor is already disposed at this point, do nothing
@@ -4251,7 +4243,7 @@ const getNoLocationFoundMessage = info => {
 };
 
 const getTypeDefinition = async (editor, offset) => {
-  const definition = await invoke$5('ExtensionHostTypeDefinition.executeTypeDefinitionProvider', editor, offset);
+  const definition = await invoke$7('ExtensionHostTypeDefinition.executeTypeDefinitionProvider', editor, offset);
   return definition;
 };
 
@@ -4291,7 +4283,7 @@ const goToTypeDefinition = async (editor, explicit = true) => {
 const Editor = 3;
 
 const handleContextMenu = async (editor, button, x, y) => {
-  await invoke$5(/* ContextMenu.show */'ContextMenu.show', /* x */x, /* y */y, /* id */Editor);
+  await invoke$7(/* ContextMenu.show */'ContextMenu.show', /* x */x, /* y */y, /* id */Editor);
   return editor;
 };
 
@@ -4329,7 +4321,7 @@ const WhenExpressionEditorText = 12;
 const handleFocus = editor => {
   // TODO make change events functional,
   // when rendering, send focus changes to renderer worker
-  invoke$5('Focus.setFocus', WhenExpressionEditorText);
+  invoke$7('Focus.setFocus', WhenExpressionEditorText);
   return editor;
 };
 
@@ -4990,7 +4982,7 @@ const indentMore = editor => {
 };
 
 const getLanguageConfiguration = async editor => {
-  return invoke$5('Languages.getLanguageConfiguration', {
+  return invoke$7('Languages.getLanguageConfiguration', {
     uri: editor.uri,
     languageId: editor.languageId
   });
@@ -5262,7 +5254,6 @@ const moveSelectionPx = (editor, x, y) => {
   return editorMoveSelection(editor, position);
 };
 
-const User = 1;
 const Script = 2;
 const Unknown$1 = 0;
 
@@ -5294,7 +5285,7 @@ const create$6 = () => {
   return widget;
 };
 
-const newStateGenerator$2 = async state => {
+const newStateGenerator$3 = async state => {
   const latestState = {
     ...state,
     x: 100,
@@ -5306,7 +5297,7 @@ const newStateGenerator$2 = async state => {
 };
 const openCodeGenerator = async editor => {
   const fullFocus = true;
-  return addWidgetToEditor(CodeGenerator, FocusCodeGenerator, editor, create$6, newStateGenerator$2, fullFocus);
+  return addWidgetToEditor(CodeGenerator, FocusCodeGenerator, editor, create$6, newStateGenerator$3, fullFocus);
 };
 
 const create$5 = () => {
@@ -5822,337 +5813,82 @@ const create$4 = () => {
   const widget = {
     id: Find,
     oldState: {
-      value: '',
-      ariaAnnouncement: '',
-      matches: new Uint32Array(),
-      matchIndex: -1,
-      matchCount: 0,
       uid,
-      replaceExpanded: false,
-      useRegularExpression: false,
-      matchCase: false,
-      matchWholeWord: false,
-      replacement: '',
-      editorUid: 0,
       x: 0,
       y: 0,
       width: 0,
       height: 0,
-      focused: false,
-      focusSource: Unknown$1,
-      focus: 0
+      commands: [],
+      editorUid: 0
     },
     newState: {
-      value: '',
-      ariaAnnouncement: '',
-      matches: new Uint32Array(),
-      matchIndex: -1,
-      matchCount: 0,
       uid,
-      replaceExpanded: false,
-      useRegularExpression: false,
-      matchCase: false,
-      matchWholeWord: false,
-      replacement: '',
-      editorUid: 0,
       x: 0,
       y: 0,
       width: 0,
       height: 0,
-      focused: true,
-      focusSource: Unknown$1,
-      focus: 0
+      commands: [],
+      editorUid: 0
     }
   };
   return widget;
 };
 
-const findRegexMatches = (lines, regex) => {
-  if (!regex.global) {
-    throw new Error('regex must be global');
-  }
+const launchFindWidgetWorker = async () => {
+  const name = 'Find Widget Worker';
   const {
-    length
-  } = lines;
-  const matches = [];
-  for (let i = 0; i < length; i++) {
-    const line = lines[i];
-    let lastMatch;
-    do {
-      lastMatch = regex.exec(line);
-      if (!lastMatch) {
-        break;
-      }
-      matches.push(i, lastMatch.index);
-    } while (true);
-  }
-  return new Uint32Array(matches);
-};
-
-// copied from https://github.com/microsoft/vscode/tree/main/src/vs/base/common/strings.ts by Microsoft (License MIT)
-
-const RE_ESCAPE = /[\\\{\}\*\+\?\|\^\$\.\[\]\(\)]/g;
-const escapeRegExpCharacters = value => {
-  return value.replaceAll(RE_ESCAPE, String.raw`\$&`);
-};
-
-const regexFlags = 'gi';
-const getSearchRegex = searchString => {
-  const escaped = escapeRegExpCharacters(searchString);
-  return new RegExp(escaped, regexFlags);
-};
-
-const findMatchesCaseInsensitive = (lines, searchString) => {
-  if (searchString.length === 0) {
-    return new Uint32Array([]);
-  }
-  const regex = getSearchRegex(searchString);
-  return findRegexMatches(lines, regex);
-};
-
-const getMatchCount = matches => {
-  return matches.length / 2;
-};
-
-const setFindWidgetFocus = (state, focusKey) => {
-  if (state.focus === focusKey) {
-    return state;
-  }
-  return {
-    ...state,
-    focus: focusKey,
-    focusSource: Script
-  };
-};
-
-const focusCloseButton = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetCloseButton$1);
-};
-
-const focusFind = state => {
-  return setFindWidgetFocus(state, FindWidget);
-};
-
-const getWidgetState = (editor, id) => {
-  const {
-    widgets
-  } = editor;
-  for (const widget of widgets) {
-    if (widget.id === id) {
-      return widget.newState;
-    }
-  }
-  return undefined;
-};
-
-const getFindState = editor => {
-  return getWidgetState(editor, Find);
-};
-
-const isFind = widget => {
-  return widget.id === Find;
+    port1,
+    port2
+  } = getPortTuple();
+  await invokeAndTransfer('IpcParent.create', {
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: 'findWidgetWorkerMain.js',
+    name: name,
+    raw: true,
+    port: port1
+  });
+  const rpc = await MessagePortRpcParent.create({
+    commandMap: {},
+    messagePort: port2,
+    isMessagePortOpen: true
+  });
+  port2.start();
+  return rpc;
 };
-// TODO don't call renderer worker, set editor state
-// TODO this function should be synchronous
-const focusIndex$2 = (editor, index) => {
-  const findState = getFindState(editor);
-  if (!findState) {
-    return editor;
-  }
-  const {
-    value,
-    matches,
-    matchIndex
-  } = findState;
-  if (index === matchIndex) {
-    return editor;
-  }
-  const {
-    widgets
-  } = editor;
-  const childIndex = widgets.findIndex(isFind);
-  const childWidget = widgets[childIndex];
 
-  // TODO find next match and highlight it
-  const matchRowIndex = matches[index * 2];
-  const matchColumnIndex = matches[index * 2 + 1];
-  const newSelections = new Uint32Array([matchRowIndex, matchColumnIndex, matchRowIndex, matchColumnIndex + value.length]);
-  const newState = {
-    ...findState,
-    matchIndex: index
-  };
-  const newWidget = {
-    ...childWidget,
-    newState
-  };
-  const newWidgets = [...widgets.slice(0, childIndex), newWidget, ...widgets.slice(childIndex + 1)];
-  return {
-    ...editor,
-    selections: newSelections,
-    widgets: newWidgets
-  };
-};
-const focusFirst$1 = editor => {
-  const findState = getFindState(editor);
-  if (!findState) {
-    return editor;
-  }
-  return focusIndex$2(editor, 0);
-};
-const focusLast = editor => {
-  const findState = getFindState(editor);
-  if (!findState) {
-    return editor;
-  }
-  const {
-    matchCount
-  } = findState;
-  return focusIndex$2(editor, matchCount - 1);
-};
-const focusNext$2 = editor => {
-  const findState = getFindState(editor);
-  if (!findState) {
-    return editor;
-  }
-  const {
-    matchIndex,
-    matchCount
-  } = findState;
-  if (matchIndex === matchCount - 1) {
-    return focusFirst$1(editor);
-  }
-  return focusIndex$2(editor, matchIndex + 1);
-};
-const focusPrevious$1 = editor => {
-  const findState = getFindState(editor);
-  if (!findState) {
-    return editor;
-  }
-  const {
-    matchIndex
-  } = findState;
-  if (matchIndex === 0) {
-    return focusLast(editor);
+let workerPromise$2;
+const getOrCreate$2 = () => {
+  if (!workerPromise$2) {
+    workerPromise$2 = launchFindWidgetWorker();
   }
-  return focusIndex$2(editor, matchIndex - 1);
-};
-
-const focusNextMatchButton = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetNextMatchButton$1);
+  return workerPromise$2;
 };
-
-const focusPreviousMatchButton = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetPreviousMatchButton$1);
-};
-
-const focusReplace = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetReplace$1);
-};
-
-const focusReplaceAllButton = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetReplaceAllButton$1);
-};
-
-const focusReplaceButton = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetReplaceButton$1);
-};
-
-const focusToggleReplaceButton = state => {
-  return setFindWidgetFocus(state, FocusFindWidgetToggleReplace);
-};
-
-const handleBlur = async state => {
-  await setFocus(Empty);
-  return state;
-};
-
-const refresh$1 = (editor, state, value) => {
-  const {
-    lines
-  } = editor;
-  const matches = findMatchesCaseInsensitive(lines, value);
-  const matchCount = getMatchCount(matches);
-  return {
-    ...state,
-    matches,
-    matchIndex: 0,
-    matchCount,
-    value
-  };
+const invoke$4 = async (method, ...params) => {
+  const worker = await getOrCreate$2();
+  return await worker.invoke(method, ...params);
 };
 
-const refresh = (state, value = state.value) => {
-  // TODO get focused editor
+const loadContent$1 = async (state, parentUid) => {
   const {
-    editorUid
+    uid
   } = state;
-  // highlight locations that match value
-  const editor = getEditor(editorUid);
-  return refresh$1(editor, state, value);
-};
-
-const handleInput = (state, value) => {
-  return refresh(state, value);
-};
-
-const handleFindWidgetFocus = (state, focusKey) => {
-  if (state.focus === focusKey) {
-    return state;
-  }
-  return {
-    ...state,
-    focus: focusKey,
-    focusSource: User
-  };
-};
-
-const handleReplaceAllFocus = state => {
-  return handleFindWidgetFocus(state, FocusFindWidgetReplaceAllButton$1);
-};
-
-const handleReplaceFocus = state => {
-  return handleFindWidgetFocus(state, FocusFindWidgetReplace$1);
-};
-
-const getFindWidgetHeight = replaceExpanded => {
-  const collapsedHeight = 30;
-  const expandedHeight = 60;
-  const newHeight = replaceExpanded ? expandedHeight : collapsedHeight;
-  return newHeight;
-};
-
-const toggleReplace = state => {
-  const newExpanded = !state.replaceExpanded;
-  const newHeight = getFindWidgetHeight(newExpanded);
-  return {
-    ...state,
-    replaceExpanded: !state.replaceExpanded,
-    height: newHeight
-  };
-};
-
-const loadContent$1 = editorId => {
-  const editor = getEditor(editorId);
+  const editor = getEditor(parentUid);
   const {
-    selections,
-    lines
+    x,
+    y,
+    width,
+    height
   } = editor;
-  const startRowIndex = selections[0];
-  const startColumnIndex = selections[1];
-  const endColumnIndex = selections[3];
-  const line = lines[startRowIndex];
-  const value = line.slice(startColumnIndex, endColumnIndex);
-  const matches = findMatchesCaseInsensitive(lines, value);
-  const matchCount = getMatchCount(matches);
+  await invoke$4('FindWidget.create', uid, x, y, width, height, parentUid);
+  await invoke$4('FindWidget.loadContent', uid);
+  const diff = await invoke$4('FindWidget.diff2', uid);
+  const commands = await invoke$4('FindWidget.render2', uid, diff);
   return {
-    value,
-    matches,
-    matchIndex: 0,
-    matchCount,
-    editorUid: editor.uid
+    ...state,
+    commands
   };
 };
-const close$1 = async state => {
+const close = async state => {
   // TODO
   // await Viewlet.closeWidget(uid)
   return {
@@ -6160,70 +5896,13 @@ const close$1 = async state => {
     disposed: true
   };
 };
-const handleToggleReplaceFocus = async state => {
-  if (state.focus === FocusFindWidgetToggleReplace) {
-    return state;
-  }
-  await setFocus(FocusFindWidgetToggleReplace);
-  return {
-    ...state,
-    focus: FocusFindWidgetToggleReplace
-  };
-};
-const handleReplaceInput = (state, value) => {
-  return {
-    ...state,
-    replacement: value
-  };
-};
 
-const getFindWidgetPosition = editor => {
-  const width = 300;
-  const height = 30;
-  const paddingTop = 10;
-  const paddingRight = 20;
-  const x = editor.x + editor.width - width - paddingRight;
-  const y = editor.y + paddingTop;
-  return {
-    y,
-    x,
-    width,
-    height
-  };
+const newStateGenerator$2 = (state, parentUid) => {
+  return loadContent$1(state, parentUid);
 };
-
 const openFind2 = async editor => {
-  const newStateGenerator = async state => {
-    const {
-      value,
-      matches,
-      matchCount,
-      matchIndex
-    } = await loadContent$1(editor.uid);
-    const {
-      x,
-      y,
-      width,
-      height
-    } = getFindWidgetPosition(editor);
-    const latestState = {
-      ...state,
-      value,
-      matches,
-      matchCount,
-      matchIndex,
-      x,
-      y,
-      width,
-      height,
-      editorUid: editor.uid || editor.id,
-      focusSource: Script,
-      focus: FindWidget
-    };
-    return latestState;
-  };
   const fullFocus = true;
-  return addWidgetToEditor(Find, FindWidget, editor, create$4, newStateGenerator, fullFocus);
+  return addWidgetToEditor(ColorPicker, FindWidget, editor, create$4, newStateGenerator$2, fullFocus);
 };
 
 const openFind = async state => {
@@ -6276,15 +5955,15 @@ const launchRenameWorker = async () => {
   return rpc;
 };
 
-let workerPromise;
-const getOrCreate = () => {
-  if (!workerPromise) {
-    workerPromise = launchRenameWorker();
+let workerPromise$1;
+const getOrCreate$1 = () => {
+  if (!workerPromise$1) {
+    workerPromise$1 = launchRenameWorker();
   }
-  return workerPromise;
+  return workerPromise$1;
 };
-const invoke$2 = async (method, ...params) => {
-  const worker = await getOrCreate();
+const invoke$3 = async (method, ...params) => {
+  const worker = await getOrCreate$1();
   return await worker.invoke(method, ...params);
 };
 
@@ -6297,10 +5976,10 @@ const newStateGenerator$1 = async (state, parentUid) => {
     width,
     height
   } = state;
-  await invoke$2('Rename.create', uid, x, y, width, height, parentUid);
-  await invoke$2('Rename.loadContent', uid);
-  const diff = await invoke$2('Rename.diff2', uid);
-  const commands = await invoke$2('Rename.render2', uid, diff);
+  await invoke$3('Rename.create', uid, x, y, width, height, parentUid);
+  await invoke$3('Rename.loadContent', uid);
+  const diff = await invoke$3('Rename.diff2', uid);
+  const commands = await invoke$3('Rename.render2', uid, diff);
   return {
     ...state,
     commands
@@ -6346,7 +6025,7 @@ const pasteText = (editor, text) => {
 };
 
 const paste = async editor => {
-  const text = await invoke$5('ClipBoard.readText');
+  const text = await invoke$7('ClipBoard.readText');
   string(text);
   return pasteText(editor, text);
 };
@@ -6488,7 +6167,7 @@ const save = async editor => {
     } = editor;
     const newEditor = await getNewEditor(editor);
     const content = getText$1(newEditor);
-    await invoke$5('FileSystem.writeFile', uri, content);
+    await invoke$7('FileSystem.writeFile', uri, content);
     return newEditor;
   } catch (error) {
     // @ts-ignore
@@ -6794,7 +6473,7 @@ const selectInsideString = editor => {
 // import * as ExtensionHostSelection from '../ExtensionHost/ExtensionHostSelection.ts'
 
 const getNewSelections = async (editor, selections) => {
-  const newSelections = await invoke$5('ExtensionHostSelection.executeGrowSelection', editor, selections);
+  const newSelections = await invoke$7('ExtensionHostSelection.executeGrowSelection', editor, selections);
   if (newSelections.length === 0) {
     return selections;
   }
@@ -7048,7 +6727,7 @@ const getEnabled$1 = () => {
 
 const {
   listen: listen$3,
-  invoke: invoke$1
+  invoke: invoke$2
 } = createRpc(SyntaxHighlightingWorker);
 
 /**
@@ -7118,7 +6797,7 @@ const loadTokenizer = async (languageId, tokenizePath) => {
     return;
   }
   if (getEnabled$1()) {
-    const tokenMap = await invoke$1('Tokenizer.load', languageId, tokenizePath);
+    const tokenMap = await invoke$2('Tokenizer.load', languageId, tokenizePath);
     set$1(languageId, tokenMap);
     return;
   }
@@ -7283,12 +6962,12 @@ const listen$2 = async () => {
   handleIpc(ipc);
   _ipc = ipc;
 };
-const invoke = async (method, ...args) => {
-  return invoke$7(_ipc, method, ...args);
+const invoke$1 = async (method, ...args) => {
+  return invoke$9(_ipc, method, ...args);
 };
 
 const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
-  return invoke('MeasureTextBlockHeight.measureTextBlockHeight', text, fontSize, fontFamily, lineHeight, width);
+  return invoke$1('MeasureTextBlockHeight.measureTextBlockHeight', text, fontSize, fontFamily, lineHeight, width);
 };
 
 const deepCopy = value => {
@@ -7499,13 +7178,13 @@ const showHover2 = async editor => {
 
 const EditorHover = 'EditorHover';
 const showHover = async state => {
-  await invoke$5('Viewlet.openWidget', EditorHover);
+  await invoke$7('Viewlet.openWidget', EditorHover);
   return state;
 };
 
 // TODO ask extension host worker instead
 const getEditorSourceActions = async () => {
-  const sourceActions = await invoke$5('GetEditorSourceActions.getEditorSourceActions');
+  const sourceActions = await invoke$7('GetEditorSourceActions.getEditorSourceActions');
   return sourceActions;
 };
 
@@ -8155,7 +7834,7 @@ const typeWithAutoClosingQuote = (editor, text) => {
 
 const typeWithAutoClosingTag = async (editor, text) => {
   const offset = offsetAt(editor, editor.selections[0], editor.selections[1]);
-  const result = await invoke$5('ExtensionHostClosingTagCompletion.executeClosingTagProvider', editor, offset, text);
+  const result = await invoke$7('ExtensionHostClosingTagCompletion.executeClosingTagProvider', editor, offset, text);
   if (!result) {
     const changes = editorReplaceSelections(editor, [text], EditorType);
     return scheduleDocumentAndCursorsSelections(editor, changes);
@@ -8493,6 +8172,18 @@ const getCompletionDetailBounds = (completionBounds, borderSize) => {
   };
 };
 
+const getWidgetState = (editor, id) => {
+  const {
+    widgets
+  } = editor;
+  for (const widget of widgets) {
+    if (widget.id === id) {
+      return widget.newState;
+    }
+  }
+  return undefined;
+};
+
 const getCompletionState = editor => {
   return getWidgetState(editor, Completion);
 };
@@ -8656,29 +8347,17 @@ const EditorSelection = 'EditorSelection';
 const EditorSourceActions = 'EditorSourceActions';
 const EditorSourceActionsList = 'EditorSourceActionsList';
 const FileIcon = 'FileIcon';
-const FindWidgetFind = 'FindWidgetFind';
-const FindWidgetMatchCount = 'FindWidgetMatchCount';
-const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
-const FindWidgetReplace = 'FindWidgetReplace';
-const FindWidgetRight = 'FindWidgetRight';
 const HoverDisplayString = 'HoverDisplayString';
 const HoverDocumentation = 'HoverDocumentation';
 const HoverEditorRow = 'HoverEditorRow';
 const HoverProblem = 'HoverProblem';
 const HoverProblemDetail = 'HoverProblemDetail';
 const HoverProblemMessage = 'HoverProblemMessage';
-const IconButton = 'IconButton';
-const IconButtonDisabled = 'IconButtonDisabled';
 const IconClose = 'IconClose';
 const InputBox = 'InputBox';
 const Label = 'Label';
 const MaskIcon = 'MaskIcon';
 const MaskIconSymbolFile = 'MaskIconSymbolFile';
-const MultilineInputBox = 'MultilineInputBox';
-const SearchField = 'SearchField';
-const SearchFieldButton = 'SearchFieldButton';
-const SearchFieldButtonChecked = 'SearchFieldButtonChecked';
-const SearchFieldButtons = 'SearchFieldButtons';
 const SourceActionHeading = 'SourceActionHeading';
 const SourceActionIcon = 'SourceActionIcon';
 const SourceActionItem = 'SourceActionItem';
@@ -8688,11 +8367,6 @@ const Viewlet = 'Viewlet';
 const HandleBeforeInput = 'handleBeforeInput';
 const HandleBlur = 'handleBlur';
 const HandleClick = 'handleClick';
-const HandleClickClose = 'handleClickClose';
-const HandleClickNextMatch = 'handleClickNextMatch';
-const HandleClickPreviousMatch = 'handleClickPreviousMatch';
-const HandleClickReplace = 'handleClickReplace';
-const HandleClickReplaceAll = 'handleClickReplaceAll';
 const HandleClose = 'handleClose';
 const HandleCompositionEnd = 'handleCompositionEnd';
 const HandleCompositionStart = 'handleCompositionStart';
@@ -8701,20 +8375,15 @@ const HandleContextMenu = 'handleContextMenu';
 const HandleCut = 'handleCut';
 const HandleFocus = 'handleFocus';
 const HandleFocusIn = 'handleFocusIn';
-const HandleInput = 'handleInput';
 const HandleMouseMove = 'handleMouseMove';
-const HandleReplaceFocus = 'handleReplaceFocus';
-const HandleReplaceInput = 'handleReplaceInput';
 const HandleSashPointerDown = 'handleSashPointerDown';
 const HandleWheel = 'handleWheel';
 
-const Button = 1;
 const Div = 4;
 const Input = 6;
 const Span = 8;
 const Text = 12;
 const Img = 17;
-const TextArea = 62;
 
 const text = data => {
   return {
@@ -8813,7 +8482,6 @@ const SetCss = 'Viewlet.setCss';
 const SetDom2 = 'Viewlet.setDom2';
 const SetNegativeMargin = 'setNegativeMargin';
 const SetScrollBar = 'setScrollBar';
-const SetValue = 'setValue';
 const SetUid = 'Viewlet.setUid';
 
 const renderHoverDom = {
@@ -8825,7 +8493,7 @@ const renderHoverDom = {
     return [/* method */SetDom2, dom];
   }
 };
-const renderBounds$5 = {
+const renderBounds$4 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -8839,10 +8507,10 @@ const renderBounds$5 = {
     return [SetBounds, x, y, width, height];
   }
 };
-const render$e = [renderHoverDom, renderBounds$5];
+const render$d = [renderHoverDom, renderBounds$4];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$e) {
+  for (const item of render$d) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8868,6 +8536,41 @@ const focusNext = state => {
   return focusIndex(state, nextIndex);
 };
 
+const launchCompletionWorker = async () => {
+  const name = 'Completion Worker';
+  const {
+    port1,
+    port2
+  } = getPortTuple();
+  await invokeAndTransfer('IpcParent.create', {
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: 'completionWorkerMain.js',
+    name: name,
+    raw: true,
+    port: port1
+  });
+  const rpc = await MessagePortRpcParent.create({
+    commandMap: {},
+    messagePort: port2,
+    isMessagePortOpen: true
+  });
+  port2.start();
+  await rpc.invoke('Completions.initialize');
+  return rpc;
+};
+
+let workerPromise;
+const getOrCreate = () => {
+  if (!workerPromise) {
+    workerPromise = launchCompletionWorker();
+  }
+  return workerPromise;
+};
+const invoke = async (method, ...params) => {
+  const worker = await getOrCreate();
+  return await worker.invoke(method, ...params);
+};
+
 const updateWidget = (editor, widgetId, newState) => {
   // TODO avoid closure
   const isWidget = widget => {
@@ -8888,22 +8591,47 @@ const updateWidget = (editor, widgetId, newState) => {
   };
 };
 
-const getInvoke = () => {
-  return invoke$4;
+const getInvoke = widgetId => {
+  switch (widgetId) {
+    case ColorPicker:
+      return invoke$6;
+    case Completion:
+      return invoke;
+    case Find:
+      return invoke$4;
+    default:
+      return undefined;
+  }
 };
-const executeWidgetCommand = async (editor, name, method, uid, widgetId, ...params) => {
-  const invoke = getInvoke();
+const executeWidgetCommand = async (editor, name, method, _uid, widgetId, ...params) => {
+  const invoke = getInvoke(widgetId);
   const actualMethod = method.slice(name.length + 1);
+  const widget = editor.widgets.find(widget => widget.id === widgetId);
+  if (!widget) {
+    return editor;
+  }
+  const {
+    uid
+  } = widget.newState;
+  number(uid);
   await invoke(`${name}.${actualMethod}`, uid, ...params);
-  const diff = await invoke(`${name}.diff2`, uid);
-  const commands = await invoke(`${name}.render2`, uid, diff);
   const isWidget = widget => {
     return widget.id === widgetId;
   };
-  const childIndex = editor.widgets.findIndex(isWidget);
-  const childWidget = editor.widgets[childIndex];
+  const latestEditor = getEditor(editor.uid);
+  const childIndex1 = latestEditor.widgets.findIndex(isWidget);
+  if (childIndex1 === -1) {
+    return latestEditor;
+  }
+  const diff = await invoke(`${name}.diff2`, uid);
+  const commands = await invoke(`${name}.render2`, uid, diff);
+  const childIndex = latestEditor.widgets.findIndex(isWidget);
+  if (childIndex === -1) {
+    return latestEditor;
+  }
+  const childWidget = latestEditor.widgets[childIndex];
   const newState = {
-    ...childWidget.state,
+    ...childWidget.newState,
     commands
   };
   const newEditor = updateWidget(editor, widgetId, newState);
@@ -8921,35 +8649,53 @@ const getWordAt = (editorUid, rowIndex, columnIndex) => {
   } = getWordAt$1(editor, rowIndex, columnIndex);
   return word;
 };
-
-const replaceTextOccurrences = (editor, matches, oldValue, newValue) => {
-  const ranges = [];
-  const oldValueLength = oldValue.length;
-  for (let i = 0; i < matches.length; i += 2) {
-    const startRowIndex = matches[i];
-    const startColumnIndex = matches[i + 1];
-    const endRowIndex = matches[i];
-    const endColumnIndex = matches[i] + oldValueLength;
-    ranges.push(startRowIndex, startColumnIndex, endRowIndex, endColumnIndex);
-  }
-  return replaceRange(editor, ranges, [newValue], ReplaceAll$2);
+const getWordAtOffset2 = editorUid => {
+  const editor = getEditor(editorUid);
+  const word = getWordAtOffset(editor);
+  return word;
 };
-
-const replaceAll$1 = async editor => {
-  const state = getFindState(editor);
-  if (!state) {
-    return editor;
-  }
+const getWordBefore2 = (editorUid, rowIndex, columnIndex) => {
+  const editor = getEditor(editorUid);
+  const word = getWordBefore(editor, rowIndex, columnIndex);
+  return word;
+};
+const getLines2 = editorUid => {
+  const editor = getEditor(editorUid);
   const {
-    matches,
-    value,
-    replacement
-  } = state;
-  const edits = replaceTextOccurrences(editor, matches, value, replacement);
-  const newEditor = await applyEdit(editor, edits);
-  const newState = refresh$1(newEditor, state, value);
-  const newestEditor = updateWidget(newEditor, Find, newState);
-  return newestEditor;
+    lines
+  } = editor;
+  return lines;
+};
+const getSelections2 = editorUid => {
+  const editor = getEditor(editorUid);
+  const {
+    selections
+  } = editor;
+  return selections;
+};
+const closeFind2 = async editorUid => {
+  // console.log('close find')
+  const editor = getEditor(editorUid);
+  const {
+    widgets
+  } = editor;
+  const index = widgets.findIndex(widget => widget.id === Find);
+  if (index === -1) {
+    return;
+  }
+  const findWidget = widgets[index];
+  await invoke$4('FindWidget.dispose', findWidget.newState.uid);
+  const newWidgets = [...widgets.slice(0, index), ...widgets.slice(index + 1)];
+  // TODO transfer focus to editor
+  const newEditor = {
+    ...editor,
+    widgets: newWidgets,
+    focused: true
+  };
+  set$4(editorUid, editor, newEditor);
+  // console.log('before rerender')
+  // await RendererWorker.invoke('Editor.rerender', editorUid)
+  // console.log('after rerender')
 };
 
 const pending = Object.create(null);
@@ -9830,10 +9576,10 @@ const getTokensViewport2 = async (editor, startLineIndex, endLineIndex, syncIncr
         languageId,
         invalidStartIndex
       };
-      return invoke$1('GetTokensViewport.getTokensViewport', slimEditor, startLineIndex, endLineIndex, hasLinesToSend, id, linesToSend);
+      return invoke$2('GetTokensViewport.getTokensViewport', slimEditor, startLineIndex, endLineIndex, hasLinesToSend, id, linesToSend);
     }
     // TODO only send needed lines of text
-    return invoke$1('GetTokensViewport.getTokensViewport', editor, startLineIndex, endLineIndex, true, editor.id, editor.lines);
+    return invoke$2('GetTokensViewport.getTokensViewport', editor, startLineIndex, endLineIndex, true, editor.id, editor.lines);
   }
   return getTokensViewport(editor, startLineIndex, endLineIndex);
 };
@@ -10190,7 +9936,7 @@ const getIncrementalEdits = async (oldState, newState) => {
       } = newState;
       const oldLine = oldState.lines[rowIndex];
       const newLine = lines[rowIndex];
-      const incrementalEdits = await invoke$1('TokenizeIncremental.tokenizeIncremental', newState.uid, newState.languageId, oldLine, newLine, rowIndex, newState.minLineY);
+      const incrementalEdits = await invoke$2('TokenizeIncremental.tokenizeIncremental', newState.uid, newState.languageId, oldLine, newLine, rowIndex, newState.minLineY);
       if (incrementalEdits && incrementalEdits.length === 1) {
         return incrementalEdits;
       }
@@ -10294,7 +10040,7 @@ const renderScrollBarX = {
     return [/* method */'setScrollBarHorizontal', /* scrollBarX */scrollBarX, /* scrollBarWidth */scrollBarWidth, /* deltaX */newState.deltaX];
   }
 };
-const renderFocus$2 = {
+const renderFocus$1 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -10302,7 +10048,7 @@ const renderFocus$2 = {
     // TODO avoid side effect
     if (newState.focused) {
       const FocusEditorText = 12;
-      invoke$5('Focus.setFocus', FocusEditorText);
+      invoke$7('Focus.setFocus', FocusEditorText);
     }
     return [/* method */'setFocused', newState.focused];
   }
@@ -10392,7 +10138,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$d = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$2, renderDecorations, renderGutterInfo, renderWidgets];
+const render$c = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$1, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$4(id);
   if (!instance) {
@@ -10404,7 +10150,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$4(id, newState, newState);
-  for (const item of render$d) {
+  for (const item of render$c) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -10470,7 +10216,7 @@ const keep = [
 // 'ColorPicker.handleSliderPointerDown',
 // 'ColorPicker.handleSliderPointerMove',
 // 'ColorPicker.loadContent',
-'Editor.create', 'Editor.getWordAt', 'Editor.getWordBefore', 'Editor.offsetAt', 'Editor.render', 'Editor.getKeyBindings', 'Editor.getPositionAtCursor', 'Editor.getWordAt2', 'Editor.getWordAtOffset2', 'Editor.getQuickPickMenuEntries',
+'Editor.create', 'Editor.getWordAt', 'Editor.getWordBefore', 'Editor.offsetAt', 'Editor.render', 'Editor.getKeyBindings', 'Editor.getPositionAtCursor', 'Editor.getWordAt2', 'Editor.getWordAtOffset2', 'Editor.getLines2', 'Editor.closeFind2', 'Editor.getSelections2', 'Editor.getQuickPickMenuEntries',
 // 'ColorPicker.render',
 'Editor.getText', 'Editor.getSelections', 'Font.ensure', 'SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', 'Hover.getHoverInfo', 'Hover.handleSashPointerDown', 'Hover.handleSashPointerMove', 'Hover.handleSashPointerUp', 'Hover.loadContent', 'Hover.render', 'Initialize.initialize', 'ActivateByEvent.activateByEvent'];
 
@@ -10608,13 +10354,17 @@ const commandMap = {
   'Editor.getText': getText,
   'Editor.getWordAt': getWordAt$1,
   'Editor.getWordAt2': getWordAt,
-  'Editor.getWordAtOffset2': getWordAt,
+  'Editor.getWordAtOffset2': getWordAtOffset2,
+  'Editor.getWordBefore2': getWordBefore2,
   'Editor.getWordBefore': getWordBefore,
+  'Editor.getLines2': getLines2,
+  'Editor.getSelections2': getSelections2,
+  'Editor.closeFind2': closeFind2,
   'Editor.goToDefinition': goToDefinition,
   'Editor.goToTypeDefinition': goToTypeDefinition,
   'Editor.handleBeforeInput': handleBeforeInput,
   'Editor.handleBeforeInputFromContentEditable': handleBeforeInputFromContentEditable,
-  'Editor.handleBlur': handleBlur$1,
+  'Editor.handleBlur': handleBlur,
   'Editor.handleContextMenu': handleContextMenu,
   'Editor.handleDoubleClick': handleDoubleClick,
   'Editor.handleFocus': handleFocus,
@@ -10713,30 +10463,8 @@ const commandMap = {
   'EditorCompletion.selectIndex': selectIndex,
   'EditorCompletion.toggleDetails': toggleDetails,
   'EditorSourceActions.focusNext': focusNext,
-  'FindWidget.close': close$1,
-  'FindWidget.focusCloseButton': focusCloseButton,
-  'FindWidget.focusFind': focusFind,
-  'FindWidget.focusFirst': focusFirst$1,
-  'FindWidget.focusIndex': focusIndex$2,
-  'FindWidget.focusLast': focusLast,
-  'FindWidget.focusNext': focusNext$2,
-  'FindWidget.focusNextMatchButton': focusNextMatchButton,
-  'FindWidget.focusPrevious': focusPrevious$1,
-  'FindWidget.focusPreviousMatchButton': focusPreviousMatchButton,
-  'FindWidget.focusReplace': focusReplace,
-  'FindWidget.focusReplaceAllButton': focusReplaceAllButton,
-  'FindWidget.focusReplaceButton': focusReplaceButton,
-  'FindWidget.focusToggleReplace': focusToggleReplaceButton,
-  'FindWidget.handleBlur': handleBlur,
-  'FindWidget.handleFocus': handleFindWidgetFocus,
-  'FindWidget.handleInput': handleInput,
-  'FindWidget.handleReplaceAllFocus': handleReplaceAllFocus,
-  'FindWidget.handleReplaceFocus': handleReplaceFocus,
-  'FindWidget.handleReplaceInput': handleReplaceInput,
-  'FindWidget.handleToggleReplaceFocus': handleToggleReplaceFocus,
+  'FindWidget.close': close,
   'FindWidget.loadContent': loadContent$1,
-  'FindWidget.replaceAll': replaceAll$1,
-  'FindWidget.toggleReplace': toggleReplace,
   'Font.ensure': ensure,
   'Hover.getHoverInfo': getEditorHoverInfo,
   'Hover.handleSashPointerDown': handleSashPointerDown,
@@ -10808,7 +10536,7 @@ const isFunctional = widgetId => {
   switch (widgetId) {
     case ColorPicker:
     case Rename:
-      // case WidgetId.Completion:
+    case Find:
       return true;
     default:
       return false;
@@ -10852,7 +10580,6 @@ const removeWidget = widget => {
 };
 
 const CodeGeneratorInput = 'CodeGeneratorInput';
-const ToggleReplace$1 = 'ToggleReplace';
 
 const getCodeGeneratorVirtualDom = state => {
   const escapeToClose$1 = escapeToClose();
@@ -10883,7 +10610,7 @@ const renderContent$1 = {
     return [SetDom2, newState.uid, dom];
   }
 };
-const renderBounds$4 = {
+const renderBounds$3 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -10897,7 +10624,7 @@ const renderBounds$4 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const renderFocus$1 = {
+const renderFocus = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused && oldState.focusSource === newState.focusSource;
   },
@@ -10905,10 +10632,10 @@ const renderFocus$1 = {
     return [Focus, '.CodeGeneratorInput', newState.focusSource];
   }
 };
-const render$c = [renderContent$1, renderBounds$4, renderFocus$1];
-const renderFull$3 = (oldState, newState) => {
+const render$b = [renderContent$1, renderBounds$3, renderFocus];
+const renderFull$4 = (oldState, newState) => {
   const commands = [];
-  for (const item of render$c) {
+  for (const item of render$b) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -10916,8 +10643,8 @@ const renderFull$3 = (oldState, newState) => {
   return commands;
 };
 
-const render$b = widget => {
-  const commands = renderFull$3(widget.oldState, widget.newState);
+const render$a = widget => {
+  const commands = renderFull$4(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
     uid
@@ -10933,7 +10660,7 @@ const render$b = widget => {
   return wrappedCommands;
 };
 const add$7 = widget => {
-  return addWidget(widget, 'EditorCodeGenerator', render$b);
+  return addWidget(widget, 'EditorCodeGenerator', render$a);
 };
 const remove$7 = removeWidget;
 
@@ -10941,18 +10668,18 @@ const EditorCodeGeneratorWidget = {
   __proto__: null,
   add: add$7,
   remove: remove$7,
-  render: render$b
+  render: render$a
 };
 
-const renderFull$2 = (oldState, newState) => {
+const renderFull$3 = (oldState, newState) => {
   const commands = [...newState.commands];
   // @ts-ignore
   newState.commands = [];
   return commands;
 };
 
-const render$a = widget => {
-  const commands = renderFull$2(widget.oldState, widget.newState);
+const render$9 = widget => {
+  const commands = renderFull$3(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
     uid
@@ -10967,7 +10694,7 @@ const render$a = widget => {
   return wrappedCommands;
 };
 const add$6 = widget => {
-  return addWidget(widget, 'ColorPicker', render$a);
+  return addWidget(widget, 'ColorPicker', render$9);
 };
 const remove$6 = removeWidget;
 const Commands$1 = {};
@@ -10977,7 +10704,7 @@ const EditorColorPickerWidget = {
   Commands: Commands$1,
   add: add$6,
   remove: remove$6,
-  render: render$a
+  render: render$9
 };
 
 const getCompletionDetailVirtualDom = content => {
@@ -11021,7 +10748,7 @@ const renderContent = {
     return [SetDom2, newState.uid, dom];
   }
 };
-const renderBounds$3 = {
+const renderBounds$2 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -11035,13 +10762,13 @@ const renderBounds$3 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$9 = [renderContent, renderBounds$3];
-const renderFull$1 = (oldState, newState) => {
-  return renderParts(render$9, oldState, newState);
+const render$8 = [renderContent, renderBounds$2];
+const renderFull$2 = (oldState, newState) => {
+  return renderParts(render$8, oldState, newState);
 };
 
-const render$8 = widget => {
-  const commands = renderFull$1(widget.oldState, widget.newState);
+const render$7 = widget => {
+  const commands = renderFull$2(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
     uid
@@ -11056,7 +10783,7 @@ const render$8 = widget => {
   return wrappedCommands;
 };
 const add$5 = widget => {
-  return addWidget(widget, 'EditorCompletionDetails', render$8);
+  return addWidget(widget, 'EditorCompletionDetails', render$7);
 };
 const remove$5 = removeWidget;
 const handleEditorType$1 = (editor, state) => {
@@ -11094,11 +10821,9 @@ const EditorCompletionDetailWidget = {
   handleEditorDeleteLeft: handleEditorDeleteLeft$1,
   handleEditorType: handleEditorType$1,
   remove: remove$5,
-  render: render$8
+  render: render$7
 };
 
-const CheckBox = 'checkbox';
-const Group = 'group';
 const None = 'none';
 const Option = 'option';
 
@@ -11197,7 +10922,7 @@ const getCompletionItemsVirtualDom = visibleItems => {
     return [{
       type: Div,
       childCount: 1
-    }, text(noResults$1())];
+    }, text(noResults())];
   }
   const root = {
     type: Div,
@@ -11299,7 +11024,7 @@ const renderItems = {
     return ['setDom', dom];
   }
 };
-const renderBounds$2 = {
+const renderBounds$1 = {
   isEqual(oldState, newState) {
     return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -11345,10 +11070,10 @@ const renderScrollBar = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */scrollBarHeight];
   }
 };
-const render$7 = [renderItems, renderBounds$2, renderHeight, renderNegativeMargin, renderScrollBar];
+const render$6 = [renderItems, renderBounds$1, renderHeight, renderNegativeMargin, renderScrollBar];
 const renderCompletion = (oldState, newState) => {
   const commands = [];
-  for (const item of render$7) {
+  for (const item of render$6) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -11356,7 +11081,7 @@ const renderCompletion = (oldState, newState) => {
   return commands;
 };
 
-const render$6 = widget => {
+const render$5 = widget => {
   const commands = renderCompletion(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -11368,7 +11093,7 @@ const render$6 = widget => {
   return wrappedCommands;
 };
 const add$4 = widget => {
-  const commands = render$6(widget);
+  const commands = render$5(widget);
   const id = 'EditorCompletion';
   // TODO how to generate a unique integer id
   // that doesn't collide with ids created in renderer worker?
@@ -11447,407 +11172,25 @@ const EditorCompletionWidget = {
   handleEditorDeleteLeft,
   handleEditorType,
   remove: remove$4,
-  render: render$6
-};
-
-/**
- * @enum {string}
- */
-const UiStrings = {
-  MatchOf: '{PH1} of {PH2}',
-  NoResults: 'No Results',
-  Close: 'Close',
-  PreviousMatch: 'Previous Match',
-  NextMatch: 'Next Match',
-  Find: 'Find',
-  Replace: 'Replace',
-  ReplaceAll: 'Replace All'
-};
-const noResults = () => {
-  return i18nString(UiStrings.NoResults);
-};
-const matchOf = (matchIndex, matchCount) => {
-  return i18nString(UiStrings.MatchOf, {
-    PH1: matchIndex,
-    PH2: matchCount
-  });
-};
-const previousMatch = () => {
-  return i18nString(UiStrings.PreviousMatch);
-};
-const nextMatch = () => {
-  return i18nString(UiStrings.NextMatch);
-};
-const close = () => {
-  return i18nString(UiStrings.Close);
-};
-const find = () => {
-  return i18nString(UiStrings.Find);
-};
-const replace = () => {
-  return i18nString(UiStrings.Replace);
-};
-const replaceAll = () => {
-  return i18nString(UiStrings.ReplaceAll);
-};
-
-const ArrowDown = 'ArrowDown';
-const ArrowUp = 'ArrowUp';
-const Close$1 = 'Close';
-const Replace$1 = 'Replace';
-const ReplaceAll$1 = 'ReplaceAll';
-
-const SearchValue = 'search-value';
-const ReplaceValue = 'replace-value';
-const ReplaceAll = 'ReplaceAll';
-const Close = 'Close';
-const ToggleReplace = 'ToggleReplace';
-const FocusNext = 'FocusNext';
-const FocusPrevious = 'FocusPrevious';
-const Replace = 'Replace';
-
-const getFindWidgetButtons = (findButtonsEnabled, replaceButtonsEnabled) => {
-  const findButtons = [{
-    label: previousMatch(),
-    icon: ArrowUp,
-    disabled: !findButtonsEnabled,
-    onClick: HandleClickPreviousMatch,
-    name: FocusPrevious
-  }, {
-    label: nextMatch(),
-    icon: ArrowDown,
-    disabled: !findButtonsEnabled,
-    onClick: HandleClickNextMatch,
-    name: FocusNext
-  }, {
-    label: close(),
-    icon: Close$1,
-    disabled: false,
-    onClick: HandleClickClose,
-    name: Close
-  }];
-  const replaceButtons = [{
-    label: replace(),
-    icon: Replace$1,
-    disabled: !replaceButtonsEnabled,
-    onClick: HandleClickReplace,
-    name: Replace
-  }, {
-    label: replaceAll(),
-    icon: ReplaceAll$1,
-    disabled: !replaceButtonsEnabled,
-    onClick: HandleClickReplaceAll,
-    name: ReplaceAll
-  }];
-  return {
-    findButtons,
-    replaceButtons
-  };
-};
-
-const getFindWidgetButtonsEnabled = (matchCount, value) => {
-  const findButtonsEnabled = matchCount > 0;
-  const replaceButtonsEnabled = value.length > 0;
-  return {
-    findButtonsEnabled,
-    replaceButtonsEnabled
-  };
-};
-
-// TODO always focus element by name
-const getFindWidgetFocusSelector = focus => {
-  switch (focus) {
-    case FindWidget:
-      {
-        return `[name="${SearchValue}"]`;
-      }
-    case FocusFindWidgetReplace$1:
-      {
-        return `[name="${ReplaceValue}"]`;
-      }
-    case FocusFindWidgetReplaceAllButton$1:
-      {
-        return `[name="${ReplaceAll}"]`;
-      }
-    case FocusFindWidgetCloseButton$1:
-      {
-        return `[name="${Close}"]`;
-      }
-    case FocusFindWidgetToggleReplace:
-      {
-        return `[name="${ToggleReplace}"]`;
-      }
-    case FocusFindWidgetNextMatchButton$1:
-      {
-        return `[name="${FocusNext}"]`;
-      }
-    case FocusFindWidgetPreviousMatchButton$1:
-      {
-        return `[name="${FocusPrevious}"]`;
-      }
-    case FocusFindWidgetReplaceButton$1:
-      {
-        return `[name="${Replace}"]`;
-      }
-    default:
-      {
-        return '';
-      }
-  }
-};
-
-const getFindMatchCountClassName = (matchCount, value) => {
-  if (value && matchCount === 0) {
-    return mergeClassNames(FindWidgetMatchCount, FindWidgetMatchCountEmpty);
-  }
-  return FindWidgetMatchCount;
-};
-
-const getIconVirtualDom = (icon, type = Div) => {
-  return {
-    type,
-    className: `MaskIcon MaskIcon${icon}`,
-    role: None,
-    childCount: 0
-  };
-};
-
-const getIconButtonVirtualDom = iconButton => {
-  const {
-    label,
-    icon,
-    disabled,
-    name,
-    onClick
-  } = iconButton;
-  let className = IconButton;
-  if (disabled) {
-    className += ' ' + IconButtonDisabled;
-  }
-  return [{
-    type: Button,
-    className,
-    title: label,
-    ariaLabel: label,
-    childCount: 1,
-    disabled: disabled ? true : undefined,
-    onClick: onClick,
-    name: name
-  }, getIconVirtualDom(icon)];
-};
-
-const getSearchFieldButtonVirtualDom = button => {
-  const {
-    icon,
-    checked,
-    title
-  } = button;
-  return [{
-    type: Div,
-    className: mergeClassNames(SearchFieldButton, checked ? SearchFieldButtonChecked : ''),
-    title,
-    role: CheckBox,
-    ariaChecked: checked,
-    tabIndex: 0,
-    childCount: 1
-  }, {
-    type: Div,
-    className: mergeClassNames(MaskIcon, icon),
-    childCount: 0
-  }];
+  render: render$5
 };
 
-const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, outsideButtons, onFocus = '') => {
-  const dom = [{
-    type: Div,
-    className: SearchField,
-    role: None,
-    childCount: 2
-  }, {
-    type: TextArea,
-    className: MultilineInputBox,
-    spellcheck: false,
-    autocapitalize: 'off',
-    autocorrect: 'off',
-    placeholder,
-    name,
-    onInput,
-    onFocus,
-    childCount: 0
-  }, {
-    type: Div,
-    className: SearchFieldButtons,
-    childCount: insideButtons.length
-  }, ...insideButtons.flatMap(getSearchFieldButtonVirtualDom)];
-  if (outsideButtons.length > 0) {
-    throw new Error('outsideButtons are deprecated');
-  }
-  return dom;
-};
-
-const getFindWidgetFindVirtualDom = (matchCountText, buttons, matchCount, value) => {
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: FindWidgetFind,
-    childCount: 5
-  });
-  dom.push(...getSearchFieldVirtualDom('search-value', find(), HandleInput, [], [], HandleFocus));
-  const findClassName = getFindMatchCountClassName(matchCount, value);
-  dom.push({
-    type: Div,
-    className: findClassName,
-    childCount: 1
-  }, text(matchCountText), ...buttons.flatMap(getIconButtonVirtualDom));
-  return dom;
-};
-
-const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons) => {
-  const dom = [];
-  if (replaceExpanded) {
-    dom.push({
-      type: Div,
-      className: FindWidgetReplace,
-      childCount: 1 + replaceButtons.length
-    }, ...getSearchFieldVirtualDom('replace-value', replace(), HandleReplaceInput, [], [], HandleReplaceFocus), ...replaceButtons.flatMap(getIconButtonVirtualDom));
-  }
-  return dom;
-};
-
-const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
-  return [{
-    type: Button,
-    className: `IconButton SearchToggleButton ${replaceExpanded ? 'SearchToggleButtonExpanded' : ''}`,
-    title: 'Toggle Replace',
-    ariaLabel: 'Toggle Replace',
-    ariaExpanded: replaceExpanded,
-    name: ToggleReplace$1,
-    childCount: 1,
-    'data-command': 'toggleReplace',
-    onClick,
-    onFocus: 'handleToggleReplaceFocus'
-  }, {
-    type: Div,
-    className: `MaskIcon ${replaceExpanded ? 'MaskIconChevronDown' : 'MaskIconChevronRight'}`,
-    childCount: 0
-  }];
-};
-
-const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression, matchCount, value) => {
-  const dom = [];
-  dom.push({
-    type: Div,
-    className: 'Viewlet ViewletFind ViewletFindWidget FindWidget',
-    childCount: 2,
-    role: Group
-  });
-  dom.push(...getSearchToggleButtonVirtualDom(replaceExpanded, 'handleClickToggleReplace'));
-  dom.push({
-    type: Div,
-    className: FindWidgetRight,
-    childCount: replaceExpanded ? 2 : 1
-  });
-  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons, matchCount, value));
-  if (replaceExpanded) {
-    dom.push(...getFindWidgetReplaceVirtualDom(replaceExpanded, replaceButtons));
-  }
-  return dom;
-};
-
-const getMatchCountText = (matchIndex, matchCount) => {
-  if (matchCount === 0) {
-    return noResults();
-  }
-  return matchOf(matchIndex + 1, matchCount);
-};
-
-const renderValue = {
-  isEqual(oldState, newState) {
-    return oldState.value === newState.value;
-  },
-  apply(oldState, newState) {
-    return [SetValue, /* value */newState.value];
-  }
-};
-const renderDetails = {
-  isEqual(oldState, newState) {
-    return oldState.matchIndex === newState.matchIndex && oldState.matchCount === newState.matchCount && oldState.replaceExpanded === newState.replaceExpanded && oldState.value === newState.value;
-  },
-  apply(oldState, newState) {
-    const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
-    const {
-      findButtonsEnabled,
-      replaceButtonsEnabled
-    } = getFindWidgetButtonsEnabled(newState.matchCount, newState.value);
-    const {
-      findButtons,
-      replaceButtons
-    } = getFindWidgetButtons(findButtonsEnabled, replaceButtonsEnabled);
-    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons, newState.matchCase, newState.matchWholeWord, newState.useRegularExpression, newState.matchCount, newState.value);
-    return [SetDom2, dom];
-  }
-};
-const renderBounds$1 = {
-  isEqual(oldState, newState) {
-    return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
-  },
-  apply(oldState, newState) {
-    const {
-      x,
-      y,
-      width,
-      height
-    } = newState;
-    return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
-  }
-};
-const renderFocus = {
-  isEqual(oldState, newState) {
-    return oldState.focused === newState.focused && oldState.focus === newState.focus && oldState.focusSource === newState.focusSource;
-  },
-  apply(oldState, newState) {
-    const key = getFindWidgetFocusSelector(newState.focus);
-    return [Focus, key, newState.focusSource];
-  }
-};
-// const getAriaLabel = (state: FindWidgetState) => {
-//   const { matchIndex, matchCount, value } = state
-//   return FindStrings.matchesFoundFor(matchIndex, matchCount, value)
-// }
-
-// const renderAriaAnnouncement = {
-//   isEqual(oldState: FindWidgetState, newState: FindWidgetState) {
-//     return (
-//       oldState.ariaAnnouncement === newState.ariaAnnouncement &&
-//       oldState.matchIndex === newState.matchIndex &&
-//       oldState.matchCount === newState.matchCount &&
-//       oldState.value === newState.value
-//     )
-//   },
-//   apply(oldState: FindWidgetState, newState: FindWidgetState) {
-//     const ariaLabel = getAriaLabel(newState)
-//     return [/* Viewlet.invoke */ 'Viewlet.ariaAnnounce', /* text */ ariaLabel]
-//   },
-// }
-
-const render$5 = [renderDetails, renderBounds$1, renderValue, renderFocus];
-const apply = (oldState, newState) => {
-  // TODO avoid side effect
-  if (oldState.focus !== newState.focus) {
-    setFocus(newState.focus);
-  }
-  return renderParts(render$5, oldState, newState);
+const renderFull$1 = (oldState, newState) => {
+  const commands = [...newState.commands];
+  // @ts-ignore
+  newState.commands = [];
+  return commands;
 };
 
 const render$4 = widget => {
-  const commands = apply(widget.oldState, widget.newState);
+  const commands = renderFull$1(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
     uid
   } = widget.newState;
   for (const command of commands) {
-    if (command[0] === SetDom2) {
-      wrappedCommands.push([command[0], uid, ...command.slice(1)]);
+    if (command[0] === SetDom2 || command[0] === SetCss || command[0] === AppendToBody || command[0] === SetBounds2 || command[0] === RegisterEventListeners || command[0] === SetSelectionByName || command[0] === SetValueByName || command[0] === SetFocusContext || command[0] === SetUid || command[0] === 'Viewlet.focusSelector') {
+      wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
     }
@@ -11857,17 +11200,10 @@ const render$4 = widget => {
 const add$3 = widget => {
   return addWidget(widget, 'FindWidget', render$4);
 };
-const remove$3 = removeWidget;
-const Commands = {
-  'FindWidget.close': close$1,
-  'FindWidget.focusNext': focusNext$2,
-  'FindWidget.focusPrevious': focusPrevious$1,
-  'FindWidget.focusIndex': focusIndex$2,
-  'FindWidget.focusLast': focusLast,
-  'FindWidget.toggleReplace': toggleReplace,
-  'FindWidget.handleFocus': focusFind,
-  'FindWidget.handleBlur': handleBlur
+const remove$3 = widget => {
+  return [['Viewlet.dispose', widget.newState.uid]];
 };
+const Commands = {};
 
 const EditorFindWidget = {
   __proto__: null,
@@ -11908,9 +11244,6 @@ const renderFull = (oldState, newState) => {
   const commands = [...newState.commands];
   // @ts-ignore
   newState.commands = [];
-  console.log({
-    commands
-  });
   return commands;
 };