@lvce-editor/extension-detail-view 3.48.0 → 3.50.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,7 @@ const JsonValidation$1 = 'Json Validation';
 const Label = 'Label';
 const Marketplace = 'Marketplace';
 const None$2 = 'None';
+const NoReadmeFound = 'No Readme Found.';
 const OpenImageInNewTab = 'Open Image in New Tab';
 const OpenInNewTab = 'Open in New Tab';
 const ProgrammingLanguages$1 = 'Programming Languages';
@@ -34,7 +37,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 +59,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 +86,7 @@ const openInNewTab = () => {
 const label = () => {
   return i18nString(Label);
 };
-const openImageInNewTab = () => {
+const openImageInNewTab$1 = () => {
   return i18nString(OpenImageInNewTab);
 };
 const saveImageAs = () => {
@@ -671,6 +679,7 @@ const HandleClickSize = 'handleClickSize';
 const HandleClickUninstall = 'handleClickUninstall';
 const HandleFeaturesClick = 'handleFeaturesClick';
 const HandleIconError = 'handleIconError';
+const HandleImageContextMenu = 'handleImageContextMenu';
 const HandleReadmeContextMenu = 'handleReadmeContextMenu';
 const HandleReadmeScroll = 'handleReadmeScroll';
 const HandleTabsClick = 'handleTabsClick';
@@ -779,6 +788,9 @@ const {
   invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$3$1} = create$7(RendererWorker$1);
+const showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$3('ContextMenu.show', x, y, id, ...args);
+};
 const setColorTheme$2 = async id => {
   // @ts-ignore
   return invoke$3(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
@@ -793,6 +805,13 @@ const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
   // @ts-ignore
   await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', 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');
 };
@@ -819,6 +838,7 @@ const RendererWorker = {
   __proto__: null,
   getAllExtensions: getAllExtensions$2,
   getExtension: getExtension$3,
+  invoke: invoke$3,
   openExtensionSearch: openExtensionSearch$2,
   openNativeFolder: openNativeFolder$1,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
@@ -826,7 +846,11 @@ const RendererWorker = {
   set: set$3$1,
   setColorTheme: setColorTheme$2,
   setExtensionsSearchValue: setExtensionsSearchValue$1,
-  uninstallExtension: uninstallExtension$1};
+  showContextMenu: showContextMenu$1,
+  uninstallExtension: uninstallExtension$1,
+  writeClipBoardImage: writeClipBoardImage$1,
+  writeClipBoardText: writeClipBoardText$1
+};
 
 const {
   set: set$4,
@@ -1929,7 +1953,7 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$1 = (ipc, method, ...params) => {
+const invoke$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer = (ipc, method, ...params) => {
@@ -1962,7 +1986,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$1(ipc, method, ...params);
+      return invoke$2(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
@@ -2136,16 +2160,81 @@ const terminate = () => {
   globalThis.close();
 };
 
-const copyImage = state => {
+const {
+  getAllExtensions: getAllExtensions$1,
+  getExtension: getExtension$2,
+  invoke: invoke$1,
+  openExtensionSearch: openExtensionSearch$1,
+  openNativeFolder,
+  writeClipBoardText,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
+  sendMessagePortToMarkdownWorker: sendMessagePortToMarkdownWorker$1,
+  set: set$2,
+  setColorTheme: setColorTheme$1,
+  setExtensionsSearchValue,
+  showContextMenu,
+  uninstallExtension,
+  writeClipBoardImage
+} = RendererWorker;
+const openUrl$1 = async uri => {
+  // @ts-ignore
+  await invoke$1('Open.openUrl', uri);
+};
+
+const writeClipboardImage = async blob => {
+  await writeClipBoardImage(blob);
+};
+const writeText = async text => {
+  await writeClipBoardText(text);
+};
+
+const {
+  set: set$1,
+  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,
   dispose: dispose$1,
   wrapCommand,
-  wrapGetter
+  wrapGetter,
+  getCommandIds,
+  registerCommands
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir) => {
@@ -2160,6 +2249,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
+    extensionUri: '',
     commands: [],
     hasReadme: false,
     description: '',
@@ -2198,7 +2288,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     width,
     readmeUrl: ''
   };
-  set$2(uid, state, state);
+  set(uid, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
@@ -2242,12 +2332,6 @@ const dispose = uid => {
   dispose$1(uid);
 };
 
-const commandIds = ['copyImage', 'getMenuEntries', 'handleClickCategory', 'handleClickDisable', 'handleClickScrollToTop', 'handleClickSetColorTheme', 'handleClickSettings', 'handleClickSize', 'handleClickUninstall', 'handleFeaturesClick', 'handleIconError', 'handleScroll', 'handleTabsClick', 'handleWheel', 'renderEventListeners', 'resize', 'saveState', 'selectTab', 'terminate'];
-
-const getCommandIds = () => {
-  return commandIds;
-};
-
 const None = 0;
 
 const getCopyMenuEntry = () => ({
@@ -2263,7 +2347,7 @@ const getImageMenuEntries = props => {
   }
   return [{
     id: 'openImageInNewTab',
-    label: openImageInNewTab(),
+    label: openImageInNewTab$1(),
     flags: None,
     command: 'Open.openUrl',
     args: [props.url || '']
@@ -2291,18 +2375,32 @@ const getLinkMenuEntries = props => {
 
 const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
 
-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
-} = RendererWorker;
+const ExtensionDetailIconContextMenu = 4091;
+
+const getMenus = () => {
+  return [{
+    id: ExtensionDetailIconContextMenu,
+    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 openExtensionSearch = async searchValue => {
   await openExtensionSearch$1();
@@ -2437,6 +2535,15 @@ const handleIconError = state => {
   };
 };
 
+const show = async (menuId, x, y) => {
+  await showContextMenu(x, y, menuId);
+};
+
+const handleImageContextMenu = async (state, eventX, eventY) => {
+  await show(ExtensionDetailIconContextMenu, eventX, eventY);
+  return state;
+};
+
 const handleScroll = (state, scrollTop, scrollSource = Script) => {
   const newScrollTop = Math.max(0, scrollTop);
   return {
@@ -2446,13 +2553,6 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
-const {
-  set,
-  exists,
-  readFile: readFile$1,
-  invoke
-} = FileSystemWorker;
-
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -2621,7 +2721,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set(rpc);
+  set$1(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -3156,6 +3256,7 @@ const loadContent = async (state, platform, savedState) => {
     displaySize,
     extension,
     extensionId,
+    extensionUri,
     extensionVersion,
     features,
     folderSize,
@@ -3181,6 +3282,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
@@ -3481,8 +3595,9 @@ const getExtensionDetailIconVirtualDom = iconSrc => {
     type: VirtualDomElements.Img,
     className: ExtensionDetailIcon,
     alt: '',
-    draggable: false,
     childCount: 0,
+    draggable: false,
+    onContextMenu: HandleImageContextMenu,
     src: iconSrc
   };
 };
@@ -3664,7 +3779,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get(uid);
-  set$2(uid, newState, newState);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -3679,6 +3794,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleReadmeContextMenu,
     params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
+  }, {
+    name: HandleImageContextMenu,
+    params: ['handleImageContextMenu', 'event.clientX', 'event.clientY'],
+    preventDefault: true
   }, {
     name: HandleReadmeScroll,
     params: ['handleScroll', 'event.target.scrollTop', User],
@@ -3735,11 +3854,13 @@ const saveState = state => {
 
 const commandMap = {
   'ExtensionDetail.copyImage': wrapCommand(copyImage),
+  '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),
@@ -3749,11 +3870,13 @@ 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.resize': wrapCommand(resize),
@@ -3765,10 +3888,11 @@ const commandMap = {
 };
 
 const listen = async () => {
+  registerCommands(commandMap);
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$1(rpc);
+  set$2(rpc);
 };
 
 const main = async () => {

package/package.json

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