@unicef-polymer/etools-piwik-analytics v4.1.3

\<etools-piwik-analytics>

Piwik Analytics front end integration LitELement component for eTools

Usage

Import into app-shell.html file and initialize as the first child element, eg:

...
</style>
<piwik-analytics page="[[subroute.prefix]]" user="[[user]]" toast="[[currentToastMessage]]"></piwik-analytics>

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your application locally.

Viewing Your Application

$ polymer serve

Building Your Application

$ polymer build

This will create a build/ folder with bundled/ and unbundled/ sub-folders containing a bundled (Vulcanized) and unbundled builds, both run through HTML, CSS, and JS optimizers.

You can serve the built versions by giving polymer serve a folder to serve from:

$ polymer serve build/bundled

Linting the code

Install local npm packages (run npm install) Then just run the linting task

$ npm run lint

You should also use polylint. If you don't have Polylint installed run npm install -g polylint. Then just run the linter on each file you wish to check like so

$ polylint -i filename.html

At the moment polylint crashes if it encounters a missing import. If that happens, temporarily comment out such imports and run the command again.

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.