@lvce-editor/static-server 0.84.0 → 0.84.2

package/static/{ba431a4 → 751db1a}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/ba431a4';
+    return '/751db1a';
   }
 };
 const assetDir = getAssetDir$1();
@@ -3564,7 +3564,7 @@ const ExtensionStateStorage = {
   setJson: setJson$1
 };
 
-const saveState$j = async () => {
+const saveState$k = async () => {
   const state = await invoke$A('SaveState.saveState');
   return state;
 };
@@ -3574,7 +3574,7 @@ const getSavedState = async () => {
 };
 
 const saveExtensionState = async () => {
-  const state = await saveState$j();
+  const state = await saveState$k();
   await setJson$1(state);
 };
 
@@ -4584,7 +4584,7 @@ const send = (id, method, ...args) => {
 /**
  * @deprecated
  */
-const dispose$u = async id => {
+const dispose$v = async id => {
   if (!id) {
     console.warn('no instance to dispose');
     return;
@@ -6537,6 +6537,9 @@ const commandMap = {
   'ElectronClipBoard.writeText': lazy('ElectronClipBoard.writeText'),
   'ElectronContentTracing.startRecording': lazy('ElectronContentTracing.startRecording'),
   'ElectronContentTracing.stopRecording': lazy('ElectronContentTracing.stopRecording'),
+  'ElectronDialog.mockOpenDialog': lazy('ElectronDialog.mockOpenDialog'),
+  'ElectronDialog.resetMockOpenDialog': lazy('ElectronDialog.resetMockOpenDialog'),
+  'ElectronDialog.showOpenDialog': lazy('ElectronDialog.showOpenDialog'),
   'ElectronDialog.showMessageBox': lazy('ElectronDialog.showMessageBox'),
   'ElectronWindow.close': lazy('ElectronWindow.close'),
   'ElectronWindow.maximize': lazy('ElectronWindow.maximize'),
@@ -10015,7 +10018,20 @@ const ColorTheme_ipc = {
   name: name$22
 };
 
+let mockOpenDialogPaths = undefined;
+const mockOpenDialog = paths => {
+  if (!Array.isArray(paths)) {
+    throw new TypeError('expected paths to be an array');
+  }
+  mockOpenDialogPaths = paths;
+};
+const resetMockOpenDialog = () => {
+  mockOpenDialogPaths = undefined;
+};
 const showOpenDialog = (title, properties) => {
+  if (mockOpenDialogPaths) {
+    return mockOpenDialogPaths;
+  }
   return invoke$C('ElectronDialog.showOpenDialog', title, properties);
 };
 const showMessageBox = async options => {
@@ -10294,8 +10310,8 @@ const attachDebugger = async pid => {
   await invoke$C('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.84.0';
-const commit$1 = 'ba431a4';
+const version = '0.84.2';
+const commit$1 = '751db1a';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$C('Process.getPid');
@@ -10885,7 +10901,7 @@ const openFile = () => {
       return openFileElectron();
   }
 };
-const handleClick$2 = async index => {
+const handleClick$3 = async index => {
   // @ts-ignore
   const {
     options
@@ -10922,7 +10938,7 @@ const showMessage = async (message, options) => {
       // TODO can this even happen?
       return;
     }
-    await handleClick$2(index);
+    await handleClick$3(index);
   } else {
     await openWidget(Dialog, message, options);
   }
@@ -10932,7 +10948,7 @@ const name$1X = 'Dialog';
 const Commands$1$ = {
   // @ts-ignore
   close: undefined,
-  handleClick: handleClick$2,
+  handleClick: handleClick$3,
   openFile: openFile,
   openFolder: openFolder$3,
   showMessage: showMessage
@@ -11274,13 +11290,40 @@ const openCachedExtensionsFolder = async () => {
   const cachedExtensionsFolder = await getCachedExtensionsPath();
   await openNativeFolder(cachedExtensionsFolder);
 };
+const applyViewRenderResult = async (uid, result) => {
+  if (result?.type === 'setDom') {
+    await invoke$F('Viewlet.setDom2', uid, result.dom || []);
+  }
+  if (result?.type === 'setPatches') {
+    await invoke$F('Viewlet.setPatches', uid, result.patches || []);
+  }
+  return result;
+};
+const createViewInstance = async (viewId, uid, context) => {
+  const result = await invoke$B('Extensions.createViewInstance', viewId, uid, context, assetDir, getPlatform$1());
+  return applyViewRenderResult(uid, result);
+};
+const dispatchViewEvent = async (viewId, uid, event) => {
+  const result = await invoke$B('Extensions.dispatchViewEvent', viewId, uid, event, assetDir, getPlatform$1());
+  return applyViewRenderResult(uid, result);
+};
+const disposeViewInstance = async (viewId, uid) => {
+  await invoke$B('Extensions.disposeViewInstance', viewId, uid, assetDir, getPlatform$1());
+};
+const saveViewInstanceState = async (viewId, uid) => {
+  return invoke$B('Extensions.saveViewInstanceState', viewId, uid, assetDir, getPlatform$1());
+};
 
 const name$1M = 'Extensions';
 
 // prettier-ignore
 const Commands$1P = {
+  createViewInstance: createViewInstance,
+  dispatchViewEvent: dispatchViewEvent,
+  disposeViewInstance: disposeViewInstance,
   openCachedExtensionsFolder: openCachedExtensionsFolder,
-  openExtensionsFolder: openExtensionsFolder
+  openExtensionsFolder: openExtensionsFolder,
+  saveViewInstanceState: saveViewInstanceState
 };
 
 const Extensions_ipc = {
@@ -12080,7 +12123,7 @@ const showWithOptions = async (type, text, options) => {
   });
   await invoke$F(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
-const handleClick$1 = index => {
+const handleClick$2 = index => {
   console.log('handle click');
   const notification = state$5.notifications[0];
   if (!notification.options) {
@@ -12093,15 +12136,15 @@ const handleClick$1 = index => {
     option
   });
 };
-const dispose$t = async id => {
+const dispose$u = async id => {
   await invoke$F(/* Notification.dispose */'Notification.dispose', /* id */id);
 };
 
 const name$1w = 'Notification';
 const Commands$1y = {
   create: create$V,
-  dispose: dispose$t,
-  handleClick: handleClick$1,
+  dispose: dispose$u,
+  handleClick: handleClick$2,
   showWithOptions: showWithOptions
 };
 
@@ -12149,7 +12192,7 @@ const create$U = (id, successHtml, errorHtml) => {
 const getCode = id => {
   return invoke$C('OAuthServer.getCode', id);
 };
-const dispose$s = id => {
+const dispose$t = id => {
   return invoke$C('OAuthServer.dispose', id);
 };
 
@@ -12157,7 +12200,7 @@ const name$1u = 'OAuthServer';
 const Commands$1w = {
   create: create$U,
   getCode: getCode,
-  dispose: dispose$s
+  dispose: dispose$t
 };
 
 const OAuthServer_ipc = {
@@ -12416,7 +12459,7 @@ const Commands$1h = {
   getAllStates: getAllStates,
   openWidget: openWidget,
   send: send,
-  dispose: dispose$u,
+  dispose: dispose$v,
   resize: resize$o
 };
 
@@ -13800,6 +13843,9 @@ const GetWindowId_ipc = {
 
 const name$L = 'ElectronDialog';
 const Commands$N = {
+  mockOpenDialog: mockOpenDialog,
+  resetMockOpenDialog: resetMockOpenDialog,
+  showOpenDialog: showOpenDialog,
   showMessageBox: showMessageBox
 };
 
@@ -14066,7 +14112,7 @@ const renderDialog$4 = {
   multiple: true
 };
 const render$K = [renderDialog$4];
-const renderEventListeners$q = async () => {
+const renderEventListeners$r = async () => {
   const listeners = await invoke$u('About.renderEventListeners');
   return listeners;
 };
@@ -14085,7 +14131,7 @@ const ViewletAbout_ipc = {
   name: name$G,
   render: render$K,
   renderDialog: renderDialog$4,
-  renderEventListeners: renderEventListeners$q
+  renderEventListeners: renderEventListeners$r
 };
 
 const activityBarWorkerUrl = `${assetDir}/packages/activity-bar-worker/dist/activityBarWorkerMain.js`;
@@ -14321,7 +14367,7 @@ const renderItems$g = {
   multiple: true
 };
 const render$J = [renderItems$g];
-const renderEventListeners$p = async () => {
+const renderEventListeners$q = async () => {
   const listeners = await invoke$i('ActivityBar.renderEventListeners');
   return listeners;
 };
@@ -14349,7 +14395,7 @@ const ViewletActivityBar_ipc = {
   menus: menus$i,
   name: name$F,
   render: render$J,
-  renderEventListeners: renderEventListeners$p
+  renderEventListeners: renderEventListeners$q
 };
 
 /**
@@ -14388,7 +14434,7 @@ const handleAudioError = (state, code, message) => {
     audioErrorMessage: improvedMessage
   };
 };
-const dispose$r = async state => {
+const dispose$s = async state => {
   const {
     src
   } = state;
@@ -14540,7 +14586,7 @@ const ViewletAudio_ipc = {
   Commands: Commands$G,
   Css: Css$G,
   create: create$Q,
-  dispose: dispose$r,
+  dispose: dispose$s,
   handleAudioError,
   hasFunctionalRender: hasFunctionalRender$F,
   hasFunctionalRootRender: hasFunctionalRootRender$z,
@@ -14666,7 +14712,7 @@ const hotReload$j = async state => {
     commands
   };
 };
-const saveState$i = state => {
+const saveState$j = state => {
   return invoke$h('Chat.saveState', state.uid);
 };
 
@@ -14716,7 +14762,7 @@ const renderDialog$3 = {
   multiple: true
 };
 const render$G = [renderDialog$3];
-const renderEventListeners$o = async () => {
+const renderEventListeners$p = async () => {
   const listeners = await invoke$h('Chat.renderEventListeners');
   return listeners;
 };
@@ -14763,8 +14809,8 @@ const ViewletChat_ipc = {
   name: name$D,
   render: render$G,
   renderDialog: renderDialog$3,
-  renderEventListeners: renderEventListeners$o,
-  saveState: saveState$i
+  renderEventListeners: renderEventListeners$p,
+  saveState: saveState$j
 };
 
 const chatDebugViewWorkerUrl = `${assetDir}/packages/chat-debug-view/dist/chatDebugViewWorkerMain.js`;
@@ -14893,7 +14939,7 @@ const renderItems$f = {
   multiple: true
 };
 const render$F = [renderItems$f];
-const renderEventListeners$n = async () => {
+const renderEventListeners$o = async () => {
   const listeners = await invoke$g('ChatDebug.renderEventListeners');
   return listeners;
 };
@@ -14907,7 +14953,7 @@ const resize$n = async (state, dimensions) => {
   };
 };
 
-const saveState$h = state => {
+const saveState$i = state => {
   return invoke$g('ChatDebug.saveState', state.uid);
 };
 
@@ -14934,9 +14980,9 @@ const ViewletChatDebug_ipc = {
   menus: menus$g,
   name: name$C,
   render: render$F,
-  renderEventListeners: renderEventListeners$n,
+  renderEventListeners: renderEventListeners$o,
   resize: resize$n,
-  saveState: saveState$h
+  saveState: saveState$i
 };
 
 const create$M = (id, uri, x, y, width, height) => {
@@ -14958,7 +15004,7 @@ const loadContent$I = state => {
 
 // TODO use contentLoadedEffects
 
-const dispose$q = state => {
+const dispose$r = state => {
   clearInterval(state.interval);
   state.interval = -1;
   state.disposed = true;
@@ -14971,7 +15017,7 @@ const ViewletClock_ipc = {
   __proto__: null,
   Commands: Commands$D,
   create: create$M,
-  dispose: dispose$q,
+  dispose: dispose$r,
   loadContent: loadContent$I,
   name: name$B
 };
@@ -15097,13 +15143,13 @@ const loadContent$G = async state => {
     text: ''
   };
 };
-const handleInput$2 = (state, value) => {
+const handleInput$3 = (state, value) => {
   return {
     ...state,
     inputValue: value
   };
 };
-const handleFocus$1 = state => {
+const handleFocus$2 = state => {
   setFocus(FocusDebugConsoleInput);
   return state;
 };
@@ -15125,8 +15171,8 @@ const clear$3 = state => {
 };
 
 const Commands$B = {
-  handleInput: handleInput$2,
-  handleFocus: handleFocus$1,
+  handleInput: handleInput$3,
+  handleFocus: handleFocus$2,
   evaluate: evaluate,
   clear: clear$3
 };
@@ -15319,8 +15365,8 @@ const ViewletDebugConsole_ipc = {
   evaluate,
   getKeyBindings: getKeyBindings$j,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
-  handleFocus: handleFocus$1,
-  handleInput: handleInput$2,
+  handleFocus: handleFocus$2,
+  handleInput: handleInput$3,
   hasFunctionalRender: hasFunctionalRender$A,
   loadContent: loadContent$G,
   name: name$z,
@@ -15383,15 +15429,15 @@ const loadContent$F = state => {
     message: pressDesiredKeyCombinationThenPressEnter()
   };
 };
-const dispose$p = (state, value) => {
+const dispose$q = (state, value) => {
   const {
     uid
   } = state;
   disposeWidgetWithValue(uid, value);
   return state;
 };
-const handleBlur$3 = state => {
-  return dispose$p(state, '');
+const handleBlur$4 = state => {
+  return dispose$q(state, '');
 };
 const handleKeyDown$2 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
   // TODO handle with keybindings?
@@ -15399,10 +15445,10 @@ const handleKeyDown$2 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
     return state;
   }
   if (key === Enter) {
-    return dispose$p(state, key);
+    return dispose$q(state, key);
   }
   if (key === Escape) {
-    return dispose$p(state, '');
+    return dispose$q(state, '');
   }
   const keyBindingString = getKeyBindingString(key, altKey, ctrlKey, shiftKey);
   return {
@@ -15413,7 +15459,7 @@ const handleKeyDown$2 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
 
 const Commands$A = {
   handleKeyDown: handleKeyDown$2,
-  handleBlur: handleBlur$3
+  handleBlur: handleBlur$4
 };
 
 const Css$A = ["/css/parts/ViewletDefineKeyBinding.css"];
@@ -15458,7 +15504,7 @@ const renderFocus = {
     return ['focus'];
   }
 };
-const renderDom$7 = {
+const renderDom$8 = {
   isEqual(oldState, newState) {
     return oldState.message === newState.message;
   },
@@ -15467,14 +15513,14 @@ const renderDom$7 = {
     return ['Viewlet.setDom2', dom];
   }
 };
-const render$C = [renderDom$7, renderValue, renderFocus];
+const render$C = [renderDom$8, renderValue, renderFocus];
 
 const ViewletDefineKeyBinding_ipc = {
   __proto__: null,
   Commands: Commands$A,
   Css: Css$A,
   create: create$J,
-  handleBlur: handleBlur$3,
+  handleBlur: handleBlur$4,
   handleKeyDown: handleKeyDown$2,
   hasFunctionalRender: hasFunctionalRender$z,
   hasFunctionalRootRender: hasFunctionalRootRender$v,
@@ -15520,8 +15566,8 @@ const loadContent$E = (state, savedState, ...args) => {
     buttons
   };
 };
-const dispose$o = async state => {};
-const handleClick = async (state, index) => {
+const dispose$p = async state => {};
+const handleClick$1 = async (state, index) => {
   const {
     options
   } = state;
@@ -15529,7 +15575,7 @@ const handleClick = async (state, index) => {
   // TODO handle case when index is out of bounds
   switch (option) {
     case 'Show Command Output':
-      await dispose$o();
+      await dispose$p();
       const uri = 'data://';
       await execute$3(/* Main.openUri */'Main.openUri', uri);
       // TODO show stderr in editor
@@ -15539,8 +15585,8 @@ const handleClick = async (state, index) => {
 };
 
 const Commands$z = {
-  close: dispose$o,
-  handleClick: handleClick
+  close: dispose$p,
+  handleClick: handleClick$1
 };
 
 const Css$z = ["/css/parts/LegacyDialog.css"];
@@ -15595,8 +15641,8 @@ const ViewletDialog_ipc = {
   Commands: Commands$z,
   Css: Css$z,
   create: create$I,
-  dispose: dispose$o,
-  handleClick,
+  dispose: dispose$p,
+  handleClick: handleClick$1,
   hasFunctionalRender: hasFunctionalRender$y,
   loadContent: loadContent$E,
   name: name$y,
@@ -15768,7 +15814,7 @@ const renderItems$e = {
   multiple: true
 };
 const render$A = [renderItems$e];
-const renderEventListeners$m = async () => {
+const renderEventListeners$n = async () => {
   try {
     const listeners = await invoke$f('DiffView.renderEventListeners');
     return listeners;
@@ -15777,7 +15823,7 @@ const renderEventListeners$m = async () => {
   }
 };
 
-const saveState$g = state => {
+const saveState$h = state => {
   return invoke$f('DiffView.saveState', state.uid);
 };
 
@@ -15796,9 +15842,9 @@ const ViewletDiffEditor2_ipc = {
   loadContent: loadContent$D,
   name: name$x,
   render: render$A,
-  renderEventListeners: renderEventListeners$m,
+  renderEventListeners: renderEventListeners$n,
   resize: resize$m,
-  saveState: saveState$g
+  saveState: saveState$h
 };
 
 const getE2eTestsSandbox = () => {
@@ -15842,6 +15888,9 @@ const getPreviewTransform = (width, height) => {
   const previewTransform = `scale(${scale})`;
   return previewTransform;
 };
+const toHtmlFileName$1 = testFileName => {
+  return testFileName.replace(/\.(js|ts)$/, '.html');
+};
 const loadContent$C = async state => {
   const sandbox = getE2eTestsSandbox();
   // const root = await SharedProcess.invoke('Platform.getRoot')
@@ -15851,7 +15900,7 @@ const loadContent$C = async state => {
   // const filePath = `${absolutePath}/${fileName}`
   // const content = await FileSystem.readFile(filePath)
   const fileName = 'viewlet.about.js';
-  const htmlFileName = fileName.replace('.js', '.html');
+  const htmlFileName = toHtmlFileName$1(fileName);
   const iframeSrc = `http://localhost:3001/tests/${htmlFileName}`;
   // const previewTransform = getPreviewTransform(state.width, state.height)
   return {
@@ -16164,7 +16213,7 @@ const renderDialog$1 = {
   multiple: true
 };
 const render$y = [renderDialog$1];
-const renderEventListeners$l = async () => {
+const renderEventListeners$m = async () => {
   const listeners = await invoke$e('LanguageModels.renderEventListeners');
   return listeners;
 };
@@ -16185,7 +16234,7 @@ const ViewletLanguageModels_ipc = {
   menus: menus$e,
   render: render$y,
   renderDialog: renderDialog$1,
-  renderEventListeners: renderEventListeners$l
+  renderEventListeners: renderEventListeners$m
 };
 
 const wrapPreviewCommand = key => {
@@ -16246,8 +16295,8 @@ const decrement = state => {
     count: state.count - 1
   };
 };
-const renderEventListeners$k = () => invoke$p('Preview.renderEventListeners');
-const dispose$n = state => {
+const renderEventListeners$l = () => invoke$p('Preview.renderEventListeners');
+const dispose$o = state => {
   return {
     ...state,
     disposed: true
@@ -16304,7 +16353,7 @@ const ViewletPreview_ipc = {
   Css: Css$u,
   create: create$C,
   decrement,
-  dispose: dispose$n,
+  dispose: dispose$o,
   getCommands: getCommands$i,
   hasFunctionalEvents: hasFunctionalEvents$m,
   hasFunctionalRender: hasFunctionalRender$u,
@@ -16315,7 +16364,7 @@ const ViewletPreview_ipc = {
   loadContent: loadContent$A,
   name: name$v,
   render: render$x,
-  renderEventListeners: renderEventListeners$k
+  renderEventListeners: renderEventListeners$l
 };
 
 const getTerminalSpawnOptions = () => {
@@ -16373,7 +16422,7 @@ const loadContent$z = async state => {
     terminal
   };
 };
-const handleBlur$2 = state => {
+const handleBlur$3 = state => {
   const {
     terminal
   } = state;
@@ -16386,7 +16435,7 @@ const handleData$1 = async (state, data) => {
   } = state;
   terminal.write(data);
 };
-const dispose$m = async state => {
+const dispose$n = async state => {
   // const { uid, terminal } = state
   // await terminal.dispose(uid)
   return {
@@ -16439,7 +16488,7 @@ const clear$2 = async state => {
 
 const Commands$u = {
   clear: clear$2,
-  handleBlur: handleBlur$2,
+  handleBlur: handleBlur$3,
   handleKeyDown: handleKeyDown$1,
   handleMouseDown: handleMouseDown$1
 };
@@ -16465,8 +16514,8 @@ const ViewletTerminal2_ipc = {
   Css: Css$t,
   clear: clear$2,
   create: create$B,
-  dispose: dispose$m,
-  handleBlur: handleBlur$2,
+  dispose: dispose$n,
+  handleBlur: handleBlur$3,
   handleData: handleData$1,
   handleKeyDown: handleKeyDown$1,
   handleMouseDown: handleMouseDown$1,
@@ -16505,6 +16554,9 @@ const getTests = async () => {
   const tests = filteredDirents.map(dirent => dirent.name);
   return tests;
 };
+const toHtmlFileName = testFileName => {
+  return testFileName.replace(/\.(js|ts)$/, '.html');
+};
 const loadContent$y = async state => {
   const tests = await getTests();
   const sandbox = getE2eTestsSandbox();
@@ -16519,7 +16571,7 @@ const executeTest = async (state, index) => {
     tests
   } = state;
   const test = tests[index];
-  const htmlFileName = test.replace('.js', '.html');
+  const htmlFileName = toHtmlFileName(test);
   const iframeSrc = `http://localhost:3001/tests/${htmlFileName}`;
   return {
     ...state,
@@ -16576,7 +16628,7 @@ const openInNewTab = async state => {
     tests
   } = state;
   const item = tests[index];
-  const url = '/tests/' + item.replace('.js', '.html');
+  const url = '/tests/' + toHtmlFileName(item);
   await openUrl(url);
   return state;
 };
@@ -17333,7 +17385,7 @@ const resize$j = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState;
 };
-const dispose$l = state => {
+const dispose$m = state => {
   removeConnectedEditor(state.id);
 };
 const hasFunctionalRender$r = true;
@@ -17347,7 +17399,7 @@ const focus$4 = state => {
   };
 };
 const customErrorRenderer = EditorTextError;
-const renderEventListeners$j = async () => {
+const renderEventListeners$k = async () => {
   const listeners = await actualInvoke('Editor.renderEventListeners');
   return listeners;
 };
@@ -17434,7 +17486,7 @@ const getMenus$a = async () => {
 
 const name$s = 'EditorText';
 
-const saveState$f = state => {
+const saveState$g = state => {
   // @ts-ignore
   const {
     selections,
@@ -17464,7 +17516,7 @@ const ViewletEditorText_ipc = {
   contentLoadedEffects,
   create: create$y,
   customErrorRenderer,
-  dispose: dispose$l,
+  dispose: dispose$m,
   focus: focus$4,
   getDynamicCss,
   getKeyBindings: getKeyBindings$f,
@@ -17481,10 +17533,10 @@ const ViewletEditorText_ipc = {
   menus: menus$c,
   name: name$s,
   render: render$t,
-  renderEventListeners: renderEventListeners$j,
+  renderEventListeners: renderEventListeners$k,
   rerender,
   resize: resize$j,
-  saveState: saveState$f
+  saveState: saveState$g
 };
 
 const getActionVirtualDom = action => {
@@ -17639,7 +17691,7 @@ const loadContent$v = state => {
     ...state
   };
 };
-const dispose$k = state => {};
+const dispose$l = state => {};
 
 const name$q = 'EmptyEditor';
 const Commands$r = {};
@@ -17648,7 +17700,7 @@ const ViewletEmptyEditor_ipc = {
   __proto__: null,
   Commands: Commands$r,
   create: create$v,
-  dispose: dispose$k,
+  dispose: dispose$l,
   loadContent: loadContent$v,
   name: name$q
 };
@@ -17706,7 +17758,7 @@ const loadContent$u = async (state, savedState) => {
     actionsDom
   };
 };
-const dispose$j = state => {};
+const dispose$k = state => {};
 const hasFunctionalResize$i = true;
 const resize$i = (state, dimensions) => {
   const {
@@ -17832,7 +17884,7 @@ const renderItems$c = {
   multiple: true
 };
 const render$q = [renderItems$c];
-const renderEventListeners$i = async () => {
+const renderEventListeners$j = async () => {
   const listeners = await invoke$d('Explorer.renderEventListeners');
   return listeners;
 };
@@ -17869,7 +17921,7 @@ const restoreState = savedState => {
   return invoke$d('Explorer.restoreState', savedState);
 };
 
-const saveState$e = state => {
+const saveState$f = state => {
   return invoke$d('Explorer.saveState', state.uid);
 };
 
@@ -17881,7 +17933,7 @@ const ViewletExplorer_ipc = {
   Css: Css$p,
   Events: Events$3,
   create: create$u,
-  dispose: dispose$j,
+  dispose: dispose$k,
   getCommands: getCommands$h,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$e,
@@ -17896,11 +17948,11 @@ const ViewletExplorer_ipc = {
   name: name$p,
   render: render$q,
   renderActions: renderActions$9,
-  renderEventListeners: renderEventListeners$i,
+  renderEventListeners: renderEventListeners$j,
   renderTitle: renderTitle$2,
   resize: resize$i,
   restoreState,
-  saveState: saveState$e
+  saveState: saveState$f
 };
 
 const extensionDetailViewWorkerUrl = `${assetDir}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js`;
@@ -17973,7 +18025,7 @@ const hotReload$d = async state => {
     commands
   };
 };
-const saveState$d = async state => {
+const saveState$e = async state => {
   const savedState = await invoke$c('ExtensionDetail.saveState', state.uid);
   return savedState;
 };
@@ -18040,15 +18092,15 @@ const name$o = 'ExtensionDetail';
 const hasFunctionalRender$p = true;
 const hasFunctionalRootRender$n = true;
 const hasFunctionalEvents$j = true;
-const renderDom$6 = {
+const renderDom$7 = {
   isEqual(oldState, newState) {
     return false;
   },
   apply: apply,
   multiple: true
 };
-const render$p = [renderDom$6];
-const renderEventListeners$h = async () => {
+const render$p = [renderDom$7];
+const renderEventListeners$i = async () => {
   const listeners = await invoke$c('ExtensionDetail.renderEventListeners');
   return listeners;
 };
@@ -18070,8 +18122,8 @@ const ViewletExtensionDetail_ipc = {
   menus: menus$a,
   name: name$o,
   render: render$p,
-  renderEventListeners: renderEventListeners$h,
-  saveState: saveState$d
+  renderEventListeners: renderEventListeners$i,
+  saveState: saveState$e
 };
 
 const getExtensionViews = async () => {
@@ -18082,13 +18134,41 @@ const getExtensionView = async id => {
   return views.find(view => view.id === id);
 };
 
+const toCommands = result => {
+  if (result.type === 'setDom') {
+    return [['Viewlet.setDom2', result.dom || []]];
+  }
+  if (result.type === 'setPatches') {
+    return [['Viewlet.setPatches', result.patches || []]];
+  }
+  return [];
+};
+const createContext = (state, savedState) => {
+  return {
+    state: savedState,
+    uid: state.uid,
+    viewId: state.uri
+  };
+};
+const renderVirtualDomResult = (state, result) => {
+  return {
+    ...state,
+    commands: toCommands(result),
+    dom: result.type === 'setDom' ? result.dom || [] : state.dom,
+    patches: result.type === 'setPatches' ? result.patches || [] : []
+  };
+};
 const create$s = (id, uri, x, y, width, height) => {
   return {
+    commands: [],
     csp: '',
     credentialless: true,
+    dom: [],
     height,
     iframeSandbox: [],
     iframeSrc: '',
+    kind: '',
+    patches: [],
     title: '',
     uid: id,
     uri,
@@ -18097,11 +18177,19 @@ const create$s = (id, uri, x, y, width, height) => {
     y
   };
 };
-const loadContent$s = async state => {
+const loadContent$s = async (state, savedState) => {
   const view = await getExtensionView(state.uri);
   if (!view) {
     throw new Error(`view ${state.uri} not found`);
   }
+  if (view.kind === 'virtualDom') {
+    const result = await invoke$B('Extensions.createViewInstance', state.uri, state.uid, createContext(state, savedState), assetDir, getPlatform$1());
+    return {
+      ...renderVirtualDomResult(state, result),
+      kind: view.kind,
+      title: view.title
+    };
+  }
   if (!view.iframe) {
     throw new Error(`view ${state.uri} is missing iframe contribution`);
   }
@@ -18111,6 +18199,7 @@ const loadContent$s = async state => {
     credentialless: view.iframe.credentialless,
     iframeSandbox: view.iframe.sandbox,
     iframeSrc: view.iframe.src,
+    kind: 'iframe',
     title: view.title
   };
 };
@@ -18121,6 +18210,56 @@ const resize$h = (state, dimensions) => {
     ...dimensions
   };
 };
+const dispatchEvent = async (state, event) => {
+  if (state.kind !== 'virtualDom') {
+    return state;
+  }
+  const result = await invoke$B('Extensions.dispatchViewEvent', state.uri, state.uid, event, assetDir, getPlatform$1());
+  return renderVirtualDomResult(state, result);
+};
+const handleInput$2 = (state, name, value) => {
+  return dispatchEvent(state, {
+    name,
+    type: 'input',
+    value
+  });
+};
+const handleClick = (state, name) => {
+  return dispatchEvent(state, {
+    name,
+    type: 'click'
+  });
+};
+const handleSubmit = (state, name) => {
+  return dispatchEvent(state, {
+    name,
+    type: 'submit'
+  });
+};
+const handleFocus$1 = (state, name) => {
+  return dispatchEvent(state, {
+    name,
+    type: 'focus'
+  });
+};
+const handleBlur$2 = (state, name) => {
+  return dispatchEvent(state, {
+    name,
+    type: 'blur'
+  });
+};
+const dispose$j = async state => {
+  if (state.kind !== 'virtualDom') {
+    return;
+  }
+  await invoke$B('Extensions.disposeViewInstance', state.uri, state.uid, assetDir, getPlatform$1());
+};
+const saveState$d = async state => {
+  if (state.kind !== 'virtualDom') {
+    return undefined;
+  }
+  return invoke$B('Extensions.saveViewInstanceState', state.uri, state.uid, assetDir, getPlatform$1());
+};
 
 const hasFunctionalRender$o = true;
 const hasFunctionalRootRender$m = true;
@@ -18132,17 +18271,69 @@ const renderIframe = {
     return ['setIframe', newState.iframeSrc, newState.iframeSandbox, '', newState.csp, newState.credentialless, newState.title];
   }
 };
-const render$o = [renderIframe];
+const renderDom$6 = {
+  isEqual(oldState, newState) {
+    return newState.kind !== 'virtualDom' || oldState.dom === newState.dom;
+  },
+  apply(oldState, newState) {
+    return ['Viewlet.setDom2', newState.dom];
+  }
+};
+const renderPatches = {
+  isEqual(oldState, newState) {
+    return newState.kind !== 'virtualDom' || oldState.patches === newState.patches || newState.patches.length === 0;
+  },
+  apply(oldState, newState) {
+    return ['Viewlet.setPatches', newState.patches];
+  }
+};
+const renderCommands = {
+  isEqual(oldState, newState) {
+    return newState.commands.length === 0;
+  },
+  apply(oldState, newState) {
+    return newState.commands;
+  },
+  multiple: true
+};
+const render$o = [renderIframe, renderDom$6, renderPatches, renderCommands];
+const renderEventListeners$h = () => {
+  return [{
+    name: 'handleInput',
+    params: ['handleInput', 'event.target.name', 'event.target.value']
+  }, {
+    name: 'handleClick',
+    params: ['handleClick', 'event.target.name']
+  }, {
+    name: 'handleSubmit',
+    params: ['handleSubmit', 'event.target.name'],
+    preventDefault: true
+  }, {
+    name: 'handleFocus',
+    params: ['handleFocus', 'event.target.name']
+  }, {
+    name: 'handleBlur',
+    params: ['handleBlur', 'event.target.name']
+  }];
+};
 
 const ViewletExtensionView_ipc = {
   __proto__: null,
   create: create$s,
+  dispose: dispose$j,
+  handleBlur: handleBlur$2,
+  handleClick,
+  handleFocus: handleFocus$1,
+  handleInput: handleInput$2,
+  handleSubmit,
   hasFunctionalRender: hasFunctionalRender$o,
   hasFunctionalResize: hasFunctionalResize$g,
   hasFunctionalRootRender: hasFunctionalRootRender$m,
   loadContent: loadContent$s,
   render: render$o,
-  resize: resize$h
+  renderEventListeners: renderEventListeners$h,
+  resize: resize$h,
+  saveState: saveState$d
 };
 
 const extensionSearchViewWorkerUrl = `${assetDir}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js`;
@@ -18779,9 +18970,9 @@ const ViewletInlineDiffEditor_ipc = {
   loadContent: loadContent$D,
   name: name$x,
   render: render$A,
-  renderEventListeners: renderEventListeners$m,
+  renderEventListeners: renderEventListeners$n,
   resize: resize$m,
-  saveState: saveState$g
+  saveState: saveState$h
 };
 
 const keyBindingsViewWorkerUrl = `${assetDir}/packages/keybindings-view-worker/dist/keyBindingsViewWorkerMain.js`;
@@ -18966,7 +19157,7 @@ const ViewletKeyBindings_ipc = {
   saveState: saveState$a
 };
 
-const commit = 'ba431a4';
+const commit = '751db1a';
 
 const getDefaultTitleBarHeight = () => {
   switch (getPlatform$1()) {
@@ -24466,7 +24657,7 @@ const openDefaultViewlet$1 = async state => {
 };
 const close$1 = state => {
   if (state.currentViewletId) {
-    dispose$u(state.currentViewletId);
+    dispose$v(state.currentViewletId);
   }
   state.currentViewletId = undefined;
   // RendererProcess.send([/* sideBarHide */ 5552, /* id */ id])
@@ -24694,7 +24885,7 @@ const openDefaultViewlet = async state => {
 };
 const close = state => {
   if (state.currentViewletId) {
-    dispose$u(state.currentViewletId);
+    dispose$v(state.currentViewletId);
   }
   state.currentViewletId = undefined;
 };