@jupyterlab/debugger 3.3.0-alpha.13 → 3.3.0-alpha.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jupyterlab/debugger",
-  "version": "3.3.0-alpha.13",
+  "version": "3.3.0-alpha.17",
   "description": "JupyterLab - Debugger Extension",
   "keywords": [
     "jupyter",
@@ -48,29 +48,29 @@
     "watch": "tsc -b --watch"
   },
   "dependencies": {
-    "@jupyterlab/application": "^3.3.0-alpha.13",
-    "@jupyterlab/apputils": "^3.3.0-alpha.13",
-    "@jupyterlab/cells": "^3.3.0-alpha.13",
-    "@jupyterlab/codeeditor": "^3.3.0-alpha.13",
-    "@jupyterlab/codemirror": "^3.3.0-alpha.13",
-    "@jupyterlab/console": "^3.3.0-alpha.13",
-    "@jupyterlab/coreutils": "^5.3.0-alpha.13",
-    "@jupyterlab/docregistry": "^3.3.0-alpha.13",
-    "@jupyterlab/fileeditor": "^3.3.0-alpha.13",
-    "@jupyterlab/notebook": "^3.3.0-alpha.13",
-    "@jupyterlab/observables": "^4.3.0-alpha.13",
-    "@jupyterlab/rendermime": "^3.3.0-alpha.13",
-    "@jupyterlab/services": "^6.3.0-alpha.13",
-    "@jupyterlab/translation": "^3.3.0-alpha.13",
-    "@jupyterlab/ui-components": "^3.3.0-alpha.13",
+    "@jupyterlab/application": "^3.3.0-alpha.17",
+    "@jupyterlab/apputils": "^3.3.0-alpha.17",
+    "@jupyterlab/cells": "^3.3.0-alpha.17",
+    "@jupyterlab/codeeditor": "^3.3.0-alpha.17",
+    "@jupyterlab/codemirror": "^3.3.0-alpha.17",
+    "@jupyterlab/console": "^3.3.0-alpha.17",
+    "@jupyterlab/coreutils": "^5.3.0-alpha.17",
+    "@jupyterlab/docregistry": "^3.3.0-alpha.17",
+    "@jupyterlab/fileeditor": "^3.3.0-alpha.17",
+    "@jupyterlab/notebook": "^3.3.0-alpha.17",
+    "@jupyterlab/observables": "^4.3.0-alpha.17",
+    "@jupyterlab/rendermime": "^3.3.0-alpha.17",
+    "@jupyterlab/services": "^6.3.0-alpha.17",
+    "@jupyterlab/translation": "^3.3.0-alpha.17",
+    "@jupyterlab/ui-components": "^3.3.0-alpha.16",
     "@lumino/algorithm": "^1.3.3",
     "@lumino/commands": "^1.12.0",
     "@lumino/coreutils": "^1.5.3",
-    "@lumino/datagrid": "^0.28.0",
+    "@lumino/datagrid": "^0.20.0",
     "@lumino/disposable": "^1.4.3",
     "@lumino/messaging": "^1.4.3",
     "@lumino/signaling": "^1.4.3",
-    "@lumino/widgets": "^1.26.0",
+    "@lumino/widgets": "^1.19.0",
     "codemirror": "~5.61.0",
     "react": "^17.0.1",
     "vscode-debugprotocol": "^1.37.0"
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@babel/core": "^7.10.2",
     "@babel/preset-env": "^7.10.2",
-    "@jupyterlab/testutils": "^3.3.0-alpha.13",
+    "@jupyterlab/testutils": "^3.3.0-alpha.17",
     "@types/codemirror": "^0.0.109",
     "@types/jest": "^26.0.10",
     "@types/react-dom": "^17.0.0",

package/style/base.css

@@ -2,7 +2,6 @@
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
-@import './accordionpanel.css';
 @import './breakpoints.css';
 @import './callstack.css';
 @import './editor.css';

package/style/breakpoints.css

@@ -6,8 +6,6 @@
 .jp-DebuggerBreakpoints {
   display: flex;
   flex-direction: column;
-  min-height: 50px;
-  padding-top: 3px;
 }
 
 .jp-DebuggerBreakpoints-body {

package/style/callstack.css

@@ -6,8 +6,6 @@
 .jp-DebuggerCallstack {
   display: flex;
   flex-direction: column;
-  min-height: 50px;
-  padding-top: 3px;
 }
 
 .jp-DebuggerCallstack-body {

package/style/icons.css

@@ -14,14 +14,14 @@ button.jp-Button.bp3-button.bp3-minimal.jp-TreeView.jp-TableView {
 
 button.jp-Button.bp3-button.bp3-minimal.jp-TreeView:hover {
   cursor: pointer;
-  background-color: var(--jp-layout-color1);
+  background-color: var(--jp-layout-color2);
 }
 
 button.jp-Button.bp3-button.bp3-minimal.jp-TableView:hover {
   cursor: pointer;
-  background-color: var(--jp-layout-color1);
+  background-color: var(--jp-layout-color2);
 }
 
 .jp-ViewModeSelected {
-  background-color: var(--jp-layout-color1);
+  background-color: var(--jp-layout-color2);
 }

package/style/sidebar.css

@@ -23,20 +23,18 @@
 
 .jp-DebuggerSidebar .jp-stack-panel-header {
   border-bottom: solid var(--jp-border-width) var(--jp-border-color1);
+  box-shadow: var(--jp-toolbar-box-shadow);
   display: flex;
   flex-direction: row;
   align-items: center;
-  min-height: 20px !important;
-  padding: 0px !important;
+  min-height: 24px;
   height: var(--jp-debugger-header-height);
 }
 
-.jp-DebuggerSidebar .jp-stack-panel-header.jp-Toolbar {
-  background: transparent !important;
-  border-bottom: none;
+.jp-DebuggerSidebar > .jp-stack-panel-header {
+  background-color: var(--jp-layout-color1);
 }
 
-.jp-DebuggerSidebar .jp-AccordionPanel-title span.lm-AccordionPanel-titleLabel,
 .jp-DebuggerSidebar .jp-stack-panel-header h2 {
   text-transform: uppercase;
   font-weight: 600;
@@ -45,13 +43,9 @@
   padding-left: 8px;
   padding-right: 4px;
 }
-.jp-DebuggerSidebar
-  .jp-stack-panel-header.jp-Toolbar
-  button.jp-ToolbarButtonComponent {
-  height: 20px;
-}
 
 .jp-DebuggerSidebar-body .jp-stack-panel-header {
+  border-top: solid var(--jp-border-width) var(--jp-border-color1);
   background-color: var(--jp-layout-color2);
 }
 
@@ -62,9 +56,4 @@
 .jp-DebuggerSidebar-body .jp-Toolbar {
   background: var(--jp-layout-color2);
   box-shadow: none;
-  height: 20px;
-}
-
-.jp-DebuggerSidebar-body .lm-SplitPanel-handle.p-SplitPanel-handle:hover {
-  background: var(--jp-layout-color3);
 }

package/style/sources.css

@@ -3,11 +3,6 @@
 | Distributed under the terms of the Modified BSD License.
 |----------------------------------------------------------------------------*/
 
-.jp-DebuggerSources {
-  min-height: 50px;
-  margin-top: 3px;
-}
-
 [data-jp-debugger='true'].jp-Editor .jp-mod-readOnly {
   background: var(--jp-layout-color2);
   height: 100%;
@@ -18,7 +13,7 @@
 }
 
 .jp-DebuggerSources-body {
-  height: 100%;
+  height: calc(100% - var(--jp-statusbar-height));
 }
 
 .jp-DebuggerSources-header > div > span {

package/style/variables.css

@@ -6,8 +6,6 @@
 .jp-DebuggerVariables {
   display: flex;
   flex-direction: column;
-  min-height: 50px;
-  padding-top: 3px;
 }
 
 .jp-DebuggerVariables-body {
@@ -70,7 +68,7 @@
   margin-left: 12px;
 }
 
-.jp-stack-panel-header.jp-DebuggerVariables-toolbar {
+.jp-DebuggerVariables .jp-stack-panel-header .jp-Toolbar {
   margin-left: auto;
 }
 
@@ -118,3 +116,17 @@
 .jp-DebuggerVariables-colorPalette .jp-mod-text {
   color: var(--jp-content-font-color0);
 }
+
+.jp-VariableRenderer-TrustButton[aria-pressed='true'] {
+  box-shadow: inset 0 var(--jp-border-width) 4px
+    rgba(
+      var(--jp-shadow-base-lightness),
+      var(--jp-shadow-base-lightness),
+      var(--jp-shadow-base-lightness),
+      0.6
+    );
+}
+
+.jp-DebuggerRichVariable div[data-mime-type='text/plain'] > pre {
+  white-space: normal;
+}

package/lib/panels/panelbody.d.ts

@@ -1,27 +0,0 @@
-import { AccordionPanel, Title, Widget } from '@lumino/widgets';
-/**
- * Debugger accordion panel customization
- */
-export declare namespace DebuggerAccordionPanel {
-    /**
-     * Custom renderer for the debugger sidebar
-     */
-    class Renderer extends AccordionPanel.Renderer {
-        /**
-         * Render the collapse indicator for a section title.
-         *
-         * @param data - The data to use for rendering the section title.
-         *
-         * @returns A element representing the collapse indicator.
-         */
-        createCollapseIcon(data: Title<Widget>): HTMLElement;
-        /**
-         * Render the element for a section title.
-         *
-         * @param data - The data to use for rendering the section title.
-         *
-         * @returns A element representing the section title.
-         */
-        createSectionTitle(data: Title<Widget>): HTMLElement;
-    }
-}

package/lib/panels/panelbody.js

@@ -1,47 +0,0 @@
-// Copyright (c) Jupyter Development Team.
-// Distributed under the terms of the Modified BSD License.
-import { AccordionPanel } from '@lumino/widgets';
-import { caretDownIcon } from '@jupyterlab/ui-components';
-/**
- * Debugger accordion panel customization
- */
-export var DebuggerAccordionPanel;
-(function (DebuggerAccordionPanel) {
-    /**
-     * Custom renderer for the debugger sidebar
-     */
-    class Renderer extends AccordionPanel.Renderer {
-        /**
-         * Render the collapse indicator for a section title.
-         *
-         * @param data - The data to use for rendering the section title.
-         *
-         * @returns A element representing the collapse indicator.
-         */
-        createCollapseIcon(data) {
-            const iconDiv = document.createElement('div');
-            caretDownIcon.element({
-                container: iconDiv
-            });
-            return iconDiv;
-        }
-        /**
-         * Render the element for a section title.
-         *
-         * @param data - The data to use for rendering the section title.
-         *
-         * @returns A element representing the section title.
-         */
-        createSectionTitle(data) {
-            const toolbar = data.owner.toolbar;
-            const handle = super.createSectionTitle(data);
-            handle.classList.add('jp-AccordionPanel-title');
-            if (toolbar) {
-                handle.appendChild(toolbar.node);
-            }
-            return handle;
-        }
-    }
-    DebuggerAccordionPanel.Renderer = Renderer;
-})(DebuggerAccordionPanel || (DebuggerAccordionPanel = {}));
-//# sourceMappingURL=panelbody.js.map

package/lib/panels/panelbody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panelbody.js","sourceRoot":"","sources":["../../src/panels/panelbody.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAG1D;;GAEG;AACH,MAAM,KAAW,sBAAsB,CAqCtC;AArCD,WAAiB,sBAAsB;IACrC;;OAEG;IACH,MAAa,QAAS,SAAQ,cAAc,CAAC,QAAQ;QACnD;;;;;;WAMG;QACH,kBAAkB,CAAC,IAAmB;YACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,aAAa,CAAC,OAAO,CAAC;gBACpB,SAAS,EAAE,OAAO;aACnB,CAAC,CAAC;YACH,OAAO,OAAO,CAAC;QACjB,CAAC;QAED;;;;;;WAMG;QACH,kBAAkB,CAAC,IAAmB;YACpC,MAAM,OAAO,GAAI,IAAI,CAAC,KAA0B,CAAC,OAAO,CAAC;YACzD,MAAM,MAAM,GAAG,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;YAChD,IAAI,OAAO,EAAE;gBACX,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;aAClC;YACD,OAAO,MAAM,CAAC;QAChB,CAAC;KACF;IAhCY,+BAAQ,WAgCpB,CAAA;AACH,CAAC,EArCgB,sBAAsB,KAAtB,sBAAsB,QAqCtC"}

package/lib/panels/panelwithtoolbar.d.ts

@@ -1,57 +0,0 @@
-import { ITranslator, TranslationBundle } from '@jupyterlab/translation';
-import { Toolbar } from '@jupyterlab/ui-components';
-import { Message } from '@lumino/messaging';
-import { Panel } from '@lumino/widgets';
-/**
- * A base class for debugger panel element.
- */
-export declare class PanelWithToolbar extends Panel {
-    /**
-     * Instantiate a new Panel.
-     *
-     * @param options The instantiation options for a Debugger Panel.
-     */
-    constructor(options: PanelWithToolbar.IOptions);
-    /**
-     * Handler to notify `AccordionPanel` title that its child widget is expanded.
-     * We can not rely on `lm-mod-expanded` class of Lumino to detect this event
-     * since this class is added to the target of `onClick` event, which is not
-     * always the title of `AccordionPanel`.
-     *
-     * @param {Message} msg
-     *
-     * TODO remove when @lumino/widgets 1.26.3 is released
-     */
-    protected onAfterShow(msg: Message): void;
-    /**
-     * Handler to notify `AccordionPanel`'s title that its child widget is closed.
-     * @param {Message} msg
-     *
-     * TODO remove when @lumino/widgets 1.26.3 is released
-     */
-    protected onAfterHide(msg: Message): void;
-    /**
-     * Widget toolbar
-     */
-    get toolbar(): Toolbar;
-    /**
-     * The toolbar widget, it is not attached to current widget
-     * but is rendered by the sidebar panel.
-     */
-    private _toolbar;
-    protected trans: TranslationBundle;
-}
-/**
- * A namespace for PanelWidget `statics`.
- */
-export declare namespace PanelWithToolbar {
-    /**
-     * Instantiation options for `PanelWidget`.
-     */
-    interface IOptions extends Panel.IOptions {
-        /**
-         * The application language translator.
-         */
-        translator?: ITranslator;
-    }
-}

package/lib/panels/panelwithtoolbar.js

@@ -1,55 +0,0 @@
-// Copyright (c) Jupyter Development Team.
-// Distributed under the terms of the Modified BSD License.
-import { nullTranslator } from '@jupyterlab/translation';
-import { Toolbar } from '@jupyterlab/ui-components';
-import { Panel } from '@lumino/widgets';
-/**
- * A base class for debugger panel element.
- */
-export class PanelWithToolbar extends Panel {
-    /**
-     * Instantiate a new Panel.
-     *
-     * @param options The instantiation options for a Debugger Panel.
-     */
-    constructor(options) {
-        super(options);
-        const translator = options.translator || nullTranslator;
-        this.trans = translator.load('jupyterlab');
-        this._toolbar = new Toolbar();
-        this._toolbar.addClass('jp-stack-panel-header');
-        // Add toolbar as widget to get notified by the lumino widget
-        this.addWidget(this._toolbar);
-    }
-    /**
-     * Handler to notify `AccordionPanel` title that its child widget is expanded.
-     * We can not rely on `lm-mod-expanded` class of Lumino to detect this event
-     * since this class is added to the target of `onClick` event, which is not
-     * always the title of `AccordionPanel`.
-     *
-     * @param {Message} msg
-     *
-     * TODO remove when @lumino/widgets 1.26.3 is released
-     */
-    onAfterShow(msg) {
-        var _a;
-        (_a = this.toolbar.node.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('jp-DebuggerPanel-expanded');
-    }
-    /**
-     * Handler to notify `AccordionPanel`'s title that its child widget is closed.
-     * @param {Message} msg
-     *
-     * TODO remove when @lumino/widgets 1.26.3 is released
-     */
-    onAfterHide(msg) {
-        var _a;
-        (_a = this.toolbar.node.parentElement) === null || _a === void 0 ? void 0 : _a.classList.remove('jp-DebuggerPanel-expanded');
-    }
-    /**
-     * Widget toolbar
-     */
-    get toolbar() {
-        return this._toolbar;
-    }
-}
-//# sourceMappingURL=panelwithtoolbar.js.map

package/lib/panels/panelwithtoolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panelwithtoolbar.js","sourceRoot":"","sources":["../../src/panels/panelwithtoolbar.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAEL,cAAc,EAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IACzC;;;;OAIG;IACH,YAAY,OAAkC;QAC5C,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,cAAc,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE3C,IAAI,CAAC,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;QAChD,6DAA6D;QAC7D,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAED;;;;;;;;;OASG;IACO,WAAW,CAAC,GAAY;;QAChC,MAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,0CAAE,SAAS,CAAC,GAAG,CAAC,2BAA2B,EAAE;IAC9E,CAAC;IAED;;;;;OAKG;IACO,WAAW,CAAC,GAAY;;QAChC,MAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,0CAAE,SAAS,CAAC,MAAM,CAC/C,2BAA2B,EAC3B;IACJ,CAAC;IAED;;OAEG;IACH,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;CASF"}

package/lib/panels/sources/sourcepath.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { IDebugger } from '../../tokens';
-/**
- * A React component to display the path to a source.
- *
- * @param {object} props The component props.
- * @param props.model The model for the sources.
- */
-export declare const SourcePathComponent: ({ model }: {
-    model: IDebugger.Model.ISources;
-}) => JSX.Element;

package/lib/panels/sources/sourcepath.js

@@ -1,17 +0,0 @@
-// Copyright (c) Jupyter Development Team.
-// Distributed under the terms of the Modified BSD License.
-import { UseSignal } from '@jupyterlab/ui-components';
-import React from 'react';
-/**
- * A React component to display the path to a source.
- *
- * @param {object} props The component props.
- * @param props.model The model for the sources.
- */
-export const SourcePathComponent = ({ model }) => {
-    return (React.createElement(UseSignal, { signal: model.currentSourceChanged, initialSender: model }, (model) => {
-        var _a, _b;
-        return (React.createElement("span", { onClick: () => model === null || model === void 0 ? void 0 : model.open() }, (_b = (_a = model === null || model === void 0 ? void 0 : model.currentSource) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : ''));
-    }));
-};
-//# sourceMappingURL=sourcepath.js.map

package/lib/panels/sources/sourcepath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sourcepath.js","sourceRoot":"","sources":["../../../src/panels/sources/sourcepath.tsx"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EAGN,EAAe,EAAE;IAChB,OAAO,CACL,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAChE,CAAC,KAAK,EAAe,EAAE;;QAAC,OAAA,CACvB,8BAAM,OAAO,EAAE,GAAS,EAAE,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,gBACrC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,0CAAE,IAAI,mCAAI,EAAE,CAC5B,CACR,CAAA;KAAA,CACS,CACb,CAAC;AACJ,CAAC,CAAC"}

package/style/accordionpanel.css

@@ -1,40 +0,0 @@
-.lm-AccordionPanel .jp-AccordionPanel-title {
-  box-sizing: border-box;
-  background: #e5e5e500;
-  border-bottom: none;
-  font: 12px Helvetica, Arial, sans-serif;
-  min-height: 22px;
-  max-height: 22px;
-  min-width: 35px;
-  line-height: 25px;
-  margin: 0px;
-  display: flex;
-  background-color: var(--jp-layout-color2);
-  border-bottom: solid var(--jp-border-width) var(--jp-border-color1);
-  border-top: solid var(--jp-border-width) var(--jp-border-color1);
-  box-shadow: var(--jp-toolbar-box-shadow);
-}
-
-.jp-AccordionPanel-title .lm-AccordionPanel-titleCollapser {
-  transform: rotate(-90deg);
-  margin-top: 3px;
-  height: 16px;
-}
-/* TODO remove first selector when @lumino/widgets 1.26.3 is released */
-.jp-AccordionPanel-title.jp-DebuggerPanel-expanded
-  .lm-AccordionPanel-titleCollapser
-/* .jp-AccordionPanel-title.lm-mod-expanded .lm-AccordionPanel-titleCollapser */ {
-  transform: rotate(0deg);
-}
-
-.lm-AccordionPanel[data-orientation='horizontal'] > .jp-AccordionPanel-title {
-  /* Title is rotated for horizontal accordion panel using CSS */
-  display: block;
-  transform-origin: top left;
-  transform: rotate(-90deg) translate(-100%);
-}
-
-.jp-AccordionPanel-title .lm-AccordionPanel-titleLabel {
-  user-select: none;
-  line-height: 22px;
-}