react-jupyter

This project takes heavily from nteract

Installation

npm install @kyso/react-jupyter
or
yarn add @kyso/react-jupyter

Demo

https://react-jupyter.oss.kyso.io/

Usage

import Jupyter from '@kyso/react-jupyter'

<Jupyter
  content={notebookJSON}
  showCode={true} // optional
  showOutput={true}
/>

• content - is the json content of an ipynb notebook file. Note: it must be json, not a string.
• showCode - (optional), defaults to false, whether or not to show the code and the code outputs in the notebook. It can be handy to hide the code to make a nice presentation.
• showOput - (optional), defaults to false, whether or not to show the code outputs in the notebook.

Dev

yarn
yarn run dev

This will open a window there the renderer is displayed, then edit the files in src to make changes.

Deploy library:

yarn run build
npm version patch
npm publish -d

Deploy demo

yarn run export
cd out
now

Then get the deployment url and alias it:

now alias <deployment url> react-jupyter.oss.kyso.io