@lvce-editor/extension-detail-view 3.13.0 → 3.15.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);
 };
@@ -2063,6 +2066,26 @@ const getFeatureThemesVirtualDom = themesHtml => {
   }, ...markdownDom];
 };
 
+const toWebView = rawWebView => {
+  const {
+    id,
+    selector,
+    contentSecurityPolicy,
+    elements
+  } = rawWebView;
+  return {
+    id,
+    selectorString: JSON.stringify(selector),
+    contentSecurityPolicyString: JSON.stringify(contentSecurityPolicy),
+    elementsString: JSON.stringify(elements, null, 2)
+  };
+};
+
+const getWebViews = extension => {
+  const rawWebViews = extension.webViews || [];
+  return rawWebViews.map(toWebView);
+};
+
 const heading$1 = {
   type: H2$1,
   className: DefinitionListItemHeading,
@@ -2078,14 +2101,12 @@ const item = {
   className: DefinitionListItem,
   childCount: 2
 };
-
-// TODO move json stringify to view model
 const getWebViewVirtualDom = webView => {
   const {
     id: id$1,
-    selector: selector$1,
-    contentSecurityPolicy: contentSecurityPolicy$1,
-    elements: elements$1
+    selectorString,
+    contentSecurityPolicyString,
+    elementsString
   } = webView;
   const textId = id();
   const textSelector = selector();
@@ -2095,11 +2116,11 @@ const getWebViewVirtualDom = webView => {
     type: Div$1,
     className: FeatureWebView,
     childCount: 5
-  }, item, heading$1, text(textId), pre, text(id$1), item, heading$1, text(textSelector), pre, text(JSON.stringify(selector$1)), item, heading$1, text(textContentSecurityPolicy), pre, text(JSON.stringify(contentSecurityPolicy$1)), item, heading$1, text(textElements), pre, text(JSON.stringify(elements$1, null, 2))];
+  }, item, heading$1, text(textId), pre, text(id$1), item, heading$1, text(textSelector), pre, text(selectorString), item, heading$1, text(textContentSecurityPolicy), pre, text(contentSecurityPolicyString), item, heading$1, text(textElements), pre, text(elementsString)];
 };
 
 const getFeatureWebViewsVirtualDom = extension => {
-  const webViews$1 = extension.webViews || [];
+  const webViews$1 = getWebViews(extension);
   const heading = webViews();
   return [{
     type: Div$1,
@@ -2512,22 +2533,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)
   };
 };
 
@@ -5128,18 +5154,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) {
@@ -5263,7 +5289,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);
@@ -5274,7 +5301,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);

package/package.json

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