diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
deleted file mode 100644
index d24e634..0000000
--- a/.github/workflows/test.yml
+++ /dev/null
@@ -1,61 +0,0 @@
-name: Test
-
-on: [push]
-
-#on:
-# push:
-# branches: main
-# pull_request:
-# branches: '*'
-
-jobs:
- integration-tests:
- name: Playwright UI tests
- runs-on: ubuntu-latest
-
- env:
- PLAYWRIGHT_BROWSERS_PATH: ${{ github.workspace }}/pw-browsers
-
- steps:
- - name: Checkout
- uses: actions/checkout@v3
-
- - name: Base Setup
- uses: jupyterlab/maintainer-tools/.github/actions/base-setup@v1
-
- - name: Install ogdf-python
- run: |
- set -eux
- python -m pip install .[quickstart]
-
- - name: Install test dependencies
- working-directory: ui-tests
- env:
- YARN_ENABLE_IMMUTABLE_INSTALLS: 0
- PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
- run: jlpm install
-
- - name: Set up browser cache
- uses: actions/cache@v3
- with:
- path: |
- ${{ github.workspace }}/pw-browsers
- key: ${{ runner.os }}-${{ hashFiles('ui-tests/yarn.lock') }}
-
- - name: Install browser
- run: jlpm playwright install chromium
- working-directory: ui-tests
-
- - name: Execute playwright tests
- working-directory: ui-tests
- run: |
- jlpm playwright test
-
- - name: Upload playwright test report
- if: always()
- uses: actions/upload-artifact@v5
- with:
- name: playwright-tests
- path: |
- ui-tests/test-results
- ui-tests/playwright-report
diff --git a/.github/workflows/update-integration-tests.yml b/.github/workflows/update-integration-tests.yml
deleted file mode 100644
index 0120263..0000000
--- a/.github/workflows/update-integration-tests.yml
+++ /dev/null
@@ -1,44 +0,0 @@
-name: Update Playwright Snapshots
-
-on:
- issue_comment:
- types: [created, edited]
-
-permissions:
- contents: write
- pull-requests: write
-
-jobs:
- update-snapshots:
- if: ${{ github.event.issue.pull_request && contains(github.event.comment.body, 'please update playwright snapshots') }}
- runs-on: ubuntu-latest
-
- steps:
- - name: Checkout
- uses: actions/checkout@v3
- with:
- token: ${{ secrets.GITHUB_TOKEN }}
-
- - name: Configure git to use https
- run: git config --global hub.protocol https
-
- - name: Checkout the branch from the PR that triggered the job
- run: gh pr checkout ${{ github.event.issue.number }}
- env:
- GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
- - name: Base Setup
- uses: jupyterlab/maintainer-tools/.github/actions/base-setup@v1
-
- - name: Install ogdf-python
- run: |
- set -eux
- python -m pip install .[quickstart]
-
- - uses: jupyterlab/maintainer-tools/.github/actions/update-snapshots@v1
- with:
- github_token: ${{ secrets.GITHUB_TOKEN }}
- # Playwright knows how to start JupyterLab server
- start_server_script: 'null'
- test_folder: ui-tests
- npm_client: "jlpm"
diff --git a/.gitignore b/.gitignore
index 6e6d77e..de4773a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,219 +1,18 @@
-cmake-build/
-src/ogdf_python/stubs/
-
-# Created by https://www.toptal.com/developers/gitignore/api/python,c++,cmake
-# Edit at https://www.toptal.com/developers/gitignore?templates=python,c++,cmake
-
-### C++ ###
-# Prerequisites
-*.d
-
-# Compiled Object files
-*.slo
-*.lo
-*.o
-*.obj
-
-# Precompiled Headers
-*.gch
-*.pch
-
-# Compiled Dynamic libraries
-*.so
-*.dylib
-*.dll
-
-# Fortran module files
-*.mod
-*.smod
-
-# Compiled Static libraries
-*.lai
-*.la
-*.a
-*.lib
-
-# Executables
-*.exe
-*.out
-*.app
-
-### CMake ###
-CMakeLists.txt.user
-CMakeCache.txt
-CMakeFiles
-CMakeScripts
-Testing
-Makefile
-cmake_install.cmake
-install_manifest.txt
-compile_commands.json
-CTestTestfile.cmake
-_deps
-
-### CMake Patch ###
-# External projects
-*-prefix/
-
-### Python ###
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-share/python-wheels/
*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-# Usually these files are written by a python script from a template
-# before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-*.py,cover
-.hypothesis/
-.pytest_cache/
-cover/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-.pybuilder/
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-# For a library or package, you might want to ignore these files since the code is
-# intended to run in multiple environments; otherwise, check them in:
-# .python-version
-
-# pipenv
-# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-# However, in case of collaboration, if having platform-specific dependencies or dependencies
-# having no cross-platform support, pipenv may install dependencies that don't work, or not
-# install all needed dependencies.
-#Pipfile.lock
-
-# poetry
-# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
-# This is especially recommended for binary packages to ensure reproducibility, and is more
-# commonly ignored for libraries.
-# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
-#poetry.lock
-
-# pdm
-# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
-#pdm.lock
-# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
-# in version control.
-# https://pdm.fming.dev/#use-with-ide
-.pdm.toml
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
-__pypackages__/
-
-# Celery stuff
-celerybeat-schedule
-celerybeat.pid
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
-
-# pytype static type analyzer
-.pytype/
+.ipynb_checkpoints/
+dist/
+build/
+*.py[cod]
+node_modules/
+.venv/
+js/yarn.lock
-# Cython debug symbols
-cython_debug/
+# Compiled javascript
+ogdf_python_widget/nbextension/
+ogdf_python_widget/labextension/
-# PyCharm
-# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
-# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
-# and can be added to the global gitignore or merged into this file. For a more nuclear
-# option (not recommended) you can uncomment the following to ignore the entire idea folder.
-.idea/
+# OS X
+.DS_Store
-# End of https://www.toptal.com/developers/gitignore/api/python,c++,cmake
+# IntelliJ
+.idea
diff --git a/Dockerfile b/Dockerfile
deleted file mode 100644
index 42d0686..0000000
--- a/Dockerfile
+++ /dev/null
@@ -1,23 +0,0 @@
-# Docker container for running OGDF Jupyter notebooks on mybinder.org
-# based on https://mybinder.readthedocs.io/en/latest/tutorials/dockerfile.html
-
-FROM python:3.11
-
-RUN pip install --no-cache-dir ogdf-python[quickstart]
-
-ARG NB_USER=jovyan
-ARG NB_UID=1000
-ENV USER ${NB_USER}
-ENV NB_UID ${NB_UID}
-ENV HOME /home/${NB_USER}
-
-RUN adduser --disabled-password \
- --gecos "Default user" \
- --uid ${NB_UID} \
- ${NB_USER}
-
-COPY . ${HOME}
-USER root
-RUN chown -R ${NB_UID} ${HOME}
-USER ${NB_USER}
-WORKDIR ${HOME}
diff --git a/MANIFEST.in b/MANIFEST.in
new file mode 100644
index 0000000..8e21813
--- /dev/null
+++ b/MANIFEST.in
@@ -0,0 +1,21 @@
+graft ogdf_python_widget/nbextension
+graft ogdf_python_widget/labextension
+
+graft js
+graft tests
+prune **/node_modules
+
+include ogdf-python-widget.json
+
+include LICENSE
+include setup.py
+include pyproject.toml
+include install.json
+
+# Patterns to exclude from any directory
+global-exclude *~
+global-exclude *.pyc
+global-exclude *.pyo
+global-exclude .git
+global-exclude .ipynb_checkpoints
+global-exclude *.map
diff --git a/README.md b/README.md
index 1417f19..67f4b37 100644
--- a/README.md
+++ b/README.md
@@ -1,151 +1,30 @@
-# ogdf-python 0.3.6-dev: Automagic Python Bindings for the Open Graph Drawing Framework
+ogdf-python-widget
+===============================
-`ogdf-python` uses the [black magic](http://www.camillescott.org/2019/04/11/cmake-cppyy/)
-of the awesome [cppyy](https://bitbucket.org/wlav/cppyy/src/master/) library to automagically generate python bindings
-for the C++ [Open Graph Drawing Framework (OGDF)](https://ogdf.uos.de/).
-It is available for Python\>=3.6 and is Apache2 licensed.
-There are no binding definitions files, no stuff that needs extra compiling, it just works™, believe me.
-Templates, namespaces, cross-language callbacks and inheritance, pythonic iterators and generators, it's all there.
-If you want to learn more about the magic behind the curtains, read [this article](http://www.camillescott.org/2019/04/11/cmake-cppyy/).
+A Custom Jupyter Widget Library
-## Useful Links
+Installation
+------------
-[Original repository](https://github.com/N-Coder/ogdf-python) (GitHub) -
-[Bugtracker and issues](https://github.com/N-Coder/ogdf-python) (GitHub) -
-[PyPi package](https://pypi.python.org/pypi/ogdf-python) (PyPi `ogdf-python`) -
-[Try it out!](https://mybinder.org/v2/gh/N-Coder/ogdf-python/HEAD?labpath=docs%2Fexamples%2Fsugiyama-simple.ipynb) (mybinder.org).
+To install use pip:
-[Official OGDF website](https://ogdf.uos.de/) (ogdf.net) -
-[Public OGDF repository](https://github.com/ogdf/ogdf) (GitHub) -
-[OGDF Documentation](https://ogdf.github.io/docs/ogdf/) (GitHub / Doxygen) -
-[cppyy Documentation](https://cppyy.readthedocs.io) (Read The Docs).
+ $ pip install ogdf_python_widget
-## Quickstart
+For a development installation (requires [Node.js](https://nodejs.org) and [Yarn version 1](https://classic.yarnpkg.com/)),
-Click here to start an interactive online Jupyter Notebook with an example OGDF graph where you can try out `ogdf-python`: [](https://mybinder.org/v2/gh/N-Coder/ogdf-python/HEAD?labpath=docs%2Fexamples%2Fsugiyama-simple.ipynb)
-Simply re-run the code cell to see the graph. You can also find further examples next to that Notebook (i.e. via the folder icon on the left).
+ $ git clone https://github.com/ogdf/ogdf-python-widget.git
+ $ cd ogdf-python-widget
+ $ pip install -e .
+ $ jupyter nbextension install --py --symlink --overwrite --sys-prefix ogdf_python_widget
+ $ jupyter nbextension enable --py --sys-prefix ogdf_python_widget
-To get a similar Jupyter Notebook with a little more compute power running on your local machine, use the following install command and open the link to `localhost`/`127.0.0.1` that will be printed in your browser:
+When actively developing your extension for JupyterLab, run the command:
-``` bash
-pip install 'ogdf-python[quickstart]'
-jupyter lab
-```
+ $ jupyter labextension develop --overwrite ogdf_python_widget
-The optional `[quickstart]` pulls in matplotlib and jupyter lab as well as a ready-to-use binary build of the OGDF via [ogdf-wheel](https://github.com/ogdf/ogdf-wheel).
-Please note that downloading and installing all dependencies (especially building `cppyy`) may take a moment.
-If you want to use your own local build of the OGDF, see the instructions [below](#manual-installation) for installing `ogdf-python` without `ogdf-wheel`.
+Then you need to rebuild the JS when you make a code change:
-> [!IMPORTANT]
-> We currently support Linux, MacOS on Intel and Apple Silicon, and the Windows Subsytem for Linux.
-> Directly running on **Windows is not supported**, see [issue 4](https://github.com/ogdf/ogdf-python/issues/8#issuecomment-2820925482).
-> When using WSL, make sure that you are using the Linux python(3) and not the Windows python.exe, i.e. the [startup message](https://docs.python.org/3/tutorial/interpreter.html#interactive-mode) of the python interpreter should end with `on linux` instead of `on win32`.
+ $ cd js
+ $ yarn run build
-## Usage
-
-`ogdf-python` works very well with Jupyter:
-
-``` python
-# %matplotlib widget
-# uncomment the above line if you want the interactive display
-
-from ogdf_python import *
-cppinclude("ogdf/basic/graph_generators/randomized.h")
-cppinclude("ogdf/layered/SugiyamaLayout.h")
-
-G = ogdf.Graph()
-ogdf.setSeed(1)
-ogdf.randomPlanarTriconnectedGraph(G, 20, 40)
-GA = ogdf.GraphAttributes(G, ogdf.GraphAttributes.all)
-
-for n in G.nodes:
- GA.label[n] = "N%s" % n.index()
-
-SL = ogdf.SugiyamaLayout()
-SL.call(GA)
-GA
-```
-
-[