GitHub Action 2be6f2eb9f [ci skip] New version		%!s(int64=2) %!d(string=hai) anos
..
src	dbdefed9db Add linter rule for sorting import (#10344)	%!s(int64=3) %!d(string=hai) anos
templates	dc44a1c3c4 Use favicons provided by jupyter_server	%!s(int64=4) %!d(string=hai) anos
README.md	049fc2ab07 Lint fixes	%!s(int64=6) %!d(string=hai) anos
main.py	cde0521528 [3.3.x] Run black (#12282)	%!s(int64=2) %!d(string=hai) anos
package.json	2be6f2eb9f [ci skip] New version	%!s(int64=2) %!d(string=hai) anos
tsconfig.json	585ab42369 typing fixes for typedoc build	%!s(int64=4) %!d(string=hai) anos
webpack.config.js	de7d3f5150 Propagate webpack config defineplugin changes to other wepback configs.	%!s(int64=4) %!d(string=hai) anos

Jupyter JS Services Browser Example

This example demonstrates using Jupyter JS Services from the browser using Webpack. The python script main.py is used to start a Jupyter Notebook Server and serve the Webpack bundle.

The base url of the notebook server is to the HTML template as part of a JSON script tag. The script starts a python notebook session and interacts with it, printing messages to the browser console.

The example can be installed as npm install and run as python main.py.

Notes:

The example is written in TypeScript using ES6 syntax.
The TypeScript compiler config is in tsconfig.json.
A typings file and a polyfill are required for ES6 promises.
The example requires version 4.1+ of the Jupyter Notebook.
This example requires its dependencies from the root directory of the repo, but typically the requirements would be directly in package.json

README.md

Jupyter JS Services Browser Example