media-chrome

v1.4.3-canary.3-08b580f
Custom elements (web components) for making audio and video player controls that look great in your website or app.
webcomponent html5 video audio media player controls

dev

yarn watch

lint

eslint src/js

size

echo "\n dist/\033[1miife/index.js\033[0m \033[0;32m$(($(cat dist/iife/index.js | gzip -c9 | wc -c)))B gzip\033[0m\n"

test

web-test-runner --coverage --config test/web-test-runner.config.js

build

run-s build:types build:esm build:cjs build:iife build:react

clean

rimraf dist

start

yarn dev

watch

run-p watch:types watch:esbuild

format

prettier --write .

manifest

npx @custom-elements-manifest/analyzer analyze --config scripts/custom-elements-manifest.config.js

build:cjs

esbuild src/js/*.js src/js/*/*.js src/js/*/*/*.js --target=es2019 --format=cjs --outdir=dist/cjs

build:esm

esbuild src/js/*.js src/js/*/*.js src/js/*/*/*.js --target=es2019 --format=esm --outdir=dist

build:iife

esbuild src/js/index.js --bundle --target=es2019 --format=iife --outdir=dist/iife --minify --sourcemap --global-name=MediaChrome

build:react

node ./scripts/react/build.js

build:types

tsc

premanifest

cp -R src/js/ dist/

watch:types

yarn build:types -w

postbuild:cjs

echo '{"type": "commonjs"}' > ./dist/cjs/package.json

watch:esbuild

node ./scripts/esbuild.js

postbuild:iife

yarn size

postbuild:react

esbuild dist/react/*.js dist/react/common/*.js --target=es2019 --format=cjs --outdir=dist/cjs/react

publish-release

./scripts/publish.sh

Metadata

  • MIT
  • Whatever
  • @muxinc
  • released 10/3/2023

Downloads

Maintainers