Developer Install¶

{ "ce43564c49054e1aad1a1fd5ff021b84": { "model_name": "LayoutModel", "model_module": null, "state": { "_view_name": "LayoutView", "right": "", "justify_content": "", "_view_module": "", "overflow": "", "height": "", "flex_flow": "", "border": "", "align_items": "", "bottom": "", "_model_module": null, "top": "", "width": "", "flex": "", "_model_name": "LayoutModel", "visibility": "", "padding": "", "align_self": "", "align_content": "", "msg_throttle": 3, "margin": "", "display": "", "left": "" } }, "e43a868c5c0b4db39f0416d0fe9cc476": { "model_name": "IntSliderModel", "model_module": null, "state": { "_view_name": "FloatSliderView", "orientation": "horizontal", "color": null, "_view_module": "", "height": "", "disabled": false, "visible": true, "border_radius": "", "border_width": "", "background_color": null, "font_style": "", "layout": "IPY_MODEL_ce43564c49054e1aad1a1fd5ff021b84", "min": 0, "_range": false, "_model_module": null, "slider_color": null, "width": "", "continuous_update": true, "font_family": "", "_dom_classes": [], "description": "testtesttesttesttesttesttesttesttesttest", "_model_name": "IntSliderModel", "max": 4, "border_color": null, "readout": true, "padding": "", "font_weight": "", "step": 0.3333333333333333, "border_style": "", "font_size": "", "msg_throttle": 3, "value": 0, "margin": "" } } }

To install ipywidgets from git, you will need npm and the latest development copy of the Jupyter notebook because everything in the ipywidgets repository is developed using Jupyter notebook master. If you want to have a copy of ipywidgets that works against a stable version of the notebook, checkout the appropriate tag (see the Compatibility table above).

If you install using sudo, you need to make sure that npm is also available in the PATH used with sudo.

clone the repo:

 git clone https://github.com/ipython/ipywidgets
 cd ipywidgets

Dev-install of the package (run from repo directory):
```
 pip install -v -e .
```

Build the Jupyter Widgets package

 cd jupyter-js-widgets
 npm install
 cd ..

Install the Jupyter Widgets nbextension

 cd widgetsnbextension
 npm install
 npm run update:widgets
 pip install -v -e .
 cd ..

After you’ve made changes to jupyter-js-widgets and you’d like to test those changes, run the following, empty your browsers cache, and refresh the page.

    cd widgetsnbextension
    npm run update:widgets
    cd ..

TIPS: If you have any problems with the above install procedure, make sure that permissions on npm and pip related install directories are correct. Sometimes it helps to clear cached files too by running git clean -dfx. Also, when you make changes to the Javascript, if you’re not seeing the changes it could be your browser caching aggressively. Try using “incognito” or “private” browsing tabs to avoid caching.