# Using jupyter-js-widgets in non-notebook, web context

## Description

This directory is an example project that shows how to use Jupyter widgets
in a web context other than the notebook.

This example requires a Jupyter notebook server to be running. The user is
prompted with a dialog to provide the URL with a running notebook server.

This example also displays read-only text area containing the code
provided in the `widget_code.json`, which we used to generate the widget state.

## Try it

1. Start with a repository checkout, and run `npm install` in the root directory.
2. Run `npm run build:examples` in the root directory.
3. Change to this directory
4. Run `npm run host`
5. In a new terminal run `python -m notebook --no-browser --NotebookApp.allow_origin="*" --NotebookApp.disable_check_xsrf=True --NotebookApp.token=''`
6. In a web browser, navigate to `http://localhost:8080/` (or the address specified by the `npm run host` command)

# Using jupyter-js-widgets in non-notebook, web context

## Description

This directory is an example project that shows how to use Jupyter widgets
in a web context other than the notebook.

This example requires a Jupyter notebook server to be running. The user is
prompted with a dialog to provide the URL with a running notebook server.

This example also displays read-only text area containing the code
provided in the `widget_code.json`, which we used to generate the widget state.

## Try it

1. Start with a repository checkout, and run `npm install` in the root directory.
2. Run `npm run build:examples` in the root directory.
3. Change to this directory
4. Run `npm run host`
5. In a new terminal run `python -m notebook --no-browser --NotebookApp.allow_origin="*" --NotebookApp.disable_check_xsrf=True --NotebookApp.token=''`. **WARNING: This starts an insecure Jupyter notebook server. Do not do this in production.**
6. In a web browser, navigate to `http://localhost:8080/` (or the address specified by the `npm run host` command)

Add warning note in web3 example.
Add warning note in web3 example.