@lvce-editor/preview-worker 1.0.0 → 1.2.0

package/dist/previewWorkerMain.js

@@ -820,7 +820,7 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$2 = async ({
+const create$2$1 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -832,7 +832,7 @@ const create$2 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$2
+  create: create$2$1
 };
 const createMockRpc = ({
   commandMap
@@ -854,6 +854,7 @@ const createMockRpc = ({
   return mockRpc;
 };
 
+const Div = 4;
 const H1 = 5;
 const Text = 12;
 const Reference = 100;
@@ -877,7 +878,7 @@ const remove = id => {
 };
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$1 = rpcId => {
+const create$2 = rpcId => {
   return {
     async dispose() {
       const rpc = get$1(rpcId);
@@ -915,63 +916,123 @@ const create$1 = rpcId => {
 
 const {
   set: set$1
-} = create$1(RendererWorker);
+} = create$2(RendererWorker);
 
-const terminate = () => {
-  globalThis.close();
-};
-
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
-
-const states = new Map();
-const set = (uid, newState, oldState) => {
-  states.set(uid, {
-    newState,
-    oldState
-  });
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
 };
-const get = uid => {
-  const state = states.get(uid);
-  if (!state) {
-    throw new Error(`State not found for uid ${uid}`);
-  }
-  return state;
-};
-const getCommandIds = () => {
-  return [];
-};
-const wrapCommand = fn => {
-  return (uid, ...args) => {
-    const {
-      newState
-    } = get(uid);
-    return fn(newState, ...args);
+const create$1 = () => {
+  const states = Object.create(null);
+  const commandMapRef = {};
+  return {
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    diff(uid, modules, numbers) {
+      const {
+        newState,
+        oldState
+      } = states[uid];
+      const diffResult = [];
+      for (let i = 0; i < modules.length; i++) {
+        const fn = modules[i];
+        if (!fn(oldState, newState)) {
+          diffResult.push(numbers[i]);
+        }
+      }
+      return diffResult;
+    },
+    dispose(uid) {
+      delete states[uid];
+    },
+    get(uid) {
+      return states[uid];
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    getKeys() {
+      return Object.keys(states).map(key => {
+        return Number.parseInt(key);
+      });
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        newState,
+        oldState
+      };
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (oldState === newerState || newState === newerState) {
+          return;
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...newerState
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState
+        };
+      };
+      return wrapped;
+    },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    }
   };
 };
-const wrapGetter = fn => {
-  return uid => {
-    const {
-      newState
-    } = get(uid);
-    return fn(newState);
-  };
+const terminate = () => {
+  globalThis.close();
 };
 
+const {
+  get,
+  getCommandIds,
+  registerCommands,
+  set,
+  wrapCommand,
+  wrapGetter
+} = create$1();
+
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
     assetDir,
+    content: '',
     errorCount: 0,
     initial: true,
+    parsedDom: [],
     platform,
     uid,
+    uri,
     warningCount: 0
   };
   set(uid, state, state);
 };
 
 const isEqual = (oldState, newState) => {
-  return oldState.warningCount === newState.warningCount;
+  return oldState.warningCount === newState.warningCount && oldState.initial === newState.initial;
 };
 
 const RenderItems = 4;
@@ -1005,7 +1066,7 @@ const loadContent = async state => {
     ...state,
     errorCount: 0,
     initial: false,
-    warningCount: 0
+    warningCount: 1
   };
 };
 
@@ -1297,8 +1358,28 @@ const diffTree = (oldNodes, newNodes) => {
   return removeTrailingNavigationPatches(patches);
 };
 
-const getPreviewDom = () => {
+const getEmptyPreviewDom = () => {
+  return [{
+    childCount: 1,
+    className: 'Viewlet Preview',
+    type: Div
+  }, {
+    childCount: 1,
+    type: H1
+  }, {
+    text: 'No URI has been specified',
+    type: Text
+  }];
+};
+const getPreviewDom = state => {
+  if (!state.uri) {
+    return getEmptyPreviewDom();
+  }
   return [{
+    childCount: 1,
+    className: 'Viewlet Preview',
+    type: Div
+  }, {
     childCount: 1,
     type: H1
   }, {
@@ -1309,9 +1390,13 @@ const getPreviewDom = () => {
 
 const renderItems = (oldState, newState) => {
   const {
+    initial,
     uid
   } = newState;
-  const dom = getPreviewDom();
+  if (initial) {
+    return [SetDom2, uid, []];
+  }
+  const dom = getPreviewDom(newState);
   return [SetDom2, uid, dom];
 };
 
@@ -1377,19 +1462,28 @@ const saveState = state => {
   };
 };
 
+const setUri = (state, uri) => {
+  return {
+    ...state,
+    uri
+  };
+};
+
 const commandMap = {
-  'StatusBar.create': create,
-  'StatusBar.diff2': diff2,
-  'StatusBar.getCommandIds': getCommandIds,
-  'StatusBar.loadContent': wrapCommand(loadContent),
-  'StatusBar.render2': render2,
-  'StatusBar.renderEventListeners': renderEventListeners,
-  'StatusBar.resize': wrapCommand(resize),
-  'StatusBar.saveState': wrapGetter(saveState),
-  'StatusBar.terminate': terminate
+  'Preview.create': create,
+  'Preview.diff2': diff2,
+  'Preview.getCommandIds': getCommandIds,
+  'Preview.loadContent': wrapCommand(loadContent),
+  'Preview.render2': render2,
+  'Preview.renderEventListeners': renderEventListeners,
+  'Preview.resize': wrapCommand(resize),
+  'Preview.saveState': wrapGetter(saveState),
+  'Preview.setUri': wrapCommand(setUri),
+  'Preview.terminate': terminate
 };
 
 const listen = async () => {
+  registerCommands(commandMap);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });

package/package.json

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