@lvce-editor/static-server 0.86.0 → 0.86.1

package/static/{3b0fc97 → 9283be4}/packages/activity-bar-worker/dist/activityBarWorkerMain.js

@@ -1823,16 +1823,38 @@ const updateItemsWithBadgeCount = async items => {
   }
 };
 
-const handleBadgeCountChange = async state => {
-  const {
-    filteredItems
-  } = state;
-  const newItems = await updateItemsWithBadgeCount(filteredItems);
+const updateStateItems = (state, activityBarItems) => {
+  const itemById = new Map(activityBarItems.map(item => [item.id, item]));
+  const filteredItems = state.filteredItems.map(item => itemById.get(item.id) || item);
   return {
     ...state,
-    filteredItems: newItems
+    activityBarItems,
+    filteredItems
   };
 };
+const applyBadgeCountChanges = (state, badgeCounts) => {
+  const activityBarItems = state.activityBarItems.map(item => {
+    if (!Object.hasOwn(badgeCounts, item.id)) {
+      return item;
+    }
+    const badgeCount = badgeCounts[item.id];
+    return {
+      ...item,
+      badgeText: badgeCount ? String(badgeCount) : ''
+    };
+  });
+  return updateStateItems(state, activityBarItems);
+};
+const handleBadgeCountChange = async (state, badgeCounts) => {
+  if (badgeCounts) {
+    return applyBadgeCountChanges(state, badgeCounts);
+  }
+  const newActivityBarItems = await updateItemsWithBadgeCount(state.activityBarItems);
+  if (newActivityBarItems === state.activityBarItems) {
+    return state;
+  }
+  return updateStateItems(state, newActivityBarItems);
+};
 
 const handleBlur = state => {
   return {
@@ -2205,12 +2227,12 @@ const handleExtensionsChanged = async state => {
   const contributedViews = await getContributedViews(state.platform);
   const items = getActivityBarItems(state, contributedViews);
   const itemsWithSelected = markSelected(items, selectedIndex);
-  const filteredItems = getFilteredActivityBarItems(itemsWithSelected, height, itemHeight);
-  const newItems = await updateItemsWithBadgeCount(filteredItems);
+  const activityBarItems = await updateItemsWithBadgeCount(itemsWithSelected);
+  const filteredItems = getFilteredActivityBarItems(activityBarItems, height, itemHeight);
   return {
     ...state,
-    activityBarItems: itemsWithSelected,
-    filteredItems: newItems
+    activityBarItems,
+    filteredItems
   };
 };
 
@@ -2273,12 +2295,12 @@ const handleSettingsChanged = async state => {
   };
   const items = getActivityBarItems(newState, contributedViews);
   const itemsWithSelected = markSelected(items, selectedIndex);
-  const filteredItems = getFilteredActivityBarItems(itemsWithSelected, height, itemHeight);
-  const newItems = await updateItemsWithBadgeCount(filteredItems);
+  const activityBarItems = await updateItemsWithBadgeCount(itemsWithSelected);
+  const filteredItems = getFilteredActivityBarItems(activityBarItems, height, itemHeight);
   return {
     ...newState,
-    activityBarItems: itemsWithSelected,
-    filteredItems: newItems,
+    activityBarItems,
+    filteredItems,
     sideBarLocation: sidebarLocation
   };
 };
@@ -2468,13 +2490,13 @@ const loadContent = async state => {
   const index = items.findIndex(item => item.id === activeView);
   const selectedIndex = sideBarVisible ? index : -1;
   const itemsWithSelected = markSelected(items, selectedIndex);
-  const filteredItems = getFilteredActivityBarItems(itemsWithSelected, height, itemHeight);
-  const newItems = await updateItemsWithBadgeCount(filteredItems);
+  const activityBarItems = await updateItemsWithBadgeCount(itemsWithSelected);
+  const filteredItems = getFilteredActivityBarItems(activityBarItems, height, itemHeight);
   return {
     ...newState,
-    activityBarItems: itemsWithSelected,
+    activityBarItems,
     currentViewletId: Explorer,
-    filteredItems: newItems,
+    filteredItems,
     initial: false,
     selectedIndex,
     sideBarLocation: sidebarLocation,

package/static/{3b0fc97 → 9283be4}/packages/completion-worker/dist/completionWorkerMain.js

@@ -151,7 +151,6 @@ const walkValue = (value, transferrables, isTransferrable) => {
     for (const property of Object.values(value)) {
       walkValue(property, transferrables, isTransferrable);
     }
-    return;
   }
 };
 const getTransferrables = value => {

package/static/{3b0fc97 → 9283be4}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -20,6 +20,7 @@ const Copy = 'Copy';
 const CopyImage = 'Copy Image';
 const CopyImageUrl = 'Copy Image Url';
 const CopyLink = 'Copy Link';
+const Created = 'Created';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const Elements = 'Elements';
@@ -214,6 +215,9 @@ const identifier = () => {
 const version = () => {
   return i18nString(Version);
 };
+const created = () => {
+  return i18nString(Created);
+};
 const lastUpdated = () => {
   return i18nString(LastUpdated);
 };
@@ -2492,6 +2496,9 @@ const enable2 = (id, platform) => {
 const disable2 = (id, platform) => {
   return invoke$4(`Extensions.disable2`, id, platform);
 };
+const getLanguages = (platform, assetDir) => {
+  return invoke$4('Extensions.getLanguages', platform, assetDir);
+};
 
 const {
   invoke: invoke$3,
@@ -3417,6 +3424,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     changelogVirtualDom: [],
     commands: [],
     commit: '',
+    created: null,
     currentColorThemeId: '',
     description: '',
     detailsVirtualDom: [],
@@ -3439,6 +3447,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     initial: true,
     installationEntries: [],
     jsonValidation: [],
+    languages: [],
     lastUpdated: null,
     linkProtectionEnabled: false,
     locationHost: '',
@@ -4070,6 +4079,42 @@ const getSideBarWidth = width => {
   return Math.max(175 + Math.round(20 * (width / 100)), Math.round(width / 4));
 };
 
+const getStringArray = value => {
+  if (!Array.isArray(value)) {
+    return undefined;
+  }
+  return value.filter(item => typeof item === 'string');
+};
+const toSyntaxLanguage = value => {
+  if (!value || typeof value !== 'object') {
+    return undefined;
+  }
+  const language = value;
+  if (typeof language.id !== 'string' || typeof language.tokenize !== 'string') {
+    return undefined;
+  }
+  return {
+    aliases: getStringArray(language.aliases),
+    extensions: getStringArray(language.extensions),
+    id: language.id,
+    tokenize: language.tokenize
+  };
+};
+const getSyntaxLanguages = async (platform, assetDir) => {
+  try {
+    const languages = await getLanguages(platform, assetDir);
+    if (!Array.isArray(languages)) {
+      return [];
+    }
+    return languages.flatMap(language => {
+      const syntaxLanguage = toSyntaxLanguage(language);
+      return syntaxLanguage ? [syntaxLanguage] : [];
+    });
+  } catch {
+    return [];
+  }
+};
+
 const getTabs = (selectedTab, hasReadme, hasFeatures, hasChangelog) => {
   const tabs = [{
     enabled: hasReadme,
@@ -4419,6 +4464,39 @@ const getFolderSize = async uri => {
   }
 };
 
+const minute = 60 * 1000;
+const hour = 60 * minute;
+const day = 24 * hour;
+const month = 30 * day;
+const year = 365 * day;
+const relativeTimeFormat = new Intl.RelativeTimeFormat(undefined, {
+  numeric: 'always'
+});
+const getRelativeValue = diff => {
+  const absoluteDiff = Math.abs(diff);
+  if (absoluteDiff >= year) {
+    return [Math.trunc(diff / year), 'year'];
+  }
+  if (absoluteDiff >= month) {
+    return [Math.trunc(diff / month), 'month'];
+  }
+  if (absoluteDiff >= day) {
+    return [Math.trunc(diff / day), 'day'];
+  }
+  if (absoluteDiff >= hour) {
+    return [Math.trunc(diff / hour), 'hour'];
+  }
+  return [Math.trunc(diff / minute), 'minute'];
+};
+const formatCreated = (created, now = Date.now()) => {
+  if (created === null || !Number.isFinite(created)) {
+    return 'n/a';
+  }
+  const diff = created - now;
+  const [value, unit] = getRelativeValue(diff);
+  return relativeTimeFormat.format(value, unit);
+};
+
 const formatLastUpdated = lastUpdated => {
   if (lastUpdated === null) {
     return 'n/a';
@@ -4450,22 +4528,38 @@ const getSizeEntries = (showSizeLink, displaySize, extensionUri) => {
   }];
 };
 
-const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri, showSizeLink, lastUpdated$1) => {
+const addOddEntries = entries => {
+  return entries.map((entry, index) => {
+    if (index % 2 === 0) {
+      return {
+        ...entry,
+        odd: true
+      };
+    }
+    return entry;
+  });
+};
+const getInstallationEntries = (displaySize, extensionId, extensionVersion, extensionUri, showSizeLink, created$1, lastUpdated$1) => {
   const entries = [{
     code: true,
     key: identifier(),
-    odd: true,
     value: extensionId
   }, {
     code: true,
     key: version(),
     value: extensionVersion
-  }, {
+  }];
+  if (created$1 !== null) {
+    entries.push({
+      key: created(),
+      value: formatCreated(created$1)
+    });
+  }
+  entries.push({
     key: lastUpdated(),
-    odd: true,
     value: formatLastUpdated(lastUpdated$1)
-  }, ...getSizeEntries(showSizeLink, displaySize, extensionUri)];
-  return entries;
+  }, ...getSizeEntries(showSizeLink, displaySize, extensionUri));
+  return addOddEntries(entries);
 };
 
 const getMarketplaceEntries = isBuiltin => {
@@ -4566,10 +4660,10 @@ const getResources = (isBuiltin, extension) => {
   return rawResources.filter(resource => resource.enabled);
 };
 
-const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink, lastUpdated) => {
+const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink, created, lastUpdated) => {
   const folderSize = await getFolderSize(extensionUri);
   const displaySize = getDisplaySize(folderSize);
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, showSizeLink, lastUpdated);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, showSizeLink, created, lastUpdated);
   const marketplaceEntries = getMarketplaceEntries(isBuiltin);
   const categories = getCategories(extension);
   const resources = getResources(isBuiltin, extension);
@@ -4583,6 +4677,23 @@ const loadSideBarContent = async (extensionId, extensionVersion, extensionUri, i
   };
 };
 
+const parseCreated = extension => {
+  if (!extension || typeof extension !== 'object') {
+    return null;
+  }
+  const {
+    created
+  } = extension;
+  if (typeof created !== 'string' || created === '') {
+    return null;
+  }
+  const timestamp = Date.parse(created);
+  if (!Number.isFinite(timestamp)) {
+    return null;
+  }
+  return timestamp;
+};
+
 const parseLastUpdated = extension => {
   if (!extension || typeof extension !== 'object') {
     return null;
@@ -4671,6 +4782,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   }
   const currentColorThemeId = await getCurrentColorTheme();
   const commit = await getCommit();
+  const languages = await getSyntaxLanguages(platform, state.assetDir);
   const headerData = loadHeaderContent(state, platform, extension);
   const {
     badge,
@@ -4695,6 +4807,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
     commit,
+    languages,
     linksExternal: true,
     locationProtocol
   });
@@ -4719,6 +4832,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 created = parseCreated(extension);
   const lastUpdated = parseLastUpdated(extension);
   const {
     categories,
@@ -4727,7 +4841,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     installationEntries,
     marketplaceEntries,
     resources
-  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink, lastUpdated);
+  } = await loadSideBarContent(extensionId, extensionVersion, extensionUri, isBuiltin, extension, showSizeLink, created, lastUpdated);
   const padding = getPadding(width);
   const sideBarWidth = getSideBarWidth(width);
   const showSideBar = sideBarWidth > 0;
@@ -4740,6 +4854,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     categories,
     changelogScrollTop,
     commit,
+    created,
     currentColorThemeId,
     description,
     detailsVirtualDom,
@@ -4757,6 +4872,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     iconSrc,
     initial: false,
     installationEntries,
+    languages,
     lastUpdated,
     linkProtectionEnabled,
     locationHost,
@@ -4980,12 +5096,14 @@ const selectTabChangelog = async state => {
   const {
     baseUrl,
     extension,
+    languages,
     locationProtocol,
     tabs
   } = state;
   const changelogContent = await loadChangelogContent(extension.path); // TODO use uri
   const changelogMarkdownHtml = await renderMarkdown(changelogContent, {
     baseUrl,
+    languages,
     locationProtocol
   });
   const changelogDom = await getMarkdownVirtualDom(changelogMarkdownHtml);
@@ -5010,6 +5128,7 @@ const selectTabDefault = async state => {
 const selectTabDetails = async state => {
   const {
     baseUrl,
+    languages,
     locationProtocol,
     readmeUrl,
     tabs
@@ -5017,6 +5136,7 @@ const selectTabDetails = async state => {
   const readmeContent = await loadReadmeContent(readmeUrl);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
+    languages,
     linksExternal: true,
     locationProtocol
   });
@@ -5102,6 +5222,7 @@ const handleTabsClick = (state, name) => {
 
 const hideSizeLink = state => {
   const {
+    created,
     displaySize,
     extensionId,
     extensionUri,
@@ -5109,7 +5230,7 @@ const hideSizeLink = state => {
     lastUpdated
   } = state;
   const newShowSizeLink = false;
-  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, newShowSizeLink, lastUpdated);
+  const installationEntries = getInstallationEntries(displaySize, extensionId, extensionVersion, extensionUri, newShowSizeLink, created, lastUpdated);
   return {
     ...state,
     installationEntries,
@@ -5338,7 +5459,7 @@ const getExtraProps = (title, onClick) => {
     props.title = title;
   }
   if (onClick) {
-    props.style = 'cursor: pointer';
+    props.style = 'color: var(--vscode-textLink-foreground, #3794ff); cursor: pointer; text-decoration: none';
     props.tabIndex = 0;
   }
   return props;

package/static/{3b0fc97 → 9283be4}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -2927,7 +2927,7 @@ const {
 });
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/3b0fc97/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/9283be4/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
@@ -3149,9 +3149,9 @@ const getJson = async url => {
 
 const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/3b0fc97' !== 'undefined') {
+  if (typeof '/9283be4' !== 'undefined') {
     // @ts-ignore
-    return '/3b0fc97';
+    return '/9283be4';
   }
   if (platform === Electron) {
     return '../../../../..';

package/static/{3b0fc97 → 9283be4}/packages/extension-management-worker/dist/extensionManagementWorkerMain.js

@@ -1780,6 +1780,10 @@ const getWebExtensions = async assetDir => {
   }
 };
 
+const isExtensionCompatible = (extension, platform) => {
+  return platform !== Web || extension?.compatibility?.web !== false;
+};
+
 const WorkspaceConfigFolderName = '.lvce';
 const DisabledExtensionsFileName = 'disabled-extensions.json';
 const UriSchemeRegex = /^[a-zA-Z][a-zA-Z\d+.-]*:/;
@@ -1914,7 +1918,8 @@ const getAllExtensionsWithState = async (extensionsState, assetDir, platform) =>
   const meta = extensionsState.webExtensions;
   if (resolvedPlatform === Web) {
     const webExtensions = await getWebExtensions(resolvedAssetDir);
-    return getExtensionsWithWorkspaceState([...webExtensions, ...meta]);
+    const compatibleExtensions = [...webExtensions, ...meta].filter(extension => isExtensionCompatible(extension, resolvedPlatform));
+    return getExtensionsWithWorkspaceState(compatibleExtensions);
   }
   const local = await invoke$2('ExtensionManagement.getAllExtensions');
   return getExtensionsWithWorkspaceState([...local, ...meta]);

package/static/{3b0fc97 → 9283be4}/packages/main-area-worker/dist/mainAreaWorkerMain.js

@@ -272,7 +272,6 @@ const walkValue = (value, transferrables, isTransferrable) => {
     for (const property of Object.values(value)) {
       walkValue(property, transferrables, isTransferrable);
     }
-    return;
   }
 };
 const getTransferrables = value => {
@@ -1416,15 +1415,175 @@ const create$3 = rpcId => {
 
 const None$1 = 'none';
 
+const Audio = 0;
 const Button$2 = 1;
+const Col = 2;
+const ColGroup = 3;
 const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
 const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
 const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
 const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
 const P = 50;
 const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main$2 = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
 const Reference = 100;
 
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button: Button$2,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main: Main$2,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
 const Button$1 = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
@@ -3632,7 +3791,7 @@ const openUri = async (state, options) => {
   const preview = typeof options === 'string' ? false : options.preview ?? false;
   return openInput(state, {
     editorInput: getNormalizedOpenEditorInput(uri),
-    focu: typeof options === 'string' ? false : options.focu,
+    focus: typeof options === 'string' ? false : options.focus,
     preview
   });
 };
@@ -3648,7 +3807,7 @@ const retryOpen = async state => {
   if (tab.editorInput) {
     return openInput(state, {
       editorInput: tab.editorInput,
-      focu: false,
+      focus: false,
       preview: tab.isPreview
     });
   }
@@ -5235,6 +5394,8 @@ const text = data => {
   };
 };
 
+new Set(Object.values(VirtualDomElements));
+
 const SetText = 1;
 const Replace = 2;
 const SetAttribute = 3;