| Sean McCullough | 86b5686 | 2025-04-18 13:04:03 -0700 | [diff] [blame] | 1 | # Stand-alone demo pages for sketch web components |
| 2 | |
| 3 | 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. |
| 4 | |
| 5 | # How to use this demo directory to iterate on component development |
| 6 | |
| 7 | From the `loop/webui` directory: |
| 8 | |
| 9 | 1. In one shell, run `npm run watch` to build the web components and watch for changes |
| 10 | 1. In another shell, run `npm run demo` to start a local web server to serve the demo pages |
| 11 | 1. open http://localhost:8000/src/web-components/demo/ in your browser |
| 12 | 1. make edits to the .ts code or to the demo.html files and see how it affects the demo pages in real time |
| 13 | |
| 14 | Alternately, use the `webui: watch demo` task in VSCode, which runs all of the above for you. |