@lvce-editor/static-server 0.52.9 → 0.52.10

package/static/{b642978 → 31f9f25}/packages/editor-worker/dist/editorWorkerMain.js

@@ -365,16 +365,16 @@ const send = (transport, method, ...params) => {
   const message = create$4$1(method, params);
   transport.send(message);
 };
-const invoke$6 = (ipc, method, ...params) => {
+const invoke$7 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
-const invoke$5 = async (method, ...params) => {
+const invoke$6 = async (method, ...params) => {
   const ipc = get$7();
-  return invoke$6(ipc, method, ...params);
+  return invoke$7(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$4 = async (method, ...params) => {
-  return invoke$5(method, ...params);
+const invoke$5 = async (method, ...params) => {
+  return invoke$6(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$4('ExtensionHostManagement.activateByEvent', event);
+  await invoke$5('ExtensionHostManagement.activateByEvent', event);
 };
 
 const codeGeneratorAccept = state => {
@@ -981,7 +981,7 @@ const createRpc$1 = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$6(ipc, method, ...params);
+      return invoke$7(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$2(ipc, method, ...params);
@@ -1070,15 +1070,15 @@ const launchColorPickerWorker = async () => {
   return rpc;
 };
 
-let workerPromise;
-const getOrCreate$1 = () => {
-  if (!workerPromise) {
-    workerPromise = launchColorPickerWorker();
+let workerPromise$1;
+const getOrCreate$2 = () => {
+  if (!workerPromise$1) {
+    workerPromise$1 = launchColorPickerWorker();
   }
-  return workerPromise;
+  return workerPromise$1;
 };
-const invoke$3 = async (method, ...params) => {
-  const worker = await getOrCreate$1();
+const invoke$4 = async (method, ...params) => {
+  const worker = await getOrCreate$2();
   return await worker.invoke(method, ...params);
 };
 
@@ -1090,10 +1090,10 @@ const loadContent$3 = async (state, parentUid) => {
     width,
     height
   } = state;
-  await invoke$3('ColorPicker.create', uid, x, y, width, height, parentUid);
-  await invoke$3('ColorPicker.loadContent', uid);
-  const diff = await invoke$3('ColorPicker.diff2', uid);
-  const commands = await invoke$3('ColorPicker.render2', uid, diff);
+  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);
   return {
     ...state,
     commands
@@ -1115,7 +1115,6 @@ const IndentLess = 'indentLess';
 const IndentMore = 'indentMore';
 const InsertLineBreak = 'insertLineBreak';
 const LineComment = 'lineComment';
-const Rename$1 = 'rename';
 const ReplaceAll$2 = 'replaceAll';
 const ToggleBlockComment$1 = 'toggleBlockComment';
 
@@ -1490,7 +1489,7 @@ const createMeasureContext = () => {
 const state$8 = {
   ctx: undefined
 };
-const getOrCreate = createCtx => {
+const getOrCreate$1 = createCtx => {
   if (state$8.ctx) {
     return state$8.ctx;
   }
@@ -1499,7 +1498,7 @@ const getOrCreate = createCtx => {
 };
 
 const getContext = () => {
-  const ctx = getOrCreate(createMeasureContext);
+  const ctx = getOrCreate$1(createMeasureContext);
   return ctx;
 };
 
@@ -2037,7 +2036,6 @@ const set$4 = (id, oldEditor, newEditor) => {
 const CompletionExecute = 'ExtensionHostCompletion.execute';
 const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
 const HoverExecute = 'ExtensionHostHover.execute';
-const RenameExecuteRename = 'ExtensionHostRename.executeRenameProvider';
 const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompletionProvider';
 const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
 
@@ -2307,7 +2305,7 @@ const createRpc = method => {
     _ipc = ipc;
   };
   const invoke = async (method, ...params) => {
-    return invoke$6(_ipc, method, ...params);
+    return invoke$7(_ipc, method, ...params);
   };
   const invokeAndTransfer = async (method, ...params) => {
     return invokeAndTransfer$2(_ipc, method, ...params);
@@ -2321,7 +2319,7 @@ const createRpc = method => {
 
 const {
   listen: listen$4,
-  invoke: invoke$2} = createRpc(ExtensionHostWorker);
+  invoke: invoke$3} = createRpc(ExtensionHostWorker);
 
 const ColorPicker$1 = 41;
 const CompletionDetail$1 = 999;
@@ -2344,7 +2342,6 @@ const measureCharacterWidth = (fontWeight, fontSize, fontFamily, letterSpacing)
   return measureTextWidth('a', fontWeight, fontSize, fontFamily, letterSpacing, false, 0);
 };
 
-const OnRename = 'onRename';
 const OnCompletion = 'onCompletion';
 const OnDiagnostic = 'onDiagnostic';
 const OnHover = 'onHover';
@@ -2360,7 +2357,7 @@ const execute = async ({
 }) => {
   const fullEvent = `${event}:${editor.languageId}`;
   await activateByEvent(fullEvent);
-  const result = await invoke$2(method, editor.uid, ...args);
+  const result = await invoke$3(method, editor.uid, ...args);
   return result;
 };
 
@@ -2427,7 +2424,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$2(TextDocumentSyncFull, newState.uri, newState.id, newState.languageId, content);
+    await invoke$3(TextDocumentSyncFull, newState.uri, newState.id, newState.languageId, content);
     const diagnostics = await executeDiagnosticProvider(newState);
     const latest = get$4(newState.id);
     if (!latest) {
@@ -2440,7 +2437,7 @@ const updateDiagnostics = async newState => {
       decorations
     };
     set$4(newState.id, latest.oldState, newEditor);
-    await invoke$4('Editor.rerender', newState.id);
+    await invoke$5('Editor.rerender', newState.id);
     return newEditor;
   } catch (error) {
     // @ts-ignore
@@ -2574,7 +2571,7 @@ const createEditor = async ({
     focused: true
   };
   set$4(id, emptyEditor, newEditor4);
-  await invoke$2(TextDocumentSyncFull, uri, id, languageId, content);
+  await invoke$3(TextDocumentSyncFull, uri, id, languageId, content);
   if (diagnosticsEnabled) {
     updateDiagnostics(newEditor4);
   }
@@ -2643,7 +2640,7 @@ const applyEdit = async (editor, changes) => {
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
-const handleBlur$2 = editor => {
+const handleBlur$1 = editor => {
   if (editor.focusKey !== Empty) {
     return editor;
   }
@@ -2885,7 +2882,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$4('Editor.showOverlayMessage', editor, 'Viewlet.send', editor.uid, 'showOverlayMessage', x$1, y$1, displayErrorMessage);
+  await invoke$5('Editor.showOverlayMessage', editor, 'Viewlet.send', editor.uid, 'showOverlayMessage', x$1, y$1, displayErrorMessage);
   if (!isError) {
     const handleTimeout = () => {
       editorHideMessage(editor);
@@ -2941,7 +2938,7 @@ const braceCompletion = async (editor, text) => {
   try {
     // @ts-ignore
     const offset = offsetAt(editor, editor.cursor);
-    const result = await invoke$4('ExtensionHostBraceCompletion.executeBraceCompletionProvider', editor, offset, text);
+    const result = await invoke$5('ExtensionHostBraceCompletion.executeBraceCompletionProvider', editor, offset, text);
     if (result) {
       const closingBrace = getMatchingClosingBrace$1(text);
       const insertText = text + closingBrace;
@@ -3098,14 +3095,14 @@ const hasWidget = (widgets, id) => {
 };
 
 const setAdditionalFocus = async focusKey => {
-  await invoke$4('Focus.setAdditionalFocus', focusKey);
+  await invoke$5('Focus.setAdditionalFocus', focusKey);
 };
 
 const setFocus = async focusKey => {
   if (!focusKey) {
     return;
   }
-  await invoke$4('Focus.setFocus', focusKey);
+  await invoke$5('Focus.setFocus', focusKey);
 };
 
 const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGenerator, fullFocus) => {
@@ -3166,11 +3163,11 @@ const create$7 = () => {
   return widget;
 };
 
-const newStateGenerator$2 = (state, parentUid) => {
+const newStateGenerator$3 = (state, parentUid) => {
   return loadContent$3(state, parentUid);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker, ColorPicker$1, editor, create$7, newStateGenerator$2);
+  return addWidgetToEditor(ColorPicker, ColorPicker$1, editor, create$7, newStateGenerator$3);
 };
 
 const state$6 = {
@@ -3226,7 +3223,7 @@ const compositionEnd = (editor, data) => {
 const writeText = async text => {
   try {
     string(text);
-    await invoke$4('ClipBoard.writeText', /* text */text);
+    await invoke$5('ClipBoard.writeText', /* text */text);
   } catch (error) {
     throw new VError(error, 'Failed to write text to clipboard');
   }
@@ -3860,7 +3857,7 @@ const deleteWordRight = editor => {
 };
 
 const findAllReferences = async editor => {
-  await invoke$4('SideBar.show', 'References', /* focus */true);
+  await invoke$5('SideBar.show', 'References', /* focus */true);
   return editor;
 };
 
@@ -3990,7 +3987,7 @@ const getWordBefore = (editor, rowIndex, columnIndex) => {
 
 // @ts-ignore
 const getDefinition = async (editor, offset) => {
-  const definition = await invoke$4('ExtensionHostDefinition.executeDefinitionProvider', editor, offset);
+  const definition = await invoke$5('ExtensionHostDefinition.executeDefinitionProvider', editor, offset);
   return definition;
 };
 
@@ -4177,7 +4174,7 @@ const goTo = async ({
       endRowIndex: definition.endRowIndex,
       endColumnIndex: definition.endColumnIndex
     };
-    await invoke$4(/* Main.openUri */'Main.openUri', /* uri */uri, /* focus */true, context);
+    await invoke$5(/* Main.openUri */'Main.openUri', /* uri */uri, /* focus */true, context);
     return editor;
   } catch (error) {
     // TODO if editor is already disposed at this point, do nothing
@@ -4254,7 +4251,7 @@ const getNoLocationFoundMessage = info => {
 };
 
 const getTypeDefinition = async (editor, offset) => {
-  const definition = await invoke$4('ExtensionHostTypeDefinition.executeTypeDefinitionProvider', editor, offset);
+  const definition = await invoke$5('ExtensionHostTypeDefinition.executeTypeDefinitionProvider', editor, offset);
   return definition;
 };
 
@@ -4294,7 +4291,7 @@ const goToTypeDefinition = async (editor, explicit = true) => {
 const Editor = 3;
 
 const handleContextMenu = async (editor, button, x, y) => {
-  await invoke$4(/* ContextMenu.show */'ContextMenu.show', /* x */x, /* y */y, /* id */Editor);
+  await invoke$5(/* ContextMenu.show */'ContextMenu.show', /* x */x, /* y */y, /* id */Editor);
   return editor;
 };
 
@@ -4332,7 +4329,7 @@ const WhenExpressionEditorText = 12;
 const handleFocus = editor => {
   // TODO make change events functional,
   // when rendering, send focus changes to renderer worker
-  invoke$4('Focus.setFocus', WhenExpressionEditorText);
+  invoke$5('Focus.setFocus', WhenExpressionEditorText);
   return editor;
 };
 
@@ -4993,7 +4990,7 @@ const indentMore = editor => {
 };
 
 const getLanguageConfiguration = async editor => {
-  return invoke$4('Languages.getLanguageConfiguration', {
+  return invoke$5('Languages.getLanguageConfiguration', {
     uri: editor.uri,
     languageId: editor.languageId
   });
@@ -5297,7 +5294,7 @@ const create$6 = () => {
   return widget;
 };
 
-const newStateGenerator$1 = async state => {
+const newStateGenerator$2 = async state => {
   const latestState = {
     ...state,
     x: 100,
@@ -5309,7 +5306,7 @@ const newStateGenerator$1 = async state => {
 };
 const openCodeGenerator = async editor => {
   const fullFocus = true;
-  return addWidgetToEditor(CodeGenerator, FocusCodeGenerator, editor, create$6, newStateGenerator$1, fullFocus);
+  return addWidgetToEditor(CodeGenerator, FocusCodeGenerator, editor, create$6, newStateGenerator$2, fullFocus);
 };
 
 const create$5 = () => {
@@ -6064,7 +6061,7 @@ const focusToggleReplaceButton = state => {
   return setFindWidgetFocus(state, FocusFindWidgetToggleReplace);
 };
 
-const handleBlur$1 = async state => {
+const handleBlur = async state => {
   await setFocus(Empty);
   return state;
 };
@@ -6233,53 +6230,82 @@ const openFind = async state => {
   return openFind2(state);
 };
 
-const getRenamePosition = editor => {
-  const width = 300;
-  const height = 30;
-  const paddingTop = 10;
-  const cursor = getPositionAtCursor$1(editor);
-  const {
-    x
-  } = cursor;
-  const y = cursor.y + paddingTop;
-  return {
-    y,
-    x,
-    width,
-    height
-  };
-};
-
 const create$3 = () => {
   const completionUid = create$8();
   const renameWidget = {
     id: Rename,
     oldState: {
       uid: completionUid,
-      focusedIndex: -1,
-      oldValue: '',
-      newValue: '',
-      focused: false,
       x: 0,
       y: 0,
       width: 0,
-      height: 0
+      height: 0,
+      commands: []
     },
     newState: {
       uid: completionUid,
-      focusedIndex: -1,
-      oldValue: '',
-      newValue: '',
-      focused: true,
       x: 0,
       y: 0,
       width: 0,
-      height: 0
+      height: 0,
+      commands: []
     }
   };
   return renameWidget;
 };
 
+const launchRenameWorker = async () => {
+  const name = 'Rename Worker';
+  const {
+    port1,
+    port2
+  } = getPortTuple();
+  await invokeAndTransfer('IpcParent.create', {
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: 'renameWorkerMain.js',
+    name: name,
+    raw: true,
+    port: port1
+  });
+  const rpc = await MessagePortRpcParent.create({
+    commandMap: {},
+    messagePort: port2,
+    isMessagePortOpen: true
+  });
+  port2.start();
+  return rpc;
+};
+
+let workerPromise;
+const getOrCreate = () => {
+  if (!workerPromise) {
+    workerPromise = launchRenameWorker();
+  }
+  return workerPromise;
+};
+const invoke$2 = async (method, ...params) => {
+  const worker = await getOrCreate();
+  return await worker.invoke(method, ...params);
+};
+
+const newStateGenerator$1 = async (state, parentUid) => {
+  // const editor: any = {}
+  const {
+    uid,
+    x,
+    y,
+    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);
+  return {
+    ...state,
+    commands
+  };
+};
 const openRename = async editor => {
   const {
     rowIndex,
@@ -6291,27 +6317,8 @@ const openRename = async editor => {
   if (!word) {
     return editor;
   }
-  const newStateGenerator = async state => {
-    // TODO query if can rename from extension host
-    const {
-      x,
-      y,
-      width,
-      height
-    } = getRenamePosition(editor);
-    const latestState = {
-      ...state,
-      x,
-      y,
-      width,
-      height,
-      oldValue: word,
-      newValue: word
-    };
-    return latestState;
-  };
   const fullFocus = true;
-  return addWidgetToEditor(Rename, FocusEditorRename$1, editor, create$3, newStateGenerator, fullFocus);
+  return addWidgetToEditor(Rename, FocusEditorRename$1, editor, create$3, newStateGenerator$1, fullFocus);
 };
 
 const getOrganizeImportEdits = async editor => {
@@ -6339,7 +6346,7 @@ const pasteText = (editor, text) => {
 };
 
 const paste = async editor => {
-  const text = await invoke$4('ClipBoard.readText');
+  const text = await invoke$5('ClipBoard.readText');
   string(text);
   return pasteText(editor, text);
 };
@@ -6481,7 +6488,7 @@ const save = async editor => {
     } = editor;
     const newEditor = await getNewEditor(editor);
     const content = getText$1(newEditor);
-    await invoke$4('FileSystem.writeFile', uri, content);
+    await invoke$5('FileSystem.writeFile', uri, content);
     return newEditor;
   } catch (error) {
     // @ts-ignore
@@ -6787,7 +6794,7 @@ const selectInsideString = editor => {
 // import * as ExtensionHostSelection from '../ExtensionHost/ExtensionHostSelection.ts'
 
 const getNewSelections = async (editor, selections) => {
-  const newSelections = await invoke$4('ExtensionHostSelection.executeGrowSelection', editor, selections);
+  const newSelections = await invoke$5('ExtensionHostSelection.executeGrowSelection', editor, selections);
   if (newSelections.length === 0) {
     return selections;
   }
@@ -7277,7 +7284,7 @@ const listen$2 = async () => {
   _ipc = ipc;
 };
 const invoke = async (method, ...args) => {
-  return invoke$6(_ipc, method, ...args);
+  return invoke$7(_ipc, method, ...args);
 };
 
 const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
@@ -7492,13 +7499,13 @@ const showHover2 = async editor => {
 
 const EditorHover = 'EditorHover';
 const showHover = async state => {
-  await invoke$4('Viewlet.openWidget', EditorHover);
+  await invoke$5('Viewlet.openWidget', EditorHover);
   return state;
 };
 
 // TODO ask extension host worker instead
 const getEditorSourceActions = async () => {
-  const sourceActions = await invoke$4('GetEditorSourceActions.getEditorSourceActions');
+  const sourceActions = await invoke$5('GetEditorSourceActions.getEditorSourceActions');
   return sourceActions;
 };
 
@@ -8148,7 +8155,7 @@ const typeWithAutoClosingQuote = (editor, text) => {
 
 const typeWithAutoClosingTag = async (editor, text) => {
   const offset = offsetAt(editor, editor.selections[0], editor.selections[1]);
-  const result = await invoke$4('ExtensionHostClosingTagCompletion.executeClosingTagProvider', editor, offset, text);
+  const result = await invoke$5('ExtensionHostClosingTagCompletion.executeClosingTagProvider', editor, offset, text);
   if (!result) {
     const changes = editorReplaceSelections(editor, [text], EditorType);
     return scheduleDocumentAndCursorsSelections(editor, changes);
@@ -8796,6 +8803,9 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
 const AppendToBody = 'Viewlet.appendToBody';
 const Focus = 'focus';
 const RegisterEventListeners = 'Viewlet.registerEventListeners';
+const SetSelectionByName = 'Viewlet.setSelectionByName';
+const SetValueByName = 'Viewlet.setValueByName';
+const SetFocusContext = 'Viewlet.setFocusContext';
 const SetBounds = 'setBounds';
 const SetBounds2 = 'Viewlet.setBounds';
 const SetContentHeight = 'setContentHeight';
@@ -8815,7 +8825,7 @@ const renderHoverDom = {
     return [/* method */SetDom2, dom];
   }
 };
-const renderBounds$6 = {
+const renderBounds$5 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -8829,10 +8839,10 @@ const renderBounds$6 = {
     return [SetBounds, x, y, width, height];
   }
 };
-const render$f = [renderHoverDom, renderBounds$6];
+const render$e = [renderHoverDom, renderBounds$5];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$f) {
+  for (const item of render$e) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8840,79 +8850,6 @@ const renderHover = (oldState, newState) => {
   return commands;
 };
 
-const executeRenameProvider = async (editor, offset, newName) => {
-  return execute({
-    editor,
-    event: OnRename,
-    method: RenameExecuteRename,
-    args: [offset, newName],
-    noProviderFoundMessage: 'no rename provider found',
-    noProviderFoundResult: []});
-};
-
-const getRenameState = editor => {
-  return getWidgetState(editor, Rename);
-};
-
-const getRenameChanges = (editor, result) => {
-  if (!result?.edits) {
-    return [];
-  }
-  const changes = [];
-  console.log({
-    result
-  });
-  for (const edit of result.edits) {
-    const position = positionAt(editor, edit.offset);
-    const start = position;
-    const end = {
-      ...position,
-      columnIndex: start.columnIndex + edit.deleted
-    };
-    const selection = {
-      start,
-      end
-    };
-    changes.push({
-      start,
-      end,
-      inserted: [result.inserted],
-      deleted: getSelectionText(editor, selection),
-      origin: Rename$1
-    });
-  }
-  return changes;
-};
-const accept = async editor => {
-  const child = getRenameState(editor);
-  if (!child) {
-    return editor;
-  }
-  const {
-    widgets
-  } = editor;
-  const newWidgets = removeEditorWidget(widgets, Rename);
-  // TODO
-  const offset = getOffsetAtCursor(editor);
-  const result = await executeRenameProvider(editor, offset, child.newValue);
-  const changes = getRenameChanges(editor, result);
-  console.log({
-    changes
-  });
-  // 1. ask extension host for rename edits
-  // 2. apply rename edit across editor (and whole workspace)
-  // 3. close rename widget
-  return {
-    ...editor,
-    focused: true,
-    widgets: newWidgets
-  };
-};
-
-const handleBlur = editor => {
-  return closeRename(editor);
-};
-
 const rerender = editor => {
   // TODO avoid slow clone
   return structuredClone(editor);
@@ -8952,7 +8889,7 @@ const updateWidget = (editor, widgetId, newState) => {
 };
 
 const getInvoke = () => {
-  return invoke$3;
+  return invoke$4;
 };
 const executeWidgetCommand = async (editor, name, method, uid, widgetId, ...params) => {
   const invoke = getInvoke();
@@ -10357,7 +10294,7 @@ const renderScrollBarX = {
     return [/* method */'setScrollBarHorizontal', /* scrollBarX */scrollBarX, /* scrollBarWidth */scrollBarWidth, /* deltaX */newState.deltaX];
   }
 };
-const renderFocus$3 = {
+const renderFocus$2 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -10365,7 +10302,7 @@ const renderFocus$3 = {
     // TODO avoid side effect
     if (newState.focused) {
       const FocusEditorText = 12;
-      invoke$4('Focus.setFocus', FocusEditorText);
+      invoke$5('Focus.setFocus', FocusEditorText);
     }
     return [/* method */'setFocused', newState.focused];
   }
@@ -10455,7 +10392,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$e = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$3, renderDecorations, renderGutterInfo, renderWidgets];
+const render$d = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$2, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$4(id);
   if (!instance) {
@@ -10467,7 +10404,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$4(id, newState, newState);
-  for (const item of render$e) {
+  for (const item of render$d) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -10533,7 +10470,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.getQuickPickMenuEntries',
+'Editor.create', 'Editor.getWordAt', 'Editor.getWordBefore', 'Editor.offsetAt', 'Editor.render', 'Editor.getKeyBindings', 'Editor.getPositionAtCursor', 'Editor.getWordAt2', 'Editor.getWordAtOffset2', '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'];
 
@@ -10671,12 +10608,13 @@ const commandMap = {
   'Editor.getText': getText,
   'Editor.getWordAt': getWordAt$1,
   'Editor.getWordAt2': getWordAt,
+  'Editor.getWordAtOffset2': getWordAt,
   'Editor.getWordBefore': getWordBefore,
   'Editor.goToDefinition': goToDefinition,
   'Editor.goToTypeDefinition': goToTypeDefinition,
   'Editor.handleBeforeInput': handleBeforeInput,
   'Editor.handleBeforeInputFromContentEditable': handleBeforeInputFromContentEditable,
-  'Editor.handleBlur': handleBlur$2,
+  'Editor.handleBlur': handleBlur$1,
   'Editor.handleContextMenu': handleContextMenu,
   'Editor.handleDoubleClick': handleDoubleClick,
   'Editor.handleFocus': handleFocus,
@@ -10774,8 +10712,6 @@ const commandMap = {
   'EditorCompletion.selectCurrent': selectCurrent,
   'EditorCompletion.selectIndex': selectIndex,
   'EditorCompletion.toggleDetails': toggleDetails,
-  'EditorRename.accept': accept,
-  'EditorRename.handleBlur': handleBlur,
   'EditorSourceActions.focusNext': focusNext,
   'FindWidget.close': close$1,
   'FindWidget.focusCloseButton': focusCloseButton,
@@ -10791,7 +10727,7 @@ const commandMap = {
   'FindWidget.focusReplaceAllButton': focusReplaceAllButton,
   'FindWidget.focusReplaceButton': focusReplaceButton,
   'FindWidget.focusToggleReplace': focusToggleReplaceButton,
-  'FindWidget.handleBlur': handleBlur$1,
+  'FindWidget.handleBlur': handleBlur,
   'FindWidget.handleFocus': handleFindWidgetFocus,
   'FindWidget.handleInput': handleInput,
   'FindWidget.handleReplaceAllFocus': handleReplaceAllFocus,
@@ -10871,7 +10807,8 @@ const listen = async () => {
 const isFunctional = widgetId => {
   switch (widgetId) {
     case ColorPicker:
-      // case WidgetId.Rename: // TODO
+    case Rename:
+      // case WidgetId.Completion:
       return true;
     default:
       return false;
@@ -10937,7 +10874,7 @@ const getCodeGeneratorVirtualDom = state => {
   }, text(escapeToClose$1)];
 };
 
-const renderContent$2 = {
+const renderContent$1 = {
   isEqual(oldState, newState) {
     return oldState.questions === newState.questions;
   },
@@ -10946,7 +10883,7 @@ const renderContent$2 = {
     return [SetDom2, newState.uid, dom];
   }
 };
-const renderBounds$5 = {
+const renderBounds$4 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -10960,7 +10897,7 @@ const renderBounds$5 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const renderFocus$2 = {
+const renderFocus$1 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused && oldState.focusSource === newState.focusSource;
   },
@@ -10968,10 +10905,10 @@ const renderFocus$2 = {
     return [Focus, '.CodeGeneratorInput', newState.focusSource];
   }
 };
-const render$d = [renderContent$2, renderBounds$5, renderFocus$2];
+const render$c = [renderContent$1, renderBounds$4, renderFocus$1];
 const renderFull$3 = (oldState, newState) => {
   const commands = [];
-  for (const item of render$d) {
+  for (const item of render$c) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -10979,7 +10916,7 @@ const renderFull$3 = (oldState, newState) => {
   return commands;
 };
 
-const render$c = widget => {
+const render$b = widget => {
   const commands = renderFull$3(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -10996,7 +10933,7 @@ const render$c = widget => {
   return wrappedCommands;
 };
 const add$7 = widget => {
-  return addWidget(widget, 'EditorCodeGenerator', render$c);
+  return addWidget(widget, 'EditorCodeGenerator', render$b);
 };
 const remove$7 = removeWidget;
 
@@ -11004,7 +10941,7 @@ const EditorCodeGeneratorWidget = {
   __proto__: null,
   add: add$7,
   remove: remove$7,
-  render: render$c
+  render: render$b
 };
 
 const renderFull$2 = (oldState, newState) => {
@@ -11014,7 +10951,7 @@ const renderFull$2 = (oldState, newState) => {
   return commands;
 };
 
-const render$b = widget => {
+const render$a = widget => {
   const commands = renderFull$2(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -11030,7 +10967,7 @@ const render$b = widget => {
   return wrappedCommands;
 };
 const add$6 = widget => {
-  return addWidget(widget, 'ColorPicker', render$b);
+  return addWidget(widget, 'ColorPicker', render$a);
 };
 const remove$6 = removeWidget;
 const Commands$1 = {};
@@ -11040,7 +10977,7 @@ const EditorColorPickerWidget = {
   Commands: Commands$1,
   add: add$6,
   remove: remove$6,
-  render: render$b
+  render: render$a
 };
 
 const getCompletionDetailVirtualDom = content => {
@@ -11075,7 +11012,7 @@ const renderParts = (render, oldState, newState) => {
   return commands;
 };
 
-const renderContent$1 = {
+const renderContent = {
   isEqual(oldState, newState) {
     return oldState.content === newState.content;
   },
@@ -11084,7 +11021,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;
   },
@@ -11098,12 +11035,12 @@ const renderBounds$4 = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
-const render$a = [renderContent$1, renderBounds$4];
+const render$9 = [renderContent, renderBounds$3];
 const renderFull$1 = (oldState, newState) => {
-  return renderParts(render$a, oldState, newState);
+  return renderParts(render$9, oldState, newState);
 };
 
-const render$9 = widget => {
+const render$8 = widget => {
   const commands = renderFull$1(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -11119,7 +11056,7 @@ const render$9 = widget => {
   return wrappedCommands;
 };
 const add$5 = widget => {
-  return addWidget(widget, 'EditorCompletionDetails', render$9);
+  return addWidget(widget, 'EditorCompletionDetails', render$8);
 };
 const remove$5 = removeWidget;
 const handleEditorType$1 = (editor, state) => {
@@ -11157,7 +11094,7 @@ const EditorCompletionDetailWidget = {
   handleEditorDeleteLeft: handleEditorDeleteLeft$1,
   handleEditorType: handleEditorType$1,
   remove: remove$5,
-  render: render$9
+  render: render$8
 };
 
 const CheckBox = 'checkbox';
@@ -11362,7 +11299,7 @@ const renderItems = {
     return ['setDom', dom];
   }
 };
-const renderBounds$3 = {
+const renderBounds$2 = {
   isEqual(oldState, newState) {
     return oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -11408,10 +11345,10 @@ const renderScrollBar = {
     return [/* method */SetScrollBar, /* scrollBarY */scrollBarY, /* scrollBarHeight */scrollBarHeight];
   }
 };
-const render$8 = [renderItems, renderBounds$3, renderHeight, renderNegativeMargin, renderScrollBar];
+const render$7 = [renderItems, renderBounds$2, renderHeight, renderNegativeMargin, renderScrollBar];
 const renderCompletion = (oldState, newState) => {
   const commands = [];
-  for (const item of render$8) {
+  for (const item of render$7) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -11419,7 +11356,7 @@ const renderCompletion = (oldState, newState) => {
   return commands;
 };
 
-const render$7 = widget => {
+const render$6 = widget => {
   const commands = renderCompletion(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -11431,7 +11368,7 @@ const render$7 = widget => {
   return wrappedCommands;
 };
 const add$4 = widget => {
-  const commands = render$7(widget);
+  const commands = render$6(widget);
   const id = 'EditorCompletion';
   // TODO how to generate a unique integer id
   // that doesn't collide with ids created in renderer worker?
@@ -11510,7 +11447,7 @@ const EditorCompletionWidget = {
   handleEditorDeleteLeft,
   handleEditorType,
   remove: remove$4,
-  render: render$7
+  render: render$6
 };
 
 /**
@@ -11850,7 +11787,7 @@ const renderDetails = {
     return [SetDom2, dom];
   }
 };
-const renderBounds$2 = {
+const renderBounds$1 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
@@ -11864,7 +11801,7 @@ const renderBounds$2 = {
     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.focus === newState.focus && oldState.focusSource === newState.focusSource;
   },
@@ -11893,16 +11830,16 @@ const renderFocus$1 = {
 //   },
 // }
 
-const render$6 = [renderDetails, renderBounds$2, renderValue, renderFocus$1];
+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$6, oldState, newState);
+  return renderParts(render$5, oldState, newState);
 };
 
-const render$5 = widget => {
+const render$4 = widget => {
   const commands = apply(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -11918,7 +11855,7 @@ const render$5 = widget => {
   return wrappedCommands;
 };
 const add$3 = widget => {
-  return addWidget(widget, 'FindWidget', render$5);
+  return addWidget(widget, 'FindWidget', render$4);
 };
 const remove$3 = removeWidget;
 const Commands = {
@@ -11929,7 +11866,7 @@ const Commands = {
   'FindWidget.focusLast': focusLast,
   'FindWidget.toggleReplace': toggleReplace,
   'FindWidget.handleFocus': focusFind,
-  'FindWidget.handleBlur': handleBlur$1
+  'FindWidget.handleBlur': handleBlur
 };
 
 const EditorFindWidget = {
@@ -11937,10 +11874,10 @@ const EditorFindWidget = {
   Commands,
   add: add$3,
   remove: remove$3,
-  render: render$5
+  render: render$4
 };
 
-const render$4 = widget => {
+const render$3 = widget => {
   const commands = renderHover(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const {
@@ -11956,7 +11893,7 @@ const render$4 = widget => {
   return wrappedCommands;
 };
 const add$2 = widget => {
-  return addWidget(widget, 'EditorHover', render$4);
+  return addWidget(widget, 'EditorHover', render$3);
 };
 const remove$2 = removeWidget;
 
@@ -11964,57 +11901,17 @@ const EditorHoverWidget = {
   __proto__: null,
   add: add$2,
   remove: remove$2,
-  render: render$4
-};
-
-const getRenameVirtualDom = state => {
-  return [{
-    type: Div,
-    className: 'Viewlet EditorRename',
-    childCount: 1
-  }, {
-    type: Input,
-    className: 'InputBox RenameInputBox',
-    value: state.newValue,
-    childCount: 0,
-    onBlur: 'handleBlur'
-  }];
+  render: render$3
 };
 
-const renderContent = {
-  isEqual(oldState, newState) {
-    return false;
-  },
-  apply(oldState, newState) {
-    const dom = getRenameVirtualDom(newState);
-    return [SetDom2, newState.uid, 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;
-  },
-  apply(oldState, newState) {
-    return [/* method */'Viewlet.focusSelector', newState.uid, '.RenameInputBox'];
-  }
-};
-const render$3 = [renderContent, renderBounds$1, renderFocus];
 const renderFull = (oldState, newState) => {
-  return renderParts(render$3, oldState, newState);
+  const commands = [...newState.commands];
+  // @ts-ignore
+  newState.commands = [];
+  console.log({
+    commands
+  });
+  return commands;
 };
 
 const render$2 = widget => {
@@ -12024,9 +11921,7 @@ const render$2 = widget => {
     uid
   } = widget.newState;
   for (const command of commands) {
-    if (command[0] === SetDom2) {
-      wrappedCommands.push(command);
-    } else if (command[0] === 'Viewlet.focusSelector') {
+    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]);