@lvce-editor/extension-detail-view 3.40.0 → 3.41.0

package/dist/extensionDetailViewWorkerMain.js

@@ -2136,7 +2136,8 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     themesMarkdownDom: [],
     uri,
     webViews: [],
-    width
+    width,
+    readmeUrl: ''
   };
   set$1(uid, state, state);
 };
@@ -2297,8 +2298,7 @@ const {
   set,
   setColorTheme: setColorTheme$1,
   uninstallExtension,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1
-} = RendererWorker;
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1} = RendererWorker;
 
 const setColorTheme = id => {
   return setColorTheme$1(id);
@@ -2409,17 +2409,25 @@ const loadChangelogContent = async path => {
 const selectTabChangelog = async state => {
   const {
     extension,
-    baseUrl
+    baseUrl,
+    tabs
   } = state;
   const changelogContent = await loadChangelogContent(extension.path); // TODO use uri
   const changelogMarkdownHtml = await renderMarkdown(changelogContent, {
     baseUrl
   });
   const changelogDom = await getMarkdownVirtualDom(changelogMarkdownHtml);
+  const newTabs = tabs.map(tab => {
+    return {
+      ...tab,
+      selected: tab.name === Changelog
+    };
+  });
   return {
     ...state,
     selectedTab: Changelog,
-    changelogVirtualDom: changelogDom
+    changelogVirtualDom: changelogDom,
+    tabs: newTabs
   };
 };
 
@@ -2427,9 +2435,8 @@ const selectTabDefault = async state => {
   return state;
 };
 
-const loadReadmeContent = async path => {
+const loadReadmeContent = async readmeUrl => {
   try {
-    const readmeUrl = join(path, 'README.md');
     const readmeContent = await readFile(readmeUrl);
     return readmeContent;
   } catch (error) {
@@ -2445,18 +2452,26 @@ const loadReadmeContent = async path => {
 
 const selectTabDetails = async state => {
   const {
-    extension,
-    baseUrl
+    baseUrl,
+    readmeUrl,
+    tabs
   } = state;
-  const readmeContent = await loadReadmeContent(extension.path);
+  const readmeContent = await loadReadmeContent(readmeUrl);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl
   });
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
+  const newTabs = tabs.map(tab => {
+    return {
+      ...tab,
+      selected: tab.name === Details
+    };
+  });
   return {
     ...state,
     selectedTab: Details,
-    detailsVirtualDom: detailsDom
+    detailsVirtualDom: detailsDom,
+    tabs: newTabs
   };
 };
 
@@ -2465,7 +2480,8 @@ const selectTabFeatures = async state => {
     extension,
     baseUrl,
     selectedFeature,
-    features
+    features,
+    tabs
   } = state;
   if (features.length === 0) {
     return state;
@@ -2473,10 +2489,17 @@ const selectTabFeatures = async state => {
   const actualSelectedFeature = selectedFeature || Theme;
   const fn = getFeatureDetailsHandler(actualSelectedFeature);
   const partialNewState = await fn(extension, baseUrl);
+  const newTabs = tabs.map(tab => {
+    return {
+      ...tab,
+      selected: tab.name === Features
+    };
+  });
   return {
     ...state,
     selectedTab: Features,
     selectedFeature: features[0].id || '',
+    tabs: newTabs,
     ...partialNewState
   };
 };
@@ -2529,6 +2552,11 @@ const initialize = async () => {
   // TODO create connection to file system worker
 };
 
+const existsFile = async uri => {
+  // TODO ask file system worker
+  return true;
+};
+
 const Web = 1;
 const Electron = 2;
 const Remote = 3;
@@ -2584,6 +2612,150 @@ const getBaseUrl = (extensionPath, platform) => {
   }
 };
 
+const getExtensionDetailButtons = (hasColorTheme, isBuiltin) => {
+  const allActions = [{
+    label: setColorTheme$3(),
+    onClick: HandleClickSetColorTheme,
+    enabled: hasColorTheme,
+    name: SetColorTheme
+  }, {
+    label: disable(),
+    onClick: HandleClickDisable,
+    enabled: true,
+    name: Disable
+  }, {
+    label: uninstall(),
+    onClick: HandleClickUninstall,
+    enabled: !isBuiltin,
+    name: Uninstall
+  }];
+  return allActions;
+};
+
+const getExtensionIdFromUri = uri => {
+  const id = uri.slice('extension-detail://'.length);
+  return id;
+};
+
+const getTabs = (selectedTab, hasReadme, hasFeatures, hasChangelog) => {
+  const tabs = [{
+    label: details(),
+    name: Details,
+    selected: selectedTab === Details,
+    enabled: hasReadme
+  }, {
+    label: features$1(),
+    name: Features,
+    selected: selectedTab === Features,
+    enabled: hasFeatures
+  }, {
+    label: changelog(),
+    name: Changelog,
+    selected: selectedTab === Changelog,
+    enabled: hasChangelog
+  }];
+  return tabs;
+};
+
+const Small = 1;
+const Normal = 2;
+const Large = 3;
+
+const getViewletSize = width => {
+  if (width < 180) {
+    return Small;
+  }
+  if (width < 768) {
+    return Normal;
+  }
+  return Large;
+};
+
+const isLanguageBasicsExtension = extension => {
+  return extension.name && extension.name.startsWith('Language Basics');
+};
+
+const isThemeExtension = extension => {
+  return extension.name && extension.name.endsWith(' Theme');
+};
+
+const getIcon = (extension, platform, assetDir) => {
+  if (!extension) {
+    return extensionDefaultIcon(assetDir);
+  }
+  if (!extension.path || !extension.icon) {
+    if (isLanguageBasicsExtension(extension)) {
+      return extensionLanguageBasics(assetDir);
+    }
+    if (isThemeExtension(extension)) {
+      return extensionTheme(assetDir);
+    }
+    return extensionDefaultIcon(assetDir);
+  }
+  if (platform === Remote || platform === Electron) {
+    if (extension.builtin) {
+      return `${assetDir}/extensions/${extension.id}/${extension.icon}`;
+    }
+    return `/remote/${extension.path}/${extension.icon}`; // TODO support windows paths
+  }
+  return '';
+};
+
+const getDescription = extension => {
+  if (!extension || !extension.description) {
+    return 'n/a';
+  }
+  return extension.description;
+};
+
+const getName = extension => {
+  if (extension && extension.name) {
+    return extension.name;
+  }
+  if (extension && extension.id) {
+    return extension.id;
+  }
+  return 'n/a';
+};
+
+const getBadge = (builtin, badgeEnabled) => {
+  if (builtin && badgeEnabled) {
+    return 'builtin';
+  }
+  return '';
+};
+
+const hasColorThemes = extension => {
+  return Boolean(extension && extension.colorThemes && extension.colorThemes.length > 0);
+};
+
+const loadHeaderContent = (state, platform, extension) => {
+  const {
+    assetDir,
+    builtinExtensionsBadgeEnabled
+  } = state;
+  const iconSrc = getIcon(extension, platform, assetDir);
+  const description = getDescription(extension);
+  const name = getName(extension);
+  const extensionUri = extension.uri || extension.path;
+  const extensionId = extension?.id || 'n/a';
+  const extensionVersion = extension?.version || 'n/a';
+  const hasColorTheme = hasColorThemes(extension);
+  const isBuiltin = extension?.builtin;
+  const badge = getBadge(isBuiltin, builtinExtensionsBadgeEnabled);
+  return {
+    badge,
+    description,
+    extension,
+    extensionId,
+    extensionUri,
+    extensionVersion,
+    hasColorTheme,
+    iconSrc,
+    name
+  };
+};
+
 const getCategories = () => {
   // TODO
   return [{
@@ -2685,31 +2857,6 @@ const getDisplaySize = size => {
   });
 };
 
-const getExtensionDetailButtons = (hasColorTheme, isBuiltin) => {
-  const allActions = [{
-    label: setColorTheme$3(),
-    onClick: HandleClickSetColorTheme,
-    enabled: hasColorTheme,
-    name: SetColorTheme
-  }, {
-    label: disable(),
-    onClick: HandleClickDisable,
-    enabled: true,
-    name: Disable
-  }, {
-    label: uninstall(),
-    onClick: HandleClickUninstall,
-    enabled: !isBuiltin,
-    name: Uninstall
-  }];
-  return allActions;
-};
-
-const getExtensionIdFromUri = uri => {
-  const id = uri.slice('extension-detail://'.length);
-  return id;
-};
-
 const getFolderSize = async uri => {
   if (!uri) {
     throw new VError(`uri is required`);
@@ -2778,122 +2925,20 @@ const getResources = isBuiltin => {
   }];
 };
 
-const getTabs = (selectedTab, hasReadme, hasFeatures, hasChangelog) => {
-  const tabs = [{
-    label: details(),
-    name: Details,
-    selected: selectedTab === Details,
-    enabled: hasReadme
-  }, {
-    label: features$1(),
-    name: Features,
-    selected: selectedTab === Features,
-    enabled: hasFeatures
-  }, {
-    label: changelog(),
-    name: Changelog,
-    selected: selectedTab === Changelog,
-    enabled: hasChangelog
-  }];
-  return tabs;
-};
-
-const Small = 1;
-const Normal = 2;
-const Large = 3;
-
-const getViewletSize = width => {
-  if (width < 180) {
-    return Small;
-  }
-  if (width < 768) {
-    return Normal;
-  }
-  return Large;
-};
-
-const isLanguageBasicsExtension = extension => {
-  return extension.name && extension.name.startsWith('Language Basics');
-};
-
-const isThemeExtension = extension => {
-  return extension.name && extension.name.endsWith(' Theme');
-};
-
-const getIcon = (extension, platform, assetDir) => {
-  if (!extension) {
-    return extensionDefaultIcon(assetDir);
-  }
-  if (!extension.path || !extension.icon) {
-    if (isLanguageBasicsExtension(extension)) {
-      return extensionLanguageBasics(assetDir);
-    }
-    if (isThemeExtension(extension)) {
-      return extensionTheme(assetDir);
-    }
-    return extensionDefaultIcon(assetDir);
-  }
-  if (platform === Remote || platform === Electron) {
-    if (extension.builtin) {
-      return `${assetDir}/extensions/${extension.id}/${extension.icon}`;
-    }
-    return `/remote/${extension.path}/${extension.icon}`; // TODO support windows paths
-  }
-  return '';
-};
-
-const getDescription = extension => {
-  if (!extension || !extension.description) {
-    return 'n/a';
-  }
-  return extension.description;
-};
-
-const getName = extension => {
-  if (extension && extension.name) {
-    return extension.name;
-  }
-  if (extension && extension.id) {
-    return extension.id;
-  }
-  return 'n/a';
-};
-
-const getBadge = (builtin, badgeEnabled) => {
-  if (builtin && badgeEnabled) {
-    return 'builtin';
-  }
-  return '';
-};
-
-const hasColorThemes = extension => {
-  return Boolean(extension && extension.colorThemes && extension.colorThemes.length > 0);
-};
-
-const loadHeaderContent = (state, platform, extension) => {
-  const {
-    assetDir,
-    builtinExtensionsBadgeEnabled
-  } = state;
-  const iconSrc = getIcon(extension, platform, assetDir);
-  const description = getDescription(extension);
-  const name = getName(extension);
-  const extensionUri = extension.uri || extension.path;
-  const extensionId = extension?.id || 'n/a';
-  const extensionVersion = extension?.version || 'n/a';
-  const hasColorTheme = hasColorThemes(extension);
-  const isBuiltin = extension?.builtin;
-  const badge = getBadge(isBuiltin, builtinExtensionsBadgeEnabled);
+const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin) => {
+  const folderSize = await getFolderSize(extensionUri);
+  const displaySize = getDisplaySize(folderSize);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri);
+  const marketplaceEntries = getMarketplaceEntries(isBuiltin);
+  const categories = getCategories();
+  const resources = getResources(isBuiltin);
   return {
-    badge,
-    description,
-    extension,
-    extensionId,
-    extensionUri,
-    extensionVersion,
-    hasColorTheme,
-    iconSrc,
-    name
+    installationEntries,
+    marketplaceEntries,
+    displaySize,
+    categories,
+    resources,
+    folderSize
   };
 };
 
@@ -2959,7 +3004,11 @@ const loadContent = async (state, platform, savedState) => {
     iconSrc,
     name
   } = headerData;
-  const readmeContent = await loadReadmeContent(extension.path);
+  const readmeUrl = join(extension.path, 'README.md');
+  join(extension.path, 'CHANGELOG.md');
+  const hasReadme = await existsFile();
+  const hasChangelog = await existsFile();
+  const readmeContent = await loadReadmeContent(readmeUrl);
   const baseUrl = getBaseUrl(extension.path, platform);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl
@@ -2979,17 +3028,17 @@ const loadContent = async (state, platform, savedState) => {
   } = restoreState(savedState);
   const features = getFeatures(selectedFeature || Theme, extension);
   const hasFeatures = features.length > 0;
-  const hasReadme = true; // TODO
-  const hasChangelog = true; // TODO
   const tabs = getTabs(selectedTab, hasReadme, hasFeatures, hasChangelog);
   const enabledTabs = tabs.filter(tab => tab.enabled);
-  const folderSize = await getFolderSize(extensionUri);
-  const displaySize = getDisplaySize(folderSize);
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri);
-  const marketplaceEntries = getMarketplaceEntries(isBuiltin);
-  const categories = getCategories();
-  const resources = getResources(isBuiltin);
   const sizeValue = getViewletSize(width || 0);
+  const {
+    installationEntries,
+    marketplaceEntries,
+    displaySize,
+    categories,
+    resources,
+    folderSize
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin);
   return {
     ...state,
     badge,
@@ -3010,10 +3059,11 @@ const loadContent = async (state, platform, savedState) => {
     iconSrc,
     name,
     readmeScrollTop,
+    readmeUrl,
     resources,
+    scrollSource: Script,
     scrollToTopButtonEnabled: true,
     secondEntries: marketplaceEntries,
-    scrollSource: Script,
     selectedTab,
     sizeOnDisk: size,
     sizeValue,

package/package.json

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