@lvce-editor/status-bar-worker 1.2.0 → 1.4.0

package/dist/statusBarWorkerMain.js

@@ -54,6 +54,49 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String = 4;
+const Boolean = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$1;
+    case 'function':
+      return Function;
+    case 'string':
+      return String;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean;
+    default:
+      return Unknown;
+  }
+};
+const number = value => {
+  const type = getType(value);
+  if (type !== Number$1) {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -378,26 +421,26 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$1 = (id, fn) => {
+const set$2 = (id, fn) => {
   callbacks[id] = fn;
 };
-const get$2 = id => {
+const get$3 = id => {
   return callbacks[id];
 };
 const remove = id => {
   delete callbacks[id];
 };
 let id = 0;
-const create$3 = () => {
+const create$3$1 = () => {
   return ++id;
 };
 const registerPromise = () => {
-  const id = create$3();
+  const id = create$3$1();
   const {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$1(id, resolve);
+  set$2(id, resolve);
   return {
     id,
     promise
@@ -562,7 +605,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$2(id);
+  const fn = get$3(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -822,7 +865,7 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$2 = async ({
+const create$3 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -834,19 +877,135 @@ const create$2 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$2
+  create: create$3
 };
 
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
+const create$2 = () => {
+  const states = Object.create(null);
+  const commandMapRef = {};
+  return {
+    get(uid) {
+      return states[uid];
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        oldState,
+        newState
+      };
+    },
+    dispose(uid) {
+      delete states[uid];
+    },
+    getKeys() {
+      return Object.keys(states).map(key => {
+        return Number.parseInt(key);
+      });
+    },
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          oldState,
+          newState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (oldState === newerState || newState === newerState) {
+          return;
+        }
+        const latest = states[uid];
+        states[uid] = {
+          oldState: latest.oldState,
+          newState: newerState
+        };
+      };
+      return wrapped;
+    },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
+    diff(uid, modules, numbers) {
+      const {
+        oldState,
+        newState
+      } = 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;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    }
+  };
+};
 const terminate = () => {
   globalThis.close();
 };
 
+const {
+  get: get$2,
+  set: set$1,
+  wrapCommand} = create$2();
+
 const create$1 = uid => {
-  return {
+  const state = {
     statusBarItemsLeft: [],
     statusBarItemsRight: [],
     uid
   };
+  set$1(uid, state, state);
+};
+
+const isEqual = (oldState, newState) => {
+  return oldState.statusBarItemsLeft === newState.statusBarItemsLeft && oldState.statusBarItemsRight === newState.statusBarItemsRight;
+};
+
+const RenderItems = 4;
+
+const modules = [isEqual];
+const numbers = [RenderItems];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
+};
+
+const diff2 = uid => {
+  const {
+    newState,
+    oldState
+  } = get$2(uid);
+  const result = diff(oldState, newState);
+  return result;
 };
 
 const handleClick = (state, name) => {
@@ -903,9 +1062,24 @@ const OnStatusBarItem = 'onStatusBarItem';
 
 const GetStatusBarItems = 'ExtensionHost.getStatusBarItems';
 
+const Button$1 = 'button';
+
+const Div = 4;
+const Text = 12;
+
+const Button = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const DeltaMode = 'event.deltaMode';
+const DeltaY = 'event.deltaY';
+const TargetName = 'event.target.name';
+const TargetValue = 'event.target.value';
+
 const ExtensionHostWorker = 44;
 const RendererWorker = 1;
 
+const SetDom2 = 'Viewlet.setDom2';
+
 const rpcs = Object.create(null);
 const set = (id, rpc) => {
   rpcs[id] = rpc;
@@ -1025,13 +1199,166 @@ const loadContent = async state => {
   };
 };
 
+const StatusBarItem = 'StatusBarItem';
+const StatusBarItemsLeft = 'StatusBarItemsLeft';
+const StatusBarItemsRight = 'StatusBarItemsRight';
+
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
+const getStatusBarItemVirtualDom = statusBarItem => {
+  const {
+    tooltip
+  } = statusBarItem;
+  return [{
+    childCount: 1,
+    className: StatusBarItem,
+    role: Button$1,
+    tabIndex: -1,
+    title: tooltip,
+    type: Div
+  }, text(statusBarItem.text)];
+};
+
+const getStatusBarItemsVirtualDom = (items, className) => {
+  return [{
+    childCount: items.length,
+    className,
+    type: Div
+  }, ...items.flatMap(getStatusBarItemVirtualDom)];
+};
+
+const getStatusBarVirtualDom = (statusBarItemsLeft, statusBarItemsRight) => {
+  const dom = [];
+  if (statusBarItemsLeft.length > 0) {
+    dom.push(...getStatusBarItemsVirtualDom(statusBarItemsLeft, StatusBarItemsLeft));
+  }
+  if (statusBarItemsRight.length > 0) {
+    dom.push(...getStatusBarItemsVirtualDom(statusBarItemsRight, StatusBarItemsRight));
+  }
+  return dom;
+};
+
+const renderItems = (oldState, newState) => {
+  const {
+    statusBarItemsLeft,
+    statusBarItemsRight,
+    uid
+  } = newState;
+  const dom = getStatusBarVirtualDom(statusBarItemsLeft, statusBarItemsRight);
+  return [SetDom2, uid, dom];
+};
+
+const getRenderer = diffType => {
+  switch (diffType) {
+    case RenderItems:
+      return renderItems;
+    default:
+      throw new Error('unknown renderer');
+  }
+};
+
+const applyRender = (oldState, newState, diffResult) => {
+  const commands = [];
+  for (const item of diffResult) {
+    const fn = getRenderer(item);
+    const result = fn(oldState, newState);
+    if (result.length > 0) {
+      commands.push(result);
+    }
+  }
+  return commands;
+};
+
+const render2 = (uid, diffResult) => {
+  const {
+    newState,
+    oldState
+  } = get$2(uid);
+  set$1(uid, newState, newState);
+  const commands = applyRender(oldState, newState, diffResult);
+  return commands;
+};
+
+const HandleClickAt = 1;
+const HandleContextMenu = 2;
+const HandleFocus = 3;
+const HandleInput = 4;
+const HandleMouseOutAt = 6;
+const HandleMouseOver = 7;
+const HandleMouseOverAt = 8;
+const HandleWheel = 9;
+const HandleClickAction = 10;
+
+const renderEventListeners = () => {
+  return [{
+    name: HandleWheel,
+    params: ['handleWheel', DeltaMode, DeltaY],
+    passive: true
+  }, {
+    name: HandleFocus,
+    params: ['handleFocus']
+  }, {
+    name: HandleClickAt,
+    params: ['handleClickAt', ClientX, ClientY, TargetName]
+  }, {
+    name: HandleMouseOverAt,
+    params: ['handleMouseOverAt', ClientX, ClientY]
+  }, {
+    name: HandleMouseOver,
+    params: ['handleMouseOver', ClientX, ClientY]
+  }, {
+    name: HandleMouseOutAt,
+    params: ['handleMouseOutAt', ClientX, ClientY]
+  }, {
+    name: HandleInput,
+    params: ['handleInput', TargetValue]
+  }, {
+    name: HandleContextMenu,
+    params: ['handleContextMenu', Button, ClientX, ClientY],
+    preventDefault: true
+  }, {
+    name: HandleWheel,
+    params: ['handleWheel', DeltaMode, DeltaY],
+    passive: true
+  }, {
+    name: HandleClickAction,
+    params: ['handleActionClick', TargetName]
+  }];
+};
+
+const saveState = uid => {
+  number(uid);
+  const value = get$2(uid);
+  const {
+    newState
+  } = value;
+  const {
+    statusBarItemsLeft,
+    statusBarItemsRight
+  } = newState;
+  return {
+    itemsLeft: statusBarItemsLeft,
+    itemsRight: statusBarItemsRight
+  };
+};
+
 const commandMap = {
   'StatusBar.create': create$1,
-  'StatusBar.handleClick': handleClick,
-  'StatusBar.itemLeftUpdate': itemLeftUpdate,
-  'StatusBar.itemRightCreate': itemRightCreate,
-  'StatusBar.itemRightUpdate': itemRightUpdate,
-  'StatusBar.loadContent': loadContent,
+  'StatusBar.diff2': diff2,
+  'StatusBar.handleClick': wrapCommand(handleClick),
+  'StatusBar.itemLeftUpdate': wrapCommand(itemLeftUpdate),
+  'StatusBar.itemRightCreate': wrapCommand(itemRightCreate),
+  'StatusBar.itemRightUpdate': wrapCommand(itemRightUpdate),
+  'StatusBar.loadContent': wrapCommand(loadContent),
+  'StatusBar.render2': render2,
+  'StatusBar.renderEventListeners': renderEventListeners,
+  'StatusBar.saveState': saveState,
   'StatusBar.terminate': terminate
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/status-bar-worker",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Status Bar Worker",
   "repository": {
     "type": "git",