@lvce-editor/extension-detail-view 2.1.0 → 2.2.0

package/dist/extensionDetailViewWorkerMain.js

@@ -1,3 +1,44 @@
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return 'number';
+    case 'function':
+      return 'function';
+    case 'string':
+      return 'string';
+    case 'object':
+      if (value === null) {
+        return 'null';
+      }
+      if (Array.isArray(value)) {
+        return 'array';
+      }
+      return 'object';
+    case 'boolean':
+      return 'boolean';
+    default:
+      return 'unknown';
+  }
+};
+const array = value => {
+  const type = getType(value);
+  if (type !== 'array') {
+    throw new AssertionError('expected value to be of type array');
+  }
+};
+const string = value => {
+  const type = getType(value);
+  if (type !== 'string') {
+    throw new AssertionError('expected value to be of type string');
+  }
+};
+
 const Two = '2.0';
 const create$4 = (method, params) => {
   return {
@@ -774,13 +815,18 @@ const handleMessage = event => {
   return handleJsonRpcMessage(event.target, event.data, execute, resolve, preparePrettyError, logError, requiresSocket);
 };
 const handleIpc = ipc => {
-  ipc.addEventListener('message', handleMessage);
+  if ('addEventListener' in ipc) {
+    ipc.addEventListener('message', handleMessage);
+  } else if ('on' in ipc) {
+    // deprecated
+    ipc.on('message', handleMessage);
+  }
 };
-
-// @ts-ignore
-const listen$1 = async () => {
-  const module = IpcChildWithModuleWorkerAndMessagePort$1;
-  const rawIpc = await module.listen();
+const listen$1 = async (module, options) => {
+  const rawIpc = await module.listen(options);
+  if (module.signal) {
+    module.signal(rawIpc);
+  }
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
@@ -789,7 +835,7 @@ const create = async ({
 }) => {
   // TODO create a commandMap per rpc instance
   register(commandMap);
-  const ipc = await listen$1();
+  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
   handleIpc(ipc);
   const rpc = createRpc(ipc);
   return rpc;
@@ -801,14 +847,16 @@ const WebWorkerRpcClient = {
 
 const Document = 'document';
 
-const HandleReadmeContextMenu = 'handleReadmeContextMenu';
-
+const ExtensionDetail = 'ExtensionDetail';
 const ExtensionDetailDescription = 'ExtensionDetailDescription';
 const ExtensionDetailHeader = 'ExtensionDetailHeader';
 const ExtensionDetailHeaderDetails = 'ExtensionDetailHeaderDetails';
 const ExtensionDetailIcon = 'ExtensionDetailIcon';
 const ExtensionDetailName = 'ExtensionDetailName';
 const Markdown = 'Markdown';
+const Viewlet = 'Viewlet';
+
+const HandleReadmeContextMenu = 'handleReadmeContextMenu';
 
 const Div$1 = 4;
 const H1$1 = 5;
@@ -886,47 +934,6 @@ const getExtensionDetailHeaderVirtualDom = extensionDetail => {
 
 const allowedMarkdownAttributes = ['src', 'id', 'className', 'title', 'alt', 'href', 'target', 'rel'];
 
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return 'number';
-    case 'function':
-      return 'function';
-    case 'string':
-      return 'string';
-    case 'object':
-      if (value === null) {
-        return 'null';
-      }
-      if (Array.isArray(value)) {
-        return 'array';
-      }
-      return 'object';
-    case 'boolean':
-      return 'boolean';
-    default:
-      return 'unknown';
-  }
-};
-const array = value => {
-  const type = getType(value);
-  if (type !== 'array') {
-    throw new AssertionError('expected value to be of type array');
-  }
-};
-const string = value => {
-  const type = getType(value);
-  if (type !== 'string') {
-    throw new AssertionError('expected value to be of type string');
-  }
-};
-
 const Div = 'div';
 const H1 = 'h1';
 const H2 = 'h2';
@@ -1107,10 +1114,6 @@ const RE_TAG_TEXT = /^[^\s>]+/;
 const RE_ANY_TEXT = /^[^\n]+/;
 const RE_BLOCK_COMMENT_START = /^<!--/;
 const RE_SELF_CLOSING = /^\/>/;
-
-/**
- * @param {string} text
- */
 const tokenizeHtml = text => {
   string(text);
   let state = State.TopLevelContent;
@@ -1391,12 +1394,20 @@ const getVirtualDomChildCount = markdownDom => {
   return stack.length;
 };
 
+const joinBySpace = (...items) => {
+  return items.join(' ');
+};
+
+const mergeClassNames = (...classNames) => {
+  return joinBySpace(...classNames.filter(Boolean));
+};
+
 const getExtensionDetailVirtualDom = (extensionDetail, sanitizedReadmeHtml) => {
   const markdownDom = getMarkdownVirtualDom(sanitizedReadmeHtml);
   const childCount = getVirtualDomChildCount(markdownDom);
   const dom = [{
     type: Div$1,
-    className: 'Viewlet ExtensionDetail',
+    className: mergeClassNames(Viewlet, ExtensionDetail),
     childCount: childCount + 1
   }, ...getExtensionDetailHeaderVirtualDom(extensionDetail), {
     type: Div$1,
@@ -1420,9 +1431,6 @@ const i18nString = (key, placeholders = emptyObject) => {
   return key.replaceAll(RE_PLACEHOLDER, replacer);
 };
 
-/**
- * @enum {string}
- */
 const UiStrings = {
   Copy: 'Copy',
   OpenInNewTab: 'Open in New Tab',
@@ -1432,6 +1440,9 @@ const UiStrings = {
 const copy = () => {
   return i18nString(UiStrings.Copy);
 };
+const openInNewTab = () => {
+  return i18nString(UiStrings.OpenInNewTab);
+};
 const openImageInNewTab = () => {
   return i18nString(UiStrings.OpenImageInNewTab);
 };
@@ -1441,40 +1452,47 @@ const saveImageAs = () => {
 
 const None = 0;
 
-const getMenuEntries = props => {
-  const menuEntries = [];
-  if (props.isLink) {
-    menuEntries.push({
-      id: 'openInNewTab',
-      label: openImageInNewTab(),
-      flags: None,
-      command: 'Open.openUrl',
-      args: [props.url]
-    });
-  } else if (props.isImage) {
-    menuEntries.push({
-      id: 'openImageInNewTab',
-      label: openImageInNewTab(),
-      flags: None,
-      command: 'Open.openUrl',
-      args: [props.url]
-    }, {
-      id: 'saveImageAs',
-      label: saveImageAs(),
-      flags: None,
-      command: 'SaveFileAs.saveFileAs',
-      args: ['image.png', props.url]
-    });
+const getCopyMenuEntry = () => ({
+  id: 'copy',
+  label: copy(),
+  flags: None,
+  command: 'ClipBoard.execCopy'
+});
+
+const getImageMenuEntries = props => {
+  if (!props.isImage) {
+    return [];
   }
-  menuEntries.push({
-    id: 'copy',
-    label: copy(),
+  return [{
+    id: 'openImageInNewTab',
+    label: openImageInNewTab(),
     flags: None,
-    command: 'ClipBoard.execCopy'
-  });
-  return menuEntries;
+    command: 'Open.openUrl',
+    args: [props.url || '']
+  }, {
+    id: 'saveImageAs',
+    label: saveImageAs(),
+    flags: None,
+    command: 'SaveFileAs.saveFileAs',
+    args: ['image.png', props.url || '']
+  }];
 };
 
+const getLinkMenuEntries = props => {
+  if (!props.isLink) {
+    return [];
+  }
+  return [{
+    id: 'openInNewTab',
+    label: openInNewTab(),
+    flags: None,
+    command: 'Open.openUrl',
+    args: [props.url || '']
+  }];
+};
+
+const getMenuEntries = props => [...getLinkMenuEntries(props), ...getImageMenuEntries(props), getCopyMenuEntry()];
+
 const assetDir = '';
 
 const ExtensionDefaultIcon = `${assetDir}/icons/extensionDefaultIcon.png`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/extension-detail-view",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Extension Detail View Worker",
   "main": "dist/extensionDetailViewWorkerMain.js",
   "type": "module",