cabreraalex/widget-svelte-cookiecutter

A cookiecutter template for making IPyWidgets using Svelte

widget-svelte-cookiecutter's Issues

Create a WidgetModel mock and test website

By using Svelte we can create a mock website that is much faster to develop with that renders the widget with a mock widget to a normal website. This requires the following:

1. A WidgetModel mock that implements the right functions.
2. A index.js and index.html that load and display App.svelte.

Sync/tie this to the official TS cookie cutter

There are lots of updates happening on the official typescript cookie cutter that aren't captured here without my manual updates. It would be nice to include those or sync this repo somehow. This is related to this issue as well: jupyter-widgets/team-compass#4

npm run dev creates a top-level directory

TypeScript dependency issues

Current package.json installs typescript version ~4.1.3.

yarn actually fails using typescript<4.2 with error TS1005: ',' expected., etc.

It fails using typescript>4.8 with Error: Debug Failure. Unhandled SyntaxKind: ImportClause. which is a bug specific to svelte-loader.

Either webpack^5.0.0 (currently 5.80) or jupyterlab/builder^3.0.0 (currently 3.6.3) is not compatible with typescript<4.2. Recommend using [email protected].

Update README.MD in copied project

add notes about dev server, etc.

Missing py dep jupyter_packaging

Before I could run:

jupyter labextension develop --overwrite .

I had to do:

pip install jupyter-packaging

Otherwise this errors:

widget-svelte-cookiecutter/{{cookiecutter.github_project_name}}/setup.py

Lines 14 to 20 in feb467b

	from jupyter_packaging import (
	create_cmdclass,
	install_npm,
	ensure_targets,
	combine_commands,
	get_version,
	)

Typescript not working inside of Svelte files

I have the preprocessor set up but it's not working for some reason, the props become undefined when changing the language in the <script> tag