Set of classes required to go with Jquery theme built into one file.
npm i sk-jquery-bundle
then add the following to your html
<sk-config
theme="jquery"
></sk-config>
<sk-input>Input</sk-input>
<script src="/node_modules/sk-jquery-bundle/dist/sk-jquery-bundle.js"></script>
<script type="module">
customElements.define('sk-input', SkInput);
</script>you can register elements you use with
<html class="sk-auto-reg">
<body>
<script src="/node_modules/sk-jquery-bundle/dist/sk-jquery-bundle.js"></script>
<script type="module" src="/node_modules/sk-core/src/sk-registry-init.js"></script>
<sk-config
theme="jquery"
></sk-config>
<sk-input>Input</sk-input>
<sk-registry>
<sk-registry-item key="SkInput" defName="SkInput" is="sk-input"></sk-registry-item>
</sk-registry>
</body>
</html>You can go with just WHATWG modules for development purposes, but may need some extra tools.
relying on the idea all dependant modules checkouted to parent watch can run rebuild bundle and copy to stand project automatically on changed. It can be helpful when you need to debug or develop some related to bundles functionality.
sk/
sk-input/
sk-input-jquery/
sk-jquery-bundle/
sk-stand/
then run
npm run watch
when you are done with changes you may need to check and update all the versions. Update script relies on structure described above.
npm run vbump 0.2.2 false sk-*