Leapfrog Interactive Canvas

A set of APIs wrapping the fabric.js library, providing Leapfrog-specific behavior and interactions.

Installing

npm install --save @leapfrog/interactive-canvas

Installing (Node)

If running in node, you additionally need jsdom:

npm install --save jsdom

Building

npm run build

or

npm run watch

Using library in another Project

npm install @leapfrog/interactive-canvas

Linking for local development

You can use npm link to see changes to the library immediately in a linked project.

Add the following lines to the package.json scripts config in the project that uses this library:

{
  "scripts": {
    "link:lic": "npm link @leapfrog/interactive-canvas",
    "upgrade:lic": "npm install @leapfrog/interactive-canvas@latest --save"
  }
}

• In this project: npm link
• In the calling project: npm run link:lic
• In this project: npm run watch

Changes in the library will be visible in the calling project.

Once complete, publish the changes then run npm run upgrade:lic to get the latest published version of the library in the calling project.

Publishing

The .npmrc file contains the access token needed to publish to the @leapfrog npm repo.

• npm version <version> or npm version <version>-beta.0
• npm run build
• npm publish or npm publish --tag beta