@aj-shadow/z-abs-complayer-visualizationsequencediagram-client 0.0.0-aj-beta.221

package/project/client/logic/const.js

@@ -0,0 +1,207 @@
+
+'use strict';
+
+import LogDataAction from 'z-abs-funclayer-engine-cs/clientServer/log/log-data-action';
+
+
+class Const {
+  static DATA_TEST_CASE_START = LogDataAction.LOG.length;
+  static DATA_TEST_CASE_HEADER = LogDataAction.LOG.length + 1;
+  static DATA_TEST_CASE_END = LogDataAction.LOG.length + 2;
+  static DATA_PHASE_START = LogDataAction.LOG.length + 3;
+  static DATA_PHASE_END = LogDataAction.LOG.length + 4;
+  static DATA_STATE = LogDataAction.LOG.length + 5;
+  
+  static SIZE_PHASE_ID = 3;
+  static SIZE_STATE_INDEX = 3;
+  static SIZE_STATE_RESULT_INDEX = 4;
+  static SIZE_ACTOR_INDEX = 14;
+  static SIZE_NBR_OF_ACTORS = 14;
+  static SIZE_RENDER_NODES = 1;
+  static SIZE_REVERSE_DIRECTION = 1;
+  static SIZE_PROTOCOL_INDEX = 12;
+  static SIZE_RENDER_POSITION = 1;
+  static SIZE_DATA_TYPE = 5;
+  static SIZE_TYPE = 3;
+  
+  static RENDER_SINGLE_NODE = 0;
+  static RENDER_TWO_NODES = 1;
+    
+  static PART_LEFT = 0;
+  static PART_RIGHT = 1;
+  static PART_MIDDLE = 2;
+  static PART_MIDDLE_NODE_CONTINUED = 3;
+  static PART_MIDDLE_NODE_LAST = 4;
+  
+  static TRANSPORT_TYPE_TCP = 0;
+  static TRANSPORT_TYPE_UDP = 1;
+  static TRANSPORT_TYPE_MC = 2;
+  static TRANSPORT_TYPE_TLS = 3;
+  
+  static transportTypeNames = [
+    'tcp',
+    'udp',
+    'mc',
+    'tls'
+  ];
+  
+  static TRANSPORT_LINE_CSSES = [
+    'seq_dia_protocol_tcp_line',
+    'seq_dia_protocol_udp_line',
+    'seq_dia_protocol_mc_line',
+    'seq_dia_protocol_tls_line'
+  ];
+  
+  static PROTOCOL_LINE_NONE = -1;
+  static PROTOCOL_LINE_CONNECTION = 0;
+  static PROTOCOL_LINE_MESSAGE = 1;
+  static PROTOCOL_LINE_MESSAGE_PART = 2;
+  static PROTOCOL_LINE_CSSES = [
+    'seq_dia_protocol_connection_line',
+    'seq_dia_protocol_message_line',
+    'seq_dia_protocol_message_part_line'
+  ];
+  
+  static PART_TYPE_CLIENT = 0;
+  static PART_TYPE_SERVER = 1;
+  
+  static RENDER_POSITION_NORMAL = 0;
+  static RENDER_POSITION_BOTTOM = 1;
+  
+  static LOCAL_PART = 0;
+  static REMOTE_PART = 1;
+  static EAST_START = 0;
+  static EAST_STOP = 1;
+  static WEST_START = 2;
+  static WEST_STOP = 3;
+  static UNKNOWN_START = 4;
+  static EAST_MIDDLE = 5;
+  static WEST_MIDDLE = 6;
+}
+
+
+Const.MESSAGE_DIRECTION_RECEIVED = 0;
+Const.MESSAGE_DIRECTION_SENT = 1;
+Const.MESSAGE_DIRECTION = [
+  'seq_dia_msg_nbr_received',
+  'seq_dia_msg_nbr_sent'
+];
+Const.MESSAGE_DIRECTION_FILTER = [
+  'seq_dia_show__message_event__received_numbers',
+  'seq_dia_show__message_event__sent_numbers'
+];
+
+Const.MESSAGE_NORMAL = 0;
+Const.MESSAGE_DETAIL = 1;
+
+Const.EVENT_CONNECTING = 0;
+Const.EVENT_TCP = 1;
+Const.EVENT_UDP = 2;
+Const.EVENT_MC = 3;
+Const.EVENT_TLS = 4;
+
+Const.events = new Map([['connecting', {
+  index: Const.EVENT_CONNECTING,
+  classLine: 'seq_dia_protocol_connection_line'
+}], ['tcp', {
+  index: Const.EVENT_TCP,
+  classLine: 'event_tcp_line'
+}], ['udp', {
+  index: Const.EVENT_UDP,
+  classLine: 'event_udp_line'
+}], ['mc', {
+  index: Const.EVENT_MC,
+  classLine: 'event_mc_line'
+}], ['tls', {
+  index: Const.EVENT_TLS,
+  classLine: 'event_tls_line'
+}]]);
+
+Const.transportTypes = new Map(
+[[0, {
+  lineEventId: Const.EVENT_TCP
+}], [1, {
+  lineEventId: Const.EVENT_UDP
+}], [2, {
+  lineEventId: Const.EVENT_MC
+}], [3, {
+  lineEventId: Const.EVENT_TLS
+}]]);
+
+Const.REVERS_DIRECTION_FALSE = 0;
+Const.REVERS_DIRECTION_TRUE = 1;
+
+Const.HIDE = 0;
+Const.SHOW = 1;
+
+Const.EAST = 0;
+Const.WEST = 1;
+Const.CLOSED = 0;
+Const.OPEN = 1;
+
+Const.TEST_CASE_Y_BIAS = 10;
+
+Const.ACTOR_X_MARGIN = 30;
+Const.ACTOR_X_PADDING = 100;
+Const.ACTOR_STATIC_ACTORS = 10;
+
+Const.ACTOR_Y_BIAS = 10;
+
+
+Const.ACTOR_EVENT_HEIGHT = 10;
+Const.ACTOR_EVENT_HALF_HEIGHT = Const.ACTOR_EVENT_HEIGHT / 2;
+Const.ACTOR_EVENT_Y_BIAS = Const.TEST_CASE_Y_BIAS + Const.ACTOR_Y_BIAS + Const.ACTOR_EVENT_HEIGHT;
+
+Const.STATE_EVENT_HEIGHT = 10;
+Const.STATE_EVENT_HALF_HEIGHT = Const.STATE_EVENT_HEIGHT / 2;
+
+Const.MESSAGE_EVENT_HEIGHT = 10;
+Const.MESSAGE_EVENT_HEIGHT_HALF = Const.MESSAGE_EVENT_HEIGHT / 2;
+Const.MESSAGE_EVENT_HEIGHT_DOUBLE = 2 * Const.MESSAGE_EVENT_HEIGHT;
+Const.MESSAGE_EVENT_HEIGHT_ONE_AND_HALF = Const.MESSAGE_EVENT_HEIGHT + Const.MESSAGE_EVENT_HEIGHT_HALF;
+
+
+Const.PHASE_X_BIAS = 10;
+Const.PHASE_HEIGHT = 5;
+Const.PHASE_HEIGHT_DOUBLE = 2 * Const.PHASE_HEIGHT;
+
+Const.PHASE_Y_BIAS = 0.5;
+Const.PHASE_WIDTH = 40;
+Const.PHASE_WIDTH_DOUBLE = 2 * Const.PHASE_WIDTH;
+
+Const.PHASE_BIAS_WIDTH = Const.PHASE_X_BIAS + Const.PHASE_WIDTH;
+Const.PHASE_BIAS_WIDTH_DOUBLE = 2 * Const.PHASE_BIAS_WIDTH;
+
+Const.HEADER_Y_HEIGHT = 30;
+
+Const.LINE_WIDTH = 2.0;
+Const.LINE_WIDTH_HALF = Const.LINE_WIDTH / 2;
+
+Const.TEXT_BIAS = 17;
+
+Const.phaseClasses = [
+  'seq_dia_phase_data',
+  'seq_dia_phase_pre',
+  'seq_dia_phase_exec',
+  'seq_dia_phase_post',
+  'seq_dia_phase_none'
+];
+
+Const.phaseDarkClasses = [
+  'seq_dia_dark_phase_data',
+  'seq_dia_dark_phase_pre',
+  'seq_dia_dark_phase_exec',
+  'seq_dia_dark_phase_post',
+  'seq_dia_dark_phase_none'
+];
+
+Const.phaseNames = [
+  'Data',
+  'Precondition',
+  'Execution',
+  'Postcondition',
+  'None'
+];
+
+
+module.exports = Const;

package/project/client/logic/content-cache.js

@@ -0,0 +1,23 @@
+
+'use strict';
+
+
+class ContentCache {
+  constructor() {
+    this.cache = new Map();
+  }
+  
+  add(name, content) {
+    this.cache.set(name, {
+      raw: true,
+      content: content
+    });
+  }
+  
+  clear() {
+    this.cache.clear();
+  }
+}
+
+
+module.exports = new ContentCache();

package/project/client/logic/data-log-row.js

@@ -0,0 +1,24 @@
+
+'use strict';
+
+
+class DataLogRow {
+  static create(logRow, protocolIndex, phaseId) {
+    return {
+      logRow: logRow,
+      phaseId: phaseId,
+      protocolIndex: protocolIndex
+    }
+  }
+  
+  static clone(dataLogRow, phaseId) {
+    return {
+      logRow: dataLogRow.logRow,
+      phaseId: phaseId,
+      protocolIndex: dataLogRow.protocolIndex
+    }
+  }
+}
+
+
+module.exports = DataLogRow;

package/project/client/logic/filter-size.js

@@ -0,0 +1,81 @@
+
+'use strict';
+
+import Const from './const';
+
+
+class FilterSize {
+  static MAX_COLUMNS = 20;
+  
+  constructor() {
+    this.filterRules = new Map();
+    
+    this.eventMargin = 10;
+    this.eventPadding = 80;
+    this.eventWidth = 200;
+    this.eventWidthHalf = this.eventWidth / 2;
+    this.eventWidthQuarter = this.eventWidth / 4;
+    this.eventWidthEighth = this.eventWidth / 8;
+    this.eventWidthAndHalf = this.eventWidth + this.eventWidthHalf;
+    this.event2Width = this.eventWidth + this.eventWidth;
+    this.event2WidthAndHalf = this.eventWidth + this.event2Width;
+    
+    this.filterCss = document.createElement('style');
+    document.head.appendChild(this.filterCss);
+    this.styleSheet = this.filterCss.sheet;
+  }
+  
+  update(eventMargin, eventPadding, eventWidth) {
+    if(this.eventMargin !== eventMargin || this.eventPadding !== eventPadding || this.eventWidth !== eventWidth) {
+      this.eventMargin = eventMargin;
+      this.eventPadding = eventPadding;
+      this.eventWidth = eventWidth;
+      this.eventWidthHalf = this.eventWidth / 2;
+      this.eventWidthQuarter = this.eventWidth / 4;
+      this.eventWidthEighth = this.eventWidth / 8;
+      this.event2Width = this.eventWidth + this.eventWidth;
+      this.event2WidthAndHalf = this.eventWidthHalf + this.event2Width;
+      
+      this._createFilter('seq_dia__event_column_left', 'div', `left:${eventMargin}px;width:${eventPadding}px`, -1);
+      this._createFilter('seq__dia_event_actor_line', 'div', `margin:0px ${this.eventWidthHalf - 1}px;`, -1);
+      let left = eventMargin + eventPadding;
+      for(let i = 0; i < FilterSize.MAX_COLUMNS; ++i) {
+        this._createFilter(`seq_dia__event_column_middle_${i}`, 'div', `left:${left}px;width:${eventWidth}px`, -1);  
+        this._createFilter(`seq_dia__event_column_right_${i}`, 'div', `left:${left}px;width:${eventPadding}px`, -1);
+        left += eventWidth;
+      }
+      this.seq_dia__event_lrBorder = this._createFilter('seq_dia__event_lrBorder', 'div', `display:grid!important;width:${eventMargin + eventPadding}px`, -1);
+      this.seq_dia__event_Width = this._createFilter('seq_dia__event_Width', 'div', `display:grid!important;width:${eventWidth}px`, -1);
+      
+      const newFilterCss = document.createElement('style');
+      document.head.replaceChild(newFilterCss, this.filterCss);
+      this.filterCss = newFilterCss;
+      this.styleSheet = this.filterCss.sheet;
+      
+      const cssRules = this.styleSheet.cssRules;
+      this.filterRules.forEach((filterRule) => {
+        const index = this.styleSheet.insertRule(`${filterRule.type}.${filterRule.name} { ${filterRule.rule} }`, cssRules.length);
+        filterRule.index = index;
+      });
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+  
+  getClassEventBorder() {
+    return 'seq_dia__event_lrBorder';
+  }
+  
+  getClassEventWidth() {
+    return 'seq_dia__event_Width';
+  }
+  
+  _createFilter(name, type, rule, index) {
+    this.filterRules.set(name, {name: name, type: type, rule: rule, index: index});
+    return name;
+  }
+}
+
+module.exports = new FilterSize();