@lvce-editor/extension-detail-view 3.16.0 → 3.18.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 => {
@@ -791,6 +791,9 @@ const createRpc = ipc => {
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
+    },
+    async dispose() {
+      await ipc?.dispose();
     }
   };
   return rpc;
@@ -853,13 +856,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,17 +889,65 @@ 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';
 const Aside = 'Aside';
 const Button$1 = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
+const DefaultMarkdown = 'DefaultMarkdown';
 const Categories = 'Categories';
 const Category = 'Category';
 const Changelog$1 = 'Changelog';
@@ -916,6 +971,8 @@ const Features$1 = 'Features';
 const FeaturesList = 'FeaturesList';
 const FeatureWebView = 'FeatureWebView';
 const Large$1 = 'Large';
+const Sash = 'Sash';
+const SashVertical = 'SashVertical';
 const MoreInfo = 'MoreInfo';
 const MoreInfoEntry = 'MoreInfoEntry';
 const MoreInfoEntryKey = 'MoreInfoEntryKey';
@@ -1002,6 +1059,92 @@ const getDisplaySize = size => {
   });
 };
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const Commands$1 = 'Commands';
+const ContentSecurityPolicy = 'ContentSecurityPolicy';
+const Copy = 'Copy';
+const Elements = 'Elements';
+const FileMatch = 'File Match';
+const Id = 'ID';
+const JsonValidation$1 = 'Json Validation';
+const Label = 'Label';
+const OpenImageInNewTab = 'Open Image in New Tab';
+const OpenInNewTab = 'Open in New Tab';
+const ProgrammingLanguages$1 = 'Programming Languages';
+const SaveImageAs = 'Save Image as';
+const Schema = 'Schema';
+const Selector = 'Selector';
+const Settings$1 = 'Settings';
+const Theme$1 = 'Theme';
+const WebViews$1 = 'WebViews';
+const NotImplemented = 'Not Implemented';
+
+const copy = () => {
+  return i18nString(Copy);
+};
+const openInNewTab = () => {
+  return i18nString(OpenInNewTab);
+};
+const label = () => {
+  return i18nString(Label);
+};
+const openImageInNewTab = () => {
+  return i18nString(OpenImageInNewTab);
+};
+const saveImageAs = () => {
+  return i18nString(SaveImageAs);
+};
+const fileMatch = () => {
+  return i18nString(FileMatch);
+};
+const schema = () => {
+  return i18nString(Schema);
+};
+const theme = () => {
+  return i18nString(Theme$1);
+};
+const commands = () => {
+  return i18nString(Commands$1);
+};
+const webViews = () => {
+  return i18nString(WebViews$1);
+};
+const jsonValidation = () => {
+  return i18nString(JsonValidation$1);
+};
+const programmingLanguages = () => {
+  return i18nString(ProgrammingLanguages$1);
+};
+const settings = () => {
+  return i18nString(Settings$1);
+};
+const id = () => {
+  return i18nString(Id);
+};
+const selector = () => {
+  return i18nString(Selector);
+};
+const contentSecurityPolicy = () => {
+  return i18nString(ContentSecurityPolicy);
+};
+const elements = () => {
+  return i18nString(Elements);
+};
+const notImplemented = () => {
+  return i18nString(NotImplemented);
+};
+
 const A = 53;
 const Button = 1;
 const Div = 4;
@@ -1026,12 +1169,13 @@ const text = data => {
 };
 
 const getChangelogVirtualDom = () => {
+  const notImplemented$1 = notImplemented();
   // TODO set tabpanel role
   return [{
     type: Div,
     className: Changelog$1,
     childCount: 1
-  }, text('Not Implemented')];
+  }, text(notImplemented$1)];
 };
 
 const TabList = 'tablist';
@@ -1276,88 +1420,6 @@ const getDetailsVirtualDom = async (sanitizedReadmeHtml, displaySize, extensionI
   return dom;
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const Commands$1 = 'Commands';
-const ContentSecurityPolicy = 'ContentSecurityPolicy';
-const Copy = 'Copy';
-const Elements = 'Elements';
-const FileMatch = 'File Match';
-const Id = 'ID';
-const JsonValidation$1 = 'Json Validation';
-const Label = 'Label';
-const OpenImageInNewTab = 'Open Image in New Tab';
-const OpenInNewTab = 'Open in New Tab';
-const ProgrammingLanguages$1 = 'Programming Languages';
-const SaveImageAs = 'Save Image as';
-const Schema = 'Schema';
-const Selector = 'Selector';
-const Settings$1 = 'Settings';
-const Theme$1 = 'Theme';
-const WebViews$1 = 'WebViews';
-
-const copy = () => {
-  return i18nString(Copy);
-};
-const openInNewTab = () => {
-  return i18nString(OpenInNewTab);
-};
-const label = () => {
-  return i18nString(Label);
-};
-const openImageInNewTab = () => {
-  return i18nString(OpenImageInNewTab);
-};
-const saveImageAs = () => {
-  return i18nString(SaveImageAs);
-};
-const fileMatch = () => {
-  return i18nString(FileMatch);
-};
-const schema = () => {
-  return i18nString(Schema);
-};
-const theme = () => {
-  return i18nString(Theme$1);
-};
-const commands = () => {
-  return i18nString(Commands$1);
-};
-const webViews = () => {
-  return i18nString(WebViews$1);
-};
-const jsonValidation = () => {
-  return i18nString(JsonValidation$1);
-};
-const programmingLanguages = () => {
-  return i18nString(ProgrammingLanguages$1);
-};
-const settings = () => {
-  return i18nString(Settings$1);
-};
-const id = () => {
-  return i18nString(Id);
-};
-const selector = () => {
-  return i18nString(Selector);
-};
-const contentSecurityPolicy = () => {
-  return i18nString(ContentSecurityPolicy);
-};
-const elements = () => {
-  return i18nString(Elements);
-};
-
 const Text = 1;
 const Code = 2;
 
@@ -1593,7 +1655,7 @@ const getFeatureThemesVirtualDom = async themesHtml => {
     childCount: 2
   }, ...getFeatureContentHeadingVirtualDom(heading), {
     type: Div,
-    className: 'DefaultMarkdown',
+    className: DefaultMarkdown,
     childCount
   }, ...markdownDom];
 };
@@ -1719,6 +1781,14 @@ const getFeatureListVirtualDom = features => {
   }, ...features.flatMap(getFeatureListItemVirtualDom)];
 };
 
+const joinBySpace = (...items) => {
+  return items.join(' ');
+};
+
+const mergeClassNames = (...classNames) => {
+  return joinBySpace(...classNames.filter(Boolean));
+};
+
 const getFeaturesVirtualDom = async (features, themesHtml, selectedFeature, extension) => {
   if (features.length === 0) {
     return [{
@@ -1733,7 +1803,7 @@ const getFeaturesVirtualDom = async (features, themesHtml, selectedFeature, exte
     childCount: 3
   }, ...getFeatureListVirtualDom(features), {
     type: Div,
-    className: 'Sash SashVertical',
+    className: mergeClassNames(Sash, SashVertical),
     childCount: 0
   }, ...(await getFeatureContentVirtualDom(features, themesHtml, selectedFeature, extension))];
 };
@@ -1861,14 +1931,6 @@ const getTabs = selectedTab => {
   return tabs;
 };
 
-const joinBySpace = (...items) => {
-  return items.join(' ');
-};
-
-const mergeClassNames = (...classNames) => {
-  return joinBySpace(...classNames.filter(Boolean));
-};
-
 const selectedClassName = mergeClassNames(ExtensionDetailTab, ExtensionDetailTabSelected);
 const defaultClassName = ExtensionDetailTab;
 const getTabVirtualDom = tab => {
@@ -2277,20 +2339,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);
 };
@@ -2314,11 +2362,34 @@ const loadReadmeContent = async path => {
     if (isEnoentError(error)) {
       return '';
     }
-    console.error(error);
+    console.error(new VError(error, 'Failed to load Readme content'));
     return `${error}`;
   }
 };
 
+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 +2409,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 +2468,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,
@@ -2447,37 +2563,41 @@ const terminate = () => {
 
 const wrapCommand = fn => {
   const wrapped = async (uid, ...args) => {
-    if (typeof uid === 'number') {
-      const {
-        newState
-      } = get$1(uid);
-      const newerState = await fn(newState, ...args);
-      set$1(uid, newState, newerState);
-    } else {
-      // deprecated
-      const newerState = await fn(uid, ...args);
-      return newerState;
+    const {
+      newState
+    } = get$1(uid);
+    const newerState = await fn(newState, ...args);
+    if (newState === newerState) {
+      return;
     }
+    const latest = get$1(uid);
+    set$1(uid, latest.oldState, newerState);
   };
   return wrapped;
 };
 
 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.18.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",