@lvce-editor/ports-view 0.6.3 → 0.7.1

package/dist/portsViewWorkerMain.js

@@ -54,6 +54,49 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String$1 = 4;
+const Boolean$1 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number$1;
+    case 'function':
+      return Function;
+    case 'string':
+      return String$1;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean$1;
+    default:
+      return Unknown;
+  }
+};
+const number = value => {
+  const type = getType(value);
+  if (type !== Number$1) {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -977,6 +1020,7 @@ const Text = 12;
 const A = 53;
 const Reference = 100;
 
+const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaMode = 'event.deltaMode';
 const DeltaY = 'event.deltaY';
@@ -996,6 +1040,8 @@ const KeyA = 29;
 
 const Shift = 1 << 10 >>> 0;
 
+const None = 0;
+
 const RendererWorker = 1;
 
 const SetCss = 'Viewlet.setCss';
@@ -1007,6 +1053,16 @@ const {
   invoke,
   set: set$1
 } = create$2(RendererWorker);
+const showContextMenu2 = async (uid, menuId, x, y, args) => {
+  number(uid);
+  number(menuId);
+  number(x);
+  number(y);
+  await invoke('ContextMenu.show2', uid, menuId, x, y, args);
+};
+const writeClipBoardText = async text => {
+  await invoke('ClipBoard.writeText', /* text */text);
+};
 const openUri = async (uri, focus, options) => {
   await invoke('Main.openUri', {
     ...options,
@@ -1292,6 +1348,7 @@ const i18nString = (key, placeholders = emptyObject) => {
 const Add$1 = 'Add';
 const AddPort = 'Add Port';
 const Cancel = 'Cancel';
+const CopyLink = 'Copy Link';
 const EnterAPortNumberBetween1And65535 = 'Enter a port number between 1 and 65535';
 const ForwardedAddress = 'Forwarded Address';
 const NoForwardedPorts = 'No forwarded ports';
@@ -1313,6 +1370,9 @@ const addPort$1 = () => {
 const cancel = () => {
   return i18nString(Cancel);
 };
+const copyLink$1 = () => {
+  return i18nString(CopyLink);
+};
 const enterAPortNumberBetween1And65535 = () => {
   return i18nString(EnterAPortNumberBetween1And65535);
 };
@@ -1511,6 +1571,11 @@ const handleAddPortKeyDown = (state, key) => {
   return state;
 };
 
+const copyLink = async (state, href) => {
+  await writeClipBoardText(href);
+  return state;
+};
+
 const {
   diff,
   dispose,
@@ -1518,7 +1583,8 @@ const {
   getCommandIds,
   registerCommands,
   set,
-  wrapCommand
+  wrapCommand,
+  wrapGetter
 } = create$1();
 
 const create = (uid, uri, x, y, width, height, platform, assetDir, parentUid) => {
@@ -2025,6 +2091,25 @@ const getKeyBindings = () => {
   }];
 };
 
+const PortsTable$1 = 28;
+
+const getMenuEntries2 = (_state, props) => {
+  if (props.menuId !== PortsTable$1 || !props.href) {
+    return [];
+  }
+  return [{
+    args: [props.href],
+    command: 'Ports.copyLink',
+    flags: None,
+    id: 'copyLink',
+    label: copyLink$1()
+  }];
+};
+
+const getMenuIds = () => {
+  return [PortsTable$1];
+};
+
 const handleBlur = state => {
   return {
     ...state,
@@ -2033,26 +2118,25 @@ const handleBlur = state => {
   };
 };
 
-const handleClickAt = (state, clientY, name) => {
+const getIndexAt = (state, clientY) => {
   const {
     deltaY,
     headerHeight,
     itemHeight,
+    listHeight,
     minLineY,
     ports,
     y
   } = state;
-  if (name.startsWith('port-address-') || name.startsWith('port-status-')) {
-    const port = Number(name.slice(name.lastIndexOf('-') + 1));
-    const index = ports.findIndex(item => item.port === port);
-    return index === -1 ? state : focusIndex(state, index);
-  }
   const relativeY = clientY - y - headerHeight;
+  if (itemHeight <= 0 || relativeY < 0 || relativeY >= listHeight) {
+    return -1;
+  }
   const index = minLineY + Math.floor((relativeY + deltaY % itemHeight) / itemHeight);
-  if (relativeY < 0 || index < 0 || index >= ports.length) {
-    return state;
+  if (index < 0 || index >= ports.length) {
+    return -1;
   }
-  return focusIndex(state, index);
+  return index;
 };
 
 const SchemeRegex = /^[a-z][a-z\d+.-]*:\/\//i;
@@ -2090,26 +2174,58 @@ const togglePortActive = (state, portNumber) => {
   };
 };
 
-const parsePort = name => {
-  return Number(name.slice(name.lastIndexOf('-') + 1));
-};
 const handleClick = async (state, clientY, name) => {
   const {
     ports
   } = state;
+  const index = getIndexAt(state, clientY);
+  if (index === -1) {
+    return state;
+  }
+  const port = ports[index];
+  const focused = focusIndex(state, index);
   if (name.startsWith('port-address-')) {
-    const portNumber = parsePort(name);
-    const index = ports.findIndex(item => item.port === portNumber);
-    const focused = index === -1 ? state : focusIndex(state, index);
-    return openAddress(focused, portNumber);
+    return openAddress(focused, port.port);
   }
   if (name.startsWith('port-status-')) {
-    const portNumber = parsePort(name);
-    const index = ports.findIndex(item => item.port === portNumber);
-    const focused = index === -1 ? state : focusIndex(state, index);
-    return togglePortActive(focused, portNumber);
+    return togglePortActive(focused, port.port);
+  }
+  return focused;
+};
+
+const show2 = async (uid, menuId, x, y, args) => {
+  await showContextMenu2(uid, menuId, x, y, args);
+};
+
+const getPortNumber = (state, clientY, name) => {
+  const {
+    ports
+  } = state;
+  if (name.startsWith('port-address-') || name.startsWith('port-status-')) {
+    const portNumber = Number(name.slice(name.lastIndexOf('-') + 1));
+    return ports.some(port => port.port === portNumber) ? portNumber : undefined;
   }
-  return handleClickAt(state, clientY, name);
+  const index = getIndexAt(state, clientY);
+  return index === -1 ? undefined : ports[index]?.port;
+};
+const handleContextMenu = async (state, clientX, clientY, name = '') => {
+  const {
+    ports,
+    uid
+  } = state;
+  const portNumber = getPortNumber(state, clientY, name);
+  if (portNumber === undefined) {
+    return state;
+  }
+  const port = ports.find(item => item.port === portNumber);
+  if (!port?.forwardedAddress) {
+    return state;
+  }
+  await show2(uid, PortsTable$1, clientX, clientY, {
+    href: getAddressUrl(port.forwardedAddress),
+    menuId: PortsTable$1
+  });
+  return state;
 };
 
 const handleFocus = state => {
@@ -2264,6 +2380,7 @@ const HandleFocus = 6;
 const HandleStartAddPort = 7;
 const HandleSubmitAddPort = 8;
 const HandleWheel = 9;
+const HandleContextMenu = 10;
 
 const errorMessage = {
   childCount: 1,
@@ -2500,6 +2617,7 @@ const getPortsVirtualDom = state => {
     className: mergeClassNames(Viewlet, Ports),
     onBlur: HandleBlur,
     onClick: HandleClick,
+    onContextMenu: HandleContextMenu,
     onFocus: HandleFocus,
     onWheel: HandleWheel,
     role: Table,
@@ -2564,6 +2682,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleClick,
     params: ['handleClick', ClientY, TargetName]
+  }, {
+    name: HandleContextMenu,
+    params: ['handleContextMenu', ClientX, ClientY, TargetName],
+    preventDefault: true
   }, {
     name: HandleFocus,
     params: ['handleFocus']
@@ -2620,6 +2742,7 @@ const toggleFocusedPort = state => {
 const commandMap = {
   'Ports.addPort': wrapCommand(addPort),
   'Ports.cancelAddPort': wrapCommand(cancelAddPort),
+  'Ports.copyLink': wrapCommand(copyLink),
   'Ports.create': create,
   'Ports.diff2': diff2,
   'Ports.dispose': dispose,
@@ -2631,10 +2754,13 @@ const commandMap = {
   'Ports.getCommandIds': getCommandIds,
   'Ports.getComponentState': getComponentState,
   'Ports.getKeyBindings': getKeyBindings,
+  'Ports.getMenuEntries2': wrapGetter(getMenuEntries2),
+  'Ports.getMenuIds': getMenuIds,
   'Ports.handleAddPortInput': wrapCommand(handleAddPortInput),
   'Ports.handleAddPortKeyDown': wrapCommand(handleAddPortKeyDown),
   'Ports.handleBlur': wrapCommand(handleBlur),
   'Ports.handleClick': wrapCommand(handleClick),
+  'Ports.handleContextMenu': wrapCommand(handleContextMenu),
   'Ports.handleFocus': wrapCommand(handleFocus),
   'Ports.handleWheel': wrapCommand(handleWheel),
   'Ports.handleWorkspaceChange': wrapCommand(loadContent),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/ports-view",
-  "version": "0.6.3",
+  "version": "0.7.1",
   "description": "Ports View Worker",
   "repository": {
     "type": "git",