zest
Custom Elements or Web Components and associated helpers from Catalyst
status
This is in heavy experiment mode. Use at your own risk.
Getting Started
To use it, pick a package and import it, or import the umbrella package "@catalystsquad/zest"
TODO: Talk about the dev workflow when we have it.
Handy Commands
From root of the repo!
Install any new packages:
npm install ./packages/*
Make a new package, changing the package name from PascalCase to kebab-case where needed:
./mknewpackage SomePackageName
In testing, remember that you can use @vitest-environment for cases where you want to switch between jsdom or happy-dom https://vitest.dev/config/#environment
Tips and Troubleshooting:
- If you are getting
Uncaught Error: Illegal Constructor
chances are you didn't add acustomElements.define("my-element", MyElement);
to your JS