What is this

A lit component for w2ui table w2ui Table here

Installation and usage

From CDN

The package contains a bundled version of the component which includes also the Lit library. It can be useful in case you want to import the package using a CDN.

<script src="https://unpkg.com/@shyamsfo/lit-w2ui-table@beta/dist/w2ui_table.bundle.js"></script>

From NPM

Install the component through NPM:

npm i @shyamsfo/lit-w2ui-table

Usage

Check sample index.html file for usage

Development Setup

First clone the repo. Then run:

yarn install

Development

Run:

1. yarn build:dev to do a dev build.
2. yarn build:prod to do a prod build.
3. yarn build:iife to do a iife build.
4. yarn build to do a prod and iife build.
5. yarn watcher to watch for changes and compile continuously
6. yarn clean to clean resources
7. yarn publish --access=public to publish
8. yarn showtags to list tags in npm
9. scripts/add_tag.sh <version> <tag> to add tags

Once development is complete we are ready to publish. See below.

Publish

1. First commit all the code using git add . and git commit -m "Commit message"
2. Then run yarn publish --access=public
3. This will ask for new version number
4. package.json will be updated with new version number and a new commit will be done
5. prepublish will be run that will do the clean build
6. package will be published
7. git push (including tags) will be done.
8. Verify package has been published at https://www.npmjs.com/package/@shyamsfo/lit-w2ui-table

To publish to github check this: https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry

We can either add a local .npmconfig or add a publishConfig section to package.json Either case, a ~/.npmrc should have the access token

Testing

Local testing from another node project

# in this directory
yarn link

In the client:

yarn link @shyamsfo/lit-w2ui-table