This project was generated with the BioJS WebComponent Generator, which has produced the basic files needed for your tool. You'll still need to handle the implementation details, though.
- [] edit src/index.js and add code to initialise your tool
- [] update examples/index.html to show a demo of your tool
- [] add
preview.pngto the root directory of this repo. This image will be used to preview your tool. - [] update your tool's description in README.md
- [] edit package.json and point to your github repository, something like
"repository": { "type": "git", "url": "git@github.com:yourGitHubUser/someRepo.git" }, - [] add any css styles to src/style.less
Run the commands written below in the given order -
npm run lessnpm run buildnpm start
Navigate to the examples page and check if your component is working.
All those done? Now anybody can use your Web Component by importing the bundle.js file in the dist directory and style.css if you have a stylesheet.
Brilliant! To push this component to npm, you'll need an account at npmjs.com. Once you've signed up....
- Run
npm loginin your terminal to sign in to npm. Add your username and password when prompted. - Run
npm publish- this step will publish your app onto the public npm repository.
That's it. Congratulations - you've published your first BioJS component! The registry is updated once a day, so it might be a few hours or up to a day before your component appears.