@lvce-editor/extension-detail-view 3.16.0 → 3.17.0

package/dist/extensionDetailViewWorkerMain.js

@@ -430,7 +430,7 @@ const set$2 = (id, fn) => {
 const get$2 = id => {
   return callbacks[id];
 };
-const remove = id => {
+const remove$1 = id => {
   delete callbacks[id];
 };
 let id$1 = 0;
@@ -607,7 +607,7 @@ const resolve = (id, response) => {
     return;
   }
   fn(response);
-  remove(id);
+  remove$1(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -853,13 +853,17 @@ const create$1 = () => {
         oldState,
         newState
       };
+    },
+    remove(uid) {
+      delete states[uid];
     }
   };
 };
 
 const {
   get: get$1,
-  set: set$1
+  set: set$1,
+  remove
 } = create$1();
 
 const create = (uid, uri, width, height, platform, assetDir$1) => {
@@ -882,11 +886,58 @@ const create = (uid, uri, width, height, platform, assetDir$1) => {
     baseUrl: '',
     features: [],
     folderSize: 0,
-    assetDir: assetDir$1 || assetDir
+    assetDir: assetDir$1 || assetDir,
+    platform
   };
   set$1(uid, state, state);
 };
 
+const RenderFocus = 2;
+const RenderItems = 3;
+
+const diffType$1 = RenderFocus;
+const isEqual$1 = (oldState, newState) => {
+  return oldState === newState;
+};
+
+const diffType = RenderItems;
+const isEqual = (oldState, newState) => {
+  return oldState === newState;
+};
+
+const modules = [isEqual, isEqual$1];
+const numbers = [diffType, diffType$1];
+
+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 {
+    oldState,
+    newState
+  } = get$1(uid);
+  const diffResult = diff(oldState, newState);
+  return diffResult;
+};
+
+const dispose = uid => {
+  remove(uid);
+};
+
+const commandIds = ['getMenuEntries', 'handleClickDisable', 'handleClickSize', 'handleClickUninstall', 'handleFeaturesClick', 'handleIconError', 'handleTabsClick', 'renderEventListeners', 'resize', 'saveState', 'selectTab', 'terminate'];
+
+const getCommandIds = () => {
+  return commandIds;
+};
+
 const AdditionalDetails = 'AdditionalDetails';
 const AdditionalDetailsEntry = 'AdditionalDetailsEntry';
 const AdditionalDetailsTitle = 'AdditionalDetailsTitle';
@@ -2277,20 +2328,6 @@ const getFolderSize = async uri => {
   }
 };
 
-const getSavedSelectedFeature = savedState => {
-  if (savedState && typeof savedState === 'object' && 'selectedFeature' in savedState && typeof savedState.selectedFeature === 'string') {
-    return savedState.selectedFeature;
-  }
-  return Details;
-};
-
-const getSavedSelectedTab = savedState => {
-  if (savedState && typeof savedState === 'object' && 'selectedTab' in savedState && typeof savedState.selectedTab === 'string') {
-    return savedState.selectedTab;
-  }
-  return Details;
-};
-
 const readFile = async uri => {
   return invoke('FileSystem.readFile', uri);
 };
@@ -2319,6 +2356,29 @@ const loadReadmeContent = async path => {
   }
 };
 
+const getSavedSelectedFeature = savedState => {
+  if (savedState && typeof savedState === 'object' && 'selectedFeature' in savedState && typeof savedState.selectedFeature === 'string') {
+    return savedState.selectedFeature;
+  }
+  return Details;
+};
+
+const getSavedSelectedTab = savedState => {
+  if (savedState && typeof savedState === 'object' && 'selectedTab' in savedState && typeof savedState.selectedTab === 'string') {
+    return savedState.selectedTab;
+  }
+  return Details;
+};
+
+const restoreState = savedState => {
+  const selectedTab = getSavedSelectedTab(savedState);
+  const selectedFeature = getSavedSelectedFeature(savedState);
+  return {
+    selectedFeature,
+    selectedTab
+  };
+};
+
 const loadContent = async (state, platform, savedState) => {
   const {
     uri,
@@ -2338,8 +2398,10 @@ const loadContent = async (state, platform, savedState) => {
   const description = getDescription(extension);
   const name = getName(extension);
   const size = getViewletSize(width);
-  const selectedTab = getSavedSelectedTab(savedState);
-  const selectedFeature = getSavedSelectedFeature(savedState);
+  const {
+    selectedFeature,
+    selectedTab
+  } = restoreState(savedState);
   const features = getFeatures(selectedFeature, extension);
   const folderSize = await getFolderSize(extension.uri);
   const entries = [{
@@ -2395,6 +2457,49 @@ const loadContent = async (state, platform, savedState) => {
   };
 };
 
+const loadContent2 = async (state, savedState) => {
+  return loadContent(state, state.platform, savedState);
+};
+
+const renderDom = async (oldState, newState) => {
+  const dom = await getExtensionDetailVirtualDom(newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
+  return ['Viewlet.setDom2', dom];
+};
+
+const renderFocus = async (oldState, newState) => {
+  return ['Viewlet.focusElementByName', ''];
+};
+
+const getRenderer = diffType => {
+  switch (diffType) {
+    case RenderItems:
+      return renderDom;
+    case RenderFocus:
+      return renderFocus;
+    default:
+      throw new Error('unknown renderer');
+  }
+};
+
+const applyRender = async (oldState, newState, diffResult) => {
+  const commands = [];
+  for (const item of diffResult) {
+    const fn = getRenderer(item);
+    commands.push(await fn(oldState, newState));
+  }
+  return commands;
+};
+
+const render2 = async (uid, diffResult) => {
+  const {
+    oldState,
+    newState
+  } = get$1(uid);
+  set$1(uid, oldState, newState);
+  const commands = await applyRender(oldState, newState, diffResult);
+  return commands;
+};
+
 const renderEventListeners = () => {
   return [{
     name: HandleIconError,
@@ -2464,20 +2569,26 @@ const wrapCommand = fn => {
 
 const commandMap = {
   'ExtensionDetail.create': create,
+  'ExtensionDetail.diff2': diff2,
+  'ExtensionDetail.dispose': dispose,
+  'ExtensionDetail.getCommandIds': getCommandIds,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
-  'ExtensionDetail.getVirtualDom2': getExtensionDetailVirtualDom2,
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickSize': wrapCommand(handleClickSize),
   'ExtensionDetail.handleClickUninstall': wrapCommand(handleClickUninstall),
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
-  'ExtensionDetail.loadContent': wrapCommand(loadContent),
+  'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
+  'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
   'ExtensionDetail.resize': resize,
   'ExtensionDetail.saveState': saveState,
   'ExtensionDetail.selectTab': wrapCommand(selectTab),
-  'ExtensionDetail.terminate': terminate
+  'ExtensionDetail.terminate': terminate,
+  // deprecated
+  'ExtensionDetail.getVirtualDom2': getExtensionDetailVirtualDom2,
+  'ExtensionDetail.loadContent': wrapCommand(loadContent)
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",