browsertrix/frontend
sua yoo 0f97724ad0
Set up frontend dev tooling (#6)
* Add eslint for linting js (https://github.com/ikreymer/browsertrix-cloud/pull/7)
* Add prettier for formatting frontend files (https://github.com/ikreymer/browsertrix-cloud/pull/9)
* Add frontend testing framework (https://github.com/ikreymer/browsertrix-cloud/pull/10)

closes #4, closes #5
2021-11-18 17:26:10 -08:00
..
src Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
.gitignore Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
index.html Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
package.json Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
postcss.config.js Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
README.md Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
tailwind.config.js Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
web-test-runner.config.mjs Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
webpack.config.js Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00
yarn.lock Set up frontend dev tooling (#6) 2021-11-18 17:26:10 -08:00

Browsertrix Cloud frontend

Quickstart

Install dependencies:

yarn

Start the dev server:

yarn start-dev

This will open localhost:9870 in a new tab in your default browser.

Scripts

yarn <name>
start-dev runs app in development server, reloading on file changes
test runs tests in chromium with playwright
build-dev bundles app and outputs it in dist directory
build bundles app app, optimized for production, and outputs it to dist
lint find and fix auto-fixable javascript errors
format formats js, html and css files

Testing

Tests assertions are written in Chai.

To watch for file changes while running tests:

yarn test --watch

To run tests in multiple browsers:

yarn test --browsers chromium firefox webkit