@lvce-editor/preview-worker 2.6.0 → 2.7.0

package/dist/previewWorkerMain.js

@@ -90699,6 +90699,51 @@ const handleKeydown = (state, hdId, key, code) => {
   };
 };
 
+const dispatchKeyupEvent = (element, window, key, code) => {
+  const keyupEvent = new window.KeyboardEvent('keyup', {
+    bubbles: true,
+    code,
+    key
+  });
+  dispatchEvent(element, keyupEvent);
+};
+
+const handleKeyup = (state, hdId, key, code) => {
+  const happyDomInstance = get(state.uid);
+  if (!happyDomInstance) {
+    return state;
+  }
+  const element = hdId ? happyDomInstance.elementMap.get(hdId) : happyDomInstance.document;
+  if (!element) {
+    return state;
+  }
+
+  // Dispatch keyup event in happy-dom so event listeners fire
+  dispatchKeyupEvent(element, happyDomInstance.window, key, code);
+
+  // Re-serialize the (potentially mutated) DOM
+  const elementMap = new Map();
+  const serialized = serialize(happyDomInstance.document, elementMap);
+
+  // Update happy-dom state with new element map
+  set$1(state.uid, {
+    document: happyDomInstance.document,
+    elementMap,
+    window: happyDomInstance.window
+  });
+  const parsedDom = serialized.dom;
+  const {
+    css
+  } = serialized;
+  const parsedNodesChildNodeCount = getParsedNodesChildNodeCount(parsedDom);
+  return {
+    ...state,
+    css,
+    parsedDom,
+    parsedNodesChildNodeCount
+  };
+};
+
 const loadContent = async state => {
   // Try to register to receive editor change notifications from the editor worker.
   // Use dynamic access and ignore errors so this is safe in environments where
@@ -90789,6 +90834,7 @@ const renderCss = (oldState, newState) => {
 const HandleInput = 4;
 const HandleClick = 11;
 const HandleKeydown = 12;
+const HandleKeyup = 13;
 
 const getEmptyPreviewDom = () => {
   return [{
@@ -90822,6 +90868,7 @@ const getPreviewDom = state => {
       onClick: HandleClick,
       onInput: HandleInput,
       onKeyDown: HandleKeydown,
+      onKeyUp: HandleKeyup,
       tabIndex: 0,
       type: Div$1
     }, ...parsedDom];
@@ -90832,6 +90879,7 @@ const getPreviewDom = state => {
     onClick: HandleClick,
     onInput: HandleInput,
     onKeyDown: HandleKeydown,
+    onKeyUp: HandleKeyup,
     tabIndex: 0,
     type: Div$1
   }, {
@@ -90910,6 +90958,10 @@ const renderEventListeners = () => {
     capture: true,
     name: HandleKeydown,
     params: ['handleKeyDown', 'event.target.dataset.id', 'event.key', 'event.code']
+  }, {
+    capture: true,
+    name: HandleKeyup,
+    params: ['handleKeyUp', 'event.target.dataset.id', 'event.key', 'event.code']
   }];
 };
 
@@ -90969,6 +91021,7 @@ const commandMap = {
   'Preview.handleFileEdited': wrapCommand(handleFileEdited),
   'Preview.handleInput': wrapCommand(handleInput),
   'Preview.handleKeyDown': wrapCommand(handleKeydown),
+  'Preview.handleKeyUp': wrapCommand(handleKeyup),
   'Preview.loadContent': wrapCommand(loadContent),
   'Preview.render2': render2,
   'Preview.renderEventListeners': renderEventListeners,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/preview-worker",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "Preview Worker",
   "repository": {
     "type": "git",
@@ -11,7 +11,7 @@
   "type": "module",
   "main": "dist/previewWorkerMain.js",
   "dependencies": {
-    "@lvce-editor/virtual-dom-worker": "^8.0.0",
+    "@lvce-editor/virtual-dom-worker": "^8.2.0",
     "happy-dom-without-node": "^14.12.3"
   }
 }