@datalayer/jupyter-react 0.18.10 → 0.18.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/JupyterReact.js +10 -9
- package/lib/app/JupyterReact.js.map +1 -1
- package/lib/app/tabs/AboutTab.js +1 -1
- package/lib/app/tabs/AboutTab.js.map +1 -1
- package/lib/app/tabs/ComponentsTab.js +3 -4
- package/lib/app/tabs/ComponentsTab.js.map +1 -1
- package/lib/app/tabs/components/NotebookComponent.js +6 -5
- package/lib/app/tabs/components/NotebookComponent.js.map +1 -1
- package/lib/components/cell/Cell.js +2 -2
- package/lib/components/cell/Cell.js.map +1 -1
- package/lib/components/cell/CellAdapter.js +1 -1
- package/lib/components/cell/CellAdapter.js.map +1 -1
- package/lib/components/codemirror/{CodeMirrorEditor.d.ts → CodeMirrorDatalayerEditor.d.ts} +2 -2
- package/lib/components/codemirror/{CodeMirrorEditor.js → CodeMirrorDatalayerEditor.js} +8 -7
- package/lib/components/codemirror/CodeMirrorDatalayerEditor.js.map +1 -0
- package/lib/components/codemirror/index.d.ts +1 -1
- package/lib/components/codemirror/index.js +1 -1
- package/lib/components/codemirror/index.js.map +1 -1
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.js +1 -1
- package/lib/components/index.js.map +1 -1
- package/lib/components/kernel/KernelDetective.d.ts +6 -0
- package/lib/components/kernel/KernelDetective.js +42 -0
- package/lib/components/kernel/KernelDetective.js.map +1 -0
- package/lib/components/kernel/Kernelndicator.js +3 -3
- package/lib/components/kernel/Kernelndicator.js.map +1 -1
- package/lib/components/kernel/index.d.ts +1 -0
- package/lib/components/kernel/index.js +1 -0
- package/lib/components/kernel/index.js.map +1 -1
- package/lib/components/notebook/Notebook.d.ts +19 -5
- package/lib/components/notebook/Notebook.js +21 -6
- package/lib/components/notebook/Notebook.js.map +1 -1
- package/lib/components/notebook/NotebookAdapter.d.ts +7 -2
- package/lib/components/notebook/NotebookAdapter.js +112 -97
- package/lib/components/notebook/NotebookAdapter.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebar.js +13 -13
- package/lib/components/notebook/cell/sidebar/CellSidebar.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarButton.js +15 -15
- package/lib/components/notebook/cell/sidebar/CellSidebarButton.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarRun.js +5 -5
- package/lib/components/notebook/cell/sidebar/CellSidebarRun.js.map +1 -1
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.d.ts +3 -3
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.js +8 -7
- package/lib/components/notebook/cell/sidebar/CellSidebarWidget.js.map +1 -1
- package/lib/components/notebook/content/JupyterReactContentFactory.d.ts +14 -4
- package/lib/components/notebook/content/JupyterReactContentFactory.js +56 -5
- package/lib/components/notebook/content/JupyterReactContentFactory.js.map +1 -1
- package/lib/components/notebook/model/JupyterReactNotebookModelFactory.js +1 -1
- package/lib/components/notebook/model/JupyterReactNotebookModelFactory.js.map +1 -1
- package/lib/components/output/Output.d.ts +1 -2
- package/lib/components/output/Output.js +12 -5
- package/lib/components/output/Output.js.map +1 -1
- package/lib/components/output/OutputExecutor.d.ts +1 -1
- package/lib/examples/Notebook.js +1 -2
- package/lib/examples/Notebook.js.map +1 -1
- package/lib/examples/NotebookCellSidebar.js +1 -1
- package/lib/examples/NotebookCellSidebar.js.map +1 -1
- package/lib/examples/NotebookCellToolbar.js +24 -0
- package/lib/examples/NotebookCellToolbar.js.map +1 -0
- package/lib/examples/NotebookExtension.d.ts +1 -0
- package/lib/examples/NotebookExtension.js +24 -0
- package/lib/examples/NotebookExtension.js.map +1 -0
- package/lib/examples/NotebookMutationsKernel.js +8 -8
- package/lib/examples/NotebookMutationsKernel.js.map +1 -1
- package/lib/examples/NotebookMutationsServiceManager.js +19 -13
- package/lib/examples/NotebookMutationsServiceManager.js.map +1 -1
- package/lib/examples/NotebookNbformat.js +1 -1
- package/lib/examples/NotebookNbformat.js.map +1 -1
- package/lib/examples/NotebookOnSessionConnection.d.ts +1 -0
- package/lib/examples/NotebookOnSessionConnection.js +32 -0
- package/lib/examples/NotebookOnSessionConnection.js.map +1 -0
- package/lib/examples/PyGWalker.d.ts +1 -0
- package/lib/examples/PyGWalker.js +19 -0
- package/lib/examples/PyGWalker.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbar.d.ts +11 -0
- package/lib/examples/extensions/celltoolbar/CellToolbar.js +23 -0
- package/lib/examples/extensions/celltoolbar/CellToolbar.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.d.ts +8 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.js +57 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarComponent.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarExtension.d.ts +12 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarExtension.js +20 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarExtension.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarWidget.d.ts +17 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarWidget.js +65 -0
- package/lib/examples/extensions/celltoolbar/CellToolbarWidget.js.map +1 -0
- package/lib/examples/extensions/celltoolbar/index.d.ts +4 -0
- package/lib/examples/extensions/celltoolbar/index.js +10 -0
- package/lib/examples/extensions/celltoolbar/index.js.map +1 -0
- package/lib/examples/extensions/exectime/ExecTimeExtension.d.ts +11 -0
- package/lib/examples/extensions/exectime/ExecTimeExtension.js +22 -0
- package/lib/examples/extensions/exectime/ExecTimeExtension.js.map +1 -0
- package/lib/examples/extensions/exectime/ExecTimeWidget.d.ts +19 -0
- package/lib/examples/extensions/exectime/ExecTimeWidget.js +131 -0
- package/lib/examples/extensions/exectime/ExecTimeWidget.js.map +1 -0
- package/lib/examples/extensions/exectime/index.d.ts +3 -0
- package/lib/examples/extensions/exectime/index.js +9 -0
- package/lib/examples/extensions/exectime/index.js.map +1 -0
- package/lib/examples/extensions/exectime/utils.d.ts +2 -0
- package/lib/examples/extensions/exectime/utils.js +43 -0
- package/lib/examples/extensions/exectime/utils.js.map +1 -0
- package/lib/examples/extensions/index.d.ts +2 -0
- package/lib/examples/extensions/index.js +8 -0
- package/lib/examples/extensions/index.js.map +1 -0
- package/lib/examples/notebooks/NotebookExample1.ipynb.json +70 -2
- package/lib/examples/notebooks/PyGWalker.ipynb.json +55 -0
- package/lib/examples/sidebars/CellSidebarSource.d.ts +1 -1
- package/lib/examples/sidebars/CellSidebarSource.js +14 -14
- package/lib/examples/sidebars/CellSidebarSource.js.map +1 -1
- package/lib/jupyter/ipywidgets/lab/manager.js.map +1 -1
- package/lib/jupyter/ipywidgets/libembed-amd.js +13 -8
- package/lib/jupyter/ipywidgets/libembed-amd.js.map +1 -1
- package/lib/jupyter/ipywidgets/semvercache.js.map +1 -1
- package/lib/jupyter/kernel/Kernel.js +2 -2
- package/lib/jupyter/kernel/Kernel.js.map +1 -1
- package/lib/jupyter/lab/plugin.js +7 -0
- package/lib/jupyter/lab/plugin.js.map +1 -1
- package/lib/state/JupyterReactState.d.ts +2 -2
- package/lib/state/JupyterReactState.js +1 -1
- package/lib/state/JupyterReactState.js.map +1 -1
- package/lib/theme/JupyterReactTheme.d.ts +1 -0
- package/lib/theme/JupyterReactTheme.js +3 -2
- package/lib/theme/JupyterReactTheme.js.map +1 -1
- package/lib/theme/index.js +1 -1
- package/lib/theme/index.js.map +1 -1
- package/package.json +2 -1
- package/lib/components/codemirror/CodeMirrorEditor.js.map +0 -1
- package/lib/examples/NotebookOnKernelConnection.js +0 -32
- package/lib/examples/NotebookOnKernelConnection.js.map +0 -1
- /package/lib/examples/{NotebookOnKernelConnection.d.ts → NotebookCellToolbar.d.ts} +0 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
import { Widget } from '@lumino/widgets';
|
|
7
|
+
import { CellToolbar, DATALAYER_CELL_TOOLBAR_CLASS } from './CellToolbar';
|
|
8
|
+
export class CellToolbarWidget extends Widget {
|
|
9
|
+
_panel;
|
|
10
|
+
_props;
|
|
11
|
+
constructor(panel, props) {
|
|
12
|
+
super();
|
|
13
|
+
this._panel = panel;
|
|
14
|
+
this._props = props;
|
|
15
|
+
this.updateConnectedCell = this.updateConnectedCell.bind(this);
|
|
16
|
+
const cells = this._panel.context.model.cells;
|
|
17
|
+
cells.changed.connect(this.updateConnectedCell);
|
|
18
|
+
for (let i = 0; i < cells.length; ++i) {
|
|
19
|
+
this._registerCellChanges(cells.get(i));
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
updateConnectedCell(cells, changed) {
|
|
23
|
+
changed.oldValues.forEach(this._deregisterCellChanges.bind(this));
|
|
24
|
+
changed.newValues.forEach(this._registerCellChanges.bind(this));
|
|
25
|
+
}
|
|
26
|
+
_deregisterCellChanges(cellModel) {
|
|
27
|
+
}
|
|
28
|
+
_registerCellChanges(cellModel) {
|
|
29
|
+
const disableHighlight = false;
|
|
30
|
+
const codeCell = this._getCodeCell(cellModel);
|
|
31
|
+
if (codeCell) {
|
|
32
|
+
codeCell.displayChanged.connect(() => {
|
|
33
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
34
|
+
});
|
|
35
|
+
codeCell.inViewportChanged.connect(() => {
|
|
36
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
37
|
+
});
|
|
38
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
if (cellModel.type === 'code') {
|
|
42
|
+
console.error(`Could not find code cell for model: ${cellModel}`);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
_getCodeCell(cellModel) {
|
|
47
|
+
if (cellModel.type === 'code') {
|
|
48
|
+
const cell = this._panel.content.widgets.find((widget) => widget.model === cellModel);
|
|
49
|
+
return cell;
|
|
50
|
+
}
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
_updateCodeCell(cell, disableHighlight) {
|
|
54
|
+
if (cell.inputArea) {
|
|
55
|
+
const layout = cell.layout;
|
|
56
|
+
if (layout) {
|
|
57
|
+
const panelLayout = layout;
|
|
58
|
+
if (!panelLayout.widgets[1].hasClass(DATALAYER_CELL_TOOLBAR_CLASS)) {
|
|
59
|
+
panelLayout.insertWidget(1, new CellToolbar(cell, this._props));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=CellToolbarWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CellToolbarWidget.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/CellToolbarWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
export * from './CellToolbar';
|
|
7
|
+
export * from './CellToolbarComponent';
|
|
8
|
+
export * from './CellToolbarExtension';
|
|
9
|
+
export * from './CellToolbarWidget';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/examples/extensions/celltoolbar/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { INotebookModel, NotebookPanel } from '@jupyterlab/notebook';
|
|
3
|
+
import { DocumentRegistry } from '@jupyterlab/docregistry';
|
|
4
|
+
import { DatalayerNotebookExtension, IDatalayerNotebookExtensionProps } from '../../../components';
|
|
5
|
+
import './ExecTimeExtension.css';
|
|
6
|
+
export declare class ExecTimeExtension implements DatalayerNotebookExtension {
|
|
7
|
+
init(props: IDatalayerNotebookExtensionProps): void;
|
|
8
|
+
createNew(notebookPanel: NotebookPanel, context: DocumentRegistry.IContext<INotebookModel>): void;
|
|
9
|
+
get component(): JSX.Element | undefined;
|
|
10
|
+
}
|
|
11
|
+
export default ExecTimeExtension;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
import { ExecTimeWidget } from './ExecTimeWidget';
|
|
7
|
+
import './ExecTimeExtension.css';
|
|
8
|
+
export class ExecTimeExtension {
|
|
9
|
+
/* @override */
|
|
10
|
+
init(props) {
|
|
11
|
+
}
|
|
12
|
+
/* @override */
|
|
13
|
+
createNew(notebookPanel, context) {
|
|
14
|
+
new ExecTimeWidget(notebookPanel);
|
|
15
|
+
}
|
|
16
|
+
/* @override */
|
|
17
|
+
get component() {
|
|
18
|
+
return undefined;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export default ExecTimeExtension;
|
|
22
|
+
//# sourceMappingURL=ExecTimeExtension.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExecTimeExtension.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/ExecTimeExtension.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,yBAAyB,CAAC;AAEjC,MAAM,OAAO,iBAAiB;IAE5B,eAAe;IACf,IAAI,CAAC,KAAuC;IAC5C,CAAC;IAED,eAAe;IACf,SAAS,CAAC,aAA4B,EAAE,OAAkD;QACxF,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC;IAED,eAAe;IACf,IAAI,SAAS;QACX,OAAO,SAAS,CAAA;IAClB,CAAC;CAEF;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Widget } from '@lumino/widgets';
|
|
2
|
+
import { NotebookPanel } from '@jupyterlab/notebook';
|
|
3
|
+
export interface IExecTimeSettings {
|
|
4
|
+
highlight: boolean;
|
|
5
|
+
positioning: string;
|
|
6
|
+
}
|
|
7
|
+
export declare class ExecTimeWidget extends Widget {
|
|
8
|
+
private _panel;
|
|
9
|
+
private _cellSlotMap;
|
|
10
|
+
private _settings;
|
|
11
|
+
constructor(panel: NotebookPanel);
|
|
12
|
+
private updateConnectedCell;
|
|
13
|
+
private _registerMetadataChanges;
|
|
14
|
+
private _deregisterMetadataChanges;
|
|
15
|
+
private _cellMetadataChanged;
|
|
16
|
+
private _getCodeCell;
|
|
17
|
+
private _removeExecuteNode;
|
|
18
|
+
private _updateCodeCell;
|
|
19
|
+
}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
import { Widget } from '@lumino/widgets';
|
|
7
|
+
import { JSONExt } from '@lumino/coreutils';
|
|
8
|
+
import { getTimeDiff, getTimeString } from './utils';
|
|
9
|
+
const EXECUTE_TIME_CLASS = 'dla-ExecTime';
|
|
10
|
+
const ANIMATE_TIME_MS = 1000;
|
|
11
|
+
const ANIMATE_CSS = `executeHighlight ${ANIMATE_TIME_MS}ms`;
|
|
12
|
+
export class ExecTimeWidget extends Widget {
|
|
13
|
+
_panel;
|
|
14
|
+
_cellSlotMap = {};
|
|
15
|
+
_settings = {
|
|
16
|
+
highlight: true,
|
|
17
|
+
positioning: 'left'
|
|
18
|
+
};
|
|
19
|
+
constructor(panel) {
|
|
20
|
+
super();
|
|
21
|
+
this._panel = panel;
|
|
22
|
+
this.updateConnectedCell = this.updateConnectedCell.bind(this);
|
|
23
|
+
const cells = this._panel.context.model.cells;
|
|
24
|
+
cells.changed.connect(this.updateConnectedCell);
|
|
25
|
+
for (let i = 0; i < cells.length; ++i) {
|
|
26
|
+
this._registerMetadataChanges(cells.get(i));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
updateConnectedCell(cells, changed) {
|
|
30
|
+
changed.oldValues.forEach(this._deregisterMetadataChanges.bind(this));
|
|
31
|
+
changed.newValues.forEach(this._registerMetadataChanges.bind(this));
|
|
32
|
+
}
|
|
33
|
+
_registerMetadataChanges(cellModel) {
|
|
34
|
+
if (!(cellModel.id in this._cellSlotMap)) {
|
|
35
|
+
const fn = () => this._cellMetadataChanged(cellModel);
|
|
36
|
+
this._cellSlotMap[cellModel.id] = fn;
|
|
37
|
+
cellModel.metadataChanged.connect(fn);
|
|
38
|
+
}
|
|
39
|
+
this._cellMetadataChanged(cellModel, true);
|
|
40
|
+
}
|
|
41
|
+
_deregisterMetadataChanges(cellModel) {
|
|
42
|
+
const fn = this._cellSlotMap[cellModel.id];
|
|
43
|
+
if (fn) {
|
|
44
|
+
cellModel.metadataChanged.disconnect(fn);
|
|
45
|
+
const codeCell = this._getCodeCell(cellModel);
|
|
46
|
+
if (codeCell) {
|
|
47
|
+
this._removeExecuteNode(codeCell);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
delete this._cellSlotMap[cellModel.id];
|
|
51
|
+
}
|
|
52
|
+
_cellMetadataChanged(cellModel, disableHighlight = false) {
|
|
53
|
+
const codeCell = this._getCodeCell(cellModel);
|
|
54
|
+
if (codeCell) {
|
|
55
|
+
this._updateCodeCell(codeCell, disableHighlight);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
if (cellModel.type === 'code') {
|
|
59
|
+
console.error(`Could not find code cell for model: ${cellModel}`);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
_getCodeCell(cellModel) {
|
|
64
|
+
if (cellModel.type === 'code') {
|
|
65
|
+
const cell = this._panel.content.widgets.find((widget) => widget.model === cellModel);
|
|
66
|
+
return cell;
|
|
67
|
+
}
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
70
|
+
_removeExecuteNode(cell) {
|
|
71
|
+
if (cell.inputArea) {
|
|
72
|
+
const editorWidget = cell.inputArea.editorWidget;
|
|
73
|
+
const executionTimeNode = editorWidget.node.querySelector(`.${EXECUTE_TIME_CLASS}`);
|
|
74
|
+
if (executionTimeNode) {
|
|
75
|
+
executionTimeNode.remove();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
_updateCodeCell(cell, disableHighlight) {
|
|
80
|
+
const executionMetadata = cell.model.getMetadata('execution');
|
|
81
|
+
if (executionMetadata && JSONExt.isObject(executionMetadata)) {
|
|
82
|
+
const editorWidget = cell.inputArea.editorWidget;
|
|
83
|
+
let executionTimeNode = editorWidget.node.querySelector(`.${EXECUTE_TIME_CLASS}`);
|
|
84
|
+
if (!executionTimeNode) {
|
|
85
|
+
executionTimeNode = document.createElement('div');
|
|
86
|
+
editorWidget.node.append(executionTimeNode);
|
|
87
|
+
}
|
|
88
|
+
let positioning;
|
|
89
|
+
switch (this._settings.positioning) {
|
|
90
|
+
case 'left':
|
|
91
|
+
positioning = 'left';
|
|
92
|
+
break;
|
|
93
|
+
case 'right':
|
|
94
|
+
positioning = 'right';
|
|
95
|
+
break;
|
|
96
|
+
default:
|
|
97
|
+
console.error(`'${positioning}' is not a valid type for the setting 'positioning'`);
|
|
98
|
+
}
|
|
99
|
+
const positioningClass = `${EXECUTE_TIME_CLASS}-positioning-${this._settings.positioning}`;
|
|
100
|
+
executionTimeNode.className = `${EXECUTE_TIME_CLASS} ${positioningClass}`;
|
|
101
|
+
const queuedTimeStr = executionMetadata['iopub.status.busy'];
|
|
102
|
+
const queuedTime = queuedTimeStr ? new Date(queuedTimeStr) : null;
|
|
103
|
+
const startTimeStr = (executionMetadata['shell.execute_reply.started'] ||
|
|
104
|
+
executionMetadata['iopub.execute_input']);
|
|
105
|
+
const startTime = startTimeStr ? new Date(startTimeStr) : null;
|
|
106
|
+
const endTimeStr = executionMetadata['shell.execute_reply'];
|
|
107
|
+
const endTime = endTimeStr ? new Date(endTimeStr) : null;
|
|
108
|
+
let msg = '';
|
|
109
|
+
if (endTime) {
|
|
110
|
+
msg = `Last executed at ${getTimeString(endTime)} in ${getTimeDiff(endTime, startTime)}`;
|
|
111
|
+
}
|
|
112
|
+
else if (startTime) {
|
|
113
|
+
msg = `Execution started at ${getTimeString(startTime)}`;
|
|
114
|
+
}
|
|
115
|
+
else if (queuedTime) {
|
|
116
|
+
msg = `Execution queued at ${getTimeString(queuedTime)}`;
|
|
117
|
+
}
|
|
118
|
+
if (executionTimeNode.innerText !== msg) {
|
|
119
|
+
executionTimeNode.innerText = msg;
|
|
120
|
+
if (!disableHighlight && this._settings.highlight && endTimeStr) {
|
|
121
|
+
executionTimeNode.style.setProperty('animation', ANIMATE_CSS);
|
|
122
|
+
setTimeout(() => executionTimeNode.style.removeProperty('animation'), ANIMATE_TIME_MS);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
else {
|
|
127
|
+
this._removeExecuteNode(cell);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
//# sourceMappingURL=ExecTimeWidget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExecTimeWidget.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/ExecTimeWidget.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Copyright (c) 2021-2023 Datalayer, Inc.
|
|
3
|
+
*
|
|
4
|
+
* MIT License
|
|
5
|
+
*/
|
|
6
|
+
export const getTimeString = (date) => {
|
|
7
|
+
return date.toLocaleDateString('en-us', { weekday: "long", year: "numeric", month: "short", day: "numeric" });
|
|
8
|
+
};
|
|
9
|
+
export const getTimeDiff = (end, start) => {
|
|
10
|
+
const MS_IN_SEC = 1000;
|
|
11
|
+
const MS_IN_MIN = 60 * MS_IN_SEC;
|
|
12
|
+
const MS_IN_HR = 60 * MS_IN_MIN;
|
|
13
|
+
const MS_IN_DAY = 24 * MS_IN_HR;
|
|
14
|
+
let ms = end.getTime() - start.getTime();
|
|
15
|
+
if (ms < MS_IN_SEC) {
|
|
16
|
+
return `${ms}ms`;
|
|
17
|
+
}
|
|
18
|
+
const days = Math.floor(ms / MS_IN_DAY);
|
|
19
|
+
ms = ms % MS_IN_DAY;
|
|
20
|
+
const hours = Math.floor(ms / MS_IN_HR);
|
|
21
|
+
ms = ms % MS_IN_HR;
|
|
22
|
+
const mins = Math.floor(ms / MS_IN_MIN);
|
|
23
|
+
ms = ms % MS_IN_MIN;
|
|
24
|
+
// We want to show this as fractional
|
|
25
|
+
const secs = ms / MS_IN_SEC;
|
|
26
|
+
let timeDiff = '';
|
|
27
|
+
if (days) {
|
|
28
|
+
timeDiff += `${days}d `;
|
|
29
|
+
}
|
|
30
|
+
if (days || hours) {
|
|
31
|
+
timeDiff += `${hours}h `;
|
|
32
|
+
}
|
|
33
|
+
if (days || hours || mins) {
|
|
34
|
+
timeDiff += `${mins}m `;
|
|
35
|
+
}
|
|
36
|
+
// Only show s if its < 1 day
|
|
37
|
+
if (!days) {
|
|
38
|
+
// Only show ms if is < 1 hr
|
|
39
|
+
timeDiff += `${secs.toFixed(hours ? 0 : 2)}s`;
|
|
40
|
+
}
|
|
41
|
+
return timeDiff.trim();
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/examples/extensions/exectime/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAU,EAAU,EAAE;IAClD,OAAO,IAAI,CAAC,kBAAkB,CAC5B,OAAO,EACP,EAAE,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,SAAS,EAAE,KAAK,EAAC,OAAO,EAAE,GAAG,EAAC,SAAS,EAAC,CAChE,CAAC;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAS,EAAE,KAAW,EAAU,EAAE;IAC5D,MAAM,SAAS,GAAG,IAAI,CAAC;IACvB,MAAM,SAAS,GAAG,EAAE,GAAG,SAAS,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,GAAG,SAAS,CAAC;IAChC,MAAM,SAAS,GAAG,EAAE,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IACzC,IAAI,EAAE,GAAG,SAAS,EAAE;QAClB,OAAO,GAAG,EAAE,IAAI,CAAC;KAClB;IACD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACxC,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC;IACxC,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;IACnB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC;IACxC,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IACpB,qCAAqC;IACrC,MAAM,IAAI,GAAG,EAAE,GAAG,SAAS,CAAC;IAC5B,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,IAAI,EAAE;QACR,QAAQ,IAAI,GAAG,IAAI,IAAI,CAAC;KACzB;IACD,IAAI,IAAI,IAAI,KAAK,EAAE;QACjB,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;KAC1B;IACD,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE;QACzB,QAAQ,IAAI,GAAG,IAAI,IAAI,CAAC;KACzB;IACD,6BAA6B;IAC7B,IAAI,CAAC,IAAI,EAAE;QACT,4BAA4B;QAC5B,QAAQ,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KAC/C;IACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/examples/extensions/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
|
|
@@ -19,7 +19,34 @@
|
|
|
19
19
|
{
|
|
20
20
|
"cell_type": "code",
|
|
21
21
|
"execution_count": 1,
|
|
22
|
-
"metadata": {
|
|
22
|
+
"metadata": {
|
|
23
|
+
"datalayer": {
|
|
24
|
+
"sql": true
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"outputs": [
|
|
28
|
+
{
|
|
29
|
+
"data": {
|
|
30
|
+
"text/plain": [""]
|
|
31
|
+
},
|
|
32
|
+
"execution_count": 1,
|
|
33
|
+
"metadata": {},
|
|
34
|
+
"output_type": "execute_result"
|
|
35
|
+
}
|
|
36
|
+
],
|
|
37
|
+
"source": [
|
|
38
|
+
"-- I am a SQL cell.\n",
|
|
39
|
+
"SELECT * FROM LOGS"
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"cell_type": "code",
|
|
44
|
+
"execution_count": 1,
|
|
45
|
+
"metadata": {
|
|
46
|
+
"datalayer": {
|
|
47
|
+
"_about": "Accelerated and Trusted Jupyter"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
23
50
|
"outputs": [
|
|
24
51
|
{
|
|
25
52
|
"data": {
|
|
@@ -30,7 +57,48 @@
|
|
|
30
57
|
"output_type": "execute_result"
|
|
31
58
|
}
|
|
32
59
|
],
|
|
33
|
-
"source": [
|
|
60
|
+
"source": [
|
|
61
|
+
"# I am a Python cell.\n",
|
|
62
|
+
"print('2+2')"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"cell_type": "code",
|
|
67
|
+
"execution_count": 1,
|
|
68
|
+
"metadata": {},
|
|
69
|
+
"outputs": [
|
|
70
|
+
{
|
|
71
|
+
"data": {
|
|
72
|
+
"text/plain": []
|
|
73
|
+
},
|
|
74
|
+
"execution_count": 1,
|
|
75
|
+
"metadata": {},
|
|
76
|
+
"output_type": "execute_result"
|
|
77
|
+
}
|
|
78
|
+
],
|
|
79
|
+
"source": [
|
|
80
|
+
"from ipywidgets import IntSlider\n",
|
|
81
|
+
"w = IntSlider()\n",
|
|
82
|
+
"w"
|
|
83
|
+
]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"cell_type": "code",
|
|
87
|
+
"execution_count": 1,
|
|
88
|
+
"metadata": {},
|
|
89
|
+
"outputs": [
|
|
90
|
+
{
|
|
91
|
+
"data": {
|
|
92
|
+
"text/plain": []
|
|
93
|
+
},
|
|
94
|
+
"execution_count": 1,
|
|
95
|
+
"metadata": {},
|
|
96
|
+
"output_type": "execute_result"
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
"source": [
|
|
100
|
+
"w"
|
|
101
|
+
]
|
|
34
102
|
},
|
|
35
103
|
{
|
|
36
104
|
"cell_type": "code",
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"cells": [
|
|
3
|
+
{
|
|
4
|
+
"cell_type": "code",
|
|
5
|
+
"execution_count": 1,
|
|
6
|
+
"metadata": {},
|
|
7
|
+
"outputs": [
|
|
8
|
+
{
|
|
9
|
+
"data": {
|
|
10
|
+
"text/plain": []
|
|
11
|
+
},
|
|
12
|
+
"execution_count": 1,
|
|
13
|
+
"metadata": {},
|
|
14
|
+
"output_type": "execute_result"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"source": [
|
|
18
|
+
"import pygwalker as pyg\n",
|
|
19
|
+
"import pandas as pd\n",
|
|
20
|
+
"\n",
|
|
21
|
+
"df = pd.read_csv(\"https://kanaries-app.s3.ap-northeast-1.amazonaws.com/public-datasets/bike_sharing_dc.csv\")\n",
|
|
22
|
+
"\n",
|
|
23
|
+
"walker = pyg.walk(df)"
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"cell_type": "code",
|
|
28
|
+
"execution_count": null,
|
|
29
|
+
"metadata": {},
|
|
30
|
+
"outputs": [],
|
|
31
|
+
"source": []
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
"metadata": {
|
|
35
|
+
"kernelspec": {
|
|
36
|
+
"display_name": "Python (ipykernel)",
|
|
37
|
+
"language": "python",
|
|
38
|
+
"name": "python"
|
|
39
|
+
},
|
|
40
|
+
"language_info": {
|
|
41
|
+
"codemirror_mode": {
|
|
42
|
+
"name": "ipython",
|
|
43
|
+
"version": 3
|
|
44
|
+
},
|
|
45
|
+
"file_extension": ".py",
|
|
46
|
+
"mimetype": "text/x-python",
|
|
47
|
+
"name": "python",
|
|
48
|
+
"nbconvert_exporter": "python",
|
|
49
|
+
"pygments_lexer": "ipython3",
|
|
50
|
+
"version": "3.10.4"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"nbformat": 4,
|
|
54
|
+
"nbformat_minor": 4
|
|
55
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ICellSidebarProps } from '../../components/notebook/cell/sidebar
|
|
1
|
+
import { ICellSidebarProps } from '../../components/notebook/cell/sidebar';
|
|
2
2
|
export declare const CellSidebarSource: (props: ICellSidebarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default CellSidebarSource;
|
|
@@ -7,23 +7,23 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
7
7
|
import { useState } from 'react';
|
|
8
8
|
import { ActionMenu, Button, Box } from '@primer/react';
|
|
9
9
|
import { ChevronRightIcon, XIcon, ChevronUpIcon, ChevronDownIcon, SquareIcon, } from '@primer/octicons-react';
|
|
10
|
-
import CellMetadataEditor from '../../components/notebook/cell/metadata
|
|
11
|
-
import useNotebookStore from '../../components/notebook
|
|
12
|
-
import {
|
|
10
|
+
import { CellMetadataEditor } from '../../components/notebook/cell/metadata';
|
|
11
|
+
import { useNotebookStore } from '../../components/notebook';
|
|
12
|
+
import { DATALAYER_CELL_SIDEBAR_CLASS_NAME } from '../../components/notebook/cell/sidebar/CellSidebarWidget';
|
|
13
13
|
export const CellSidebarSource = (props) => {
|
|
14
|
-
const { notebookId,
|
|
14
|
+
const { notebookId, cellNodeId, nbgrader } = props;
|
|
15
15
|
const notebookStore = useNotebookStore();
|
|
16
16
|
const [visible, setVisible] = useState(false);
|
|
17
17
|
const activeCell = notebookStore.selectActiveCell(notebookId);
|
|
18
18
|
const layout = activeCell?.layout;
|
|
19
19
|
if (layout) {
|
|
20
20
|
const cellWidget = layout.widgets[0];
|
|
21
|
-
if (cellWidget?.node.id ===
|
|
21
|
+
if (cellWidget?.node.id === cellNodeId) {
|
|
22
22
|
if (!visible) {
|
|
23
23
|
setVisible(true);
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
if (cellWidget?.node.id !==
|
|
26
|
+
if (cellWidget?.node.id !== cellNodeId) {
|
|
27
27
|
if (visible) {
|
|
28
28
|
setVisible(false);
|
|
29
29
|
}
|
|
@@ -32,27 +32,27 @@ export const CellSidebarSource = (props) => {
|
|
|
32
32
|
if (!visible) {
|
|
33
33
|
return _jsx("div", {});
|
|
34
34
|
}
|
|
35
|
-
return activeCell ? (_jsxs(Box, { className:
|
|
35
|
+
return activeCell ? (_jsxs(Box, { className: DATALAYER_CELL_SIDEBAR_CLASS_NAME, sx: {
|
|
36
36
|
'& p': {
|
|
37
37
|
marginBottom: '0 !important',
|
|
38
38
|
},
|
|
39
|
-
}, children: [_jsx(
|
|
39
|
+
}, children: [_jsx(Box, { children: _jsx(Button, { leadingVisual: ChevronRightIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
40
40
|
e.preventDefault();
|
|
41
41
|
notebookStore.run(notebookId);
|
|
42
|
-
}, children: "Run" }) }), _jsx(
|
|
42
|
+
}, children: "Run" }) }), _jsx(Box, { children: _jsx(Button, { leadingVisual: ChevronUpIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
43
43
|
e.preventDefault();
|
|
44
44
|
notebookStore.insertAbove({
|
|
45
45
|
id: notebookId,
|
|
46
46
|
cellType: 'code',
|
|
47
47
|
source: "print('Hello 🪐 ⚛️ Jupyter React, I have been inserted up ⬆️.')",
|
|
48
48
|
});
|
|
49
|
-
}, children: "Code (with source)" }) }), _jsx(
|
|
49
|
+
}, children: "Code (with source)" }) }), _jsx(Box, { children: _jsx(Button, { leadingVisual: ChevronUpIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
50
50
|
e.preventDefault();
|
|
51
51
|
notebookStore.insertAbove({
|
|
52
52
|
id: notebookId,
|
|
53
53
|
cellType: 'markdown',
|
|
54
54
|
});
|
|
55
|
-
}, children: "Markdown" }) }), _jsx(
|
|
55
|
+
}, children: "Markdown" }) }), _jsx(Box, { children: activeCell.model.type === 'code' ? (_jsx(Button, { leadingVisual: SquareIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
56
56
|
e.preventDefault();
|
|
57
57
|
notebookStore.changeCellType({
|
|
58
58
|
id: notebookId,
|
|
@@ -64,20 +64,20 @@ export const CellSidebarSource = (props) => {
|
|
|
64
64
|
id: notebookId,
|
|
65
65
|
cellType: 'code',
|
|
66
66
|
});
|
|
67
|
-
}, children: "To Code" })) }), _jsx(
|
|
67
|
+
}, children: "To Code" })) }), _jsx(Box, { children: _jsx(Button, { leadingVisual: ChevronDownIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
68
68
|
e.preventDefault();
|
|
69
69
|
notebookStore.insertBelow({
|
|
70
70
|
id: notebookId,
|
|
71
71
|
cellType: 'markdown',
|
|
72
72
|
});
|
|
73
|
-
}, children: "Markdown" }) }), _jsx(
|
|
73
|
+
}, children: "Markdown" }) }), _jsx(Box, { children: _jsx(Button, { leadingVisual: ChevronDownIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
74
74
|
e.preventDefault();
|
|
75
75
|
notebookStore.insertBelow({
|
|
76
76
|
id: notebookId,
|
|
77
77
|
cellType: 'code',
|
|
78
78
|
source: "print('Hello 🪐 ⚛️ Jupyter React, I have been inserted down ⬇️.')",
|
|
79
79
|
});
|
|
80
|
-
}, children: "Code (with source)" }) }), _jsx(
|
|
80
|
+
}, children: "Code (with source)" }) }), _jsx(Box, { children: _jsx(Button, { leadingVisual: XIcon, variant: "invisible", size: "small", onClick: (e) => {
|
|
81
81
|
e.preventDefault();
|
|
82
82
|
notebookStore.delete(notebookId);
|
|
83
83
|
}, children: "Delete" }) }), nbgrader && (_jsx(ActionMenu, { children: _jsx(CellMetadataEditor, { notebookId: notebookId, cell: activeCell, nbgrader: nbgrader }) }))] })) : (_jsx(_Fragment, {}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellSidebarSource.js","sourceRoot":"","sources":["../../../src/examples/sidebars/CellSidebarSource.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,EACL,aAAa,EACb,eAAe,EACf,UAAU,GACX,MAAM,wBAAwB,CAAC;AAEhC,OAAO,kBAAkB,MAAM,
|
|
1
|
+
{"version":3,"file":"CellSidebarSource.js","sourceRoot":"","sources":["../../../src/examples/sidebars/CellSidebarSource.tsx"],"names":[],"mappings":"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"}
|