| # Stand-alone demo pages for sketch web components |
| |
| These are handy for iterating on specific component UI issues in isolation from the rest of the sketch application, and without having to start a full backend to serve the full frontend app UI. |
| |
| # How to use this demo directory to iterate on component development |
| |
| From the `loop/webui` directory: |
| |
| 1. In one shell, run `npm run watch` to build the web components and watch for changes |
| 1. In another shell, run `npm run demo` to start a local web server to serve the demo pages |
| 1. open http://localhost:8000/src/web-components/demo/ in your browser |
| 1. make edits to the .ts code or to the demo.html files and see how it affects the demo pages in real time |
| |
| Alternately, use the `webui: watch demo` task in VSCode, which runs all of the above for you. |