The goal of this project was to create a buildless application using web components that has JSDoc type checking.
- Vite is used for the dev server and can be used to bundle, but is not necessary.
- Preact is used for the UI library.
- es6-string-html plugin is used for syntax highlighting
- This code can be uploaded to a server and it will work without a build step or transpilation.
Download and run:
git clone [email protected]:gkiely/esm-project.git
npm run dev
Component (screenshot):
![image](https://private-user-images.githubusercontent.com/1948935/289150546-0b04af74-f9bf-4387-bc7c-acd1b09fa31b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM0MzExMDIsIm5iZiI6MTcyMzQzMDgwMiwicGF0aCI6Ii8xOTQ4OTM1LzI4OTE1MDU0Ni0wYjA0YWY3NC1mOWJmLTQzODctYmM3Yy1hY2QxYjA5ZmEzMWIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTJUMDI0NjQyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MzE5ZmU2OTYwODFhYjdiMWVjNWU0YTQ2YTVhYjFiYmY3ZDQzMTBlMDE1NGU2MjA1ZGNmYTVjOGY2NDNmNjU0NSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.uW4tcETchW8FvVdrZ4-GLTuEyodqTb7PfgwVWt1pJHc)
Original discussion: esm-dev/esm.sh#774 (comment)