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 a customElements.define("my-element", MyElement); to your JS