media-chrome

v4.2.1
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

format

prettier . --write

clean

rimraf dist

lint

eslint src/js

premanifest

mkdir -p dist/ && cp -R src/js/media-* dist/ && mkdir -p dist/menu && cp -R src/js/menu/media-* dist/menu

manifest

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

postmanifest

rimraf 'dist/**/media-*'

build:types

tsc

build:esm

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

build:cjs

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

postbuild:cjs

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

build:iife:index

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

build:iife:all

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

build:react

node ./scripts/react/build.js

postbuild:react

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

build

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

watch

run-p watch:types watch:build

watch:types

yarn build:types -w

watch:build

run-p 'build:esm --watch=forever' 'build:cjs --watch=forever' 'build:iife:* --watch=forever'

dev

run-p watch serve

start

yarn dev

test

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

serve

wet serve --cors --livereload --redirect :examples/vanilla/ --log-level error
npm i media-chrome

Metadata

  • MIT
  • Whatever
  • @muxinc
  • released 10/10/2024

Downloads

Maintainers