kr-layout

Documentation

https://konnorrogers.github.io/kr-layout

Initial install

mkdir -p my-project-name
cd my-project-name
git clone https://github.com/konnorrogers/npm-starter . --depth 1
rm -rf .git
git init
pnpm install -D @web/test-runner @open-wc/testing-helpers @web/test-runner-playwright typescript rimraf @esm-bundle/chai playwright
pnpm exec playwright install --with-deps

Renaming your package

THIS IS A DESTRUCTIVE ACTION THAT CANNOT BE UNDONE

To rename your package, you can run the following command:

npm run rename-package

Which will prompt you for a new name.

Structure

exports/ is publicly available files internal/ is...well...internal.

exports and internal shouldn NOT write their own .d.ts that are co-located.

types/ is where you place your handwritten .d.ts files.

SSR

To SSR this component, here's the expected Declarative Shadow DOM HTML, copy and paste the declarative shadow DOM HTML which can be found here:

/exports/kr-layout/kr-layout.dsd.html