@lvce-editor/static-server 0.111.3 → 0.111.5

package/static/{c0ed637 → 11f91f8}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -95,7 +95,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/c0ed637';
+    return '/11f91f8';
   }
 };
 const assetDir = getAssetDir$2();
@@ -2311,6 +2311,75 @@ const {
   invokeAndTransfer: invokeAndTransfer$P
 } = getOrCreateWorker(launchErrorWorker);
 
+const state$D = {
+  isHydrating: false,
+  fileNameMap: Object.create(null),
+  extensionMap: Object.create(null),
+  tokenizerMap: Object.create(null),
+  /**
+   * @type {any[]}
+   */
+  firstLines: [],
+  /**
+   * @type {string[]}
+   */
+  hasWarned: []
+};
+const getFirstLines = () => {
+  return state$D.firstLines;
+};
+const hasLanguageByExtension = extension => {
+  return extension in state$D.extensionMap;
+};
+const getLanguageByExtension = extension => {
+  return state$D.extensionMap[extension];
+};
+const hasLanguageByFileName = fileName => {
+  return fileName in state$D.fileNameMap;
+};
+const getLanguageByFileName = fileName => {
+  return state$D.fileNameMap[fileName];
+};
+const getTokenizeFunctionPath = languageId => {
+  // TODO what if language.tokenize is not of type string? -> handle error gracefully
+  return state$D.tokenizerMap[languageId] || '';
+};
+const setHydrating = value => {
+  state$D.isHydrating = value;
+};
+const setLoaded = value => {
+  state$D.loaded = true;
+};
+const addExtension = (extension, languageId) => {
+  state$D.extensionMap[extension] = languageId;
+};
+const addFirstLine = (regex, languageId) => {
+  state$D.firstLines.push({
+    regex,
+    languageId
+  });
+};
+const hasWarned = languageId => {
+  return state$D.hasWarned.includes(languageId);
+};
+const addWarned = languageId => {
+  return state$D.hasWarned.push(languageId);
+};
+const addFileName = (fileName, languageId) => {
+  state$D.fileNameMap[fileName] = languageId;
+};
+const addTokenizer = (languageId, tokenizer) => {
+  state$D.tokenizerMap[languageId] = tokenizer;
+};
+const hasLoaded$1 = () => {
+  return state$D.loaded;
+};
+
+const getTokenizePath = languageId => {
+  const tokenizePath = getTokenizeFunctionPath(languageId);
+  return tokenizePath;
+};
+
 const serializeError$1 = error => {
   if (!error) {
     return error;
@@ -2329,7 +2398,10 @@ const serializeError$1 = error => {
 const prepare = async error => {
   try {
     const serialized = serializeError$1(error);
-    const prepared = await invoke$J('Errors.prepare', serialized);
+    const tokenizerPath = getTokenizePath('javascript');
+    const prepared = await invoke$J('Errors.prepare', serialized, {
+      tokenizerPath
+    });
     return prepared;
   } catch {
     return error;
@@ -2338,7 +2410,7 @@ const prepare = async error => {
 const print = async (error, prefix = '') => {
   await invoke$J('Errors.print', error, prefix);
 };
-const getMessage$4 = error => {
+const getMessage$3 = error => {
   if (error && error.type && error.message) {
     return `${error.type}: ${error.message}`;
   }
@@ -2357,7 +2429,7 @@ const handleError = async (error, notify = true, prefix = '') => {
   try {
     const prettyError = await logError(error, prefix);
     if (notify) {
-      await execute$4(/* Notification.create */'Notification.create', /* type */'error', /* text */getMessage$4(prettyError));
+      await execute$4(/* Notification.create */'Notification.create', /* type */'error', /* text */getMessage$3(prettyError));
     }
   } catch (otherError) {
     console.warn('ErrorHandling error');
@@ -2386,24 +2458,24 @@ const showErrorDialog = async error => {
 // 1. it decouples event emitter (e.g. Editor creation) from other module (Document syncing when editor was created)
 
 // TODO use normal event target
-const state$D = {
+const state$C = {
   listenerMap: Object.create(null)
 };
 const emitEvent = async (event, ...args) => {
-  const listeners = state$D.listenerMap[event] || [];
+  const listeners = state$C.listenerMap[event] || [];
   for (const listener of listeners) {
     await listener(...args);
   }
 };
 const addListener = (event, fn, options = {}) => {
-  state$D.listenerMap[event] ||= [];
-  if (state$D.listenerMap[event].includes(fn)) {
+  state$C.listenerMap[event] ||= [];
+  if (state$C.listenerMap[event].includes(fn)) {
     return;
   }
   if (options.prepend) {
-    state$D.listenerMap[event].unshift(fn);
+    state$C.listenerMap[event].unshift(fn);
   } else {
-    state$D.listenerMap[event].push(fn);
+    state$C.listenerMap[event].push(fn);
   }
 };
 
@@ -2642,7 +2714,7 @@ const openUri$1 = async (path, focus = true, props = {}) => {
   await execute$4(/* Main.openUri */'Main.openUri', /* uri */path, /* focus */focus, props);
 };
 
-const state$C = {
+const state$B = {
   /**
    * @type {any}
    */
@@ -2653,14 +2725,14 @@ const state$C = {
 const invoke$I = async (method, ...params) => {
   const {
     ipc
-  } = state$C;
+  } = state$B;
   const result = await invoke$K(ipc, method, ...params);
   return result;
 };
 const invokeAndTransfer$O = async (method, ...params) => {
   const {
     ipc
-  } = state$C;
+  } = state$B;
   const result = await invokeAndTransfer$Q(ipc, method, ...params);
   return result;
 };
@@ -2769,14 +2841,14 @@ const toggleAutoSave = async () => {
   });
 };
 
-const state$B = {
+const state$A = {
   paths: {}
 };
 const initialize$4 = (paths = {}) => {
-  state$B.paths = paths;
+  state$A.paths = paths;
 };
 const get$g = key => {
-  return state$B.paths[key] || '';
+  return state$A.paths[key] || '';
 };
 
 const getConfiguredWorkerUrl$1 = (preferenceKey, fallback) => {
@@ -2886,7 +2958,7 @@ const setThemeColor = async themeColor => {
 // TODO by default color theme should come from local storage, session storage, cache storage, indexeddb or blob url -> fast initial load
 // actual color theme can be computed after workbench has loaded (most times will be the same and doesn't need to be computed)
 
-const state$A = {
+const state$z = {
   watchedTheme: ''
 };
 const FALLBACK_COLOR_THEME_ID = 'slime';
@@ -2897,7 +2969,7 @@ const FALLBACK_COLOR_THEME_ID = 'slime';
 const applyColorTheme = async colorThemeId => {
   try {
     string(colorThemeId);
-    state$A.colorTheme = colorThemeId;
+    state$z.colorTheme = colorThemeId;
     const colorThemeCss = await getColorThemeCss(colorThemeId);
     if (!colorThemeCss) {
       return new Error(`Color theme is empty`);
@@ -2926,10 +2998,10 @@ const setColorTheme = async colorThemeId => {
   return undefined;
 };
 const watch$3 = async id => {
-  if (state$A.watchedTheme === id) {
+  if (state$z.watchedTheme === id) {
     return;
   }
-  state$A.watchedTheme = id;
+  state$z.watchedTheme = id;
   await invoke$I('ExtensionHost.watchColorTheme', id);
 };
 const getPreferredColorTheme = () => {
@@ -2970,22 +3042,22 @@ const hydrate$c = async () => {
   await applyPreferredColorTheme();
 };
 
-const state$z = {
+const state$y = {
   href: ''
 };
 
 const initialize$3 = href => {
-  state$z.href = href;
+  state$y.href = href;
 };
 const getHref$1 = async () => {
   const href = await invoke$L(/* Location.getHref */'Location.getHref');
-  state$z.href = href;
+  state$y.href = href;
   return href;
 };
 const setPathName = async pathName => {
   const {
     href
-  } = state$z;
+  } = state$y;
   if (!href) {
     return invoke$L(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
   }
@@ -2995,12 +3067,12 @@ const setPathName = async pathName => {
     return;
   }
   await invoke$L(/* Location.setPathName */'Location.setPathName', /* pathName */pathName);
-  state$z.href = resolvedUrl.href;
+  state$y.href = resolvedUrl.href;
 };
 const setWorkspaceUri = async workspaceUri => {
   const {
     href
-  } = state$z;
+  } = state$y;
   if (!href) {
     return invoke$L(/* Location.setWorkspaceUri */'Location.setWorkspaceUri', /* workspaceUri */workspaceUri);
   }
@@ -3010,7 +3082,7 @@ const setWorkspaceUri = async workspaceUri => {
     return;
   }
   await invoke$L(/* Location.setWorkspaceUri */'Location.setWorkspaceUri', /* workspaceUri */workspaceUri);
-  state$z.href = url.href;
+  state$y.href = url.href;
 };
 const hydrate$b = () => {
   return invoke$L(/* Location.hydrate */'Location.hydrate');
@@ -3658,7 +3730,7 @@ const ViewletModuleId = {
 // to allow having multiple instances of the same
 // type. for example multiple editors
 
-const state$y = {
+const state$x = {
   instances: Object.create(null),
   /**
    * Track focused instance by module ID/type
@@ -3692,10 +3764,10 @@ const set$f = (key, value) => {
   object(value.factory);
   object(value.state);
   object(value.renderedState);
-  state$y.instances[key] = value;
+  state$x.instances[key] = value;
 };
 const getByUid = uid => {
-  for (const value of Object.values(state$y.instances)) {
+  for (const value of Object.values(state$x.instances)) {
     if (value.renderedState.uid === uid) {
       return value;
     }
@@ -3703,7 +3775,7 @@ const getByUid = uid => {
   return undefined;
 };
 const getInstance = key => {
-  const fast = state$y.instances[key];
+  const fast = state$x.instances[key];
   if (fast) {
     return fast;
   }
@@ -3715,7 +3787,7 @@ const getInstance = key => {
   }
   const normalizedKey = normalizeModuleId(key);
   if (normalizedKey !== key) {
-    const normalizedFast = state$y.instances[normalizedKey];
+    const normalizedFast = state$x.instances[normalizedKey];
     if (normalizedFast) {
       return normalizedFast;
     }
@@ -3724,7 +3796,7 @@ const getInstance = key => {
   if (focusedInstance) {
     return focusedInstance;
   }
-  for (const value of Object.values(state$y.instances)) {
+  for (const value of Object.values(state$x.instances)) {
     if (value.moduleId === key || value.moduleId === normalizedKey) {
       return value;
     }
@@ -3732,17 +3804,17 @@ const getInstance = key => {
   return undefined;
 };
 const hasInstance = key => {
-  return key in state$y.instances;
+  return key in state$x.instances;
 };
 const remove$a = key => {
-  const instance = state$y.instances[key];
+  const instance = state$x.instances[key];
   if (instance) {
     clearFocusedInstanceByType(instance.renderedState?.uid, instance.moduleId);
   }
-  delete state$y.instances[key];
+  delete state$x.instances[key];
 };
 const getAllInstances = () => {
-  return state$y.instances;
+  return state$x.instances;
 };
 const getState$1 = key => {
   const instance = getInstance(key);
@@ -3784,7 +3856,7 @@ const setFocusedInstanceByType = (uid, moduleId) => {
   if (typeof moduleId !== 'string') {
     return;
   }
-  state$y.focusedInstanceByType[moduleId] = uid;
+  state$x.focusedInstanceByType[moduleId] = uid;
 };
 
 /**
@@ -3793,7 +3865,7 @@ const setFocusedInstanceByType = (uid, moduleId) => {
  * @returns {number|undefined} The UID of the focused instance, or undefined
  */
 const getFocusedInstanceByType = moduleId => {
-  return state$y.focusedInstanceByType[moduleId];
+  return state$x.focusedInstanceByType[moduleId];
 };
 
 /**
@@ -3802,8 +3874,8 @@ const getFocusedInstanceByType = moduleId => {
  * @param {string} moduleId - The module ID/type
  */
 const clearFocusedInstanceByType = (uid, moduleId) => {
-  if (state$y.focusedInstanceByType[moduleId] === uid) {
-    delete state$y.focusedInstanceByType[moduleId];
+  if (state$x.focusedInstanceByType[moduleId] === uid) {
+    delete state$x.focusedInstanceByType[moduleId];
   }
 };
 
@@ -3827,14 +3899,14 @@ const cleanUpWorkersAfterLoad = async () => {
   await Promise.all(promises);
 };
 
-const state$x = {
+const state$w = {
   id: 0
 };
 const create$1e = () => {
-  return ++state$x.id;
+  return ++state$w.id;
 };
 
-const state$w = {
+const state$v = {
   ipc: undefined
 };
 
@@ -3843,10 +3915,10 @@ const state$w = {
  * @returns {any}
  */
 const get$f = () => {
-  return state$w.ipc;
+  return state$v.ipc;
 };
 const set$e = ipc => {
-  state$w.ipc = ipc;
+  state$v.ipc = ipc;
 };
 
 const map$3 = Object.create(null);
@@ -3899,14 +3971,14 @@ const watchFile = async (rpcId, callBackCommandId, uri) => {
   return map$3[id];
 };
 
-const state$v = {
+const state$u = {
   id: 0
 };
 const set$d = value => {
-  state$v.id = value;
+  state$u.id = value;
 };
 const get$e = () => {
-  return state$v.id;
+  return state$u.id;
 };
 
 // TODO cache window id
@@ -4007,18 +4079,18 @@ const createTestWorker = async () => {
   await invoke$K(ipc, 'RendererProcess.initialize');
   return ipc;
 };
-const state$u = {
+const state$t = {
   launchPromise: undefined
 };
 const getOrCreateLaunchPromise = () => {
   const {
     launchPromise
-  } = state$u;
+  } = state$t;
   if (launchPromise) {
     return launchPromise;
   }
   const promise = createTestWorker();
-  state$u.launchPromise = promise;
+  state$t.launchPromise = promise;
   return promise;
 };
 const shouldPreloadTestWorker = (href, isPromptMode) => {
@@ -4042,9 +4114,9 @@ const launchTestWorker = async () => {
   } catch (error) {
     const {
       launchPromise
-    } = state$u;
+    } = state$t;
     if (launchPromise === promise) {
-      state$u.launchPromise = undefined;
+      state$t.launchPromise = undefined;
     }
     throw error;
   }
@@ -4225,7 +4297,7 @@ const isEqualUint32Array = (a, b) => {
   return true;
 };
 
-const state$t = {
+const state$s = {
   keyBindingSets: Object.create(null),
   keyBindingSetCounts: Object.create(null),
   /**
@@ -4238,7 +4310,7 @@ const state$t = {
   matchingKeyBindings: []
 };
 const getKeyBinding = identifier => {
-  for (const keyBinding of state$t.matchingKeyBindings) {
+  for (const keyBinding of state$s.matchingKeyBindings) {
     if (keyBinding.key === identifier) {
       return keyBinding;
     }
@@ -4264,39 +4336,39 @@ const update = () => {
   const {
     keyBindingIdentifiers: oldKeyBindingIdentifiers,
     keyBindingSets
-  } = state$t;
+  } = state$s;
   const matchingKeyBindings = getMatchingKeyBindings(keyBindingSets);
   const keyBindingIdentifiers = getAvailableKeyBindings(matchingKeyBindings);
-  state$t.matchingKeyBindings = matchingKeyBindings;
+  state$s.matchingKeyBindings = matchingKeyBindings;
   if (isEqualUint32Array(oldKeyBindingIdentifiers, keyBindingIdentifiers)) {
     return;
   }
   invoke$L('KeyBindings.setIdentifiers', keyBindingIdentifiers);
-  state$t.keyBindingIdentifiers = keyBindingIdentifiers;
+  state$s.keyBindingIdentifiers = keyBindingIdentifiers;
 };
 const addKeyBindings = (id, keyBindings) => {
   string(id);
   array(keyBindings);
-  if (id in state$t.keyBindingSets) {
-    state$t.keyBindingSetCounts[id]++;
+  if (id in state$s.keyBindingSets) {
+    state$s.keyBindingSetCounts[id]++;
     return;
   }
-  state$t.keyBindingSets[id] = keyBindings;
-  state$t.keyBindingSetCounts[id] = 1;
+  state$s.keyBindingSets[id] = keyBindings;
+  state$s.keyBindingSetCounts[id] = 1;
   update();
 };
 const setKeyBindings = (id, keyBindings) => {
   string(id);
   array(keyBindings);
-  state$t.keyBindingSets[id] = keyBindings;
-  state$t.keyBindingSetCounts[id] = 1;
+  state$s.keyBindingSets[id] = keyBindings;
+  state$s.keyBindingSetCounts[id] = 1;
   update();
 };
 const removeKeyBindings = id => {
   const {
     keyBindingSets,
     keyBindingSetCounts
-  } = state$t;
+  } = state$s;
   if (!(id in keyBindingSets)) {
     warn(`cannot remove keybindings that are not registered: ${id}`);
     return;
@@ -4349,14 +4421,14 @@ const handleViewContextChange$1 = (uid, viewId, context) => {
   update();
 };
 
-const state$s = {
+const state$r = {
   currentFocus: 0
 };
 const get$c = () => {
-  return state$s.currentFocus;
+  return state$r.currentFocus;
 };
 const set$b = value => {
-  state$s.currentFocus = value;
+  state$r.currentFocus = value;
 };
 
 /**
@@ -4457,18 +4529,22 @@ class CancelationError extends Error {
 const isNonEmptyString = value => {
   return typeof value === 'string' && value.length > 0;
 };
-const getMessage$3 = error => {
+const getViewletErrorTitle = error => {
   if (error?.type && error?.message) {
     const prefix = `${error.type}: `;
     return error.message.startsWith(prefix) ? error.message : `${prefix}${error.message}`;
   }
-  return getMessage$4(error);
+  return getMessage$3(error);
 };
 const getViewletErrorMessage = error => {
-  const message = getMessage$3(error);
+  const message = getViewletErrorTitle(error);
   return [message, error?.codeFrame, error?.stack].filter(isNonEmptyString).join('\n\n');
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
 const Audio = 0;
 const Button$1 = 1;
 const Div = 4;
@@ -4485,10 +4561,57 @@ const Tr = 15;
 const I = 16;
 const Img = 17;
 const H2 = 22;
+const Pre = 51;
 const Select$2 = 63;
 const Option$2 = 64;
 const Reference$1 = 100;
 
+const h = (type, props, childCount) => {
+  return {
+    type,
+    ...props,
+    childCount
+  };
+};
+const text = data => {
+  return {
+    type: Text$1,
+    text: data,
+    childCount: 0
+  };
+};
+const div = (props, childCount) => {
+  return h(Div, props, childCount);
+};
+const button = (props, childCount) => {
+  return h(Button$1, props, childCount);
+};
+const span = (props, childCount) => {
+  return h(Span, props, childCount);
+};
+
+const getTextSectionDom = (value, className, type = Div) => {
+  if (typeof value !== 'string' || !value) {
+    return [];
+  }
+  return [{
+    childCount: 1,
+    className,
+    type
+  }, text(value)];
+};
+const getViewletErrorVirtualDom = error => {
+  const messageDom = getTextSectionDom(getViewletErrorTitle(error), 'ViewletErrorMessage');
+  const codeFrameDom = Array.isArray(error?.syntaxHighlightedCodeFrame) ? error.syntaxHighlightedCodeFrame : [];
+  const stackDom = getTextSectionDom(error?.stack, 'ViewletErrorStack', Pre);
+  const sections = [messageDom, codeFrameDom, stackDom].filter(section => section.length > 0);
+  return [{
+    childCount: sections.length,
+    className: mergeClassNames('Viewlet', 'Error'),
+    type: Div
+  }, ...sections.flat()];
+};
+
 const Left = 1;
 const Right = 2;
 
@@ -5205,7 +5328,7 @@ const declareWidget = (parentUid, uid, commands) => {
   return reconcile([...commands, [setWidgetsCommand, parentUid, revision, [uid]]]);
 };
 
-const state$r = {
+const state$q = {
   idMap: Object.create(null),
   idMapByModuleId: Object.create(null)
 };
@@ -5213,7 +5336,7 @@ const register = (id, module, moduleId) => {
   const {
     idMap,
     idMapByModuleId
-  } = state$r;
+  } = state$q;
   idMap[id] = module;
   if (moduleId) {
     idMapByModuleId[id] ||= Object.create(null);
@@ -5223,13 +5346,13 @@ const register = (id, module, moduleId) => {
 const get$b = id => {
   const {
     idMap
-  } = state$r;
+  } = state$q;
   return idMap[id];
 };
 const getForModuleId = (id, moduleId) => {
   const {
     idMapByModuleId
-  } = state$r;
+  } = state$q;
   return idMapByModuleId[id]?.[moduleId] || get$b(id);
 };
 
@@ -5346,7 +5469,7 @@ const Unknown$1 = 12;
 
 const Resolved = 'resolved';
 
-const state$q = {
+const state$p = {
   /**
    * @type {any[]}
    */
@@ -5473,7 +5596,7 @@ const getLanguageConfigurationPathFromExtensions = (extensions, languageId) => {
   return '';
 };
 const getLanguageConfigurationFromWebExtension = async languageId => {
-  const languageConfigurationPath = getLanguageConfigurationPathFromExtensions(state$q.webExtensions, languageId);
+  const languageConfigurationPath = getLanguageConfigurationPathFromExtensions(state$p.webExtensions, languageId);
   if (!languageConfigurationPath) {
     return undefined;
   }
@@ -5526,72 +5649,6 @@ const splitLines = lines => {
   return lines.split(NewLine$4);
 };
 
-// TODO merge all of this with extension host languages module
-
-const state$p = {
-  isHydrating: false,
-  fileNameMap: Object.create(null),
-  extensionMap: Object.create(null),
-  tokenizerMap: Object.create(null),
-  /**
-   * @type {any[]}
-   */
-  firstLines: [],
-  /**
-   * @type {string[]}
-   */
-  hasWarned: []
-};
-const getFirstLines = () => {
-  return state$p.firstLines;
-};
-const hasLanguageByExtension = extension => {
-  return extension in state$p.extensionMap;
-};
-const getLanguageByExtension = extension => {
-  return state$p.extensionMap[extension];
-};
-const hasLanguageByFileName = fileName => {
-  return fileName in state$p.fileNameMap;
-};
-const getLanguageByFileName = fileName => {
-  return state$p.fileNameMap[fileName];
-};
-const getTokenizeFunctionPath$1 = languageId => {
-  // TODO what if language.tokenize is not of type string? -> handle error gracefully
-  return state$p.tokenizerMap[languageId] || '';
-};
-const setHydrating = value => {
-  state$p.isHydrating = value;
-};
-const setLoaded = value => {
-  state$p.loaded = true;
-};
-const addExtension = (extension, languageId) => {
-  state$p.extensionMap[extension] = languageId;
-};
-const addFirstLine = (regex, languageId) => {
-  state$p.firstLines.push({
-    regex,
-    languageId
-  });
-};
-const hasWarned = languageId => {
-  return state$p.hasWarned.includes(languageId);
-};
-const addWarned = languageId => {
-  return state$p.hasWarned.push(languageId);
-};
-const addFileName = (fileName, languageId) => {
-  state$p.fileNameMap[fileName] = languageId;
-};
-const addTokenizer = (languageId, tokenizer) => {
-  state$p.tokenizerMap[languageId] = tokenizer;
-};
-const hasLoaded$1 = () => {
-  return state$p.loaded;
-};
-
 const iconThemeWorkerUrl = `${assetDir}/packages/icon-theme-worker/dist/iconThemeWorkerMain.js`;
 
 const launchIconThemeWorker = async () => {
@@ -5645,10 +5702,6 @@ const getLanguageIdByFirstLine = firstLine => {
   }
   return 'unknown';
 };
-const getTokenizeFunctionPath = languageId => {
-  // TODO what if language.tokenize is not of type string? -> handle error gracefully
-  return getTokenizeFunctionPath$1(languageId);
-};
 const hydrate$8 = async (platform, assetDir) => {
   setHydrating(true);
   // TODO handle error
@@ -5821,7 +5874,7 @@ const addWebExtension = async path => {
     }
   }
   manifest.status = Resolved;
-  state$q.webExtensions.push(manifest);
+  state$p.webExtensions.push(manifest);
   if (manifest.languages) {
     // TODO handle case when languages is not of type array
     await addLanguages(manifest.languages);
@@ -7139,8 +7192,8 @@ const shouldTrace = (selectors, traceId) => {
   return selectors.has('*') || Boolean(traceId && selectors.has(traceId));
 };
 
-const version = '0.111.3';
-const commit$1 = 'c0ed637';
+const version = '0.111.5';
+const commit$1 = '11f91f8';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$I('Process.getPid');
@@ -8831,7 +8884,12 @@ const load$4 = async (viewlet, focus = false, restore = false, restoreState = un
         // TODO
         // const errorCommands=
       } else {
-        commands.push(['Viewlet.send', /* id */viewletUid, 'setMessage', message]);
+        if (Array.isArray(prettyError?.syntaxHighlightedCodeFrame) && prettyError.syntaxHighlightedCodeFrame.length > 0) {
+          const dom = getViewletErrorVirtualDom(prettyError);
+          commands.push(['Viewlet.setDom2', viewletUid, dom]);
+        } else {
+          commands.push(['Viewlet.send', /* id */viewletUid, 'setMessage', message]);
+        }
         // @ts-ignore
         if (viewlet.append) {
           commands.push([kAppend, parentUid, viewletUid]);
@@ -10099,7 +10157,7 @@ const listen = method => {
 const launchSharedProcess = async () => {
   const ipc = await listen(Node);
   handleIpc(ipc);
-  state$C.ipc = ipc;
+  state$B.ipc = ipc;
 };
 
 const Zero = 0;
@@ -11306,7 +11364,7 @@ const wrapIpc = (ipc, name, getData) => {
 };
 const startRecording$1 = () => {
   state$F.rpc.ipc = wrapIpc(state$F.rpc, 'renderer-process', event => event.data);
-  state$C.ipc = wrapIpc(state$C.ipc, 'shared-process', event => event);
+  state$B.ipc = wrapIpc(state$B.ipc, 'shared-process', event => event);
 };
 const openSession = async () => {
   await execute$4(/* Main.openUri */'Main.openUri', /* uri */'app://session.json');
@@ -19599,30 +19657,6 @@ const dispose$O = () => {};
 
 const Css$P = ["/css/parts/ViewletProcessExplorer.css"];
 
-const h = (type, props, childCount) => {
-  return {
-    type,
-    ...props,
-    childCount
-  };
-};
-const text = data => {
-  return {
-    type: Text$1,
-    text: data,
-    childCount: 0
-  };
-};
-const div = (props, childCount) => {
-  return h(Div, props, childCount);
-};
-const button = (props, childCount) => {
-  return h(Button$1, props, childCount);
-};
-const span = (props, childCount) => {
-  return h(Span, props, childCount);
-};
-
 const getProcessExplorerUnsupportedVirtualDom = message => {
   return [{
     type: Div,
@@ -24125,10 +24159,6 @@ const menus$l = [MenuEntriesE2eTests];
 
 const name$u = 'E2e Tests';
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
 const getTreeItemClassName = isActive => {
   if (isActive) {
     return mergeClassNames(TreeItem, TestActive);
@@ -24529,11 +24559,6 @@ const getTextEditorContent = async uri => {
   }
 };
 
-const getTokenizePath = languageId => {
-  const tokenizePath = getTokenizeFunctionPath(languageId);
-  return tokenizePath;
-};
-
 /**
  * @enum number
  */
@@ -26417,7 +26442,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = 'c0ed637';
+const commit = '11f91f8';
 
 const getAutoUpdateType = () => {
   return invoke$I('AutoUpdater.getAutoUpdateType');