@lvce-editor/renderer-process 30.73.2 → 30.74.0

package/dist/rendererProcessMain.js

@@ -629,7 +629,7 @@ class CommandNotFoundError extends Error {
   }
 }
 const commands = Object.create(null);
-const register$1 = commandMap => {
+const register$2 = commandMap => {
   Object.assign(commands, commandMap);
 };
 const getCommand = key => {
@@ -648,7 +648,7 @@ const callbacks = Object.create(null);
 const get$c = id => {
   return callbacks[id];
 };
-const remove$6 = id => {
+const remove$7 = id => {
   delete callbacks[id];
 };
 class JsonRpcError extends Error {
@@ -876,7 +876,7 @@ const resolve = (id, response) => {
     return;
   }
   fn(response);
-  remove$6(id);
+  remove$7(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -1164,7 +1164,7 @@ const create$E = async ({
   window
 }) => {
   // TODO create a commandMap per rpc instance
-  register$1(commandMap);
+  register$2(commandMap);
   const ipc = IpcChildWithElectronWindow$1.wrap(window);
   handleIpc(ipc);
   const rpc = createRpc(ipc);
@@ -1177,7 +1177,7 @@ const create$D = async ({
   messagePort
 }) => {
   // TODO create a commandMap per rpc instance
-  register$1(commandMap);
+  register$2(commandMap);
   const rawIpc = await IpcParentWithMessagePort$1$1.create({
     isMessagePortOpen,
     messagePort
@@ -1199,7 +1199,7 @@ const create$C = async ({
   url
 }) => {
   // TODO create a commandMap per rpc instance
-  register$1(commandMap);
+  register$2(commandMap);
   const worker = await IpcParentWithModuleWorker$1$1.create({
     name,
     url
@@ -1220,7 +1220,7 @@ const create$B = async ({
   url
 }) => {
   // TODO create a commandMap per rpc instance
-  register$1(commandMap);
+  register$2(commandMap);
   const worker = await IpcParentWithModuleWorker$1$1.create({
     name,
     url
@@ -1506,7 +1506,7 @@ const track = (worker, startedIn = state$o.generation, trackedWorker) => {
   metadataById.set(metadata.id, metadata);
   workers$1.set(worker, metadata);
 };
-const remove$5 = worker => {
+const remove$6 = worker => {
   const metadata = workers$1.get(worker);
   workers$1.delete(worker);
   if (metadata) metadataById.delete(metadata.id);
@@ -2012,6 +2012,82 @@ const initialize = () => {
   }
 };
 
+const registrations = new Map();
+const getRegistration = target => {
+  if (!(target instanceof HTMLTextAreaElement) || !target.matches('.EditorInput textarea') || !target.closest('.Editor')) return undefined;
+  const root = target.closest('[id^="Workbench-"]');
+  return root ? registrations.get(root.id) : undefined;
+};
+const register$1 = (rootId, id, keymap) => {
+  const root = document.getElementById(rootId);
+  if (!root) throw new Error(`Editor keymap root not found: ${rootId}`);
+  if (registrations.has(rootId)) throw new Error(`Editor keymap already registered: ${rootId}`);
+  if (!Object.hasOwn(keymap.modes, keymap.initialMode)) throw new Error('Unknown initial editor keymap mode');
+  for (const mode of Object.values(keymap.modes)) {
+    for (const binding of Object.values(mode.bindings)) {
+      if (binding.mode !== undefined && !Object.hasOwn(keymap.modes, binding.mode)) throw new Error('Unknown editor keymap mode');
+    }
+  }
+  const cursorStyles = ['--EditorCursorWidth', '--EditorCursorOpacity'].map(name => ({
+    name,
+    priority: root.style.getPropertyPriority(name),
+    value: root.style.getPropertyValue(name)
+  }));
+  if (keymap.cursorStyle !== undefined) {
+    root.style.setProperty('--EditorCursorWidth', keymap.cursorStyle === 'block' ? '1ch' : '2px');
+    root.style.setProperty('--EditorCursorOpacity', keymap.cursorStyle === 'block' ? '0.5' : '1');
+  }
+  const beforeInput = event => {
+    const registration = getRegistration(event.target);
+    if (registration?.keymap.modes[registration.mode]?.captureText) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+    }
+  };
+  registrations.set(rootId, {
+    beforeInput,
+    cursorStyles,
+    id,
+    keymap,
+    mode: keymap.initialMode,
+    root
+  });
+  root.addEventListener('beforeinput', beforeInput, {
+    capture: true
+  });
+};
+const remove$5 = (rootId, id) => {
+  const registration = registrations.get(rootId);
+  if (registration?.id !== id) return;
+  registration.root.removeEventListener('beforeinput', registration.beforeInput, true);
+  if (registration.keymap.cursorStyle !== undefined) {
+    for (const {
+      name,
+      priority,
+      value
+    } of registration.cursorStyles) {
+      if (value) registration.root.style.setProperty(name, value, priority);else registration.root.style.removeProperty(name);
+    }
+  }
+  registrations.delete(rootId);
+};
+
+// Resolve mode transitions before the browser can produce the next input event.
+const handleKeyDown$5 = event => {
+  const registration = getRegistration(event.target);
+  if (!registration || event.altKey || event.ctrlKey || event.metaKey || event.isComposing) return false;
+  const mode = registration.keymap.modes[registration.mode];
+  if (!mode) return false;
+  const binding = Object.hasOwn(mode.bindings, event.key) ? mode.bindings[event.key] : undefined;
+  if (!binding && !(mode.captureText && (event.key.length === 1 || ['Enter', 'Backspace', 'Delete'].includes(event.key)))) return false;
+  event.preventDefault();
+  if (binding?.mode !== undefined) registration.mode = binding.mode;
+  if (binding?.command) {
+    send$1('EditorKeymap.execute', registration.id, binding.command, ...(binding.args || []));
+  }
+  return true;
+};
+
 const uidSymbol = Symbol('uid');
 
 const getUidTarget = $Element => {
@@ -2590,6 +2666,7 @@ const BlockQuote$1 = 'blockquote';
 const Rect$2 = 'rect';
 const Svg$2 = 'svg';
 const Use$2 = 'use';
+const Progress$1 = 'progress';
 
 const Audio$2 = 0;
 const Button = 1;
@@ -2670,6 +2747,7 @@ const Polyline$1 = 88;
 const Rect$1 = 89;
 const Svg$1 = 90;
 const Use$1 = 91;
+const Progress = 92;
 const Reference$1 = 100;
 
 const VirtualDomElements = {
@@ -2730,6 +2808,7 @@ const VirtualDomElements = {
   Polygon: Polygon$1,
   Polyline: Polyline$1,
   Pre,
+  Progress,
   Quote: Quote$2,
   Rect: Rect$1,
   Reference: Reference$1,
@@ -2813,6 +2892,7 @@ const elementTagMap = {
   [Polygon$1]: Polygon$2,
   [Polyline$1]: Polyline$2,
   [Pre]: Pre$1,
+  [Progress]: Progress$1,
   [Quote$2]: Quote$3,
   [Rect$1]: Rect$2,
   [Search]: Search$1,
@@ -4427,7 +4507,7 @@ const create$y = async ({
         break;
     }
   } catch (error) {
-    remove$5(worker);
+    remove$6(worker);
     worker.terminate();
     throw error;
   }
@@ -4663,7 +4743,7 @@ const create$t = async ({
 const dispose$l = id => {
   const worker = remove$3(id);
   if (worker) {
-    remove$5(worker);
+    remove$6(worker);
     worker.terminate();
   }
 };
@@ -7732,6 +7812,7 @@ const isEditableTarget = target => {
   return Boolean(target.closest('input, textarea, [contenteditable]:not([contenteditable="false"])'));
 };
 const handleKeyDown$2 = event => {
+  if (handleKeyDown$5(event)) return;
   if (isNativeButtonActivation(event) || isTerminalTextInput(event)) {
     return;
   }
@@ -12559,6 +12640,8 @@ const commandMap = {
   'Download.downloadFile': downloadFile,
   'DragAndDrop.handleMessagePort': handleMessagePort$1,
   'DropData.get': get$1,
+  'EditorKeymap.register': register$1,
+  'EditorKeymap.remove': remove$5,
   'FileHandles.get': get,
   'FilePicker.showDirectoryPicker': showDirectoryPicker,
   'FilePicker.showFilePicker': showFilePicker,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.73.2",
+  "version": "30.74.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"