@lvce-editor/renderer-process 10.17.0 → 10.19.0

package/dist/rendererProcessMain.js

@@ -19,7 +19,7 @@ const Download = 5;
 const EditorController = 6;
 const EditorError$1 = 7;
 const EditorHover$1 = 8;
-const EditorRename = 9;
+const EditorRename$1 = 9;
 const ImagePreview$2 = 10;
 const InitData = 11;
 const Layout$1 = 12;
@@ -94,7 +94,7 @@ const getModuleId = commandId => {
     case 'EditorRename.create':
     case 'EditorRename.dispose':
     case 'EditorRename.finish':
-      return EditorRename;
+      return EditorRename$1;
     case 'FilePicker.showDirectoryPicker':
     case 'FilePicker.showFilePicker':
     case 'FilePicker.showSaveFilePicker':
@@ -739,7 +739,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$M = (message, result) => {
+const create$N = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -748,7 +748,7 @@ const create$M = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$M(message, resultProperty);
+  return create$N(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -923,7 +923,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$L({
+  const worker = await create$M({
     method: Auto,
     url,
     name
@@ -998,7 +998,7 @@ const hydrate$4 = async () => {
 };
 
 // TODO needed?
-const dispose$n = () => {
+const dispose$o = () => {
   // @ts-expect-error
   if (state$9.rendererWorker) {
     // @ts-expect-error
@@ -1021,7 +1021,7 @@ const invokeAndTransfer = (method, ...params) => {
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$n,
+  dispose: dispose$o,
   hydrate: hydrate$4,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -1030,7 +1030,7 @@ const RendererWorker = {
   state: state$9
 };
 
-const create$L = async ({
+const create$M = async ({
   method,
   ...options
 }) => {
@@ -1051,7 +1051,7 @@ const create$L = async ({
 };
 
 const launchEditorWorker = async port => {
-  const ipc = await create$L({
+  const ipc = await create$M({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1081,7 +1081,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$L({
+  const ipc = await create$M({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1105,7 +1105,7 @@ const hydrate$2 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$L({
+  const ipc = await create$M({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1147,7 +1147,7 @@ const load$2 = moduleId => {
       return Promise.resolve().then(function () { return Download_ipc; });
     case EditorError$1:
       return Promise.resolve().then(function () { return EditorError_ipc; });
-    case EditorRename:
+    case EditorRename$1:
       return Promise.resolve().then(function () { return EditorRename_ipc; });
     case FilePicker:
       return Promise.resolve().then(function () { return FilePicker_ipc; });
@@ -1709,7 +1709,7 @@ const applyUidWorkaround = element => {
   set$5(element, editorUid);
 };
 
-const setBounds$8 = ($Element, x, y, width, height) => {
+const setBounds$9 = ($Element, x, y, width, height) => {
   $Element.style.top = `${y}px`;
   $Element.style.left = `${x}px`;
   $Element.style.width = `${width}px`;
@@ -1845,7 +1845,7 @@ const stopTracking$1 = ($Target, pointerId, handlePointerMove, handlePointerUp)
   // TODO use pointerlost event instead
   $Target.removeEventListener(PointerUp, handlePointerUp);
 };
-const create$K = (pointerDown, pointerMove, pointerUp) => {
+const create$L = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
     if (!message || message.length === 0) {
@@ -1878,7 +1878,7 @@ const create$K = (pointerDown, pointerMove, pointerUp) => {
 };
 
 const handleOffset = 20;
-const handleSliderPointerDown = create$K(event => {
+const handleSliderPointerDown = create$L(event => {
   const {
     clientX,
     clientY
@@ -1924,7 +1924,7 @@ const setOffsetX = (state, offsetX) => {
   setXAndYTransform($ColorPickerSliderThumb, offsetX, 0);
   applyUidWorkaround($Viewlet);
 };
-const appendWidget$4 = state => {
+const appendWidget$5 = state => {
   const {
     $Viewlet
   } = state;
@@ -1934,7 +1934,7 @@ const appendWidget$4 = state => {
 const ViewletColorPicker = {
   __proto__: null,
   Events: ViewletColorPickerEvents,
-  appendWidget: appendWidget$4,
+  appendWidget: appendWidget$5,
   setColor,
   setOffsetX
 };
@@ -2119,7 +2119,7 @@ const handleDropFilePath = forwardViewletCommand('handleDropFilePath');
 const handleDropFiles = forwardViewletCommand('handleDrop');
 forwardViewletCommand('handleFilterInput');
 const handleFocus$c = forwardViewletCommand('handleFocus');
-const handleFocusIn$3 = forwardViewletCommand('handleFocusIn');
+const handleFocusIn$4 = forwardViewletCommand('handleFocusIn');
 const handleIconError$1 = forwardViewletCommand('handleIconError');
 const handleImageError$1 = forwardViewletCommand('handleImageError');
 const handleInput$8 = forwardViewletCommand('handleInput');
@@ -2276,7 +2276,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$J = () => {
+const create$K = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -2329,7 +2329,7 @@ const setDom$b = (state, dom) => {
   // TODO recycle nodes
   // TODO set right aria attributes on $EditorInput
 };
-const dispose$m = state => {
+const dispose$n = state => {
   remove$2(state.$Viewlet);
   // state.$EditorInput.removeAttribute('aria-activedescendant')
 };
@@ -2349,21 +2349,21 @@ const handleError$8 = (state, error) => {
   } = state;
   $Viewlet.textContent = `${error}`;
 };
-const setBounds$7 = (state, x, y, width, height) => {
+const setBounds$8 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$8($Viewlet, x, y, width, height);
+  setBounds$9($Viewlet, x, y, width, height);
   applyUidWorkaround($Viewlet);
 };
 
 const ViewletEditorCompletion = {
   __proto__: null,
   attachEvents: attachEvents$b,
-  create: create$J,
-  dispose: dispose$m,
+  create: create$K,
+  dispose: dispose$n,
   handleError: handleError$8,
-  setBounds: setBounds$7,
+  setBounds: setBounds$8,
   setContentHeight,
   setDom: setDom$b,
   setNegativeMargin,
@@ -2383,7 +2383,7 @@ const ViewletEditorCompletionDetailsEvents = {
   returnValue: returnValue$a
 };
 
-const create$I = () => {
+const create$J = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorCompletionDetails';
   $Viewlet.id = 'CompletionsDetails';
@@ -2403,37 +2403,37 @@ const setDom$a = (state, dom) => {
   $Viewlet.replaceChildren(...$Root.firstChild.childNodes);
   append$1($Viewlet);
 };
-const appendWidget$3 = state => {
+const appendWidget$4 = state => {
   const {
     $Viewlet
   } = state;
   append$1($Viewlet);
 };
-const dispose$l = state => {
+const dispose$m = state => {
   remove$2(state.$Viewlet);
 };
-const setBounds$6 = (state, x, y, width, height) => {
+const setBounds$7 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$8($Viewlet, x, y, width, height);
+  setBounds$9($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorCompletionDetails = {
   __proto__: null,
   Events: ViewletEditorCompletionDetailsEvents,
-  appendWidget: appendWidget$3,
+  appendWidget: appendWidget$4,
   attachEvents: attachEvents$a,
-  create: create$I,
-  dispose: dispose$l,
-  setBounds: setBounds$6,
+  create: create$J,
+  dispose: dispose$m,
+  setBounds: setBounds$7,
   setDom: setDom$a
 };
 
 const rememberFocus = rememberFocus$1;
 
 const returnValue$9 = true;
-const handleSashPointerDown$2 = create$K(event => {
+const handleSashPointerDown$2 = create$L(event => {
   const {
     clientX,
     clientY
@@ -2459,14 +2459,14 @@ const ViewletEditorHoverEvents = {
   returnValue: returnValue$9
 };
 
-const setBounds$5 = (state, x, y, width, height) => {
+const setBounds$6 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
   setWidth($Viewlet, width);
   setXAndYTransform($Viewlet, x, -y);
 };
-const appendWidget$2 = state => {
+const appendWidget$3 = state => {
   const {
     $Viewlet
   } = state;
@@ -2482,11 +2482,81 @@ const setDom$9 = (state, dom) => {
 const ViewletEditorHover = {
   __proto__: null,
   Events: ViewletEditorHoverEvents,
-  appendWidget: appendWidget$2,
-  setBounds: setBounds$5,
+  appendWidget: appendWidget$3,
+  setBounds: setBounds$6,
   setDom: setDom$9
 };
 
+const handleFocusIn$3 = event => {
+  preventDefault(event);
+  const uid = fromEvent(event);
+  handleFocusIn$4(uid);
+};
+
+const ViewletEditorRenameEvents = {
+  __proto__: null,
+  handleFocusIn: handleFocusIn$3
+};
+
+const setBounds$5 = (state, x, y) => {
+  const {
+    $Viewlet
+  } = state;
+  setXAndYTransform($Viewlet, x, -y);
+};
+const appendWidget$2 = state => {
+  const {
+    $Viewlet
+  } = state;
+  append$1($Viewlet);
+};
+const dispose$l = state => {
+  remove$2(state.$Viewlet);
+};
+
+const ViewletEditorRename = {
+  __proto__: null,
+  Events: ViewletEditorRenameEvents,
+  appendWidget: appendWidget$2,
+  dispose: dispose$l,
+  setBounds: setBounds$5
+};
+
+const handleFocusIn$2 = event => {
+  preventDefault(event);
+  const uid = fromEvent(event);
+  handleFocusIn$4(uid);
+};
+
+const ViewletEditorSourceActionsEvents = {
+  __proto__: null,
+  handleFocusIn: handleFocusIn$2
+};
+
+const setBounds$4 = (state, x, y) => {
+  const {
+    $Viewlet
+  } = state;
+  setXAndYTransform($Viewlet, x, -y);
+};
+const appendWidget$1 = state => {
+  const {
+    $Viewlet
+  } = state;
+  append$1($Viewlet);
+};
+const dispose$k = state => {
+  remove$2(state.$Viewlet);
+};
+
+const ViewletEditorSourceActions = {
+  __proto__: null,
+  Events: ViewletEditorSourceActionsEvents,
+  appendWidget: appendWidget$1,
+  dispose: dispose$k,
+  setBounds: setBounds$4
+};
+
 const handleInput$7 = event => {
   const {
     target
@@ -2576,7 +2646,7 @@ const ViewletFindWidgetEvents = {
   returnValue: returnValue$8
 };
 
-const create$H = () => {
+const create$I = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet FindWidget';
   $Viewlet.role = Group;
@@ -2612,7 +2682,7 @@ const setValue$4 = (state, value) => {
   }
   $InputBox.value = value;
 };
-const appendWidget$1 = state => {
+const appendWidget = state => {
   const {
     $Viewlet
   } = state;
@@ -2624,13 +2694,13 @@ const setDom$8 = (state, dom) => {
   } = state;
   rememberFocus($Viewlet, dom, ViewletFindWidgetEvents, 0);
 };
-const setBounds$4 = (state, x, y, width, height) => {
+const setBounds$3 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$8($Viewlet, x, y, width, height);
+  setBounds$9($Viewlet, x, y, width, height);
 };
-const dispose$k = state => {
+const dispose$j = state => {
   remove$2(state.$Viewlet);
 };
 const Events$c = ViewletFindWidgetEvents;
@@ -2638,50 +2708,15 @@ const Events$c = ViewletFindWidgetEvents;
 const ViewletFindWidget = {
   __proto__: null,
   Events: Events$c,
-  appendWidget: appendWidget$1,
-  create: create$H,
-  dispose: dispose$k,
+  appendWidget,
+  create: create$I,
+  dispose: dispose$j,
   focus: focus$i,
-  setBounds: setBounds$4,
+  setBounds: setBounds$3,
   setDom: setDom$8,
   setValue: setValue$4
 };
 
-const handleFocusIn$2 = event => {
-  preventDefault(event);
-  const uid = fromEvent(event);
-  handleFocusIn$3(uid);
-};
-
-const ViewletEditorSourceActionsEvents = {
-  __proto__: null,
-  handleFocusIn: handleFocusIn$2
-};
-
-const setBounds$3 = (state, x, y) => {
-  const {
-    $Viewlet
-  } = state;
-  setXAndYTransform($Viewlet, x, -y);
-};
-const appendWidget = state => {
-  const {
-    $Viewlet
-  } = state;
-  append$1($Viewlet);
-};
-const dispose$j = state => {
-  remove$2(state.$Viewlet);
-};
-
-const ViewletEditorSourceActions = {
-  __proto__: null,
-  Events: ViewletEditorSourceActionsEvents,
-  appendWidget,
-  dispose: dispose$j,
-  setBounds: setBounds$3
-};
-
 const ActivityBar = 'ActivityBar';
 const Audio$1 = 'Audio';
 const BrowserViewOverview = 'BrowserViewOverview';
@@ -2739,6 +2774,8 @@ const E2eTests = 'E2eTests';
 const E2eTest = 'E2eTest';
 const WebView = 'WebView';
 const EditorCompletionDetails = 'EditorCompletionDetails';
+const EditorTextError = 'EditorTextError';
+const EditorRename = 'EditorRename';
 
 const state$6 = {
   instances: Object.create(null),
@@ -3081,12 +3118,13 @@ const enable = async window => {
 
 const main = async () => {
   enable(window);
+  state$6.modules[ColorPicker] = ViewletColorPicker;
   state$6.modules[EditorCompletion] = ViewletEditorCompletion;
   state$6.modules[EditorCompletionDetails] = ViewletEditorCompletionDetails;
-  state$6.modules[ColorPicker] = ViewletColorPicker;
-  state$6.modules[FindWidget] = ViewletFindWidget;
   state$6.modules[EditorHover] = ViewletEditorHover;
+  state$6.modules[EditorRename] = ViewletEditorRename;
   state$6.modules[EditorSourceActions] = ViewletEditorSourceActions;
+  state$6.modules[FindWidget] = ViewletFindWidget;
   setLoad(load$2);
   // TODO this is discovered very late
   await launchWorkers();
@@ -3180,7 +3218,7 @@ ${relevant}`;
 
 const Module = 'module';
 
-const create$G = async ({
+const create$H = async ({
   url,
   name
 }) => {
@@ -3246,7 +3284,7 @@ const wrap = worker => {
 
 const IpcParentWithModuleWorker = {
   __proto__: null,
-  create: create$G,
+  create: create$H,
   wrap
 };
 
@@ -3254,7 +3292,7 @@ const isMessagePort$1 = value => {
   return value instanceof MessagePort;
 };
 
-const create$F = async ({
+const create$G = async ({
   url
 }) => {
   string(url);
@@ -3275,10 +3313,10 @@ const create$F = async ({
 
 const IpcParentWithMessagePort = {
   __proto__: null,
-  create: create$F
+  create: create$G
 };
 
-const create$E = async url => {
+const create$F = async url => {
   const referencePort = await new Promise(resolve => {
     globalThis.acceptReferencePort = resolve;
     import(url);
@@ -3289,7 +3327,7 @@ const create$E = async url => {
 
 const IpcParentWithReferencePort = {
   __proto__: null,
-  create: create$E
+  create: create$F
 };
 
 const isWorker = value => {
@@ -3297,12 +3335,12 @@ const isWorker = value => {
 };
 
 // TODO add test
-const create$D = async ({
+const create$E = async ({
   url,
   name,
   port
 }) => {
-  const worker = await create$G({
+  const worker = await create$H({
     url,
     name
   });
@@ -3321,7 +3359,7 @@ const create$D = async ({
 
 const IpcParentWithModuleWorkerWithMessagePort = {
   __proto__: null,
-  create: create$D
+  create: create$E
 };
 
 const handleIpcOnce = ipc => {
@@ -3852,7 +3890,7 @@ const IpcChildWithMessagePort$1 = {
 };
 
 // TODO use handleIncomingIpc function
-const create$C = async ({
+const create$D = async ({
   port,
   ipcId
 }) => {
@@ -3868,7 +3906,7 @@ const create$C = async ({
 
 const IpcParentWithElectron = {
   __proto__: null,
-  create: create$C
+  create: create$D
 };
 
 const play = async src => {
@@ -4054,7 +4092,7 @@ const create$AriaAlert = () => {
   $AriaAlert.ariaAtomic = True;
   return $AriaAlert;
 };
-const setMessage$3 = ($Old, $New, message) => {
+const setMessage$4 = ($Old, $New, message) => {
   $Old.textContent = String(Math.random());
   $Old.ariaHidden = True;
   $New.removeAttribute(AriaHidden);
@@ -4078,9 +4116,9 @@ const alert$1 = message => {
   const $AriaAlert2 = getAriaAlert2();
   // @ts-expect-error
   if ($AriaAlert1.textContent === message) {
-    setMessage$3($AriaAlert1, $AriaAlert2, message);
+    setMessage$4($AriaAlert1, $AriaAlert2, message);
   } else {
-    setMessage$3($AriaAlert2, $AriaAlert1, message);
+    setMessage$4($AriaAlert2, $AriaAlert1, message);
   }
 };
 
@@ -4099,7 +4137,7 @@ const AriaAlert = {
 // but that's difficult to know
 
 // TODO hide widget after timeout or mousemove
-const create$B = (message, x, y) => {
+const create$C = (message, x, y) => {
   const $EditorError = document.createElement('div');
   $EditorError.className = 'EditorWidgetError';
   $EditorError.textContent = message;
@@ -4114,7 +4152,7 @@ const create$B = (message, x, y) => {
 
 const name$t = 'EditorError';
 const Commands$u = {
-  create: create$B
+  create: create$C
 };
 
 const EditorError_ipc = {
@@ -4154,7 +4192,7 @@ const focusPrevious = () => {
   }
 };
 
-const create$A = () => {
+const create$B = () => {
   const $InputBox = document.createElement('input');
   $InputBox.className = 'InputBox';
   $InputBox.spellcheck = false;
@@ -4178,8 +4216,8 @@ const FocusOutput = 28;
 const handleBlur$9 = () => {
   send(/* EditorRename.abort */'EditorRename.abort');
 };
-const create$z = (x, y) => {
-  const $RenameWidgetInputBox = create$A();
+const create$A = (x, y) => {
+  const $RenameWidgetInputBox = create$B();
   $RenameWidgetInputBox.className = 'RenameWidgetInputBox';
   $RenameWidgetInputBox.onblur = handleBlur$9;
   const $RenameWidget = document.createElement('div');
@@ -4210,7 +4248,7 @@ const finish = state => {
 
 const name$s = 'EditorRename';
 const Commands$t = {
-  create: create$z,
+  create: create$A,
   dispose: dispose$i,
   finish: finish
 };
@@ -4296,7 +4334,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$y = (uri, top, left) => {
+const create$z = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -4327,7 +4365,7 @@ const dispose$h = state => {
 
 const ImagePreview = {
   __proto__: null,
-  create: create$y,
+  create: create$z,
   dispose: dispose$h,
   showError,
   update
@@ -4335,7 +4373,7 @@ const ImagePreview = {
 
 const name$p = 'ImagePreview';
 const Commands$q = {
-  create: create$y,
+  create: create$z,
   dispose: dispose$h,
   showError: showError,
   update: update
@@ -4413,7 +4451,7 @@ const InitData_ipc = {
 
 const name$n = 'IpcParent';
 const Commands$o = {
-  create: create$L
+  create: create$M
 };
 
 const IpcParent_ipc = {
@@ -4533,7 +4571,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$x = (type, message) => {
+const create$y = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -4586,7 +4624,7 @@ const name$h = 'Notification';
 
 // prettier-ignore
 const Commands$i = {
-  create: create$x,
+  create: create$y,
   createWithOptions: createWithOptions,
   dispose: dispose$g
 };
@@ -4610,7 +4648,7 @@ const set$3 = (canvasId, canvas) => {
 const get$3 = id => {
   return get$4(id);
 };
-const create$w = async (canvasId, objectId) => {
+const create$x = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$3(canvasId, canvas);
@@ -4621,7 +4659,7 @@ const name$g = 'OffscreenCanvas';
 
 // prettier-ignore
 const Commands$h = {
-  create: create$w
+  create: create$x
 };
 
 const OffscreenCanvas_ipc = {
@@ -5784,12 +5822,14 @@ const load$1 = moduleId => {
       return Promise.resolve().then(function () { return ViewletWebView; });
     case EditorCompletionDetails:
       return Promise.resolve().then(function () { return ViewletEditorCompletionDetails; });
+    case EditorTextError:
+      return Promise.resolve().then(function () { return ViewletEditorTextError; });
     default:
       throw new Error(`${moduleId} module not found in renderer process`);
   }
 };
 
-const create$v = (id, uid = id) => {
+const create$w = (id, uid = id) => {
   const module = state$6.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
@@ -5896,7 +5936,7 @@ const isSpecial = id => {
 const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   const $PlaceHolder = document.createElement('div');
   $PlaceHolder.className = `Viewlet ${viewletId}`;
-  setBounds$8($PlaceHolder, left, top, width, height);
+  setBounds$9($PlaceHolder, left, top, width, height);
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
@@ -5966,7 +6006,7 @@ const sendMultiple = commands => {
         }
       case 'Viewlet.create':
         {
-          create$v(viewletId, method);
+          create$w(viewletId, method);
           break;
         }
       case 'Viewlet.createFunctionalRoot':
@@ -6161,7 +6201,7 @@ const appendToBody = childId => {
 const getFn = command => {
   switch (command) {
     case 'Viewlet.create':
-      return create$v;
+      return create$w;
     case 'Viewlet.send':
       return invoke;
     case 'Viewlet.show':
@@ -6217,7 +6257,7 @@ const setBounds$2 = (id, left, top, width, height) => {
     return;
   }
   const $Viewlet = instance.state.$Viewlet;
-  setBounds$8($Viewlet, left, top, width, height);
+  setBounds$9($Viewlet, left, top, width, height);
 };
 
 const name$8 = 'Viewlet';
@@ -6507,7 +6547,7 @@ const waitForFrameToLoad = $Frame => {
 };
 
 // TODO could use browser view when running in electron
-const create$u = async (uid, src, sandbox, csp, credentialless) => {
+const create$v = async (uid, src, sandbox, csp, credentialless) => {
   const $Iframe = document.createElement('iframe');
   setIframeCredentialless($Iframe, credentialless);
   setIframeCsp($Iframe, csp);
@@ -6549,7 +6589,7 @@ const dispose$d = uid => {
 
 const name = 'WebView';
 const Commands$1 = {
-  create: create$u,
+  create: create$v,
   load: load,
   setPort: setPort$2,
   dispose: dispose$d
@@ -6657,7 +6697,7 @@ const ViewletAudio = {
   Events: Events$a
 };
 
-const create$t = () => {
+const create$u = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet BrowserViewOverview';
   return {
@@ -6673,11 +6713,11 @@ const setDom$6 = (state, dom) => {
 
 const ViewletBrowserViewOverview = {
   __proto__: null,
-  create: create$t,
+  create: create$u,
   setDom: setDom$6
 };
 
-const create$s = () => {
+const create$t = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Clock';
   return {
@@ -6694,7 +6734,7 @@ const setTime = (state, time) => {
 
 const ViewletClock = {
   __proto__: null,
-  create: create$s,
+  create: create$t,
   dispose: dispose$c,
   refresh: refresh$3,
   setTime
@@ -6721,7 +6761,7 @@ const ViewletDebugConsoleEvents = {
   handleInput: handleInput$6
 };
 
-const create$r = () => {
+const create$s = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet DebugConsole';
   return {
@@ -6737,7 +6777,7 @@ const setDom$5 = (state, dom) => {
 
 const ViewletDebugConsole = {
   __proto__: null,
-  create: create$r,
+  create: create$s,
   setDom: setDom$5
 };
 
@@ -6798,7 +6838,7 @@ const setMaskImage = ($Element, icon) => {
   }
 };
 
-const create$q = icon => {
+const create$r = icon => {
   const $Icon = document.createElement('div');
   $Icon.className = 'MaskIcon';
   setMaskImage($Icon, icon);
@@ -6808,7 +6848,7 @@ const create$q = icon => {
 
 const create$Button = (label, icon) => {
   // TODO icon div might not be needed (unnecessary html element)
-  const $Icon = create$q(icon);
+  const $Icon = create$r(icon);
   const $Button = document.createElement('button');
   $Button.className = 'IconButton';
   $Button.title = label;
@@ -6829,7 +6869,7 @@ const handleClick$6 = event => {
   handleClick$7(index);
 };
 
-const create$p = () => {
+const create$q = () => {
   const $DialogTitle = document.createElement('h2');
   $DialogTitle.id = 'DialogTitle';
   const $DialogCloseButton = create$Button('Close', 'Close');
@@ -6910,7 +6950,7 @@ const setErrorStack = (state, errorStack) => {
 
 const ViewletDialog = {
   __proto__: null,
-  create: create$p,
+  create: create$q,
   postAppend,
   setButtons,
   setCodeFrame,
@@ -6957,7 +6997,7 @@ const ViewletDiffEditor = {
 
 // TODO aria alert
 
-const create$o = () => {
+const create$p = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorError';
   return {
@@ -6974,12 +7014,12 @@ const setBounds$1 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$8($Viewlet, x, y, width, height);
+  setBounds$9($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorError = {
   __proto__: null,
-  create: create$o,
+  create: create$p,
   setBounds: setBounds$1,
   setDom: setDom$4
 };
@@ -7083,7 +7123,7 @@ const handleFocus$8 = event => {
   handleFocus$c(uid);
 };
 
-const create$n = () => {
+const create$o = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorImage';
   return {
@@ -7126,13 +7166,13 @@ const setDom$3 = (state, dom) => {
 const ViewletEditorImage = {
   __proto__: null,
   attachEvents: attachEvents$8,
-  create: create$n,
+  create: create$o,
   setDom: setDom$3,
   setDragging,
   setTransform
 };
 
-const create$m = () => {
+const create$n = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorText';
   $Viewlet.textContent = 'loading...';
@@ -7149,7 +7189,7 @@ const refresh$2 = (state, context) => {
 
 const ViewletEditorPlainText = {
   __proto__: null,
-  create: create$m,
+  create: create$n,
   dispose: dispose$b,
   refresh: refresh$2
 };
@@ -7408,7 +7448,7 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-const handleScrollBarVerticalPointerDown = create$K(event => {
+const handleScrollBarVerticalPointerDown = create$L(event => {
   const {
     clientY
   } = event;
@@ -7531,7 +7571,7 @@ const setLineInfos = (state, dom) => {
 // 1. create -> only create dom elements
 // 2. render -> fill elements with attributes and data
 // that way all dom nodes can be recycled
-const create$l = () => {
+const create$m = () => {
   const $EditorInput = document.createElement('textarea');
   $EditorInput.className = 'EditorInput';
   $EditorInput.ariaAutoComplete = List;
@@ -7698,7 +7738,7 @@ const setDecorationsDom$1 = (state, decorations) => {
   setDecorationsDom$2(state, decorations);
 };
 
-const create$k = create$l;
+const create$l = create$m;
 const setText$1 = setText$2;
 const setSelections = setSelections$1;
 const setIncrementalEdits = setIncrementalEdits$1;
@@ -7740,7 +7780,7 @@ const setDecorationsDom = setDecorationsDom$1;
 
 const ViewletEditorText = {
   __proto__: null,
-  create: create$k,
+  create: create$l,
   focus: focus$e,
   handleError: handleError$4,
   hideOverlayMessage,
@@ -7756,14 +7796,14 @@ const ViewletEditorText = {
   showOverlayMessage
 };
 
-const create$j = () => {
+const create$k = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EditorWidgetError EditorOverlayMessage';
   return {
     $Viewlet
   };
 };
-const setMessage$2 = (state, message) => {
+const setMessage$3 = (state, message) => {
   const {
     $Viewlet
   } = state;
@@ -7774,17 +7814,17 @@ const setBounds = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$8($Viewlet, x, y, width, height);
+  setBounds$9($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorWidgetError = {
   __proto__: null,
-  create: create$j,
+  create: create$k,
   setBounds,
-  setMessage: setMessage$2
+  setMessage: setMessage$3
 };
 
-const create$i = () => {
+const create$j = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.dataset.viewlet = 'Empty';
   $Viewlet.className = 'Viewlet';
@@ -7798,20 +7838,20 @@ const dispose$a = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
-  create: create$i,
+  create: create$j,
   dispose: dispose$a,
   focus: focus$d,
   refresh: refresh$1
 };
 
-const create$h = () => {
+const create$i = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Error';
   return {
     $Viewlet
   };
 };
-const setMessage$1 = (state, message) => {
+const setMessage$2 = (state, message) => {
   const {
     $Viewlet
   } = state;
@@ -7820,8 +7860,8 @@ const setMessage$1 = (state, message) => {
 
 const ViewletError = {
   __proto__: null,
-  create: create$h,
-  setMessage: setMessage$1
+  create: create$i,
+  setMessage: setMessage$2
 };
 
 const handleContextMenu$8 = event => {
@@ -8037,7 +8077,7 @@ const ViewletExplorerEvents = {
   handleWheel: handleWheel$3
 };
 
-const create$g = () => {
+const create$h = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Explorer';
   $Viewlet.tabIndex = 0;
@@ -8095,7 +8135,7 @@ const setDom$2 = (state, dom) => {
 const ViewletExplorer = {
   __proto__: null,
   Events: Events$9,
-  create: create$g,
+  create: create$h,
   dispose: dispose$9,
   focusInput,
   handleError: handleError$3,
@@ -8243,7 +8283,7 @@ const handleTouchEnd = event => {
 
 // based on https://github.com/microsoft/vscode/blob/main/src/vs/workbench/contrib/extensions/browser/extensionsList.ts (License MIT)
 
-const create$f = () => {
+const create$g = () => {
   const $ExtensionHeader = document.createElement('div');
   $ExtensionHeader.className = 'ExtensionHeader';
 
@@ -8313,7 +8353,7 @@ const setExtensionState = () => {
   // state.extensions[index].state = extensionState
   // render(state)
 };
-const setMessage = (state, message) => {
+const setMessage$1 = (state, message) => {
   object(state);
   string(message);
   const {
@@ -8388,7 +8428,7 @@ const ViewletExtensions = {
   __proto__: null,
   attachEvents: attachEvents$7,
   closeSuggest,
-  create: create$f,
+  create: create$g,
   dispose: dispose$8,
   focus: focus$c,
   handleError: handleError$2,
@@ -8397,7 +8437,7 @@ const ViewletExtensions = {
   setExtensionState,
   setExtensionsDom,
   setHeaderDom,
-  setMessage,
+  setMessage: setMessage$1,
   setNegativeMargin,
   setScrollBar: setScrollBar$2,
   setSearchValue,
@@ -9069,7 +9109,7 @@ const handleBlur$3 = () => {
 const handleKeyDown$1 = handleKeyDown$2;
 const handleKeyUp = handleKeyUp$1;
 
-const create$e = () => {
+const create$f = () => {
   // TODO use aria role splitter once supported https://github.com/w3c/aria/issues/1348
   const $SashSideBar = document.createElement('div');
   $SashSideBar.className = 'Viewlet Sash SashVertical';
@@ -9116,16 +9156,16 @@ const setSashes = (state, sashSideBar, sashPanel) => {
     $SashSideBar,
     $SashPanel
   } = state;
-  setBounds$8($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
+  setBounds$9($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
   $SashSideBar.classList.toggle('SashActive', sashSideBar.active);
-  setBounds$8($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
+  setBounds$9($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
   $SashPanel.classList.toggle('SashActive', sashPanel.active);
 };
 
 const ViewletLayout = {
   __proto__: null,
   attachEvents: attachEvents$6,
-  create: create$e,
+  create: create$f,
   setSashes
 };
 
@@ -9143,7 +9183,7 @@ const handleContextMenu$7 = event => {
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor
-const create$d = () => {
+const create$e = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.id = 'Main';
   $Viewlet.className = 'Viewlet Main';
@@ -9231,7 +9271,7 @@ const setDragOverlay = (state, visible, x, y, width, height) => {
   const {
     $DragOverlay
   } = state;
-  setBounds$8($DragOverlay, x, y, width, height);
+  setBounds$9($DragOverlay, x, y, width, height);
   if (!hasOverlay) {
     document.body.append($DragOverlay);
   }
@@ -9243,7 +9283,7 @@ const ViewletMain = {
   attachEvents: attachEvents$5,
   closeAllViewlets,
   closeViewletAndTab,
-  create: create$d,
+  create: create$e,
   dispose: dispose$7,
   focus: focus$a,
   highlightDragOver,
@@ -9292,7 +9332,7 @@ const handleTabsContextMenu = event => {
   handleTabContextMenu(uid, clientX, clientY);
 };
 
-const create$c = () => {
+const create$d = () => {
   const $MainTabs = document.createElement('div');
   $MainTabs.className = 'Viewlet MainTabs';
   $MainTabs.role = TabList;
@@ -9329,12 +9369,12 @@ const setScrollLeft = (state, scrollLeft) => {
 const ViewletMainTabs = {
   __proto__: null,
   attachEvents: attachEvents$4,
-  create: create$c,
+  create: create$d,
   setScrollLeft,
   setTabsDom: setTabsDom$2
 };
 
-const create$b = () => {
+const create$c = () => {
   const $ViewletOutputContent = document.createElement('div');
   $ViewletOutputContent.className = 'OutputContent';
   $ViewletOutputContent.role = Log;
@@ -9386,7 +9426,7 @@ const dispose$6 = state => {};
 const ViewletOutput = {
   __proto__: null,
   clear,
-  create: create$b,
+  create: create$c,
   dispose: dispose$6,
   disposeFindWidget,
   focus: focus$9,
@@ -9439,7 +9479,7 @@ const UiStrings = {
   Close: 'Close',
   Maximize: 'Maximize'
 };
-const create$a = () => {
+const create$b = () => {
   const $PanelTabs = document.createElement('div');
   $PanelTabs.className = 'PanelTabs';
   $PanelTabs.role = TabList;
@@ -9552,7 +9592,7 @@ const setActionsDom$1 = (state, actions, childUid) => {
 const ViewletPanel = {
   __proto__: null,
   attachEvents: attachEvents$3,
-  create: create$a,
+  create: create$b,
   dispose: dispose$5,
   focus: focus$8,
   setActionsDom: setActionsDom$1,
@@ -9767,8 +9807,8 @@ const focus$6 = state => {
 // - for windows narrator, ariaLabel works well
 // - for nvda ariaRoleDescription works better
 
-const create$9 = () => {
-  const $QuickPickInput = create$A();
+const create$a = () => {
+  const $QuickPickInput = create$B();
   $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems); // TODO use idl once supported
   $QuickPickInput.role = ComboBox;
   $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
@@ -9878,7 +9918,7 @@ const noop = state => {};
 const ViewletQuickPick = {
   __proto__: null,
   attachEvents: attachEvents$2,
-  create: create$9,
+  create: create$a,
   dispose: dispose$4,
   focus: focus$6,
   hideStatus,
@@ -10049,7 +10089,7 @@ const handleLoadedMetaData = event => {
   target.play();
 };
 
-const create$8 = () => {
+const create$9 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet ScreenCapture';
   return {
@@ -10069,7 +10109,7 @@ const setScreenCapture = (state, id) => {
 
 const ViewletScreenCapture = {
   __proto__: null,
-  create: create$8,
+  create: create$9,
   setScreenCapture
 };
 
@@ -10259,7 +10299,7 @@ const handleHeaderClick = event => {
   }
 };
 
-const create$7 = () => {
+const create$8 = () => {
   const $SideBarTitleAreaTitle = document.createElement('h2');
   $SideBarTitleAreaTitle.className = 'SideBarTitleAreaTitle';
   const $SideBarTitleArea = document.createElement('div');
@@ -10323,7 +10363,7 @@ const focus$4 = async () => {
 const ViewletSideBar = {
   __proto__: null,
   attachEvents: attachEvents$1,
-  create: create$7,
+  create: create$8,
   dispose: dispose$2,
   focus: focus$4,
   setActionsDom,
@@ -10524,7 +10564,7 @@ const ViewletStatusBarEvents = {
   handleClick: handleClick$2
 };
 
-const create$6 = () => {
+const create$7 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.id = 'StatusBar';
   $Viewlet.className = 'Viewlet StatusBar';
@@ -10553,7 +10593,7 @@ const focus$2 = state => {
 
 const ViewletStatusBar = {
   __proto__: null,
-  create: create$6,
+  create: create$7,
   focus: focus$2,
   setDom: setDom$1
 };
@@ -10656,7 +10696,7 @@ const createOffscreenTerminalDom = (root, {
 };
 
 // @ts-ignore
-const create$5 = ({
+const create$6 = ({
   $Element,
   ...options
 }) => {
@@ -10677,7 +10717,7 @@ const handleKeyDown = (event, ...args) => {
   handleKeyDown$5(uid, ...args);
 };
 
-const create$4 = () => {
+const create$5 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Terminal';
   return {
@@ -10691,7 +10731,7 @@ const setTerminal = (state, canvasCursorId, canvasTextId) => {
   const {
     $Viewlet
   } = state;
-  const terminal = create$5({
+  const terminal = create$6({
     $Element: $Viewlet,
     handleKeyDown: (...args) => {
       handleKeyDown({
@@ -10763,7 +10803,7 @@ const Commands = {
 const ViewletTerminal = {
   __proto__: null,
   Commands,
-  create: create$4,
+  create: create$5,
   dispose: dispose$1,
   focus: focus$1,
   focusTextArea,
@@ -10784,7 +10824,7 @@ const handleClickTab = event => {
   handleClickTab$2(uid, index);
 };
 
-const create$3 = () => {
+const create$4 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet Terminals';
   return {
@@ -10811,7 +10851,7 @@ const setTabsDom = (state, dom) => {
 
 const ViewletTerminals = {
   __proto__: null,
-  create: create$3,
+  create: create$4,
   setTabsDom
 };
 
@@ -10825,7 +10865,7 @@ const handleContextMenu$4 = event => {
   return ['handleContextMenu', button, clientX, clientY];
 };
 
-const create$2 = () => {
+const create$3 = () => {
   // TODO set aria label for title bar menu
   // TODO add tests for aria properties
   const $Viewlet = document.createElement('div');
@@ -10861,7 +10901,7 @@ const setFocused$1 = (state, isFocused) => {
 const ViewletTitleBar = {
   __proto__: null,
   attachEvents,
-  create: create$2,
+  create: create$3,
   setFocused: setFocused$1
 };
 
@@ -11174,7 +11214,7 @@ const setMenus = (state, changes, uid) => {
             level,
             focusedIndex
           } = menu;
-          setBounds$8($Menu, x, y, width, height);
+          setBounds$9($Menu, x, y, width, height);
           renderInto($Menu, dom);
           $Menu.id = `Menu-${level}`;
           append$1($Menu);
@@ -11200,7 +11240,7 @@ const setMenus = (state, changes, uid) => {
             focusedIndex
           } = menu;
           const $Menu = $$Menus[level];
-          setBounds$8($Menu, x, y, width, height);
+          setBounds$9($Menu, x, y, width, height);
           renderInto($Menu, dom);
           if (level === newLength - 1) {
             if (focusedIndex === -1) {
@@ -11269,7 +11309,7 @@ const ViewletVideo = {
   Events
 };
 
-const create$1 = () => {
+const create$2 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet TitleBarTitle';
   return {
@@ -11285,7 +11325,7 @@ const setDom = (state, dom) => {
 
 const ViewletTitleBarTitle = {
   __proto__: null,
-  create: create$1,
+  create: create$2,
   setDom
 };
 
@@ -11337,7 +11377,7 @@ const ViewletAbout = {
   setFocused
 };
 
-const create = () => {
+const create$1 = () => {
   const $Viewlet = document.createElement('div');
   $Viewlet.className = 'Viewlet EmptyEditor';
   return {
@@ -11347,7 +11387,7 @@ const create = () => {
 
 const ViewletEmptyEditor = {
   __proto__: null,
-  create
+  create: create$1
 };
 
 const handleScrollBarPointerDown = event => {
@@ -11472,7 +11512,7 @@ const handleContextMenu$1 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const handleSashCornerPointerDown = create$K(event => {
+const handleSashCornerPointerDown = create$L(event => {
   const {
     clientX,
     clientY
@@ -11625,7 +11665,7 @@ const setPort = (state, portId, origin) => {
 };
 const setPosition = (state, id, x, y, width, height) => {
   const $Iframe = get(id);
-  setBounds$8($Iframe, x, y, width, height);
+  setBounds$9($Iframe, x, y, width, height);
 };
 
 const ViewletWebView = {
@@ -11635,3 +11675,23 @@ const ViewletWebView = {
   setPort,
   setPosition
 };
+
+const create = () => {
+  const $Viewlet = document.createElement('div');
+  $Viewlet.className = 'Viewlet EditorTextError';
+  return {
+    $Viewlet
+  };
+};
+const setMessage = (state, message) => {
+  const {
+    $Viewlet
+  } = state;
+  $Viewlet.textContent = message;
+};
+
+const ViewletEditorTextError = {
+  __proto__: null,
+  create,
+  setMessage
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "10.17.0",
+  "version": "10.19.0",
   "description": "",
   "main": "dist/rendererProcessMain.js",
   "type": "module",