@resonate/textarea-element NPM

Installation

First, make sure you have the latest version of node.js

To use this project you also need lerna. Lerna is a tool for managing JavaScript projects with multiple packages. .

npm i lerna -g

Then you should install dependencies using the bootstrap command.

lerna bootstrap

Development

Beta app

To start beta app with bankai.

npm start

By default, the app is accessible at https://localhost:8080.

See bankai docs for usage.

Embed app

npm run start:embed

Add a package

lerna add @resonate/button --scope "@resonate/app"

Add a dev dependency

Here's how you would add gulp to tools

lerna add gulp --scope tools

Build

Compile app to dist using bankai.

npm run build:app

To compile a specific package

lerna run build --scope "@resonate/rangeslider"

Testing

Run all tests (standard, dependency-check)

npm test

Test a specific component

lerna run test --scope "@resonate/player-component"

A package can have browser tests (tape-run)

lerna run test:browser --scope "@resonate/api-factory-generator"

Environment

Setup your env variables for development

cp .env.example .env

Nginx

You can find an example nginx configuration file in the docs.

HTTPS

Secure connection is required to fully test PWA's. Bankai does generate a certificate for localhost. It should be located at ~/.config/bankai. See HTTPS instructions.

If you want, you can generate a custom certificate using mkcert for beta.resonate.localhost. This origin is whitelisted in our CORS config.

Commands

Commands needs to be ran with $ lerna run.

Example: $ lerna run --scope @resonate/app start --parallel.

Command	Description
`$ npm start`	Start beta app development server
`$ npm start:embed`	Start embed app development server
`$ npm test`	Lint, validate deps & run dependency-check for all packages
`$ npm run build`	Compile all beta app files into `beta/dist/`
`$ npm run build:embed`	Compile all embed app files into `embed/dist/`

Code style

We use standard as a linter and javascript style guide. Make sure to add appropriate plugin for your editor (see: standard#are-there-text-editor-plugins)

Maintainers

Augustin Godiscal auggod@resonate.is
Marie marie@resonate.is

@resonate/textarea-element v1.1.0

Table of Contents