@jupyterlab/notebook 4.6.0-alpha.5 → 4.6.0-beta.1

package/src/widget.ts

@@ -1,5 +1,6 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import { DOMUtils } from '@jupyterlab/apputils';
 import type {
@@ -1785,8 +1786,30 @@ export class Notebook extends StaticNotebook {
         this.activeCellIndex = newActiveCellIndex;
       }
     }
+    switch (args.type) {
+      case 'add':
+      case 'set':
+        args.oldValues.forEach(model => {
+          model.contentChanged.disconnect(this._onCellContentChanged, this);
+        });
+        args.newValues.forEach(model => {
+          model.contentChanged.connect(this._onCellContentChanged, this);
+        });
+        break;
+      case 'remove':
+      case 'clear':
+        args.oldValues.forEach(model => {
+          if (model) {
+            model.contentChanged.disconnect(this._onCellContentChanged, this);
+          }
+        });
+        break;
+      case 'move':
+        break;
+      default:
+        break;
+    }
   }
-
   /**
    * A signal emitted when the active cell changes.
    *
@@ -2427,6 +2450,90 @@ export class Notebook extends StaticNotebook {
     }
   }
 
+  /**
+   * Pop and return the top cell from the back stack, pushing to forward stack.
+   * @experimental
+   */
+  popLastModifiedCell(): Cell | null {
+    const activeId = this.activeCell?.model.id;
+
+    while (this._lastModifiedCellBackStack.length) {
+      const id = this._lastModifiedCellBackStack.pop()!;
+
+      // Skip active cell
+      if (id === activeId) {
+        this._lastModifiedCellForwardStack.push(id);
+        continue;
+      }
+
+      const cell = this.widgets.find(c => c.model.id === id);
+      if (cell && !cell.isDisposed) {
+        this._lastModifiedCellForwardStack.push(id);
+        return cell;
+      }
+    }
+    return null;
+  }
+  /**
+   * Pop and return the top cell from the forward stack, pushing to back stack.
+   * @experimental
+   */
+  popNextModifiedCell(): Cell | null {
+    const activeId = this.activeCell?.model.id;
+
+    while (this._lastModifiedCellForwardStack.length) {
+      const id = this._lastModifiedCellForwardStack.pop()!;
+
+      if (id === activeId) {
+        this._lastModifiedCellBackStack.push(id);
+        continue;
+      }
+
+      const cell = this.widgets.find(c => c.model.id === id);
+      if (cell && !cell.isDisposed) {
+        this._lastModifiedCellBackStack.push(id);
+        return cell;
+      }
+    }
+    return null;
+  }
+
+  /**
+   * Check if there is a navigable cell in the back stack.
+   * @experimental
+   */
+  hasNavigableModifiedCellBack(): boolean {
+    const activeId = this.activeCell?.model.id;
+    for (let i = this._lastModifiedCellBackStack.length - 1; i >= 0; i--) {
+      const id = this._lastModifiedCellBackStack[i];
+      if (id !== activeId) {
+        const cell = this.widgets.find(c => c.model.id === id);
+        if (cell && !cell.isDisposed) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  /**
+   * Check if there is a navigable cell in the forward stack.
+   * @experimental
+   */
+  hasNavigableModifiedCellForward(): boolean {
+    const activeId = this.activeCell?.model.id;
+    for (let i = this._lastModifiedCellForwardStack.length - 1; i >= 0; i--) {
+      const id = this._lastModifiedCellForwardStack[i];
+      if (id !== activeId) {
+        const cell = this.widgets.find(c => c.model.id === id);
+        if (cell && !cell.isDisposed) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
   /**
    * Handle `after-attach` messages for the widget.
    */
@@ -3483,6 +3590,40 @@ export class Notebook extends StaticNotebook {
     }
   }
 
+  /**
+   * Handle a cell content change.
+   */
+  private _onCellContentChanged(sender: ICellModel): void {
+    const id = sender.id;
+    const backStack = this._lastModifiedCellBackStack;
+
+    // Do nothing if the last modified cell is the same as this one
+    if (backStack.length > 0 && backStack[backStack.length - 1] === id) {
+      return;
+    }
+
+    // Remove if already present elsewhere in the stack to move it to the top
+    const idx = backStack.lastIndexOf(id);
+    if (idx !== -1) {
+      backStack.splice(idx, 1);
+    }
+    backStack.push(id);
+    if (backStack.length > Notebook.MAX_MODIFIED_STACK) {
+      backStack.shift();
+    }
+
+    // Clear forward stack when a new cell is modified
+    this._lastModifiedCellForwardStack = [];
+    this._stateChanged.emit({
+      name: 'lastModifiedCellStack',
+      oldValue: null,
+      newValue: null
+    });
+  }
+
+  private _lastModifiedCellBackStack: string[] = [];
+  private _lastModifiedCellForwardStack: string[] = [];
+  private static readonly MAX_MODIFIED_STACK = 50;
   private _activeCellIndex = -1;
   private _activeCell: Cell | null = null;
   private _mode: NotebookMode = 'command';

package/src/widgetfactory.ts

@@ -1,5 +1,6 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import type { IEditorMimeTypeService } from '@jupyterlab/codeeditor';
 import type { DocumentRegistry } from '@jupyterlab/docregistry';

package/style/base.css

@@ -151,7 +151,7 @@
   outline: none;
   border: none;
   border-radius: 2px;
-  box-shadow: 0 0 0 1px var(--jp-brand-color1);
+  box-shadow: 0 0 0 1px var(--jp-focus-outline-color);
   z-index: 1;
 }