Implement multi-cell selection

example/package.json

@@ -4,8 +4,9 @@
   "dependencies": {
     "jupyter-js-notebook": "file:..",
     "phosphor-commandpalette": "^0.2.0",
-    "phosphor-keymap": "^0.7.0",
-    "phosphor-splitpanel": "^1.0.0-rc.1"
+    "phosphor-keymap": "^0.8.0",
+    "phosphor-splitpanel": "^1.0.0-rc.1",
+    "phosphor-widget": "^1.0.0-rc.1"
   },
   "scripts": {
     "build": "tsc --project src && webpack --config webpack.conf.js",

example/src/index.ts

@@ -209,6 +209,18 @@ function main(): void {
     shortcut: 'B',
     handler: () => { nbManager.insertBelow() ; }
   },
+  {
+    category: 'Notebook Cell',
+    text: 'Extend Selection Above',
+    shortcut: 'Shift J',
+    handler: () => { nbManager.extendSelectionAbove() ; }
+  },
+  {
+    category: 'Notebook Cell',
+    text: 'Extend Selection Below',
+    shortcut: 'Shift K',
+    handler: () => { nbManager.extendSelectionBelow() ; }
+  },
   {
     category: 'Notebook Cell',
     text: 'Merge Selected',
@@ -235,15 +247,15 @@ function main(): void {
   },
   {
     category: 'Notebook Cell',
-    text: 'Select Previous',
+    text: 'Select Above',
     shortcut: 'ArrowUp',
-    handler: () => { nbModel.activeCellIndex -= 1; }
+    handler: () => { nbManager.selectAbove(); }
   },
   {
     category: 'Notebook Cell',
-    text: 'Select Next',
+    text: 'Select Below',
     shortcut: 'ArrowDown',
-    handler: () => { nbModel.activeCellIndex += 1; }
+    handler: () => { nbManager.selectBelow(); }
   },
   ];
   pModel.addItems(items);
@@ -252,170 +264,117 @@ function main(): void {
   {
     selector: '.jp-Notebook',
     sequence: ['Shift Enter'],
-    handler: () => {
-      nbManager.runAndAdvance();
-      return true;
-    }
+    handler: () => { nbManager.runAndAdvance(); }
   },
   {
     selector: '.jp-Notebook',
     sequence: ['Accel S'],
-    handler: () => {
-      nbManager.save();
-      return true;
-    }
+    handler: () => { nbManager.save(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['I', 'I'],
-    handler: () => {
-      nbManager.interrupt();
-      return true;
-    }
+    handler: () => { nbManager.interrupt(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['0', '0'],
-    handler: () => {
-      nbManager.restart();
-      return true;
-    }
+    handler: () => { nbManager.restart(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['Enter'],
-    handler: () => {
-      nbModel.mode = 'edit';
-      return true;
-    }
+    handler: () => { nbModel.mode = 'edit'; }
   },
   {
     selector: '.jp-Notebook.jp-mod-editMode',
     sequence: ['Escape'],
-    handler: () => {
-      nbModel.mode = 'command';
-      return true;
-    }
+    handler: () => { nbModel.mode = 'command'; }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['Y'],
-    handler: () => {
-      nbManager.changeCellType('code');
-      return true;
-    }
+    handler: () => { nbManager.changeCellType('code'); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['M'],
-    handler: () => {
-      nbManager.changeCellType('markdown');
-      return true;
-    }
+    handler: () => { nbManager.changeCellType('markdown'); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['R'],
-    handler: () => {
-      nbManager.changeCellType('raw');
-      return true;
-    }
+    handler: () => { nbManager.changeCellType('raw'); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['X'],
-    handler: () => {
-      nbManager.cut();
-      return true;
-    }
+    handler: () => { nbManager.cut(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['C'],
-    handler: () => {
-      nbManager.copy();
-      return true;
-    }
+    handler: () => { nbManager.copy(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['V'],
-    handler: () => {
-      nbManager.paste();
-      return true;
-    }
+    handler: () => { nbManager.paste(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['D', 'D'],
-    handler: () => {
-      nbManager.delete();
-      return true;
-    }
+    handler: () => { nbManager.delete(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['Z'],
-    handler: () => {
-      nbManager.undelete();
-      return true;
-    }
+    handler: () => { nbManager.undelete(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['Shift M'],
-    handler: () => {
-      nbManager.merge();
-      return true;
-    }
+    handler: () => { nbManager.merge(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['A'],
-    handler: () => {
-      nbManager.insertAbove();
-      return true;
-    }
+    handler: () => { nbManager.insertAbove(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['B'],
-    handler: () => {
-      nbManager.insertBelow();
-      return true;
-    }
+    handler: () => { nbManager.insertBelow(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['J'],
-    handler: () => {
-      nbModel.activeCellIndex += 1;
-      return true;
-    }
+    handler: () => { nbManager.selectBelow(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['ArrowDown'],
-    handler: () => {
-      nbModel.activeCellIndex += 1;
-      return true;
-    }
+    handler: () => { nbManager.selectBelow(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['K'],
-    handler: () => {
-      nbModel.activeCellIndex -= 1;
-      return true;
-    }
+    handler: () => { nbManager.selectAbove(); }
   },
   {
     selector: '.jp-Notebook.jp-mod-commandMode',
     sequence: ['ArrowUp'],
-    handler: () => {
-      nbModel.activeCellIndex -= 1;
-      return true;
-    }
+    handler: () => { nbManager.selectAbove(); }
+  },
+  {
+    selector: '.jp-Notebook.jp-mod-commandMode',
+    sequence: ['Shift K'],
+    handler: () => { nbManager.extendSelectionAbove(); }
+  },
+  {
+    selector: '.jp-Notebook.jp-mod-commandMode',
+    sequence: ['Shift J'],
+    handler: () => { nbManager.extendSelectionBelow(); }
   }
   ];
   keymap.add(bindings);