@lvce-editor/ports-view 0.4.0 → 0.6.0

package/dist/portsViewWorkerMain.js

@@ -1632,6 +1632,10 @@ const focusLast = state => {
   return focusIndex(state, ports.length - 1);
 };
 
+const getComponentState = uid => {
+  return get(uid).newState;
+};
+
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -2267,16 +2271,8 @@ const cancelButton = {
   onClick: HandleCancelAddPort,
   type: Button
 };
-const getEditor = state => {
-  const {
-    addPortError,
-    addPortValue
-  } = state;
+const getPortInputDom = addPortValue => {
   return [{
-    childCount: addPortError ? 4 : 3,
-    className: AddPortEditor,
-    type: Div
-  }, {
     ariaLabel: portNumber(),
     childCount: 0,
     className: AddPortInput,
@@ -2286,13 +2282,27 @@ const getEditor = state => {
     placeholder: portNumber(),
     type: Input,
     value: addPortValue
-  }, {
+  }];
+};
+const getButtonsDom = addPortValue => {
+  return [{
     childCount: 1,
     className: AddPortButton,
     disabled: addPortValue.length === 0,
     onClick: HandleSubmitAddPort,
     type: Button
-  }, text(add()), cancelButton, text(cancel()), ...getErrorDom(addPortError)];
+  }, text(add()), cancelButton, text(cancel())];
+};
+const getEditor = state => {
+  const {
+    addPortError,
+    addPortValue
+  } = state;
+  return [{
+    childCount: addPortError ? 4 : 3,
+    className: AddPortEditor,
+    type: Div
+  }, ...getPortInputDom(addPortValue), ...getButtonsDom(addPortValue), ...getErrorDom(addPortError)];
 };
 
 const addButton = {
@@ -2318,9 +2328,13 @@ const getPortsFooterVirtualDom = state => {
   return [footer, footerContent, ...content];
 };
 
+const getPortStatusText = active => {
+  return active ? '●' : '○';
+};
 const getPortsStatusVirtualDom = (active, port) => {
   const label = active ? portIsActive(port) : portIsInactive(port);
   const stateClass = active ? PortsStatusIconActive : PortsStatusIconInactive;
+  const statusText = getPortStatusText(active);
   return [{
     ariaLabel: label,
     childCount: 1,
@@ -2333,7 +2347,7 @@ const getPortsStatusVirtualDom = (active, port) => {
     className: mergeClassNames(PortsStatusIcon, stateClass),
     name: `port-status-${port}`,
     type: Span
-  }, text(active ? '●' : '○')];
+  }, text(statusText)];
 };
 
 const getRowClassName = port => {
@@ -2559,6 +2573,23 @@ const resize = (state, dimensions) => {
   });
 };
 
+const applyComponentState = (currentState, state) => {
+  if (!state || typeof state !== 'object' || Array.isArray(state)) {
+    throw new TypeError('Ports state must be an object');
+  }
+  const {
+    uid
+  } = state;
+  const {
+    uid: currentUid
+  } = currentState;
+  if (uid !== currentUid) {
+    throw new Error(`Ports state uid must remain ${currentUid}`);
+  }
+  return state;
+};
+const setComponentState = wrapCommand(applyComponentState);
+
 const toggleFocusedPort = state => {
   const {
     editing,
@@ -2584,6 +2615,7 @@ const commandMap = {
   'Ports.focusNext': wrapCommand(focusNext),
   'Ports.focusPrevious': wrapCommand(focusPrevious),
   'Ports.getCommandIds': getCommandIds,
+  'Ports.getComponentState': getComponentState,
   'Ports.getKeyBindings': getKeyBindings,
   'Ports.handleAddPortInput': wrapCommand(handleAddPortInput),
   'Ports.handleAddPortKeyDown': wrapCommand(handleAddPortKeyDown),
@@ -2600,6 +2632,7 @@ const commandMap = {
   'Ports.render2': render2,
   'Ports.renderEventListeners': renderEventListeners,
   'Ports.resize': wrapCommand(resize),
+  'Ports.setComponentState': setComponentState,
   'Ports.setDeltaY': wrapCommand(setDeltaY),
   'Ports.setPorts': wrapCommand(setPorts),
   'Ports.startAddPort': wrapCommand(startAddPort),

package/package.json

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