Taxfyle Widgets

Collection of embedabble widgets to use wherever we may need. The output of these is a single file that can be added to a site via a script tag to power things like our tax calculators.

These are/will be used in our sites as we move to Webflow

Ideal usage of these is publishing the package to npm and just consuming the package via unpkg for free CDN goodness.

Development

The package is built with preact as a lightweight component renderer, microbundle for bundling, and a light engine to find the right DOM nodes to render into as well as to parse props from.

• The src directory contains the source for all the scripts and components.
• The example directory contains html files that can be used to test the usage of the widgets. Feel free to add more as needed.

To start the bundler we run npm run start which should watch for changes in our code and produce a collection of outputs inside the dist directory that are ready to use. We really only use the .umd.js file and the corresponding tfwidgets.css file, but the other formats might become useful at some point.

Running npm run serve starts a local server that serves every file in the directory. This can be used to develop locally by going to the corresponding html under the example directory