@lvce-editor/extension-detail-view 3.49.0 → 3.52.0

package/dist/extensionDetailViewWorkerMain.js

@@ -16,6 +16,8 @@ const Changelog$2 = 'Changelog';
 const Commands$1 = 'Commands';
 const ContentSecurityPolicy = 'ContentSecurityPolicy';
 const Copy = 'Copy';
+const CopyImage = 'Copy Image';
+const CopyImageUrl = 'Copy Image Url';
 const Details$1 = 'Details';
 const Disable$1 = 'Disable';
 const Elements = 'Elements';
@@ -27,6 +29,8 @@ const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
 const Marketplace = 'Marketplace';
 const None$2 = 'None';
+const NoReadmeFound = 'No Readme Found.';
+const EmptyCommandsArray = 'The extension contributed an empty commands array.';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
@@ -34,7 +38,6 @@ 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';
@@ -57,6 +60,12 @@ const resources = () => {
 const copy = () => {
   return i18nString(Copy);
 };
+const copyImage$1 = () => {
+  return i18nString(CopyImage);
+};
+const copyImageUrl$1 = () => {
+  return i18nString(CopyImageUrl);
+};
 const changelog = () => {
   return i18nString(Changelog$2);
 };
@@ -78,7 +87,7 @@ const openInNewTab = () => {
 const label = () => {
   return i18nString(Label);
 };
-const openImageInNewTab = () => {
+const openImageInNewTab$1 = () => {
   return i18nString(OpenImageInNewTab);
 };
 const saveImageAs = () => {
@@ -135,6 +144,9 @@ const scrollToTop = () => {
 const noReadmeFound = () => {
   return i18nString(NoReadmeFound);
 };
+const emptyCommandsArray = () => {
+  return i18nString(EmptyCommandsArray);
+};
 
 const getActivationEventsDetails = async extension => {
   const activationEvents = extension.activation || [];
@@ -345,6 +357,19 @@ const getCommandTableEntries = rows => {
   };
 };
 
+const getFeatureCommandsEmptyVirtualDom = () => {
+  const heading = commands$1();
+  const emptyCommandsArray$1 = emptyCommandsArray();
+  return [{
+    type: VirtualDomElements.Div,
+    className: FeatureContent,
+    childCount: 2
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    type: VirtualDomElements.P,
+    childCount: 1
+  }, text(emptyCommandsArray$1)];
+};
+
 const getTableHeadingVirtualDom = heading => {
   return [{
     type: VirtualDomElements.Th,
@@ -422,6 +447,9 @@ const getTableVirtualDom = tableInfo => {
 
 // TODO have typed view-model
 const getFeatureCommandsVirtualDom = commands => {
+  if (commands.length === 0) {
+    return getFeatureCommandsEmptyVirtualDom();
+  }
   const heading = commands$1();
   const tableInfo = getCommandTableEntries(commands);
   return [{
@@ -740,9 +768,16 @@ const create$7 = rpcId => {
     }
   };
 };
+const ExtensionHostWorker = 44;
 const RendererWorker$1 = 1;
 const FileSystemWorker$1 = 209;
 const MarkdownWorker$1 = 300;
+const {
+  set: set$9} = create$7(ExtensionHostWorker);
+const ExtensionHost = {
+  __proto__: null,
+  set: set$9
+};
 const {
   invoke: invoke$7,
   set: set$7} = create$7(FileSystemWorker$1);
@@ -761,7 +796,7 @@ const FileSystemWorker = {
   set: set$7};
 const {
   invoke: invoke$5,
-  set: set$5} = create$7(MarkdownWorker$1);
+  set: set$5$1} = create$7(MarkdownWorker$1);
 const getVirtualDom$1 = async html => {
   // @ts-ignore
   return invoke$5('Markdown.getVirtualDom', html);
@@ -774,7 +809,7 @@ const MarkdownWorker = {
   __proto__: null,
   getVirtualDom: getVirtualDom$1,
   render: render$1,
-  set: set$5
+  set: set$5$1
 };
 const {
   invoke: invoke$3,
@@ -797,6 +832,17 @@ const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
   // @ts-ignore
   await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
+const sendMessagePortToExtensionHostWorker$2 = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+};
+const writeClipBoardText$1 = async text => {
+  await invoke$3('ClipBoard.writeText', /* text */text);
+};
+const writeClipBoardImage$1 = async blob => {
+  // @ts-ignore
+  await invoke$3('ClipBoard.writeImage', /* text */blob);
+};
 const getAllExtensions$2 = async () => {
   return invoke$3('ExtensionManagement.getAllExtensions');
 };
@@ -815,26 +861,35 @@ const openExtensionSearch$2 = async () => {
   // @ts-ignore
   return invoke$3('SideBar.openViewlet', 'Extensions');
 };
-const setExtensionsSearchValue$1 = async value => {
+const setExtensionsSearchValue$1 = async searchValue => {
   // @ts-ignore
   return invoke$3('Extensions.handleInput', searchValue);
 };
+const openUrl$2 = async uri => {
+  // @ts-ignore
+  await invoke$3('Open.openUrl', uri);
+};
 const RendererWorker = {
   __proto__: null,
   getAllExtensions: getAllExtensions$2,
   getExtension: getExtension$3,
   openExtensionSearch: openExtensionSearch$2,
   openNativeFolder: openNativeFolder$1,
+  openUrl: openUrl$2,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$2,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
   sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$2,
   set: set$3$1,
   setColorTheme: setColorTheme$2,
   setExtensionsSearchValue: setExtensionsSearchValue$1,
   showContextMenu: showContextMenu$1,
-  uninstallExtension: uninstallExtension$1};
+  uninstallExtension: uninstallExtension$1,
+  writeClipBoardImage: writeClipBoardImage$1,
+  writeClipBoardText: writeClipBoardText$1
+};
 
 const {
-  set: set$4,
+  set: set$5,
   getVirtualDom,
   render
 } = MarkdownWorker;
@@ -1571,7 +1626,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$3 = (id, fn) => {
+const set$4 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$1 = id => {
@@ -1590,7 +1645,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$3(id, resolve);
+  set$4(id, resolve);
   return {
     id,
     promise
@@ -2141,13 +2196,73 @@ const terminate = () => {
   globalThis.close();
 };
 
-const copyImage = state => {
+const {
+  getAllExtensions: getAllExtensions$1,
+  getExtension: getExtension$2,
+  openExtensionSearch: openExtensionSearch$1,
+  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
+  openNativeFolder,
+  writeClipBoardText,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
+  set: set$3,
+  setColorTheme: setColorTheme$1,
+  setExtensionsSearchValue,
+  showContextMenu,
+  uninstallExtension,
+  writeClipBoardImage,
+  openUrl: openUrl$1
+} = RendererWorker;
+
+const writeClipboardImage = async blob => {
+  await writeClipBoardImage(blob);
+};
+const writeText = async text => {
+  await writeClipBoardText(text);
+};
+
+const {
+  set: set$2,
+  exists,
+  readFile: readFile$1,
+  invoke
+} = FileSystemWorker;
+const readFileAsBlob = async uri => {
+  // TODO maybe readAsObjectUrl?
+  // @ts-ignore
+  return invoke('FileSystem.readFileAsBlob', uri);
+};
+
+const getImageCopyUrl = iconSrc => {
+  // TODO support gitpod url prefixes
+  // @ts-ignore
+  const prefix = `${location.protocol}//${location.host}`;
+  const absoluteIconSrc = `${prefix}${iconSrc}`;
+  return absoluteIconSrc;
+};
+
+const copyImage = async state => {
+  const {
+    iconSrc
+  } = state;
+  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  const blob = await readFileAsBlob(absoluteIconSrc);
+  await writeClipboardImage(blob);
+  return state;
+};
+
+const copyImageUrl = async state => {
+  const {
+    iconSrc
+  } = state;
+  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  await writeText(absoluteIconSrc);
   return state;
 };
 
 const {
   get,
-  set: set$2,
+  set: set$1,
   dispose: dispose$1,
   wrapCommand,
   wrapGetter,
@@ -2157,6 +2272,8 @@ const {
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
+    wasActivatedByEvent: '',
+    status: '',
     uid,
     activationEvents: [],
     assetDir: assetDir || '',
@@ -2167,6 +2284,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
+    extensionUri: '',
     commands: [],
     hasReadme: false,
     description: '',
@@ -2205,7 +2323,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     width,
     readmeUrl: ''
   };
-  set$2(uid, state, state);
+  set$1(uid, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -2264,7 +2382,7 @@ const getImageMenuEntries = props => {
   }
   return [{
     id: 'openImageInNewTab',
-    label: openImageInNewTab(),
+    label: openImageInNewTab$1(),
     flags: None,
     command: 'Open.openUrl',
     args: [props.url || '']
@@ -2297,24 +2415,28 @@ const ExtensionDetailIconContextMenu = 4091;
 const getMenus = () => {
   return [{
     id: ExtensionDetailIconContextMenu,
-    entries: []
+    entries: [{
+      id: 'openImageInNewTab',
+      label: openImageInNewTab$1(),
+      flags: None,
+      command: 'ExtensionDetail.openImageInNewTab',
+      args: []
+    }, {
+      id: 'copyImage',
+      label: copyImage$1(),
+      flags: None,
+      command: 'ExtensionDetail.copyImage',
+      args: []
+    }, {
+      id: 'copyImageUrl',
+      label: copyImageUrl$1(),
+      flags: None,
+      command: 'ExtensionDetail.copyImageUrl',
+      args: []
+    }]
   }];
 };
 
-const {
-  getAllExtensions: getAllExtensions$1,
-  getExtension: getExtension$2,
-  openExtensionSearch: openExtensionSearch$1,
-  openNativeFolder,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
-  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
-  set: set$1,
-  setColorTheme: setColorTheme$1,
-  setExtensionsSearchValue,
-  uninstallExtension,
-  showContextMenu
-} = RendererWorker;
-
 const openExtensionSearch = async searchValue => {
   await openExtensionSearch$1();
   await setExtensionsSearchValue(searchValue);
@@ -2449,7 +2571,7 @@ const handleIconError = state => {
 };
 
 const show = async (menuId, x, y) => {
-  await showContextMenu(menuId, x, y);
+  await showContextMenu(x, y, menuId);
 };
 
 const handleImageContextMenu = async (state, eventX, eventY) => {
@@ -2466,13 +2588,6 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
-const {
-  set,
-  exists,
-  readFile: readFile$1,
-  invoke
-} = FileSystemWorker;
-
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -2623,6 +2738,30 @@ const handleTabsClick = (state, name) => {
   return selectTab(state, name);
 };
 
+const sendMessagePortToExtensionHostWorker = async port => {
+  await sendMessagePortToExtensionHostWorker$1(port, 0);
+};
+
+const createExtensionHostWorkerRpc = async () => {
+  try {
+    const rpc = await TransferMessagePortRpcParent.create({
+      commandMap: {},
+      send: sendMessagePortToExtensionHostWorker
+    });
+    return rpc;
+  } catch (error) {
+    throw new VError(error, `Failed to create extension host rpc`);
+  }
+};
+
+const {
+  set} = ExtensionHost;
+
+const initializeExtensionHostWorker = async () => {
+  const rpc = await createExtensionHostWorkerRpc();
+  set(rpc);
+};
+
 const sendMessagePortToFileSystemWorker = async port => {
   await sendMessagePortToFileSystemWorker$1(port, 0);
 };
@@ -2641,7 +2780,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set(rpc);
+  set$2(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -2662,11 +2801,11 @@ const createMarkdownWorkerRpc = async () => {
 
 const initializeMarkdownWorker = async () => {
   const rpc = await createMarkdownWorkerRpc();
-  set$4(rpc);
+  set$5(rpc);
 };
 
 const initialize = async () => {
-  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker()]);
+  await Promise.all([initializeMarkdownWorker(), initializeFileSystemWorker(), initializeExtensionHostWorker()]);
 };
 
 const existsFile = async uri => {
@@ -3176,6 +3315,7 @@ const loadContent = async (state, platform, savedState) => {
     displaySize,
     extension,
     extensionId,
+    extensionUri,
     extensionVersion,
     features,
     folderSize,
@@ -3201,6 +3341,19 @@ const loadContent2 = async (state, savedState) => {
   return loadContent(state, state.platform, savedState);
 };
 
+const openUrl = async uri => {
+  await openUrl$1(uri);
+};
+
+const openImageInNewTab = async state => {
+  const {
+    iconSrc
+  } = state;
+  const absoluteIconSrc = getImageCopyUrl(iconSrc);
+  await openUrl(absoluteIconSrc);
+  return state;
+};
+
 const getChangelogVirtualDom = changelogDom => {
   // const notImplemented = ExtensionDetailStrings.notImplemented()
   // TODO set tabpanel role
@@ -3685,7 +3838,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get(uid);
-  set$2(uid, newState, newState);
+  set$1(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -3760,12 +3913,13 @@ const saveState = state => {
 
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
-  'ExtensionDetail.getMenus': getMenus,
+  'ExtensionDetail.copyImageUrl': wrapCommand(copyImageUrl),
   'ExtensionDetail.create': create,
   'ExtensionDetail.diff2': diff2,
   'ExtensionDetail.dispose': dispose,
   'ExtensionDetail.getCommandIds': getCommandIds,
   'ExtensionDetail.getMenuEntries': getMenuEntries,
+  'ExtensionDetail.getMenus': getMenus,
   'ExtensionDetail.handleClickCategory': wrapCommand(handleClickCategory),
   'ExtensionDetail.handleClickDisable': wrapCommand(handleClickDisable),
   'ExtensionDetail.handleClickScrollToTop': wrapCommand(handleClickScrollToTop),
@@ -3775,14 +3929,15 @@ const commandMap = {
   'ExtensionDetail.handleClickUninstall': wrapCommand(handleClickUninstall),
   'ExtensionDetail.handleFeaturesClick': wrapCommand(handleClickFeatures),
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
+  'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
   'ExtensionDetail.handleScroll': wrapCommand(handleScroll),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
   'ExtensionDetail.handleWheel': wrapCommand(handleScroll),
   // deprecated
   'ExtensionDetail.loadContent2': wrapCommand(loadContent2),
+  'ExtensionDetail.openImageInNewTab': wrapCommand(openImageInNewTab),
   'ExtensionDetail.render2': render2,
   'ExtensionDetail.renderEventListeners': renderEventListeners,
-  'ExtensionDetail.handleImageContextMenu': wrapCommand(handleImageContextMenu),
   'ExtensionDetail.resize': wrapCommand(resize),
   // @ts-ignore
   'ExtensionDetail.saveState': wrapGetter(saveState),
@@ -3796,7 +3951,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$1(rpc);
+  set$3(rpc);
 };
 
 const main = async () => {

package/package.json

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