media-chrome

v4.1.4-canary.4
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

run-p watch serve

lint

eslint src/js

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

serve

wet serve --cors --livereload --redirect :examples/vanilla/ --log-level error

start

yarn dev

watch

run-p watch:types watch:build

format

prettier . --write

manifest

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

build:cjs

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

build:esm

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

build:react

node ./scripts/react/build.js

build:types

tsc

premanifest

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

watch:build

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

watch:types

yarn build:types -w

postmanifest

rimraf 'dist/**/media-*'

postbuild:cjs

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

build:iife:all

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

postbuild:react

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

build:iife:index

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

Metadata

  • MIT
  • Whatever
  • @muxinc
  • released 9/27/2024

Downloads

Maintainers