@lvce-editor/extension-detail-view 3.49.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 = () => {
@@ -797,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');
 };
@@ -823,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,
@@ -831,7 +847,10 @@ const RendererWorker = {
   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,
@@ -1934,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) => {
@@ -1967,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);
@@ -2141,13 +2160,76 @@ 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,
@@ -2167,6 +2249,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     categories: [],
     changelogScrollTop: 0,
     changelogVirtualDom: [],
+    extensionUri: '',
     commands: [],
     hasReadme: false,
     description: '',
@@ -2205,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) => {
@@ -2264,7 +2347,7 @@ const getImageMenuEntries = props => {
   }
   return [{
     id: 'openImageInNewTab',
-    label: openImageInNewTab(),
+    label: openImageInNewTab$1(),
     flags: None,
     command: 'Open.openUrl',
     args: [props.url || '']
@@ -2297,24 +2380,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 +2536,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 +2553,6 @@ const handleScroll = (state, scrollTop, scrollSource = Script) => {
   };
 };
 
-const {
-  set,
-  exists,
-  readFile: readFile$1,
-  invoke
-} = FileSystemWorker;
-
 const readFile = async uri => {
   return readFile$1(uri);
 };
@@ -2641,7 +2721,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set(rpc);
+  set$1(rpc);
 };
 
 const sendMessagePortToMarkdownWorker = async port => {
@@ -3176,6 +3256,7 @@ const loadContent = async (state, platform, savedState) => {
     displaySize,
     extension,
     extensionId,
+    extensionUri,
     extensionVersion,
     features,
     folderSize,
@@ -3201,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
@@ -3685,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;
 };
@@ -3760,12 +3854,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 +3870,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 +3892,7 @@ const listen = async () => {
   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.49.0",
+  "version": "3.50.0",
   "description": "Extension Detail View Worker",
   "license": "MIT",
   "author": "Lvce Editor",