@lvce-editor/extension-detail-view 6.5.0 → 6.7.0

package/dist/extensionDetailViewWorkerMain.js

@@ -15,7 +15,7 @@ const ActivationTime = 'Activation Time: ';
 const Categories$1 = 'Categories';
 const Changelog$2 = 'Changelog';
 const Commands$1 = 'Commands';
-const ContentSecurityPolicy = 'ContentSecurityPolicy';
+const ContentSecurityPolicy = 'Content Security Policy';
 const Copy = 'Copy';
 const CopyImage = 'Copy Image';
 const CopyImageUrl = 'Copy Image Url';
@@ -948,12 +948,19 @@ const getProgrammingLanguagesTableEntries = rows => {
 
 const getFeatureProgrammingLanguagesVirtualDom = programmingLanguages$1 => {
   const heading = programmingLanguages();
-  const tableInfo = getProgrammingLanguagesTableEntries(programmingLanguages$1);
-  return [{
+  const top = [{
     childCount: 2,
     className: FeatureContent,
     type: Div
-  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
+  }, ...getFeatureContentHeadingVirtualDom(heading)];
+  if (programmingLanguages$1.length === 0) {
+    return [...top, {
+      childCount: 1,
+      type: P
+    }, text('Empty Array.')];
+  }
+  const tableInfo = getProgrammingLanguagesTableEntries(programmingLanguages$1);
+  return [...top, ...getTableVirtualDom(tableInfo)];
 };
 
 const getProgrammingLanguagesVirtualDom = state => {
@@ -1038,6 +1045,8 @@ const RendererWorker = 1;
 const FocusElementByName = 'Viewlet.focusElementByName';
 const SetFocusContext = 'Viewlet.setFocusContext';
 
+const FocusExtensioNDetailTabs = 451;
+
 const rpcs = Object.create(null);
 const set$b = (id, rpc) => {
   rpcs[id] = rpc;
@@ -2147,6 +2156,12 @@ const {
   invoke: invoke$4,
   set: set$8
 } = create$7(ExtensionManagementWorker);
+const enable2 = (id, platform) => {
+  return invoke$4(`Extensions.enable2`, id, platform);
+};
+const disable2 = (id, platform) => {
+  return invoke$4(`Extensions.disable2`, id, platform);
+};
 
 const {
   dispose: dispose$3,
@@ -3152,6 +3167,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     importTime: 0,
     installationEntries: [],
     jsonValidation: [],
+    lastUpdated: null,
     linkProtectionEnabled: false,
     locationHost: '',
     locationProtocol: '',
@@ -3265,16 +3281,15 @@ const focusPreviousTab = state => {
   };
 };
 
-const focusId$1 = 451;
 const getKeyBindings = () => {
   return [{
     command: 'ExtensionDetail.focusNextTab',
     key: RightArrow,
-    when: focusId$1
+    when: FocusExtensioNDetailTabs
   }, {
     command: 'ExtensionDetail.focusPreviousTab',
     key: LeftArrow,
-    when: focusId$1
+    when: FocusExtensioNDetailTabs
   }];
 };
 
@@ -3441,7 +3456,7 @@ const handleClickCategory = async (state, categoryId) => {
 };
 
 const disableExtension = (id, platform) => {
-  return invoke$4('Extensions.disable2', id, platform);
+  return disable2(id, platform);
 };
 
 const Web = 1;
@@ -3537,7 +3552,7 @@ const handleClickDisable = async state => {
 };
 
 const enableExtension = (id, platform) => {
-  return invoke$4('Extensions.enable2', id, platform);
+  return enable2(id, platform);
 };
 
 const handleClickEnable = async state => {
@@ -4077,6 +4092,25 @@ const getFolderSize = async uri => {
   }
 };
 
+const formatLastUpdated = lastUpdated => {
+  if (lastUpdated === null) {
+    return 'n/a';
+  }
+  try {
+    const date = new Date(lastUpdated);
+    if (Number.isNaN(date.getTime())) {
+      return 'n/a';
+    }
+    return date.toLocaleDateString(undefined, {
+      day: 'numeric',
+      month: 'short',
+      year: 'numeric'
+    });
+  } catch {
+    return 'n/a';
+  }
+};
+
 const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
   if (!showSizeLink) {
     return [];
@@ -4089,7 +4123,7 @@ const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
   }];
 };
 
-const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri, showSizeLink) => {
+const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri, showSizeLink, lastUpdated$1) => {
   const entries = [{
     code: true,
     key: identifier(),
@@ -4102,7 +4136,7 @@ const getInstallationEntries = (displaySize, extensionId, extensionVersion, exte
   }, {
     key: lastUpdated(),
     odd: true,
-    value: 'n/a' // TODO get this from somewhere
+    value: formatLastUpdated(lastUpdated$1)
   }, ...getSizeEntries(showSizeLink, displaySize, extensionUri)];
   return entries;
 };
@@ -4172,7 +4206,7 @@ const getLicenseLink = extension => {
   }
   if (isGitHubRepository(repositoryLink)) {
     const normalizedLink = repositoryLink.replace(/\/+$/, '');
-    return `${normalizedLink}/blob/main/license.md`;
+    return `${normalizedLink}/blob/main/LICENSE`;
   }
   return '#';
 };
@@ -4205,10 +4239,10 @@ const getResources = (isBuiltin, extension) => {
   return rawResources.filter(resource => resource.enabled);
 };
 
-const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink) => {
+const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink, lastUpdated) => {
   const folderSize = await getFolderSize(extensionUri);
   const displaySize = getDisplaySize(folderSize);
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, showSizeLink);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, showSizeLink, lastUpdated);
   const marketplaceEntries = getMarketplaceEntries(isBuiltin);
   const categories = getCategories(extension);
   const resources = getResources(isBuiltin, extension);
@@ -4222,6 +4256,31 @@ const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, i
   };
 };
 
+const parseLastUpdated = extension => {
+  if (!extension || typeof extension !== 'object') {
+    return null;
+  }
+  const {
+    lastUpdated
+  } = extension;
+  if (lastUpdated === undefined || lastUpdated === null) {
+    return null;
+  }
+  if (typeof lastUpdated === 'number') {
+    if (Number.isFinite(lastUpdated) && lastUpdated > 0) {
+      return lastUpdated;
+    }
+    return null;
+  }
+  if (typeof lastUpdated === 'string') {
+    const parsed = Number.parseFloat(lastUpdated);
+    if (Number.isFinite(parsed) && parsed > 0) {
+      return parsed;
+    }
+  }
+  return null;
+};
+
 const join = (...parts) => {
   return parts.join('/');
 };
@@ -4330,6 +4389,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const enabledTabs = tabs.filter(isEnabled);
   const sizeValue = getViewletSize(width || 0);
   const showSizeLink = platform !== Web$1;
+  const lastUpdated = parseLastUpdated(extension);
   const {
     categories,
     displaySize,
@@ -4337,7 +4397,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     installationEntries,
     marketplaceEntries,
     resources
-  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink);
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink, lastUpdated);
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
@@ -4365,6 +4425,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasReadme,
     iconSrc,
     installationEntries,
+    lastUpdated,
     linkProtectionEnabled,
     locationHost,
     locationProtocol,
@@ -4521,13 +4582,16 @@ const handleSelectionChange = async (state, selection) => {
   return state;
 };
 
-const focusId = 451;
 const handleTabFocus = (state, name) => {
-  const tabIndex = state.tabs.findIndex(tab => tab.name === name);
-  const newFocusedTabIndex = tabIndex === -1 ? state.focusedTabIndex : tabIndex;
+  const {
+    focusedTabIndex,
+    tabs
+  } = state;
+  const tabIndex = tabs.findIndex(tab => tab.name === name);
+  const newFocusedTabIndex = tabIndex === -1 ? focusedTabIndex : tabIndex;
   return {
     ...state,
-    focus: focusId,
+    focus: FocusExtensioNDetailTabs,
     focusedTabIndex: newFocusedTabIndex
   };
 };
@@ -4681,10 +4745,11 @@ const hideSizeLink = state => {
     displaySize,
     extensionId,
     extensionUri,
-    extensionVersion
+    extensionVersion,
+    lastUpdated
   } = state;
   const newShowSizeLink = false;
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, newShowSizeLink);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, newShowSizeLink, lastUpdated);
   return {
     ...state,
     installationEntries,
@@ -5014,8 +5079,8 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
   if (!showAdditionalDetails) {
     return [];
   }
-  const sections = [...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...(secondEntries.length > 0 ? getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom) : []), ...getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
-  const childCount = secondEntries.length > 0 ? 4 : 3;
+  const sections = [...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...(secondEntries.length > 0 ? getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom) : []), ...(categories.length > 0 ? getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom) : []), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
+  const childCount = 1 + (secondEntries.length > 0 ? 1 : 0) + (categories.length > 0 ? 1 : 0) + 1;
   return [{
     childCount: 1,
     className: Aside,
@@ -5200,13 +5265,29 @@ const getNameBadgeVirtualDom = badge => {
   }, text(badge)];
 };
 
-const getExtensionDetailNameVirtualDom = (name, badge) => {
+const getExtensionDetailNameWithBadgeVirtualDom = (name, badge) => {
   return [{
-    childCount: badge ? 2 : 1,
+    childCount: 2,
     className: ExtensionDetailName,
     type: Div
+  }, {
+    childCount: 1,
+    type: Span
   }, text(name), ...getNameBadgeVirtualDom(badge)];
 };
+const getExtensionDetailNameDefaultVirtualDom = name => {
+  return [{
+    childCount: 1,
+    className: ExtensionDetailName,
+    type: Div
+  }, text(name)];
+};
+const getExtensionDetailNameVirtualDom = (name, badge) => {
+  if (badge) {
+    return getExtensionDetailNameWithBadgeVirtualDom(name, badge);
+  }
+  return getExtensionDetailNameDefaultVirtualDom(name);
+};
 
 const getExtensionDetailHeaderVirtualDom = (name, iconSrc, description, badge, buttonDefs, settingsButtonEnabled) => {
   const dom = [{
@@ -5330,7 +5411,7 @@ const renderFocusContext = (oldState, newState) => {
     focus,
     uid
   } = newState;
-  if (focus === 451) {
+  if (focus === FocusExtensioNDetailTabs) {
     return [SetFocusContext, uid, focus];
   }
   // TODO set focus context

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "6.5.0",
+  "version": "6.7.0",
   "description": "Extension Detail View Worker",
   "repository": {
     "type": "git",
@@ -11,6 +11,6 @@
   "type": "module",
   "main": "dist/extensionDetailViewWorkerMain.js",
   "dependencies": {
-    "@lvce-editor/constants": "^2.4.0"
+    "@lvce-editor/constants": "^2.5.0"
   }
 }