@lvce-editor/preview-worker 2.1.0 → 2.2.0

package/dist/previewWorkerMain.js

@@ -90424,6 +90424,56 @@ const handleFileEdited = async state => {
   };
 };
 
+const dispatchInputEvent = (element, window) => {
+  const inputEvent = new window.Event('input', {
+    bubbles: true
+  });
+  dispatchEvent(element, inputEvent);
+};
+
+const handleInput = (state, hdId, value) => {
+  // console.log('input,', hdId, value)
+  if (!hdId) {
+    return state;
+  }
+  const happyDomInstance = get(state.uid);
+  if (!happyDomInstance) {
+    return state;
+  }
+  const element = happyDomInstance.elementMap.get(hdId);
+  if (!element) {
+    return state;
+  }
+
+  // console.log({ element })
+  // Update the element's value from the preview
+  element.value = value;
+  // Dispatch input event in happy-dom so event listeners fire
+  dispatchInputEvent(element, happyDomInstance.window);
+
+  // 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(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
@@ -90511,6 +90561,7 @@ const renderCss = (oldState, newState) => {
   return ['Viewlet.setCss', uid, cssString];
 };
 
+const HandleInput = 4;
 const HandleClick = 11;
 
 const getEmptyPreviewDom = () => {
@@ -90543,6 +90594,7 @@ const getPreviewDom = state => {
       childCount: parsedNodesChildNodeCount,
       className: 'Viewlet Preview',
       onClick: HandleClick,
+      onInput: HandleInput,
       type: Div$1
     }, ...parsedDom];
   }
@@ -90550,6 +90602,7 @@ const getPreviewDom = state => {
     childCount: 1,
     className: 'Viewlet Preview',
     onClick: HandleClick,
+    onInput: HandleInput,
     type: Div$1
   }, {
     childCount: 1,
@@ -90619,6 +90672,10 @@ const renderEventListeners = () => {
     capture: true,
     name: HandleClick,
     params: ['handleClick', 'event.target.dataset.id']
+  }, {
+    capture: true,
+    name: HandleInput,
+    params: ['handleInput', 'event.target.dataset.id', 'event.target.value']
   }];
 };
 
@@ -90675,6 +90732,7 @@ const commandMap = {
   'Preview.getCommandIds': getCommandIds,
   'Preview.handleClick': wrapCommand(handleClick),
   'Preview.handleFileEdited': wrapCommand(handleFileEdited),
+  'Preview.handleInput': wrapCommand(handleInput),
   'Preview.loadContent': wrapCommand(loadContent),
   'Preview.render2': render2,
   'Preview.renderEventListeners': renderEventListeners,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/preview-worker",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Preview Worker",
   "repository": {
     "type": "git",