@lvce-editor/static-server 0.72.2 → 0.72.4

package/static/{8b65b88 → cbbb037}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/8b65b88';
+    return '/cbbb037';
   }
 };
 const assetDir = getAssetDir$1();
@@ -832,7 +832,7 @@ const listen$1 = async () => {
 const invoke$B = (method, ...params) => {
   return state$C.rpc.invoke(method, ...params);
 };
-const invokeAndTransfer$h = (method, ...params) => {
+const invokeAndTransfer$i = (method, ...params) => {
   return state$C.rpc.invokeAndTransfer(method, ...params);
 };
 
@@ -1508,7 +1508,7 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
 const invoke$A = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer$g = (ipc, method, ...params) => {
+const invokeAndTransfer$h = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
@@ -1527,7 +1527,7 @@ const getOrCreateWorker = fn => {
     },
     async invokeAndTransfer(method, ...params) {
       const ipc = await getOrCreate$2(fn);
-      return invokeAndTransfer$g(ipc, method, ...params);
+      return invokeAndTransfer$h(ipc, method, ...params);
     },
     async dispose() {
       const promise = workers.get(fn);
@@ -1690,7 +1690,7 @@ const launchErrorWorker = async () => {
 
 const {
   invoke: invoke$z,
-  invokeAndTransfer: invokeAndTransfer$f
+  invokeAndTransfer: invokeAndTransfer$g
 } = getOrCreateWorker(launchErrorWorker);
 
 const serializeError = error => {
@@ -2046,11 +2046,11 @@ const invoke$y = async (method, ...params) => {
   const result = await invoke$A(ipc, method, ...params);
   return result;
 };
-const invokeAndTransfer$e = async (method, ...params) => {
+const invokeAndTransfer$f = async (method, ...params) => {
   const {
     ipc
   } = state$x;
-  const result = await invokeAndTransfer$g(ipc, method, ...params);
+  const result = await invokeAndTransfer$h(ipc, method, ...params);
   return result;
 };
 
@@ -2163,7 +2163,7 @@ const launchExtensionManagementWorker = async () => {
 
 const {
   invoke: invoke$x,
-  invokeAndTransfer: invokeAndTransfer$d} = getOrCreateWorker(launchExtensionManagementWorker);
+  invokeAndTransfer: invokeAndTransfer$e} = getOrCreateWorker(launchExtensionManagementWorker);
 
 // TODO make storage configurable via settings as localstorage or indexeddb
 // also allow disabling caching via settings
@@ -3351,7 +3351,7 @@ const create$10 = async ({
     port1,
     port2
   } = getPortTuple(port);
-  await invokeAndTransfer$h('IpcParent.create', {
+  await invokeAndTransfer$i('IpcParent.create', {
     method: ModuleWorkerWithMessagePort,
     url,
     name,
@@ -3427,7 +3427,7 @@ const getConfig = () => {
 
 const objects = Object.create(null);
 const transferToRendererProcess = async (objectId, transferable) => {
-  await invokeAndTransfer$h('Transferrable.transfer', transferable, objectId);
+  await invokeAndTransfer$i('Transferrable.transfer', transferable, objectId);
 };
 const transfer = (objectId, transferable) => {
   number(objectId);
@@ -3468,7 +3468,7 @@ const launchExtensionHostWorker = async () => {
 
 const {
   invoke: invoke$w,
-  invokeAndTransfer: invokeAndTransfer$c
+  invokeAndTransfer: invokeAndTransfer$d
 } = getOrCreateWorker(launchExtensionHostWorker);
 
 const ActivityBar$3 = 'ActivityBar';
@@ -3585,7 +3585,7 @@ const launchFileSearchWorker = async () => {
 
 const {
   invoke: invoke$v,
-  invokeAndTransfer: invokeAndTransfer$b
+  invokeAndTransfer: invokeAndTransfer$c
 } = getOrCreateWorker(launchFileSearchWorker);
 
 const state$m = {
@@ -4880,7 +4880,7 @@ const launchIconThemeWorker = async () => {
 
 const {
   invoke: invoke$u,
-  invokeAndTransfer: invokeAndTransfer$a
+  invokeAndTransfer: invokeAndTransfer$b
 } = getOrCreateWorker(launchIconThemeWorker);
 
 const getFileIcon$1 = file => {
@@ -6625,6 +6625,7 @@ const commandMap = {
   'Notification.showWithOptions': lazy('Notification.showWithOptions'),
   'OffscreenCanvas.create': lazy('OffscreenCanvas.create'),
   'OffscreenCanvas.createForTerminal': lazy('OffscreenCanvas.createForTerminal'),
+  'OffscreenCanvas.createForPreview': lazy('OffscreenCanvas.createForPreview'),
   'Open.openExternal': lazy('Open.openExternal'),
   'Open.openUrl': lazy('Open.openUrl'),
   'OpenNativeFolder.openNativeFolder': lazy('OpenNativeFolder.openNativeFolder'),
@@ -6910,7 +6911,7 @@ const getPort = async ipcId => {
     port2
   } = getPortTuple();
   // TODO call sendMessagePortToElectron function
-  const webContentsId = await invokeAndTransfer$h('IpcParent.create', {
+  const webContentsId = await invokeAndTransfer$i('IpcParent.create', {
     method: Electron,
     port: port1,
     ipcId
@@ -7390,7 +7391,7 @@ const IpcParentWithNode = {
 const sendMessagePortToElectron = async (port, initialCommand, ipcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$e(initialCommand, port, ipcId);
+  await invokeAndTransfer$f(initialCommand, port, ipcId);
 };
 
 const create$S = async options => {
@@ -8373,7 +8374,7 @@ const launchFileSystemWorker = async () => {
 
 const {
   invoke: invoke$t,
-  invokeAndTransfer: invokeAndTransfer$9} = getOrCreateWorker(launchFileSystemWorker);
+  invokeAndTransfer: invokeAndTransfer$a} = getOrCreateWorker(launchFileSystemWorker);
 
 // TODO move all of this to an extension
 
@@ -8913,7 +8914,7 @@ const launchDebugWorker = async () => {
 
 const {
   invoke: invoke$s,
-  restart: restart$d
+  restart: restart$e
 } = getOrCreateWorker(launchDebugWorker);
 
 const name$2e = 'Debug';
@@ -9632,7 +9633,7 @@ const launchClipBoardWorker = async () => {
 
 const {
   invoke: invoke$p,
-  invokeAndTransfer: invokeAndTransfer$8} = getOrCreateWorker(launchClipBoardWorker);
+  invokeAndTransfer: invokeAndTransfer$9} = getOrCreateWorker(launchClipBoardWorker);
 
 const readText = async () => {
   return await invoke$p('ClipBoard.readText');
@@ -9649,7 +9650,7 @@ const readMemoryText = async () => {
 const disableMemoryClipBoard = async () => {
   return await invoke$p('ClipBoard.disableMemoryClipBoard');
 };
-const hotReload$g = async () => {
+const hotReload$h = async () => {
   return await invoke$p('ClipBoard.hotReload');
 };
 const writeNativeFiles = async (type, files) => {
@@ -9676,7 +9677,7 @@ const execCopy = async () => {
 const name$1_ = 'ClipBoard';
 const Commands$22 = {
   execCopy: execCopy,
-  hotReload: hotReload$g,
+  hotReload: hotReload$h,
   readNativeFiles: readNativeFiles,
   readText: readText,
   writeImage: writeImage,
@@ -9995,8 +9996,8 @@ const attachDebugger = async pid => {
   await invoke$y('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.72.2';
-const commit$1 = '8b65b88';
+const version = '0.72.4';
+const commit$1 = 'cbbb037';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$y('Process.getPid');
@@ -10586,7 +10587,7 @@ const openFile = () => {
       return openFileElectron();
   }
 };
-const handleClick$2 = async index => {
+const handleClick$3 = async index => {
   // @ts-ignore
   const {
     options
@@ -10623,7 +10624,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);
   }
@@ -10633,7 +10634,7 @@ const name$1S = 'Dialog';
 const Commands$1W = {
   // @ts-ignore
   close: undefined,
-  handleClick: handleClick$2,
+  handleClick: handleClick$3,
   openFile: openFile,
   openFolder: openFolder$3,
   showMessage: showMessage
@@ -11743,7 +11744,7 @@ const showWithOptions = async (type, text, options) => {
   });
   await invoke$B(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
-const handleClick$1 = index => {
+const handleClick$2 = index => {
   console.log('handle click');
   const notification = state$6.notifications[0];
   if (!notification.options) {
@@ -11764,7 +11765,7 @@ const name$1s = 'Notification';
 const Commands$1u = {
   create: create$R,
   dispose: dispose$r,
-  handleClick: handleClick$1,
+  handleClick: handleClick$2,
   showWithOptions: showWithOptions
 };
 
@@ -12303,9 +12304,28 @@ const launchTerminalWorker = async () => {
 
 const {
   invoke: invoke$n,
-  invokeAndTransfer: invokeAndTransfer$7
+  invokeAndTransfer: invokeAndTransfer$8
 } = getOrCreateWorker(launchTerminalWorker);
 
+const previewWorkerUrl = `${assetDir}/packages/preview-worker/dist/previewWorkerMain.js`;
+
+const launchPreviewWorker = async () => {
+  const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.previewWorkerPath', previewWorkerUrl);
+  const ipc = await create$12({
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: configuredWorkerUrl,
+    name: 'Preview Worker'
+  });
+  handleIpc(ipc);
+  return ipc;
+};
+
+const {
+  invoke: invoke$m,
+  invokeAndTransfer: invokeAndTransfer$7,
+  restart: restart$d
+} = getOrCreateWorker(launchPreviewWorker);
+
 const create$Q = async canvasId => {
   number(canvasId);
   const id = create$11();
@@ -12313,15 +12333,28 @@ const create$Q = async canvasId => {
   const canvas = acquire(id);
   return canvas;
 };
+const create2 = async (canvasId, width, height) => {
+  number(canvasId);
+  const id = create$11();
+  await invoke$B('OffscreenCanvas.create2', canvasId, id, width, height);
+  const canvas = acquire(id);
+  return canvas;
+};
 const createForTerminal = async (canvasId, callbackId) => {
   const canvas = await create$Q(canvasId);
-  await invokeAndTransfer$7('OffscreenCanvas.handleResult', callbackId, canvas);
+  await invokeAndTransfer$8('OffscreenCanvas.handleResult', callbackId, canvas);
+};
+const createForPreview = async (callbackId, width, height) => {
+  const canvasId = create$11();
+  const canvas = await create2(canvasId, width, height);
+  await invokeAndTransfer$7('Preview.executeCallback', callbackId, canvas, canvasId);
 };
 
 const name$12 = 'OffscreenCanvas';
 const Commands$14 = {
   create: create$Q,
-  createForTerminal: createForTerminal
+  createForTerminal: createForTerminal,
+  createForPreview: createForPreview
 };
 
 const OffscreenCanvas_ipc = {
@@ -12598,7 +12631,7 @@ const ExtensionHostClosingTagCompletion_ipc = {
 const sendMessagePortToRendererProcess$1 = async (port, initialCommand) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$h(initialCommand, port);
+  await invokeAndTransfer$i(initialCommand, port);
 };
 
 const name$S = 'SendMessagePortToRendererProcess';
@@ -12664,10 +12697,10 @@ const launchEditorWorker = async () => {
 };
 
 const {
-  invoke: invoke$m,
+  invoke: invoke$l,
   invokeAndTransfer: invokeAndTransfer$6
 } = getOrCreateWorker(launchEditorWorker);
-const actualInvoke = invoke$m;
+const actualInvoke = invoke$l;
 
 const openerWorkerUrl = `${assetDir}/packages/opener-worker/dist/openerWorkerMain.js`;
 
@@ -12701,7 +12734,7 @@ const launchIframeWorker = async () => {
 };
 
 const {
-  invoke: invoke$l,
+  invoke: invoke$k,
   invokeAndTransfer: invokeAndTransfer$4
 } = getOrCreateWorker(launchIframeWorker);
 
@@ -12719,7 +12752,7 @@ const launchMarkdownWorker = async () => {
 };
 
 const {
-  invoke: invoke$k,
+  invoke: invoke$j,
   invokeAndTransfer: invokeAndTransfer$3
 } = getOrCreateWorker(launchMarkdownWorker);
 
@@ -12738,7 +12771,7 @@ const launchSourceControlWorker = async () => {
 };
 
 const {
-  invoke: invoke$j,
+  invoke: invoke$i,
   invokeAndTransfer: invokeAndTransfer$2,
   restart: restart$c
 } = getOrCreateWorker(launchSourceControlWorker);
@@ -12763,17 +12796,17 @@ const {
 const sendMessagePortToExtensionHostWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$c(initialCommand, port, rpcId);
+  await invokeAndTransfer$d(initialCommand, port, rpcId);
 };
 const sendMessagePortToSharedProcess = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$e(initialCommand, port, rpcId);
+  await invokeAndTransfer$f(initialCommand, port, rpcId);
 };
 const sendMessagePortToErrorWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$f(initialCommand, port, rpcId);
+  await invokeAndTransfer$g(initialCommand, port, rpcId);
 };
 const sendMessagePortToEditorWorker = async (port, initialCommand, rpcId) => {
   object(port);
@@ -12783,7 +12816,7 @@ const sendMessagePortToEditorWorker = async (port, initialCommand, rpcId) => {
 const sendMessagePortToRendererProcess = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$h(initialCommand, port, rpcId);
+  await invokeAndTransfer$i(initialCommand, port, rpcId);
 };
 const sendMessagePortToMarkdownWorker = async (port, initialCommand, rpcId) => {
   object(port);
@@ -12793,7 +12826,7 @@ const sendMessagePortToMarkdownWorker = async (port, initialCommand, rpcId) => {
 const sendMessagePortToClipBoardWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$8(initialCommand, port, rpcId);
+  await invokeAndTransfer$9(initialCommand, port, rpcId);
 };
 const sendMessagePortToMainAreaWorker = async (port, initialCommand, rpcId) => {
   object(port);
@@ -12803,12 +12836,12 @@ const sendMessagePortToMainAreaWorker = async (port, initialCommand, rpcId) => {
 const sendMessagePortToFileSystemWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$9(initialCommand, port, rpcId);
+  await invokeAndTransfer$a(initialCommand, port, rpcId);
 };
 const sendMessagePortToIconThemeWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$a(initialCommand, port, rpcId);
+  await invokeAndTransfer$b(initialCommand, port, rpcId);
 };
 const sendMessagePortToTextMeasurementWorker = async (port, initialCommand, rpcId) => {
   object(port);
@@ -12823,7 +12856,7 @@ const sendMessagePortToSourceControlWorker = async (port, initialCommand, rpcId)
 const sendMessagePortToExtensionManagementWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$d(initialCommand, port, rpcId);
+  await invokeAndTransfer$e(initialCommand, port, rpcId);
 };
 const sendMessagePortToIframeWorker = async (port, initialCommand, rpcId) => {
   object(port);
@@ -12833,7 +12866,7 @@ const sendMessagePortToIframeWorker = async (port, initialCommand, rpcId) => {
 const sendMessagePortToFileSearchWorker = async (port, initialCommand, rpcId) => {
   object(port);
   string(initialCommand);
-  await invokeAndTransfer$b(initialCommand, port, rpcId);
+  await invokeAndTransfer$c(initialCommand, port, rpcId);
 };
 const sendMessagePortToOpenerWorker = async (port, initialCommand, rpcId) => {
   object(port);
@@ -12969,7 +13002,7 @@ getHost().endsWith('.gitpod.io');
 const WebView = 'lvce-oss-webview';
 
 const setPort = async (uid, port, origin, portType) => {
-  await invokeAndTransfer$h('WebView.setPort', uid, port, origin, portType);
+  await invokeAndTransfer$i('WebView.setPort', uid, port, origin, portType);
 };
 
 /**
@@ -12985,7 +13018,7 @@ const getSecret = key => {
   return get$e(key);
 };
 const registerInterceptor = async (id, port) => {
-  await invokeAndTransfer$c('WebView.registerInterceptor', id, port);
+  await invokeAndTransfer$d('WebView.registerInterceptor', id, port);
 };
 const unregisterInterceptor = async id => {
   await invoke$w('WebView.unregisterInterceptor', id);
@@ -12998,10 +13031,10 @@ const compat = {
     return invoke$B(...args);
   },
   rendererProcessInvokeAndTransfer(...args) {
-    return invokeAndTransfer$h(...args);
+    return invokeAndTransfer$i(...args);
   },
   extensionHostWorkerInvokeAndTransfer(...args) {
-    return invokeAndTransfer$c(...args);
+    return invokeAndTransfer$d(...args);
   },
   extensionHostWorkerInvoke(...args) {
     return invoke$w(...args);
@@ -13061,14 +13094,14 @@ const getOrCreate$1 = () => {
   }
   return state$5.ipc;
 };
-const invoke$i = async (method, ...params) => {
+const invoke$h = async (method, ...params) => {
   const ipc = await getOrCreate$1();
   return invoke$A(ipc, method, ...params);
 };
 
 const name$L = 'SearchProcess';
 const Commands$N = {
-  invoke: invoke$i
+  invoke: invoke$h
 };
 
 const SearchProcess_ipc = {
@@ -13245,10 +13278,10 @@ const ExtensionManagement_ipc = {
 };
 
 const getVirtualDom$1 = html => {
-  return invoke$k('Markdown.getMarkDownVirtualDom', html);
+  return invoke$j('Markdown.getMarkDownVirtualDom', html);
 };
 const renderMarkdown = (markdown, options) => {
-  return invoke$k('Markdown.renderMarkdown', markdown, options);
+  return invoke$j('Markdown.renderMarkdown', markdown, options);
 };
 
 const name$F = 'Markdown';
@@ -13397,7 +13430,7 @@ const renderDialog$3 = {
   multiple: true
 };
 const render$G = [renderDialog$3];
-const renderEventListeners$j = async () => {
+const renderEventListeners$k = async () => {
   const listeners = await invoke$r('About.renderEventListeners');
   return listeners;
 };
@@ -13416,7 +13449,7 @@ const ViewletAbout_ipc = {
   name: name$D,
   render: render$G,
   renderDialog: renderDialog$3,
-  renderEventListeners: renderEventListeners$j
+  renderEventListeners: renderEventListeners$k
 };
 
 const activityBarWorkerUrl = `${assetDir}/packages/activity-bar-worker/dist/activityBarWorkerMain.js`;
@@ -13433,7 +13466,7 @@ const launchActivityBarWorker = async () => {
 };
 
 const {
-  invoke: invoke$h,
+  invoke: invoke$g,
   restart: restart$b
 } = getOrCreateWorker(launchActivityBarWorker);
 
@@ -13474,16 +13507,16 @@ const create$O = (id, uri, x, y, width, height) => {
 };
 const loadContent$J = async state => {
   const savedState = {};
-  await invoke$h('ActivityBar.create', state.uid, '', state.x, state.y, state.width, state.height, null);
-  await invoke$h('ActivityBar.loadContent', state.uid, savedState);
-  const diffResult = await invoke$h('ActivityBar.diff2', state.uid);
-  const commands = await invoke$h('ActivityBar.render2', state.uid, diffResult);
+  await invoke$g('ActivityBar.create', state.uid, '', state.x, state.y, state.width, state.height, null);
+  await invoke$g('ActivityBar.loadContent', state.uid, savedState);
+  const diffResult = await invoke$g('ActivityBar.diff2', state.uid);
+  const commands = await invoke$g('ActivityBar.render2', state.uid, diffResult);
   return {
     ...state,
     commands
   };
 };
-const hotReload$f = async state => {
+const hotReload$g = async state => {
   if (state.isHotReloading) {
     return state;
   }
@@ -13491,12 +13524,12 @@ const hotReload$f = async state => {
   state.isHotReloading = true;
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
-  const savedState = await invoke$h('ActivityBar.saveState', state.uid);
+  const savedState = await invoke$g('ActivityBar.saveState', state.uid);
   await restart$b('ActivityBar.terminate');
-  await invoke$h('ActivityBar.create', state.uid, '', state.x, state.y, state.width, state.height, null);
-  await invoke$h('ActivityBar.loadContent', state.uid, savedState);
-  const diffResult = await invoke$h('ActivityBar.diff2', state.uid);
-  const commands = await invoke$h('ActivityBar.render2', state.uid, diffResult);
+  await invoke$g('ActivityBar.create', state.uid, '', state.x, state.y, state.width, state.height, null);
+  await invoke$g('ActivityBar.loadContent', state.uid, savedState);
+  const diffResult = await invoke$g('ActivityBar.diff2', state.uid);
+  const commands = await invoke$g('ActivityBar.render2', state.uid, diffResult);
   state.isHotReloading = false;
   return {
     ...state,
@@ -13506,12 +13539,12 @@ const hotReload$f = async state => {
 
 const wrapActivityBarCommand = key => {
   const fn = async (state, ...args) => {
-    await invoke$h(`ActivityBar.${key}`, state.uid, ...args);
-    const diffResult = await invoke$h('ActivityBar.diff2', state.uid);
+    await invoke$g(`ActivityBar.${key}`, state.uid, ...args);
+    const diffResult = await invoke$g('ActivityBar.diff2', state.uid);
     if (diffResult.length === 0) {
       return state;
     }
-    const commands = await invoke$h('ActivityBar.render2', state.uid, diffResult);
+    const commands = await invoke$g('ActivityBar.render2', state.uid, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -13525,11 +13558,11 @@ const wrapActivityBarCommand = key => {
 
 const Commands$E = {};
 const getCommands$i = async () => {
-  const commands = await invoke$h('ActivityBar.getCommandIds');
+  const commands = await invoke$g('ActivityBar.getCommandIds');
   for (const command of commands) {
     Commands$E[command] = wrapActivityBarCommand(command);
   }
-  Commands$E['hotReload'] = hotReload$f;
+  Commands$E['hotReload'] = hotReload$g;
   return Commands$E;
 };
 
@@ -13612,12 +13645,12 @@ const getKeyBindings$l = () => {
 const menus$g = [];
 const getMenus$c = async () => {
   try {
-    const ids = await invoke$h('ActivityBar.getMenuEntryIds');
+    const ids = await invoke$g('ActivityBar.getMenuEntryIds');
     const adjusted = ids.map(id => {
       return {
         id,
         async getMenuEntries(...args) {
-          const entries = await invoke$h('ActivityBar.getMenuEntries', ...args);
+          const entries = await invoke$g('ActivityBar.getMenuEntries', ...args);
           return entries;
         }
       };
@@ -13673,8 +13706,8 @@ const renderItems$d = {
   multiple: true
 };
 const render$F = [renderItems$d];
-const renderEventListeners$i = async () => {
-  const listeners = await invoke$h('ActivityBar.renderEventListeners');
+const renderEventListeners$j = async () => {
+  const listeners = await invoke$g('ActivityBar.renderEventListeners');
   return listeners;
 };
 
@@ -13737,12 +13770,12 @@ const ViewletActivityBar_ipc = {
   hasFunctionalRender: hasFunctionalRender$C,
   hasFunctionalResize: hasFunctionalResize$j,
   hasFunctionalRootRender: hasFunctionalRootRender$s,
-  hotReload: hotReload$f,
+  hotReload: hotReload$g,
   loadContent: loadContent$J,
   menus: menus$g,
   name: name$C,
   render: render$F,
-  renderEventListeners: renderEventListeners$i,
+  renderEventListeners: renderEventListeners$j,
   resize: resize$j
 };
 
@@ -14166,7 +14199,7 @@ const loadContent$E = async state => {
     text: ''
   };
 };
-const handleInput$2 = (state, value) => {
+const handleInput$3 = (state, value) => {
   return {
     ...state,
     inputValue: value
@@ -14194,7 +14227,7 @@ const clear$2 = state => {
 };
 
 const Commands$A = {
-  handleInput: handleInput$2,
+  handleInput: handleInput$3,
   handleFocus: handleFocus$1,
   evaluate: evaluate,
   clear: clear$2
@@ -14390,7 +14423,7 @@ const ViewletDebugConsole_ipc = {
   getKeyBindings: getKeyBindings$j,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
   handleFocus: handleFocus$1,
-  handleInput: handleInput$2,
+  handleInput: handleInput$3,
   hasFunctionalRender: hasFunctionalRender$y,
   loadContent: loadContent$E,
   name: name$y,
@@ -14412,7 +14445,7 @@ const launchLanguageModelsViewWorker = async () => {
 };
 
 const {
-  invoke: invoke$g,
+  invoke: invoke$f,
   restart: restart$a
 } = getOrCreateWorker(launchLanguageModelsViewWorker);
 
@@ -14430,16 +14463,16 @@ const loadContent$D = async state => {
   const {
     id
   } = state;
-  await invoke$g('LanguageModels.create', id, '', state.x, state.y, state.width, state.height, null);
-  await invoke$g('LanguageModels.loadContent', id);
-  const diffResult = await invoke$g('LanguageModels.diff2', id);
-  const commands = await invoke$g('LanguageModels.render2', id, diffResult);
+  await invoke$f('LanguageModels.create', id, '', state.x, state.y, state.width, state.height, null);
+  await invoke$f('LanguageModels.loadContent', id);
+  const diffResult = await invoke$f('LanguageModels.diff2', id);
+  const commands = await invoke$f('LanguageModels.render2', id, diffResult);
   return {
     ...state,
     commands
   };
 };
-const hotReload$e = async state => {
+const hotReload$f = async state => {
   if (state.isHotReloading) {
     return state;
   }
@@ -14447,12 +14480,12 @@ const hotReload$e = async state => {
   state.isHotReloading = true;
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
-  const savedState = await invoke$g('LanguageModels.saveState', state.uid);
+  const savedState = await invoke$f('LanguageModels.saveState', state.uid);
   await restart$a('LanguageModels.terminate');
-  await invoke$g('LanguageModels.create', state.uid, '', state.x, state.y, state.width, state.height, null);
-  await invoke$g('LanguageModels.loadContent', state.uid, savedState);
-  const diffResult = await invoke$g('LanguageModels.diff2', state.uid);
-  const commands = await invoke$g('LanguageModels.render2', state.uid, diffResult);
+  await invoke$f('LanguageModels.create', state.uid, '', state.x, state.y, state.width, state.height, null);
+  await invoke$f('LanguageModels.loadContent', state.uid, savedState);
+  const diffResult = await invoke$f('LanguageModels.diff2', state.uid);
+  const commands = await invoke$f('LanguageModels.render2', state.uid, diffResult);
   state.isHotReloading = false;
   return {
     ...state,
@@ -14462,12 +14495,12 @@ const hotReload$e = async state => {
 const menus$f = [];
 const getMenus$b = async () => {
   try {
-    const ids = await invoke$g('LanguageModels.getMenuEntryIds');
+    const ids = await invoke$f('LanguageModels.getMenuEntryIds');
     const adjusted = ids.map(id => {
       return {
         id,
         async getMenuEntries(...args) {
-          const entries = await invoke$g('LanguageModels.getMenuEntries', ...args);
+          const entries = await invoke$f('LanguageModels.getMenuEntries', ...args);
           return entries;
         }
       };
@@ -14480,9 +14513,9 @@ const getMenus$b = async () => {
 
 const wrapLanguageModelsCommand = key => {
   const fn = async (state, ...args) => {
-    await invoke$g(`LanguageModels.${key}`, state.id, ...args);
-    const diffResult = await invoke$g(`LanguageModels.diff2`, state.id);
-    const commands = await invoke$g('LanguageModels.render2', state.id, diffResult);
+    await invoke$f(`LanguageModels.${key}`, state.id, ...args);
+    const diffResult = await invoke$f(`LanguageModels.diff2`, state.id);
+    const commands = await invoke$f('LanguageModels.render2', state.id, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -14496,18 +14529,18 @@ const wrapLanguageModelsCommand = key => {
 
 const Commands$z = {};
 const getCommands$h = async () => {
-  const commands = await invoke$g('LanguageModels.getCommandIds');
+  const commands = await invoke$f('LanguageModels.getCommandIds');
   for (const command of commands) {
     Commands$z[command] = wrapLanguageModelsCommand(command);
   }
-  Commands$z['hotReload'] = hotReload$e;
+  Commands$z['hotReload'] = hotReload$f;
   return Commands$z;
 };
 
 const Css$z = ["/css/parts/ViewletLanguageModels.css", "/css/parts/ViewletDialog.css"];
 
 const getKeyBindings$i = () => {
-  return invoke$g('LanguageModels.getKeyBindings');
+  return invoke$f('LanguageModels.getKeyBindings');
 };
 
 const hasFunctionalRender$x = true;
@@ -14521,8 +14554,8 @@ const renderDialog$1 = {
   multiple: true
 };
 const render$A = [renderDialog$1];
-const renderEventListeners$h = async () => {
-  const listeners = await invoke$g('LanguageModels.renderEventListeners');
+const renderEventListeners$i = async () => {
+  const listeners = await invoke$f('LanguageModels.renderEventListeners');
   return listeners;
 };
 
@@ -14537,12 +14570,12 @@ const ViewletLanguageModels_ipc = {
   hasFunctionalEvents: hasFunctionalEvents$i,
   hasFunctionalRender: hasFunctionalRender$x,
   hasFunctionalRootRender: hasFunctionalRootRender$p,
-  hotReload: hotReload$e,
+  hotReload: hotReload$f,
   loadContent: loadContent$D,
   menus: menus$f,
   render: render$A,
   renderDialog: renderDialog$1,
-  renderEventListeners: renderEventListeners$h
+  renderEventListeners: renderEventListeners$i
 };
 
 const Control = 'Control';
@@ -14610,7 +14643,7 @@ const dispose$o = (state, value) => {
 const handleBlur$2 = state => {
   return dispose$o(state, '');
 };
-const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
+const handleKeyDown$2 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
   // TODO handle with keybindings?
   if (key === Control || key === Shift$1 || key === Alt) {
     return state;
@@ -14629,7 +14662,7 @@ const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
 };
 
 const Commands$y = {
-  handleKeyDown: handleKeyDown$1,
+  handleKeyDown: handleKeyDown$2,
   handleBlur: handleBlur$2
 };
 
@@ -14692,7 +14725,7 @@ const ViewletDefineKeyBinding_ipc = {
   Css: Css$y,
   create: create$H,
   handleBlur: handleBlur$2,
-  handleKeyDown: handleKeyDown$1,
+  handleKeyDown: handleKeyDown$2,
   hasFunctionalRender: hasFunctionalRender$w,
   hasFunctionalRootRender: hasFunctionalRootRender$o,
   loadContent: loadContent$C,
@@ -14738,7 +14771,7 @@ const loadContent$B = (state, savedState, ...args) => {
   };
 };
 const dispose$n = async state => {};
-const handleClick = async (state, index) => {
+const handleClick$1 = async (state, index) => {
   const {
     options
   } = state;
@@ -14757,7 +14790,7 @@ const handleClick = async (state, index) => {
 
 const Commands$x = {
   close: dispose$n,
-  handleClick: handleClick
+  handleClick: handleClick$1
 };
 
 const Css$x = ["/css/parts/ViewletDialog.css", "/css/parts/LegacyDialog.css"];
@@ -14813,37 +14846,21 @@ const ViewletDialog_ipc = {
   Css: Css$x,
   create: create$G,
   dispose: dispose$n,
-  handleClick,
+  handleClick: handleClick$1,
   hasFunctionalRender: hasFunctionalRender$v,
   loadContent: loadContent$B,
   name: name$x,
   render: render$y
 };
 
-const previewWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/preview-worker/dist/previewWorkerMain.js`;
-
-const launchPreviewWorker = async () => {
-  const configuredWorkerUrl = getConfiguredWorkerUrl$1('develop.previewWorkerPath', previewWorkerUrl);
-  const ipc = await create$12({
-    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-    url: configuredWorkerUrl,
-    name: 'Preview Worker'
-  });
-  handleIpc(ipc);
-  return ipc;
-};
-
-const {
-  invoke: invoke$f} = getOrCreateWorker(launchPreviewWorker);
-
 const wrapPreviewCommand = key => {
   const fn = async (state, ...args) => {
-    await invoke$f(`Preview.${key}`, state.uid, ...args);
-    const diffResult = await invoke$f('Preview.diff2', state.uid);
+    await invoke$m(`Preview.${key}`, state.uid, ...args);
+    const diffResult = await invoke$m('Preview.diff2', state.uid);
     if (diffResult.length === 0) {
       return state;
     }
-    const commands = await invoke$f('Preview.render2', state.uid, diffResult);
+    const commands = await invoke$m('Preview.render2', state.uid, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -14872,12 +14889,13 @@ const loadContent$A = async state => {
   const layoutState = getState$1(Layout);
   const uri = layoutState.previewUri || state.uri;
   const savedState = {};
-  await invoke$f('Preview.create', state.uid, uri, state.x, state.y, state.width, state.height);
-  await invoke$f('Preview.loadContent', state.uid, savedState);
-  const diffResult = await invoke$f('Preview.diff2', state.uid);
-  const commands = await invoke$f('Preview.render2', state.uid, diffResult);
+  await invoke$m('Preview.create', state.uid, uri, state.x, state.y, state.width, state.height);
+  await invoke$m('Preview.loadContent', state.uid, savedState);
+  const diffResult = await invoke$m('Preview.diff2', state.uid);
+  const commands = await invoke$m('Preview.render2', state.uid, diffResult);
   return {
     ...state,
+    uri,
     commands
   };
 };
@@ -14895,15 +14913,44 @@ const decrement = state => {
 };
 const setUri = wrapPreviewCommand('setUri');
 const rerender$1 = wrapPreviewCommand('rerender');
+const handleClick = wrapPreviewCommand('handleClick');
+const handleKeyDown$1 = wrapPreviewCommand('handleKeyDown');
+const handleInput$2 = wrapPreviewCommand('handleInput');
+const renderEventListeners$h = () => invoke$m('Preview.renderEventListeners');
 const dispose$m = state => {
   return {
     ...state,
     disposed: true
   };
 };
+const hotReload$e = async state => {
+  if (state.isHotReloading) {
+    return state;
+  }
+  // TODO avoid mutation
+  state.isHotReloading = true;
+  // possible TODO race condition during hot reload
+  // there could still be pending promises when the worker is disposed
+  const savedState = await invoke$m('Preview.saveState', state.uid);
+  await restart$d('Preview.terminate');
+  await invoke$m('Preview.create', state.uid, state.uri, state.x, state.y, state.width, state.height, null);
+  await invoke$m('Preview.loadContent', state.uid, savedState);
+  const diffResult = await invoke$m('Preview.diff2', state.uid);
+  const commands = await invoke$m('Preview.render2', state.uid, diffResult);
+  state.isHotReloading = false;
+  return {
+    ...state,
+    commands
+  };
+};
 const Commands$w = {
   setUri,
-  rerender: rerender$1
+  rerender: rerender$1,
+  handleKeyDown: handleKeyDown$1,
+  handleClick,
+  handleInput: handleInput$2,
+  renderEventListeners: renderEventListeners$h,
+  hotReload: hotReload$e
 };
 const hasFunctionalRender$u = true;
 const hasFunctionalRootRender$n = true;
@@ -14928,14 +14975,19 @@ const ViewletPreview_ipc = {
   create: create$F,
   decrement,
   dispose: dispose$m,
+  handleClick,
+  handleInput: handleInput$2,
+  handleKeyDown: handleKeyDown$1,
   hasFunctionalEvents: hasFunctionalEvents$h,
   hasFunctionalRender: hasFunctionalRender$u,
   hasFunctionalResize: hasFunctionalResize$i,
   hasFunctionalRootRender: hasFunctionalRootRender$n,
+  hotReload: hotReload$e,
   increment,
   loadContent: loadContent$A,
   name: name$w,
   render: render$x,
+  renderEventListeners: renderEventListeners$h,
   rerender: rerender$1,
   setUri
 };
@@ -18446,7 +18498,7 @@ const ViewletKeyBindings_ipc = {
   saveState: saveState$b
 };
 
-const commit = '8b65b88';
+const commit = 'cbbb037';
 
 const getDefaultTitleBarHeight = () => {
   switch (getPlatform$1()) {
@@ -18891,14 +18943,16 @@ const saveState$a = state => {
     points,
     sideBarView,
     sideBarLocation,
-    previewUri
+    previewUri,
+    previewVisible
   } = state;
   const pointsArray = [...points];
   return {
     points: pointsArray,
     sideBarView,
     sideBarLocation,
-    previewUri
+    previewUri,
+    previewVisible
   };
 };
 const getSideBarLocationType = () => {
@@ -18945,6 +18999,7 @@ const loadContent$l = (state, savedState) => {
   const newPoints = getSavedPoints(savedState);
   const savedView = getSavedSideBarView(savedState);
   const previewUri = savedState?.previewUri || '';
+  const previewVisible = savedState?.previewVisible || false;
   newPoints[ActivityBarVisible] = 1;
   newPoints[ActivityBarWidth] = 48;
   newPoints[MainVisible] = 1;
@@ -18957,7 +19012,7 @@ const loadContent$l = (state, savedState) => {
   newPoints[SideBarWidth] ||= 240;
   newPoints[StatusBarHeight] = 20;
   newPoints[StatusBarVisible] = 1;
-  newPoints[PreviewVisible] = 0; // TODO
+  newPoints[PreviewVisible] = previewVisible ? 1 : 0;
   newPoints[PreviewHeight] ||= 350;
   newPoints[PreviewMinHeight] = Math.max(200, windowHeight / 2);
   newPoints[PreviewMaxHeight] = 1200;
@@ -18985,7 +19040,7 @@ const loadContent$l = (state, savedState) => {
     sideBarSashVisible: true,
     panelSashVisible: true,
     previewSashVisible: true,
-    previewVisible: false,
+    previewVisible,
     mainContentsVisible: true,
     workbenchVisible: true,
     sideBarView: savedView,
@@ -19105,9 +19160,9 @@ const showSideBar = async state => {
   } = newState;
   const sideBar = getState$1(SideBar$2);
   // TODO potential race conditions
-  await invoke$h('ActivityBar.handleSideBarViewletChange', activityBarId, sideBar.currentViewletId);
-  const diffResult = await invoke$h('ActivityBar.diff2', activityBarId);
-  const activityBarCommands = await invoke$h('ActivityBar.render2', activityBarId, diffResult);
+  await invoke$g('ActivityBar.handleSideBarViewletChange', activityBarId, sideBar.currentViewletId);
+  const diffResult = await invoke$g('ActivityBar.diff2', activityBarId);
+  const activityBarCommands = await invoke$g('ActivityBar.render2', activityBarId, diffResult);
   return {
     newState,
     commands: [...commands, ...activityBarCommands]
@@ -19121,9 +19176,9 @@ const hideSideBar = async state => {
   const {
     activityBarId
   } = newState;
-  await invoke$h('ActivityBar.handleSideBarHidden', activityBarId);
-  const diffResult = await invoke$h('ActivityBar.diff2', activityBarId);
-  const activityBarCommands = await invoke$h('ActivityBar.render2', activityBarId, diffResult);
+  await invoke$g('ActivityBar.handleSideBarHidden', activityBarId);
+  const diffResult = await invoke$g('ActivityBar.diff2', activityBarId);
+  const activityBarCommands = await invoke$g('ActivityBar.render2', activityBarId, diffResult);
   return {
     newState,
     commands: [...commands, ...activityBarCommands]
@@ -19166,9 +19221,11 @@ const toggleStatusBar = state => {
   return toggle(state, StatusBar);
 };
 const showPreview = async (state, uri) => {
-  // @ts-ignore
-  state.previewUri = uri;
-  if (state.previewVisible) {
+  const {
+    points
+  } = state;
+  const previewIsVisible = points[PreviewVisible] === 1;
+  if (previewIsVisible) {
     await execute$3('Preview.setUri', uri);
     return {
       newState: {
@@ -19179,7 +19236,14 @@ const showPreview = async (state, uri) => {
     };
   }
   // @ts-ignore
-  return show$4(state, Preview$1);
+  const result = await show$4(state, Preview$1);
+  return {
+    ...result,
+    newState: {
+      ...result.newState,
+      previewUri: uri
+    }
+  };
 };
 const hidePreview = state => {
   return hide$2(state, Preview$1);
@@ -22476,7 +22540,7 @@ const hotReload$5 = async state => {
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
   const savedState = await invoke$s('RunAndDebug.saveState', state.uid);
-  await restart$d('RunAndDebug.terminate');
+  await restart$e('RunAndDebug.terminate');
   const oldState = {
     ...state,
     items: []
@@ -24219,14 +24283,14 @@ const loadContent$6 = async (state, savedState) => {
     platform,
     assetDir
   } = state;
-  await invoke$j('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$o.workspacePath,
+  await invoke$i('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$o.workspacePath,
   // TODO use workspace uri
   platform, assetDir);
-  await invoke$j('SourceControl.loadContent', state.uid, savedState);
-  const diffResult = await invoke$j('SourceControl.diff2', state.uid);
-  const commands = await invoke$j('SourceControl.render2', state.uid, diffResult);
-  const actionsDom = await invoke$j('SourceControl.renderActions2', state.uid);
-  const badgeCount = await invoke$j('SourceControl.getBadgeCount', state.uid);
+  await invoke$i('SourceControl.loadContent', state.uid, savedState);
+  const diffResult = await invoke$i('SourceControl.diff2', state.uid);
+  const commands = await invoke$i('SourceControl.render2', state.uid, diffResult);
+  const actionsDom = await invoke$i('SourceControl.renderActions2', state.uid);
+  const badgeCount = await invoke$i('SourceControl.getBadgeCount', state.uid);
   // if (badgeCount > 0) {
   //   const newState = {
   //     ...state,
@@ -24323,18 +24387,18 @@ const hotReload$2 = async state => {
   state.isHotReloading = true;
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
-  const savedState = await invoke$j('SourceControl.saveState', state.uid);
+  const savedState = await invoke$i('SourceControl.saveState', state.uid);
   await restart$c('SourceControl.terminate');
   const oldState = {
     ...state,
     items: []
   };
-  await invoke$j('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$o.workspacePath,
+  await invoke$i('SourceControl.create2', state.uid, state.uri, state.x, state.y, state.width, state.height, state$o.workspacePath,
   // TODO use workspace uri
   state.platform, state.assetDir);
-  await invoke$j('SourceControl.loadContent', state.uid, savedState);
-  const diffResult = await invoke$j('SourceControl.diff2', state.uid);
-  const commands = await invoke$j('SourceControl.render2', oldState.uid, diffResult);
+  await invoke$i('SourceControl.loadContent', state.uid, savedState);
+  const diffResult = await invoke$i('SourceControl.diff2', state.uid);
+  const commands = await invoke$i('SourceControl.render2', oldState.uid, diffResult);
   return {
     ...oldState,
     commands,
@@ -24344,13 +24408,13 @@ const hotReload$2 = async state => {
 
 const wrapSourceControlCommand = key => {
   const fn = async (state, ...args) => {
-    await invoke$j(`SourceControl.${key}`, state.uid, ...args);
-    const diffResult = await invoke$j('SourceControl.diff2', state.uid);
+    await invoke$i(`SourceControl.${key}`, state.uid, ...args);
+    const diffResult = await invoke$i('SourceControl.diff2', state.uid);
     if (diffResult.length === 0) {
       return state;
     }
-    const commands = await invoke$j('SourceControl.render2', state.uid, diffResult);
-    const badgeCount = await invoke$j('SourceControl.getBadgeCount', state.uid, diffResult);
+    const commands = await invoke$i('SourceControl.render2', state.uid, diffResult);
+    const badgeCount = await invoke$i('SourceControl.getBadgeCount', state.uid, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -24375,14 +24439,14 @@ const wrapSourceControlCommand = key => {
 
 const Commands$5 = {};
 const getCommands$3 = async () => {
-  const commands = await invoke$j('SourceControl.getCommandIds');
+  const commands = await invoke$i('SourceControl.getCommandIds');
   for (const command of commands) {
     Commands$5[command] = wrapSourceControlCommand(command);
   }
   Commands$5['hotReload'] = hotReload$2;
   Commands$5['getInfo'] = ({
     uid
-  }) => invoke$j('SourceControl.getInfo', uid);
+  }) => invoke$i('SourceControl.getInfo', uid);
   return Commands$5;
 };
 
@@ -24391,13 +24455,13 @@ const Css$6 = ["/css/parts/ViewletSourceControl.css"];
 const menus$1 = [];
 const getMenus$1 = async () => {
   try {
-    const ids = await invoke$j('SourceControl.getMenuIds');
+    const ids = await invoke$i('SourceControl.getMenuIds');
     const adjusted = ids.map(id => {
       return {
         id,
         async getMenuEntries(...args) {
           // TODO pass menu id also
-          const entries = await invoke$j('SourceControl.getMenuEntries2', ...args);
+          const entries = await invoke$i('SourceControl.getMenuEntries2', ...args);
           return entries;
         }
       };
@@ -24422,7 +24486,7 @@ const renderSourceControl = {
 };
 const render$6 = [renderSourceControl];
 const renderEventListeners$3 = async () => {
-  const listeners = await invoke$j('SourceControl.renderEventListeners');
+  const listeners = await invoke$i('SourceControl.renderEventListeners');
   return listeners;
 };
 
@@ -24446,7 +24510,7 @@ const resize$5 = (state, dimensions) => {
 
 const getKeyBindings$1 = async () => {
   try {
-    return await invoke$j('SourceControl.getKeyBindings');
+    return await invoke$i('SourceControl.getKeyBindings');
   } catch {
     return [];
   }
@@ -25398,10 +25462,10 @@ const create = (id, uri, x, y, width, height) => {
 const loadContent = async state => {
   const savedState = {};
   const realUri = await getRealUri(state.uri);
-  await invoke$l('WebView.create4', state.id, realUri, state.x, state.y, state.width, state.height, state.platform, state.assetDir, state.webViewScheme);
-  await invoke$l('WebView.loadContent', state.id, savedState);
-  const diffResult = await invoke$l('WebView.diff2', state.id);
-  const commands = await invoke$l('WebView.render2', state.id, diffResult);
+  await invoke$k('WebView.create4', state.id, realUri, state.x, state.y, state.width, state.height, state.platform, state.assetDir, state.webViewScheme);
+  await invoke$k('WebView.loadContent', state.id, savedState);
+  const diffResult = await invoke$k('WebView.diff2', state.id);
+  const commands = await invoke$k('WebView.render2', state.id, diffResult);
   return {
     ...state,
     commands
@@ -25420,12 +25484,12 @@ const dispose = async state => {
 
 const wrapIframeCommand = key => {
   const fn = async (state, ...args) => {
-    await invoke$l(`WebView.${key}`, state.uid, ...args);
-    const diffResult = await invoke$l('WebView.diff2', state.uid);
+    await invoke$k(`WebView.${key}`, state.uid, ...args);
+    const diffResult = await invoke$k('WebView.diff2', state.uid);
     if (diffResult.length === 0) {
       return state;
     }
-    const commands = await invoke$l('WebView.render2', state.uid, diffResult);
+    const commands = await invoke$k('WebView.render2', state.uid, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -25439,7 +25503,7 @@ const wrapIframeCommand = key => {
 
 const Commands = {};
 const getCommands = async () => {
-  const commands = await invoke$l('WebView.getCommandIds');
+  const commands = await invoke$k('WebView.getCommandIds');
   for (const command of commands) {
     Commands[command] = wrapIframeCommand(command);
   }
@@ -25464,7 +25528,7 @@ const renderItems = {
 };
 const render = [renderItems];
 const renderEventListeners = async () => {
-  const listeners = await invoke$l('WebView.renderEventListeners');
+  const listeners = await invoke$k('WebView.renderEventListeners');
   return listeners;
 };