@lvce-editor/extension-detail-view 3.45.0 → 3.47.0

package/dist/extensionDetailViewWorkerMain.js

@@ -34,6 +34,7 @@ const Resources$1 = 'Resources';
 const SaveImageAs = 'Save Image as';
 const Schema = 'Schema';
 const ScrollToTop$1 = 'Scroll to top';
+const NoReadmeFound = 'No Readme Found.';
 const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
 const Settings$1 = 'Settings';
@@ -131,6 +132,9 @@ const uninstall = () => {
 const scrollToTop = () => {
   return i18nString(ScrollToTop$1);
 };
+const noReadmeFound = () => {
+  return i18nString(NoReadmeFound);
+};
 
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
@@ -744,8 +748,13 @@ const {
 const readFile$1$1 = async uri => {
   return invoke$7('FileSystem.readFile', uri);
 };
+const exists$1 = async uri => {
+  // @ts-ignore
+  return invoke$7('FileSystem.exists', uri);
+};
 const FileSystemWorker = {
   __proto__: null,
+  exists: exists$1,
   invoke: invoke$7,
   readFile: readFile$1$1,
   set: set$7};
@@ -2033,8 +2042,13 @@ const WebWorkerRpcClient = {
   create: create$2
 };
 
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
 const create$1 = () => {
   const states = Object.create(null);
+  const commandMapRef = {};
   return {
     get(uid) {
       return states[uid];
@@ -2075,6 +2089,15 @@ const create$1 = () => {
       };
       return wrapped;
     },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
     diff(uid, modules, numbers) {
       const {
         oldState,
@@ -2088,6 +2111,14 @@ const create$1 = () => {
         }
       }
       return diffResult;
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
     }
   };
 };
@@ -2103,7 +2134,8 @@ const {
   get,
   set: set$2,
   dispose: dispose$1,
-  wrapCommand
+  wrapCommand,
+  wrapGetter
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
@@ -2119,6 +2151,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     changelogScrollTop: 0,
     changelogVirtualDom: [],
     commands: [],
+    hasReadme: false,
     description: '',
     detailsVirtualDom: [],
     displaySize: '',
@@ -2163,7 +2196,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews;
+  return oldState.activationEvents === newState.activationEvents && oldState.badge === newState.badge && oldState.categories === newState.categories && oldState.changelogVirtualDom === newState.changelogVirtualDom && oldState.commands === newState.commands && oldState.description === newState.description && oldState.detailsVirtualDom === newState.detailsVirtualDom && oldState.displaySize === newState.displaySize && oldState.extensionId === newState.extensionId && oldState.extensionVersion === newState.extensionVersion && oldState.jsonValidation === newState.jsonValidation && oldState.selectedFeature === newState.selectedFeature && oldState.selectedTab === newState.selectedTab && oldState.settings === newState.settings && oldState.themesMarkdownDom === newState.themesMarkdownDom && oldState.webViews === newState.webViews && oldState.sizeValue === newState.sizeValue;
 };
 
 const User = 1;
@@ -2394,6 +2427,7 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
 
 const {
   set,
+  exists,
   readFile: readFile$1,
   invoke
 } = FileSystemWorker;
@@ -2595,8 +2629,7 @@ const initialize = async () => {
 };
 
 const existsFile = async uri => {
-  // TODO ask file system worker
-  return true;
+  return exists(uri);
 };
 
 const Web = 1;
@@ -3057,9 +3090,9 @@ const loadContent = async (state, platform, savedState) => {
     name
   } = headerData;
   const readmeUrl = join(extensionUri, 'README.md');
-  join(extensionUri, 'CHANGELOG.md');
-  const [hasReadme, hasChangelog] = await Promise.all([existsFile(), existsFile()]);
-  const readmeContent = await loadReadmeContent(readmeUrl);
+  const changelogUrl = join(extensionUri, 'CHANGELOG.md');
+  const [hasReadme, hasChangelog] = await Promise.all([existsFile(readmeUrl), existsFile(changelogUrl)]);
+  const readmeContent = hasReadme ? await loadReadmeContent(readmeUrl) : noReadmeFound();
   const baseUrl = getBaseUrl(extension.path, platform);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl
@@ -3100,21 +3133,22 @@ const loadContent = async (state, platform, savedState) => {
     description,
     detailsVirtualDom,
     displaySize,
-    installationEntries,
     extension,
     extensionId,
     extensionVersion,
     features,
     folderSize,
     hasColorTheme,
+    hasReadme,
     iconSrc,
+    installationEntries,
+    marketplaceEntries,
     name,
     readmeScrollTop,
     readmeUrl,
     resources,
     scrollSource: Script,
     scrollToTopButtonEnabled: true,
-    marketplaceEntries,
     selectedTab,
     sizeOnDisk: size,
     sizeValue,
@@ -3290,19 +3324,24 @@ const getChildCount = (additionalDetails, scrollToTopEnabled) => {
   }
   return count;
 };
-const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries) => {
+const getDetailsVirtualDom = (sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories$1, resources$1, showAdditionalDetailsBreakpoint, installationEntries, marketplaceEntries, hasReadme) => {
   const firstHeading = installation();
   const secondHeading = marketplace();
   const thirdHeading = categories();
   const fourthHeading = resources();
   const showAdditionalDetails = width > showAdditionalDetailsBreakpoint;
   const childCount = getChildCount(showAdditionalDetails);
+  const contentDom = hasReadme ? sanitizedReadmeHtml : [{
+    type: VirtualDomElements.Div,
+    childCount: 1,
+    className: 'Markdown'
+  }, text(noReadmeFound())];
   const dom = [{
     type: VirtualDomElements.Div,
     className: ExtensionDetailPanel,
     childCount: childCount,
     role: AriaRoles.Panel
-  }, ...sanitizedReadmeHtml, ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, installationEntries, secondHeading, marketplaceEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
+  }, ...contentDom, ...getAdditionalDetailsVirtualDom(showAdditionalDetails, firstHeading, installationEntries, secondHeading, marketplaceEntries, thirdHeading, categories$1, fourthHeading, resources$1)];
   return dom;
 };
 
@@ -3357,7 +3396,7 @@ const getFeaturesVirtualDom = (features, selectedFeature, state) => {
 const getExtensionDetailContentVirtualDom = (sanitizedReadmeHtml, selectedTab, width, scrollToTopButtonEnabled, categories, resources, breakpoint, changelogDom, state) => {
   switch (selectedTab) {
     case Details:
-      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.installationEntries, state.marketplaceEntries);
+      return getDetailsVirtualDom(sanitizedReadmeHtml, width, scrollToTopButtonEnabled, categories, resources, breakpoint, state.installationEntries, state.marketplaceEntries, state.hasReadme);
     case Features:
       return getFeaturesVirtualDom(state.features, state.selectedFeature, state);
     case Changelog:
@@ -3659,16 +3698,13 @@ const resize = (state, dimensions) => {
   };
 };
 
-const saveState = uid => {
-  const {
-    newState
-  } = get(uid);
+const saveState = state => {
   const {
     selectedTab,
     selectedFeature,
     readmeScrollTop,
     changelogScrollTop
-  } = newState;
+  } = state;
   return {
     selectedTab,
     selectedFeature,
@@ -3700,8 +3736,9 @@ const commandMap = {
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
   'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
-  'ExtensionDetail.resize': resize,
-  'ExtensionDetail.saveState': saveState,
+  'ExtensionDetail.resize': wrapCommand(resize),
+  // @ts-ignore
+  'ExtensionDetail.saveState': wrapGetter(saveState),
   'ExtensionDetail.selectTab': wrapCommand(selectTab),
   'ExtensionDetail.terminate': terminate,
   'ExtensionDetail.initialize': initialize

package/package.json

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