@lvce-editor/ports-view 0.6.2 → 0.6.3

package/dist/portsViewWorkerMain.js

@@ -1366,17 +1366,18 @@ const normalizePort = input => {
   if (!Number.isSafeInteger(port) || port < 1 || port > 65_535) {
     throw new RangeError('port must be an integer between 1 and 65535');
   }
-  const forwardedAddress = input.forwardedAddress ?? `localhost:${port}`;
-  const runningProcess = input.runningProcess ?? '';
-  const origin = input.origin ?? userForwarded();
+  const rawInput = input;
+  const forwardedAddress = rawInput.forwardedAddress ?? `localhost:${port}`;
+  const runningProcess = rawInput.runningProcess ?? '';
+  const origin = rawInput.origin ?? userForwarded();
   assertString(forwardedAddress, 'forwardedAddress');
   assertString(runningProcess, 'runningProcess');
   assertString(origin, 'origin');
-  if (input.active !== undefined && typeof input.active !== 'boolean') {
+  if (rawInput.active !== undefined && typeof rawInput.active !== 'boolean') {
     throw new TypeError('active must be a boolean');
   }
   return {
-    active: input.active ?? true,
+    active: rawInput.active ?? true,
     forwardedAddress,
     origin,
     port,
@@ -1489,7 +1490,11 @@ const submitAddPort = state => {
   }
   return {
     ...addPort(state, {
-      port
+      active: true,
+      forwardedAddress: `localhost:${port}`,
+      origin: userForwarded(),
+      port,
+      runningProcess: ''
     }),
     addPortError: '',
     addPortValue: '',
@@ -2244,7 +2249,7 @@ const PortsStatusIconActive = 'PortsStatusIconActive';
 const PortsStatusIconInactive = 'PortsStatusIconInactive';
 const PortsTable = 'PortsTable';
 const PortsTableBody = 'PortsTableBody';
-const PortsTableCell = 'PortsTableCell';
+const PortsColumn = 'PortsColumn';
 const PortsTableHeader = 'PortsTableHeader';
 const PortsTableRow = 'PortsTableRow';
 const PortsTableRowOdd = 'PortsTableRowOdd';
@@ -2369,10 +2374,10 @@ const getRowClassName = port => {
   return className;
 };
 
-const getTextCell = (value, className) => {
+const getTextCell = value => {
   return [{
     childCount: 1,
-    className: mergeClassNames(PortsTableCell, className),
+    className: PortsColumn,
     role: Cell,
     title: value,
     type: Div
@@ -2384,7 +2389,7 @@ const Unfocusable = -1;
 
 const statusCell = {
   childCount: 1,
-  className: mergeClassNames(PortsTableCell, 'PortsStatusColumn'),
+  className: PortsColumn,
   role: Cell,
   type: Div
 };
@@ -2396,9 +2401,9 @@ const getPortRowVirtualDom = port => {
     className: getRowClassName(port),
     role: Row,
     type: Div
-  }, statusCell, ...getPortsStatusVirtualDom(port.active, port.port), ...getTextCell(portText, 'PortsPortColumn'), {
+  }, statusCell, ...getPortsStatusVirtualDom(port.active, port.port), ...getTextCell(portText), {
     childCount: 1,
-    className: mergeClassNames(PortsTableCell, 'PortsAddressColumn'),
+    className: PortsColumn,
     role: Cell,
     title: port.forwardedAddress,
     type: Div
@@ -2409,7 +2414,7 @@ const getPortRowVirtualDom = port => {
     role: Link,
     tabIndex: Unfocusable,
     type: A
-  }, text(port.forwardedAddress), ...getTextCell(port.runningProcess, 'PortsProcessColumn'), ...getTextCell(port.origin, 'PortsOriginColumn')];
+  }, text(port.forwardedAddress), ...getTextCell(port.runningProcess), ...getTextCell(port.origin)];
 };
 
 const getVisiblePorts = state => {
@@ -2466,16 +2471,17 @@ const headerRow = {
   role: Row,
   type: Div
 };
-const getHeaderCell = (label, className) => {
-  return [{
-    childCount: 1,
-    className: mergeClassNames(PortsTableCell, className),
-    role: ColumnHeader,
-    type: Div
-  }, text(label)];
+const headerCell = {
+  childCount: 1,
+  className: PortsColumn,
+  role: ColumnHeader,
+  type: Div
+};
+const getHeaderCell = label => {
+  return [headerCell, text(label)];
 };
 const getPortsTableHeaderVirtualDom = () => {
-  return [headerRow, ...getHeaderCell('', 'PortsStatusColumn'), ...getHeaderCell(port(), 'PortsPortColumn'), ...getHeaderCell(forwardedAddress(), 'PortsAddressColumn'), ...getHeaderCell(runningProcess(), 'PortsProcessColumn'), ...getHeaderCell(origin(), 'PortsOriginColumn')];
+  return [headerRow, ...getHeaderCell(''), ...getHeaderCell(port()), ...getHeaderCell(forwardedAddress()), ...getHeaderCell(runningProcess()), ...getHeaderCell(origin())];
 };
 
 const table = {

package/package.json

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