Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jupyter/atom-notebook
[Deprecated] Jupyter Notebook, but inside Atom.
https://github.com/jupyter/atom-notebook
Last synced: 3 months ago
JSON representation
[Deprecated] Jupyter Notebook, but inside Atom.
- Host: GitHub
- URL: https://github.com/jupyter/atom-notebook
- Owner: jupyter
- License: mit
- Created: 2015-07-28T20:26:07.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2021-05-14T22:33:25.000Z (about 3 years ago)
- Last Synced: 2024-01-17T20:38:08.559Z (5 months ago)
- Language: JavaScript
- Homepage:
- Size: 85.9 KB
- Stars: 307
- Watchers: 21
- Forks: 56
- Open Issues: 76
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Lists
- awesome-stars - atom-notebook - [CALL FOR MAINTAINERS] Jupyter Notebook, but inside Atom. (JavaScript)
- alex-mikhalev-awesome-stars - atom-notebook - Jupyter Notebook, but inside Atom. (JavaScript)
README
# jupyter-notebook
> This project does not have any active maintainers. We recommend that you use [nteract](https://nteract.io/desktop), a native notebook application built using Electron, React (like this project), Redux, and RxJS, or [Hydrogen](https://nteract.io/atom), a LightTable-inspired package for Atom that allows users to run code blocks and selections using Jupyter kernels.
A package that works like the [Jupyter Notebook](http://jupyter.org/), but inside Atom. It's registered as an opener for `.ipynb` files — try opening one!
## Install
1. Install dependencies:
##### OS X
* Python 3: `brew install python3` (there are [issues](http://apple.stackexchange.com/questions/209572/how-to-use-pip-after-the-el-capitan-max-os-x-upgrade) with pip2 and OS X 10.11)
* Jupyter and Jupyter Kernel Gateway: `pip3 install jupyter jupyter_kernel_gateway`
##### Linux (Debian)
* Python: `sudo apt-get install python python-pip`
* Jupyter and Jupyter Kernel Gateway: `pip install jupyter jupyter_kernel_gateway`
2. `apm install jupyter-notebook` or search for *jupyter-notebook* inside of Atom
## Usage
* Run cell: SHIFT+ENTER, CMD+ENTER (or CTRL+ENTER on Windows)
## Developers
### Install
1. `git clone https://github.com/jupyter/atom-notebook.git`
2. `apm install`
3. `apm link`
### Achitecture
This package is built on React and the Flux architecture.
#### Map
- **main** tells Atom how to render `NotebookEditor` and registers as an Opener for `.ipynb` files
- **dispatcher** is a singleton flux.Dispatcher which contains the list of valid actions
- **notebook-editor** is the Store and handles all of the business logic. It loads the file in, creates a state, then receives Actions and updates the state accordingly.
- **notebook-editor-view**, notebook-cell, text-editor, display-area are the views. notebook-editor-view updates its state by fetching it from notebook-editor, then passes appropriate bits of that state down to the other views as props.
#### Flow
**Rendering:** `NotebookEditor -> NotebookEditorView -> [child views]`
**Updating:** `[external action] -> Dispatcher.dispatch -> NotebookEditor.onAction ?-> NotebookEditor._onChange -> NotebookEditorView._onChange`
#### Immutable state
The state returned by `NotebookEditor.getState` is an [`Immutable.js`](https://facebook.github.io/immutable-js/) object.
Accessing its properties inside a view looks like this:
```javascript
let executionCount = this.props.data.get('execution_count');
```
Changing it (in NotebookEditor) looks like this:
```javascript
this.state = this.state.setIn(
['cells', cellIndex, 'source'],
payload.source);
```
or this:
```javascript
outputs = outputs.push(el.outerHTML);
```
Since React requires a view's state to be a regular JS object, the state of NotebookEditorView takes the form:
```javascript
{
data:
}
```
No other views have state.
### To do
- autocomplete
- `atom.workspace.getActiveTextEditor()` returns `undefined` because `atom.workspace.getActivePaneItem()` returns our custom NotebookEditor class which contains one or more TextEditors, therefore autocomplete, find, and features provided by other packages don't work in cells
- add more actions (duplicate cell, restart kernel, change cell type, etc)
- tell React [our rendering is pure](https://facebook.github.io/react/docs/advanced-performance.html)
- test rendering performance with big notebooks