@lvce-editor/settings-view 1.1.0 → 1.2.0

package/dist/settingsViewWorkerMain.js

@@ -981,6 +981,13 @@ const loadContent = async (state, savedState) => {
   };
 };
 
+const Viewlet$1 = 'Viewlet';
+const ClassNames = {
+  __proto__: null,
+  Viewlet: Viewlet$1};
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
 const Div = 4;
 const H1 = 5;
 const Text = 12;
@@ -996,10 +1003,15 @@ const text = data => {
   };
 };
 
+const {
+  Viewlet} = ClassNames;
+const Settings = 'Settings';
+
 const getSettingsDom = state => {
   return [{
     type: VirtualDomElements.Div,
-    childCount: 1
+    childCount: 1,
+    className: mergeClassNames(Viewlet, Settings)
   }, {
     type: VirtualDomElements.H1,
     childCount: 1
@@ -1043,15 +1055,169 @@ const renderActions = () => {
   return [];
 };
 
+const HandleClickCallStackItem = 'handleClickCallStackItem';
+const HandleClickWatchExpression = 'handleClickWatchExpression';
+const HandleClickWatchExpressionDelete = 'handleClickWatchExpressionDelete';
+const HandleClickCheckBox = 'handleClickCheckBox';
+const HandleClickContinue = 'handleClickContinue';
+const HandleClickDebugButton = 'handleClickDebugButton';
+const HandleClickPause = 'handleClickPause';
+const HandleClickScopeValue = 'handleClickScopeValue';
+const HandleClickSectionBreakPoints = 'handleClickSectionBreakPoints';
+const HandleClickSectionCallstack = 'handleClickSectionCallstack';
+const HandleClickSectionHeading = 'handleClickSectionHeading';
+const HandleClickSectionScope = 'handleClickSectionScope';
+const HandleClickSectionWatch = 'handleClickSectionWatch';
+const HandleClickStepInto = 'handleClickStepInto';
+const HandleClickStepOut = 'handleClickStepOut';
+const HandleClickStepOver = 'handleClickStepOver';
+const HandleDebugInput = 'handleDebugInput';
+const HandleClickSectionAction = 'handleClickSectionAction';
+const HandleInputFieldChange = 'handleInputFieldChange';
+const HandleInputBlur = 'handleInputBlur';
+const HandleSectionHeaderContextMenu = 'handleSectionHeaderContextMenu';
+const HandleWatchExpressionContextMenu = 'handleWatchExpressionContextMenu';
+
+// TODo use numeric ids
+
+const renderEventListeners = () => {
+  return [{
+    name: HandleClickContinue,
+    params: ['handleClickContinue']
+  }, {
+    name: HandleClickDebugButton,
+    params: ['handleClickDebugButton', 'event.target.name']
+  }, {
+    name: HandleClickPause,
+    params: ['handleClickPause']
+  }, {
+    name: HandleClickStepOver,
+    params: ['handleClickStepOver']
+  }, {
+    name: HandleClickStepInto,
+    params: ['handleClickStepInto']
+  }, {
+    name: HandleClickStepOut,
+    params: ['handleClickStepOut']
+  }, {
+    name: HandleClickSectionWatch,
+    params: ['HandleClickSectionWatch']
+  }, {
+    name: HandleClickSectionBreakPoints,
+    params: ['handleClickSectionBreakpoints']
+  }, {
+    name: HandleClickSectionScope,
+    params: ['handleClickSectionScope']
+  }, {
+    name: HandleClickSectionCallstack,
+    params: ['handleClickSectionCallstack']
+  }, {
+    name: HandleClickSectionBreakPoints,
+    params: ['handleClickSectionBreakPoints']
+  }, {
+    name: HandleDebugInput,
+    params: ['handleDebugInput', 'event.target.value']
+  }, {
+    name: HandleClickSectionHeading,
+    params: ['handleClickSectionHeading', 'event.target.dataset.name', 'event.button'],
+    preventDefault: true
+  }, {
+    name: HandleClickCheckBox,
+    params: ['handleClickCheckBox', 'event.target.name']
+  }, {
+    name: HandleClickDebugButton,
+    params: ['handleClickDebugButton', 'event.target.name']
+  }, {
+    name: HandleClickCallStackItem,
+    params: ['handleClickCallStackItem', 'event.target.dataset.index']
+  }, {
+    name: HandleClickWatchExpression,
+    params: ['handleClickWatchExpression', 'event.target.dataset.index', 'event.defaultPrevented']
+  }, {
+    name: HandleClickWatchExpressionDelete,
+    params: ['handleClickWatchExpressionDelete', 'event.target.dataset.index'],
+    preventDefault: true
+  }, {
+    name: HandleClickScopeValue,
+    params: ['handleClickScopeValue', 'event.target.dataset.index', 'event.button']
+  }, {
+    name: HandleInputFieldChange,
+    params: ['handleInputFieldChange', 'event.target.name', 'event.target.value']
+  }, {
+    name: HandleClickSectionAction,
+    params: ['handleClickSectionAction', 'event.target.name']
+  }, {
+    name: HandleInputBlur,
+    params: ['handleInputBlur']
+  }, {
+    name: HandleSectionHeaderContextMenu,
+    params: ['handleSectionHeaderContextMenu', 'event.clientX', 'event.clientY', 'event.target.dataset.name'],
+    preventDefault: true
+  }, {
+    name: HandleWatchExpressionContextMenu,
+    params: ['handleWatchExpressionContextMenu', 'event.clientX', 'event.clientY', 'event.target.dataset.index'],
+    preventDefault: true
+  }];
+};
+
+const getSavedMinLineY = savedState => {
+  if (savedState && typeof savedState === 'object' && 'minLineY' in savedState && typeof savedState.minLineY === 'number') {
+    return savedState.minLineY;
+  }
+  return 0;
+};
+const getSavedDeltaY = savedState => {
+  if (savedState && typeof savedState === 'object' && 'deltaY' in savedState && typeof savedState.deltaY === 'number') {
+    return savedState.deltaY;
+  }
+  return 0;
+};
+const getSavedWorkspacePath = savedState => {
+  if (savedState && typeof savedState === 'object' && 'workspacePath' in savedState && typeof savedState.workspacePath === 'string') {
+    return savedState.workspacePath;
+  }
+  return '';
+};
+const restoreState = savedState => {
+  if (!savedState) {
+    return {
+      root: '',
+      minLineY: 0,
+      deltaY: 0
+    };
+  }
+  const root = getSavedWorkspacePath(savedState);
+  const minLineY = getSavedMinLineY(savedState);
+  const deltaY = getSavedDeltaY(savedState);
+  return {
+    root,
+    minLineY,
+    deltaY
+  };
+};
+
+const saveState = uid => {
+  return {
+    expandedPaths: [],
+    root: '',
+    minLineY: 0,
+    maxLineY: 0,
+    deltaY: 0
+  };
+};
+
 const commandMap = {
   'Initialize.initialize': initialize,
   'Settings.create': create$1,
-  'Settings.getCommandIds': getCommandIds,
-  'Settings.terminate': terminate,
   'Settings.diff2': diff2,
+  'Settings.getCommandIds': getCommandIds,
   'Settings.loadContent': wrapCommand(loadContent),
+  'Settings.render2': render2,
   'Settings.renderActions': renderActions,
-  'Settings.render2': render2
+  'Settings.renderEventListeners': renderEventListeners,
+  'Settings.restoreState': restoreState,
+  'Settings.saveState': saveState,
+  'Settings.terminate': terminate
 };
 
 const rpcs = Object.create(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/settings-view",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",