An open API service indexing awesome lists of open source software.

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.

Awesome Lists containing this project

README

        

[![Datalayer](https://assets.datalayer.tech/datalayer-25.svg)](https://datalayer.io)

[![Become a Sponsor](https://img.shields.io/static/v1?label=Become%20a%20Sponsor&message=%E2%9D%A4&logo=GitHub&style=flat&color=1ABC9C)](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.


JupyterLab Running Sessions

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
```