@lvce-editor/extension-detail-view 3.12.0 → 3.14.0

package/dist/extensionDetailViewWorkerMain.js

@@ -846,6 +846,8 @@ const WebWorkerRpcClient = {
   create: create$2
 };
 
+const assetDir = '';
+
 const create$1 = () => {
   const states = Object.create(null);
   return {
@@ -866,7 +868,7 @@ const {
   set: set$1
 } = create$1();
 
-const create = (uid, uri, width, height, platform) => {
+const create = (uid, uri, width, height, platform, assetDir$1) => {
   const state = {
     description: '',
     iconSrc: '',
@@ -885,7 +887,8 @@ const create = (uid, uri, width, height, platform) => {
     extension: {},
     baseUrl: '',
     features: [],
-    folderSize: 0
+    folderSize: 0,
+    assetDir: assetDir$1 || assetDir
   };
   set$1(uid, state, state);
 };
@@ -1212,6 +1215,7 @@ const HandleClickDisable = 'handleClickDisable';
 const HandleClickSize = 'handleClickSize';
 const HandleClickUninstall = 'handleClickUninstall';
 const HandleFeaturesClick = 'handleFeaturesClick';
+const HandleIconError = 'handleIconError';
 const HandleReadmeContextMenu = 'handleReadmeContextMenu';
 const HandleTabsClick = 'handleTabsClick';
 
@@ -2511,22 +2515,27 @@ const handleClickUninstall = async state => {
   return state;
 };
 
-const assetDir = '';
-
-const ExtensionDefaultIcon = `${assetDir}/icons/extensionDefaultIcon.png`;
-const ExtensionLanguageBasics = `${assetDir}/icons/language-icon.svg`;
-const ExtensionTheme = `${assetDir}/icons/theme-icon.png`;
+const extensionDefaultIcon = assetDir => {
+  return `${assetDir}/icons/extensionDefaultIcon.png`;
+};
+const extensionLanguageBasics = assetDir => {
+  return `${assetDir}/icons/language-icon.svg`;
+};
+const extensionTheme = assetDir => {
+  return `${assetDir}/icons/theme-icon.png`;
+};
 
 const handleIconError = state => {
   const {
-    iconSrc
+    iconSrc,
+    assetDir
   } = state;
-  if (iconSrc === ExtensionDefaultIcon) {
+  if (iconSrc === extensionDefaultIcon(assetDir)) {
     return state;
   }
   return {
     ...state,
-    iconSrc: ExtensionDefaultIcon
+    iconSrc: extensionDefaultIcon(assetDir)
   };
 };
 
@@ -5127,18 +5136,18 @@ const Web = 1;
 const Electron = 2;
 const Remote = 3;
 
-const getIcon = (extension, platform) => {
+const getIcon = (extension, platform, assetDir) => {
   if (!extension) {
-    return ExtensionDefaultIcon;
+    return extensionDefaultIcon(assetDir);
   }
   if (!extension.path || !extension.icon) {
     if (isLanguageBasicsExtension(extension)) {
-      return ExtensionLanguageBasics;
+      return extensionLanguageBasics(assetDir);
     }
     if (isThemeExtension(extension)) {
-      return ExtensionTheme;
+      return extensionTheme(assetDir);
     }
-    return ExtensionDefaultIcon;
+    return extensionDefaultIcon(assetDir);
   }
   if (platform === Remote || platform === Electron) {
     if (extension.builtin) {
@@ -5262,7 +5271,8 @@ const loadReadmeContent = async path => {
 const loadContent = async (state, platform, savedState) => {
   const {
     uri,
-    width
+    width,
+    assetDir
   } = state;
   const id = uri.slice('extension-detail://'.length);
   const extension = await getExtension(id, platform);
@@ -5273,7 +5283,7 @@ const loadContent = async (state, platform, savedState) => {
   });
   const sanitizedReadmeHtml = readmeHtml;
   const normalizedReadmeHtml = sanitizedReadmeHtml;
-  const iconSrc = getIcon(extension, platform);
+  const iconSrc = getIcon(extension, platform, assetDir);
   const description = getDescription(extension);
   const name = getName(extension);
   const size = getViewletSize(width);
@@ -5334,6 +5344,31 @@ const loadContent = async (state, platform, savedState) => {
   };
 };
 
+const renderEventListeners = () => {
+  return [{
+    name: HandleIconError,
+    params: ['handleIconError']
+  }, {
+    name: HandleReadmeContextMenu,
+    params: ['handleReadmeContextMenu', 'event.clientX', 'event.clientY', 'event.target.href', 'event.target.src']
+  }, {
+    name: HandleTabsClick,
+    params: ['handleTabsClick', 'event.target.name']
+  }, {
+    name: HandleFeaturesClick,
+    params: ['handleFeaturesClick', 'event.target.name']
+  }, {
+    name: HandleClickSize,
+    params: ['handleClickSize', 'event.target.name']
+  }, {
+    name: HandleClickDisable,
+    params: ['handleClickDisable']
+  }, {
+    name: HandleClickUninstall,
+    params: ['handleClickUninstall']
+  }];
+};
+
 const resize = (state, dimensions) => {
   return {
     ...state,
@@ -5387,6 +5422,7 @@ const commandMap = {
   'ExtensionDetail.handleIconError': wrapCommand(handleIconError),
   'ExtensionDetail.handleTabsClick': wrapCommand(handleTabsClick),
   'ExtensionDetail.loadContent': wrapCommand(loadContent),
+  'ExtensionDetail.renderEventListeners': renderEventListeners,
   'ExtensionDetail.resize': resize,
   'ExtensionDetail.saveState': saveState,
   'ExtensionDetail.selectTab': wrapCommand(selectTab),

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "3.12.0",
+  "version": "3.14.0",
   "description": "Extension Detail View Worker",
-  "keywords": [],
   "license": "MIT",
   "author": "Lvce Editor",
   "type": "module",