https://github.com/datalayer-examples/jupyterlab-running-sessions-example
🪐 ⚛️ JupyterLab Running Sessions example.
https://github.com/datalayer-examples/jupyterlab-running-sessions-example
datalayer example jupyter lumino react
Last synced: about 1 month ago
JSON representation
🪐 ⚛️ JupyterLab Running Sessions example.
- Host: GitHub
- URL: https://github.com/datalayer-examples/jupyterlab-running-sessions-example
- Owner: datalayer-examples
- License: bsd-3-clause
- Created: 2023-10-23T10:09:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-21T04:45:13.000Z (about 1 year ago)
- Last Synced: 2024-05-21T05:45:41.719Z (about 1 year ago)
- Topics: datalayer, example, jupyter, lumino, react
- Language: TypeScript
- Homepage: https://jupyter-ui.datalayer.tech
- Size: 94.7 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://datalayer.io)
[](https://github.com/sponsors/datalayer)
# 🪐 JupyterLab Running Sessions Example
> JupyterLab Running Sessions Example.
Expose the `RunningSessions` of JupyterLab `Lumino` Widget as a `React.js` Component.
![]()
This is what it takes to show the Running Sessions in your React Components.
```tsx
import { Lumino } from "@datalayer/jupyter-react/lib/jupyter/lumino/Lumino";
import { RunningSessions } from '@jupyterlab/running';export type RunningSessionsProps = {
runningSessions: RunningSessions;
}const JupyterLabRunningSessions = (props: RunningSessionsProps) => {
const { runningSessions } = props;
return (
This is a 🪐 Lumino Widget displayed as a ⚛️ React.js component.
{runningSessions}
);
}export default JupyterLabRunningSessions;
```## TODO
- [ ] JupyterLabApp
- [ ] JupyterLabAppHeadless## Develop
```bash
yarn && yarn build
pip install -e .[test]
jupyter labextension develop . --overwrite
jupyter labextension list
jupyter server extension list
yarn jupyterlab
```