@lvce-editor/static-server 0.64.1 → 0.64.3

package/static/{7903157 → 600320e}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js

@@ -30,6 +30,7 @@ const Id = 'ID';
 const Identifier = 'Identifier';
 const ImportTime = 'Import Time: ';
 const Installation = 'Installation';
+const InvalidLink = 'Invalid link';
 const Issues = 'Issues';
 const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
@@ -42,18 +43,21 @@ const NoReadmeFound = 'No Readme Found.';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
+const PropertyMustBeOfTypeString = 'Property must be a string';
 const Published = 'Published';
 const Repository = 'Repository';
 const Resources$1 = 'Resources';
 const RuntimeStatus$1 = 'Runtime Status';
 const SaveImageAs = 'Save Image as';
 const Schema = 'Schema';
+const SchemaNotFound = 'Schema not found';
 const ScrollToTop$1 = 'Scroll to top';
 const SelectedFeatureUnknownOrUnsupported = 'Selected feature is unknown or unsupported';
 const Selector = 'Selector';
 const SetColorTheme$1 = 'Set Color Theme';
 const Settings$1 = 'Settings';
 const Size = 'Size';
+const StringMustNotBeEmpty = 'String must not be empty';
 const Theme$1 = 'Theme';
 const Uninstall$1 = 'Uninstall';
 const UnsupportedFeature = 'Unsupported Feature';
@@ -207,11 +211,50 @@ const repository = () => {
 const license = () => {
   return i18nString(License);
 };
+const propertyMustBeOfTypeString = () => {
+  return i18nString(PropertyMustBeOfTypeString);
+};
+const stringMustNotBeEmpty = () => {
+  return i18nString(StringMustNotBeEmpty);
+};
+const schemaNotFound = () => {
+  return i18nString(SchemaNotFound);
+};
+const invalidLink = () => {
+  return i18nString(InvalidLink);
+};
+
+const getActivationEntry = value => {
+  if (typeof value !== 'string') {
+    return {
+      isValid: false,
+      stringValue: JSON.stringify(value),
+      errorMessage: propertyMustBeOfTypeString()
+    };
+  }
+  if (!value) {
+    return {
+      isValid: false,
+      stringValue: '',
+      errorMessage: stringMustNotBeEmpty()
+    };
+  }
+  return {
+    isValid: true,
+    stringValue: value,
+    errorMessage: ''
+  };
+};
+const getActivationEntries = activation => {
+  return activation.map(getActivationEntry);
+};
 
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
+  const activationEntries = getActivationEntries(activationEvents);
   return {
-    activationEvents
+    activationEvents,
+    activationEntries
   };
 };
 
@@ -305,7 +348,7 @@ const Features$1 = 'Features';
 const FeaturesList = 'FeaturesList';
 const FeatureWebView = 'FeatureWebView';
 const Large$1 = 'Large';
-const Link = 'Link';
+const Link$1 = 'Link';
 const Markdown = 'Markdown';
 const MoreInfo = 'MoreInfo';
 const MoreInfoEntry = 'MoreInfoEntry';
@@ -323,6 +366,7 @@ const SettingsIcon = 'SettingsIcon';
 const Small$1 = 'Small';
 const Table = 'Table';
 const TableCell = 'TableCell';
+const TableCellInvalid = 'TableCellInvalid';
 const TableHeading = 'TableHeading';
 const Viewlet = 'Viewlet';
 
@@ -335,7 +379,20 @@ const code = {
   childCount: 1
 };
 const getActivationEventVirtualDom = event => {
-  return [li, code, text(event)];
+  const {
+    stringValue,
+    errorMessage,
+    isValid
+  } = event;
+  if (!isValid) {
+    return [{
+      type: Li,
+      childCount: 1,
+      title: errorMessage,
+      className: 'ListItem ListItemInvalid'
+    }, code, text(stringValue)];
+  }
+  return [li, code, text(stringValue)];
 };
 
 const getFeatureContentHeadingVirtualDom = heading => {
@@ -358,11 +415,12 @@ const getFeatureActivationEventsVirtualDom = activationEvents$1 => {
 };
 
 const getActivationEventsVirtualDom = state => {
-  return getFeatureActivationEventsVirtualDom(state.activationEvents);
+  return getFeatureActivationEventsVirtualDom(state.activationEntries);
 };
 
 const Text = 1;
 const Code = 2;
+const Link = 7;
 
 const getCommandTableEntry = command => {
   // TODO watch out for command being null/undefined/number/string/array
@@ -424,31 +482,58 @@ const getTableHeadingVirtualDom = heading => {
   }, text(heading)];
 };
 
-const getCellCodeVirtualDom = value => {
+const getCellCodeVirtualDom = (value, props) => {
+  const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
   return [{
     type: Td,
-    className: TableCell,
-    childCount: 1
+    className: tdClassName,
+    childCount: 1,
+    ...(props?.title ? {
+      title: props.title
+    } : {})
   }, {
     type: Code$2,
     childCount: 1
   }, text(value)];
 };
 
-const getCellTextVirtualDom = value => {
+const getCellLinkVirtualDom = (value, props) => {
+  const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
   return [{
     type: Td,
-    className: TableCell,
+    className: tdClassName,
+    childCount: 1,
+    ...(props?.title ? {
+      title: props.title
+    } : {})
+  }, {
+    type: A,
+    className: Link$1,
+    href: props?.href,
     childCount: 1
   }, text(value)];
 };
 
+const getCellTextVirtualDom = (value, props) => {
+  const tdClassName = props?.className ? `${TableCell} ${props.className}` : TableCell;
+  return [{
+    type: Td,
+    className: tdClassName,
+    childCount: 1,
+    ...(props?.title ? {
+      title: props.title
+    } : {})
+  }, text(value)];
+};
+
 const getCellRenderer = type => {
   switch (type) {
     case Code:
       return getCellCodeVirtualDom;
     case Text:
       return getCellTextVirtualDom;
+    case Link:
+      return getCellLinkVirtualDom;
     default:
       throw new Error(`unexpected cell type ${type}`);
   }
@@ -457,10 +542,11 @@ const getCellRenderer = type => {
 const getCellVirtualDom = entry => {
   const {
     value,
-    type
+    type,
+    ...props
   } = entry;
   const fn = getCellRenderer(type);
-  return fn(value);
+  return fn(value, props);
 };
 
 const getTableRowVirtualDom = entries => {
@@ -509,24 +595,187 @@ const getCommandsVirtualDom = state => {
   return getFeatureCommandsVirtualDom(state.commands);
 };
 
-const getJsonValidationTableEntry = validation => {
-  // TODO handle case when validation is invalid like null
+const isExternalLink = schema => {
+  return schema.startsWith('http://') || schema.startsWith('https://');
+};
+const hasWhitespace = value => {
+  return /\s/.test(value);
+};
+const isOnlyDotsOrEmpty = value => {
+  const trimmed = value.trim();
+  return trimmed === '' || /^\.*$/.test(trimmed);
+};
+const isValidHttpUrl = value => {
+  try {
+    const url = new URL(value);
+    return (url.protocol === 'http:' || url.protocol === 'https:') && !!url.hostname;
+  } catch {
+    return false;
+  }
+};
+const isValidRelativePath = value => {
+  // Disallow schemes and whitespace
+  if (hasWhitespace(value)) {
+    return false;
+  }
+  if (value.includes('://')) {
+    return false;
+  }
+  if (isOnlyDotsOrEmpty(value)) {
+    return false;
+  }
+  // Allow paths like ./a.json, ../a.json, /a.json, schemas/a.json, a/b.json
+  if (!/^[./]?[A-Za-z0-9._\-/]+$/.test(value)) {
+    return false;
+  }
+  // Must contain at least one alphanumeric character
+  if (!/[A-Za-z0-9]/.test(value)) {
+    return false;
+  }
+  return true;
+};
+const getSchemaLinkUrl = (schema, extensionUri) => {
+  if (!schema || typeof schema !== 'string') {
+    return '';
+  }
+  const trimmed = schema.trim();
+  if (trimmed !== schema) {
+    return '';
+  }
+  if (isExternalLink(schema)) {
+    return isValidHttpUrl(schema) ? schema : '';
+  }
+  if (!isValidRelativePath(schema)) {
+    return '';
+  }
+  try {
+    return new URL(schema, extensionUri).toString();
+  } catch {
+    return '';
+  }
+};
+
+const existsJson = async schemaUrl => {
+  try {
+    // TODO verify that response header is json
+    const response = await fetch(schemaUrl, {
+      method: 'HEAD'
+    });
+    return response.ok;
+  } catch {
+    return false;
+  }
+};
+const getJsonValidationInfos = async (extensionUri, validations) => {
+  const validationInfos = [];
+  for (const validation of validations) {
+    const schema = validation.schema ?? validation.url;
+    const schemaLinkUrl = getSchemaLinkUrl(schema, extensionUri);
+    const {
+      fileMatch
+    } = validation;
+    if (typeof schema !== 'string') {
+      validationInfos.push({
+        isValid: false,
+        stringValue: JSON.stringify(schema),
+        schemaUrl: '',
+        errorMessage: propertyMustBeOfTypeString(),
+        fileMatch
+      });
+    } else if (schema && !schemaLinkUrl) {
+      validationInfos.push({
+        isValid: false,
+        stringValue: schema,
+        schemaUrl: schemaLinkUrl,
+        errorMessage: invalidLink(),
+        fileMatch
+      });
+    } else if (schemaLinkUrl) {
+      if (await existsJson(schemaLinkUrl)) {
+        validationInfos.push({
+          isValid: true,
+          stringValue: schema,
+          schemaUrl: schemaLinkUrl,
+          errorMessage: '',
+          fileMatch
+        });
+      } else {
+        validationInfos.push({
+          isValid: false,
+          stringValue: schema,
+          schemaUrl: schemaLinkUrl,
+          errorMessage: schemaNotFound(),
+          fileMatch
+        });
+      }
+    } else {
+      validationInfos.push({
+        isValid: true,
+        stringValue: schema,
+        schemaUrl: schemaLinkUrl,
+        errorMessage: '',
+        fileMatch
+      });
+    }
+  }
+  return validationInfos;
+};
+
+const getJsonValidationTableEntry = validationInfo => {
   const {
+    isValid,
+    errorMessage,
+    schemaUrl,
+    stringValue,
     fileMatch
-  } = validation;
-  const schema = validation.schema ?? validation.url;
+  } = validationInfo;
+  if (!isValid && schemaUrl) {
+    return [{
+      type: Code,
+      value: fileMatch
+    }, {
+      type: Link,
+      value: stringValue,
+      href: schemaUrl,
+      className: TableCellInvalid,
+      title: errorMessage
+    }];
+  }
+  if (!isValid) {
+    return [{
+      type: Text,
+      value: fileMatch
+    }, {
+      type: Text,
+      value: stringValue,
+      className: TableCellInvalid,
+      title: errorMessage
+    }];
+  }
+  if (schemaUrl) {
+    return [{
+      type: Code,
+      value: fileMatch
+    }, {
+      type: Link,
+      value: stringValue,
+      href: schemaUrl
+    }];
+  }
   return [{
     type: Code,
     value: fileMatch
   }, {
-    type: Code,
-    value: schema
+    type: Text,
+    value: stringValue
   }];
 };
 
 const getJsonValidationDetails = async extension => {
   const validations = extension.jsonValidation || [];
-  const rows = validations.map(getJsonValidationTableEntry);
+  const extensionUri = extension.uri || '';
+  const validationInfos = await getJsonValidationInfos(extensionUri, validations);
+  const rows = validationInfos.map(getJsonValidationTableEntry);
   return {
     jsonValidation: rows
   };
@@ -2382,20 +2631,21 @@ const getSettingsVirtualDom = state => {
   return getFeatureSettingsVirtualDom(state.settings);
 };
 
-const HandleClickCategory = 'handleClickCategory';
-const HandleClickDisable = 'handleClickDisable';
-const HandleClickEnable = 'handleClickEnable';
-const HandleClickScrollToTop = 'handleClickScrollToTop';
-const HandleClickSetColorTheme = 'handleClickSetColorTheme';
-const HandleClickSettings = 'handleClickSettings';
-const HandleClickSize = 'handleClickSize';
-const HandleClickUninstall = 'handleClickUninstall';
-const HandleFeaturesClick = 'handleFeaturesClick';
-const HandleIconError = 'handleIconError';
-const HandleImageContextMenu = 'handleImageContextMenu';
-const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-const HandleReadmeScroll = 'handleReadmeScroll';
-const HandleTabsClick = 'handleTabsClick';
+const HandleClickCategory = 1;
+const HandleClickDisable = 2;
+const HandleClickEnable = 3;
+const HandleClickScrollToTop = 4;
+const HandleClickSetColorTheme = 5;
+const HandleClickSettings = 6;
+const HandleClickSize = 7;
+const HandleClickUninstall = 8;
+const HandleFeaturesClick = 9;
+const HandleIconError = 10;
+const HandleImageContextMenu = 11;
+const HandleReadmeContextMenu = 12;
+const HandleReadmeScroll = 13;
+const HandleTabsClick = 14;
+const HandleAdditionalDetailContextMenu = 15;
 
 const ActivationEvents = 'ActivationEvents';
 const Changelog = 'Changelog';
@@ -2484,6 +2734,18 @@ const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
   return markdown;
 };
 
+const supportsNormalCacheKey = locationProtocol => {
+  return locationProtocol === 'http:' || locationProtocol === 'https:';
+};
+
+const getMarkdownCacheKey = (hash, locationProtocol) => {
+  if (supportsNormalCacheKey(locationProtocol)) {
+    return `/markdown/${hash}`;
+  }
+  // workaround for electron bug
+  return `https://-/markdown/${hash}`;
+};
+
 const hash = async content => {
   const sourceBytes = new TextEncoder().encode(content);
   const digest = await crypto.subtle.digest('SHA-256', sourceBytes);
@@ -2548,9 +2810,9 @@ const set$3 = async (key, value) => {
   }));
 };
 
-const renderMarkdownCached = async (markdown, options = {}) => {
+const renderMarkdownCached = async (markdown, options) => {
   const markdownHash = await hash(markdown); // TODO hash options also
-  const cacheKey = `/markdown/${markdownHash}`;
+  const cacheKey = getMarkdownCacheKey(markdownHash, options.locationProtocol);
   const hasItem = await has(cacheKey);
   if (hasItem) {
     const value = await get$1(cacheKey);
@@ -2561,12 +2823,12 @@ const renderMarkdownCached = async (markdown, options = {}) => {
   return html;
 };
 
-const renderMarkdown = async (markdown, options = {}) => {
+const renderMarkdown = async (markdown, options) => {
   const html = await renderMarkdownCached(markdown, options);
   return html;
 };
 
-const getThemeDetails = async (extension, baseUrl) => {
+const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
   const {
     colorThemes,
     iconThemes,
@@ -2574,7 +2836,8 @@ const getThemeDetails = async (extension, baseUrl) => {
   } = extension;
   const markdown = getThemeMarkdown(colorThemes || [], iconThemes || [], productIconThemes || []);
   const rendered = await renderMarkdown(markdown, {
-    baseUrl
+    baseUrl,
+    locationProtocol
   });
   const themesMarkdownDom = await getMarkdownVirtualDom(rendered);
   return {
@@ -3000,7 +3263,9 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     paddingLeft: 0,
     paddingRight: 0,
     showSideBar: true,
-    sideBarWidth: 0
+    sideBarWidth: 0,
+    locationProtocol: '',
+    activationEntries: []
   };
   set(uid, state, state);
 };
@@ -3121,6 +3386,10 @@ const getMenus = () => {
   }];
 };
 
+const handleAdditionalDetailContextMenu = state => {
+  return state;
+};
+
 const openExtensionSearch = async searchValue => {
   await openExtensionSearch$1();
   await setExtensionsSearchValue(searchValue);
@@ -3237,7 +3506,8 @@ const selectFeature = async (state, name) => {
   const {
     features,
     extension,
-    baseUrl
+    baseUrl,
+    locationProtocol
   } = state;
   const newFeatures = features.map(feature => {
     if (feature.id === name) {
@@ -3252,7 +3522,7 @@ const selectFeature = async (state, name) => {
     };
   });
   const fn = getFeatureDetailsHandler(name);
-  const partialNewState = await fn(extension, baseUrl);
+  const partialNewState = await fn(extension, baseUrl, locationProtocol);
   return {
     ...state,
     ...partialNewState,
@@ -3413,11 +3683,13 @@ const selectTabChangelog = async state => {
   const {
     extension,
     baseUrl,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   const changelogContent = await loadChangelogContent(extension.path); // TODO use uri
   const changelogMarkdownHtml = await renderMarkdown(changelogContent, {
-    baseUrl
+    baseUrl,
+    locationProtocol
   });
   const changelogDom = await getMarkdownVirtualDom(changelogMarkdownHtml);
   const newTabs = tabs.map(tab => {
@@ -3457,12 +3729,14 @@ const selectTabDetails = async state => {
   const {
     baseUrl,
     readmeUrl,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   const readmeContent = await loadReadmeContent(readmeUrl);
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
-    linksExternal: true
+    linksExternal: true,
+    locationProtocol
   });
   const detailsDom = await getMarkdownVirtualDom(readmeHtml);
   const newTabs = tabs.map(tab => {
@@ -3485,14 +3759,15 @@ const selectTabFeatures = async state => {
     baseUrl,
     selectedFeature,
     features,
-    tabs
+    tabs,
+    locationProtocol
   } = state;
   if (features.length === 0) {
     return state;
   }
   const actualSelectedFeature = selectedFeature || Theme;
   const fn = getFeatureDetailsHandler(actualSelectedFeature);
-  const partialNewState = await fn(extension, baseUrl);
+  const partialNewState = await fn(extension, baseUrl, locationProtocol);
   const newTabs = tabs.map(tab => {
     return {
       ...tab,
@@ -4111,9 +4386,11 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
   const [hasReadme, hasChangelog] = await Promise.all([existsFile(readmeUrl), existsFile(changelogUrl)]);
   const readmeContent = hasReadme ? await loadReadmeContent(readmeUrl) : noReadmeFound();
   const baseUrl = getBaseUrl(extension.path, platform);
+  const locationProtocol = location.protocol;
   const readmeHtml = await renderMarkdown(readmeContent, {
     baseUrl,
-    linksExternal: true
+    linksExternal: true,
+    locationProtocol
   });
   const detailsVirtualDom = await getMarkdownVirtualDom(readmeHtml, {
     scrollToTopEnabled: true
@@ -4181,7 +4458,8 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     sideBarWidth,
     sizeOnDisk: size,
     sizeValue,
-    tabs: enabledTabs
+    tabs: enabledTabs,
+    locationProtocol
   };
 };
 
@@ -4280,7 +4558,7 @@ const getMoreInfoEntryKeyVirtualDom = item => {
   return [parentNode, text(key)];
 };
 
-const classLink = mergeClassNames(MoreInfoEntryValue, Link);
+const classLink = mergeClassNames(MoreInfoEntryValue, Link$1);
 const classCode = mergeClassNames(MoreInfoEntryValue, Code$1);
 const getMoreInfoEntryValueClassName = (onClick, code) => {
   if (onClick) {
@@ -4302,13 +4580,15 @@ const getMoreInfoEntryValueTag = (onClick, code) => {
   return Dd;
 };
 
-const getExtraProps = title => {
+const getExtraProps = (title, onClick) => {
+  const props = Object.create(null);
   if (title) {
-    return {
-      title
-    };
+    props.title = title;
   }
-  return {};
+  if (onClick) {
+    props.tabIndex = 0;
+  }
+  return props;
 };
 const getMoreInfoEntryValueVirtualDom = item => {
   const {
@@ -4319,7 +4599,7 @@ const getMoreInfoEntryValueVirtualDom = item => {
   } = item;
   const type = getMoreInfoEntryValueTag(onClick, code);
   const className = getMoreInfoEntryValueClassName(onClick, code);
-  const extraProps = getExtraProps(title);
+  const extraProps = getExtraProps(title, onClick);
   return [{
     type,
     className,
@@ -4388,7 +4668,8 @@ const getAdditionalDetailsVirtualDom = (showAdditionalDetails, firstHeading, ent
     type: Div,
     className: AdditionalDetails,
     tabIndex: 0,
-    childCount: 4
+    childCount: 4,
+    onClick: HandleAdditionalDetailContextMenu
   }, ...getAdditionalDetailsEntryVirtualDom(firstHeading, entries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(secondHeading, secondEntries, getMoreInfoVirtualDom), ...getAdditionalDetailsEntryVirtualDom(thirdHeading, categories, getCategoriesDom), ...getAdditionalDetailsEntryVirtualDom(fourthHeading, resources, getResourcesVirtualDom)];
 };
 
@@ -4731,8 +5012,13 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+// @ts-nocheck
 const renderEventListeners = () => {
   return [{
+    name: HandleAdditionalDetailContextMenu,
+    params: ['handleAdditionalDetailsContextMenu'],
+    preventDefault: true
+  }, {
     name: HandleClickCategory,
     params: ['handleClickCategory', TargetName]
   }, {
@@ -4816,6 +5102,7 @@ const commandMap = {
   'ExtensionDetail.getMenuEntries': getMenuEntries,
   'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
+  'ExtensionDetail.handleAdditionalDetailsContextMenu': wrapCommand(handleAdditionalDetailContextMenu),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickEnable': wrapCommand(handleClickEnable),
   'ExtensionDetail.handleClickScrollToTop': wrapCommand(handleClickScrollToTop),

package/static/{7903157 → 600320e}/packages/extension-host-worker/dist/extensionHostWorkerMain.js

@@ -2740,7 +2740,7 @@ const {
 });
 
 const getExtensionHostSubWorkerUrl = () => {
-  return '/7903157/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
+  return '/600320e/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js';
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
@@ -3018,9 +3018,9 @@ const getJson = async url => {
 
 const getAssetDir = () => {
   // @ts-ignore
-  if (typeof '/7903157' !== 'undefined') {
+  if (typeof '/600320e' !== 'undefined') {
     // @ts-ignore
-    return '/7903157';
+    return '/600320e';
   }
   if (platform === Electron) {
     return '../../../../..';

package/static/{7903157 → 600320e}/packages/renderer-process/dist/rendererProcessMain.js

@@ -2619,7 +2619,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/7903157';
+const assetDir = '/600320e';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {