Repository: muxinc/player.style Branch: main Commit: 12c9ad656e98 Files: 174 Total size: 748.0 KB Directory structure: gitextract_oirhxjsl/ ├── .github/ │ ├── dependabot.yml │ ├── release-please/ │ │ ├── .release-please-manifest.json │ │ └── release-please-config.json │ └── workflows/ │ ├── cd.yml │ └── ci.yml ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── examples/ │ ├── remix/ │ │ ├── .eslintrc.cjs │ │ ├── .gitignore │ │ ├── CHANGELOG.md │ │ ├── README.md │ │ ├── app/ │ │ │ ├── entry.client.tsx │ │ │ ├── entry.server.tsx │ │ │ ├── root.tsx │ │ │ ├── routes/ │ │ │ │ └── _index.tsx │ │ │ └── tailwind.css │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── tailwind.config.ts │ │ ├── tsconfig.json │ │ └── vite.config.ts │ └── vanilla/ │ ├── CHANGELOG.md │ ├── index.html │ ├── package.json │ └── script.js ├── index.js ├── package.json ├── scripts/ │ ├── build-theme/ │ │ ├── CHANGELOG.md │ │ ├── build.js │ │ ├── package.json │ │ └── templates/ │ │ ├── media-theme.d.ts │ │ ├── media-theme.js │ │ ├── react.d.ts │ │ └── react.js │ └── publish-packages/ │ ├── package.json │ └── publish-packages.js ├── site/ │ ├── .eslintrc.json │ ├── .gitignore │ ├── CHANGELOG.md │ ├── README.md │ ├── app/ │ │ ├── (home)/ │ │ │ ├── page.tsx │ │ │ └── page.tsx.orig │ │ ├── _components/ │ │ │ ├── AnalyticsProvider.tsx │ │ │ ├── AuthorLink.tsx │ │ │ ├── ButtonPicker.tsx │ │ │ ├── ButtonPickerOption.tsx │ │ │ ├── Code.tsx │ │ │ ├── ColorPicker.tsx │ │ │ ├── CopyButton.tsx │ │ │ ├── DocsEmbed.tsx │ │ │ ├── DocsInstall.tsx │ │ │ ├── Footer.tsx │ │ │ ├── Grid.tsx │ │ │ ├── Hero.tsx │ │ │ ├── Link/ │ │ │ │ ├── Link.client.tsx │ │ │ │ ├── Link.server.tsx │ │ │ │ └── index.ts │ │ │ ├── LinkWithUnderline.tsx │ │ │ ├── MediaTheme.tsx │ │ │ ├── MobileNav.tsx │ │ │ ├── MuxLogo.tsx │ │ │ ├── NavBar.tsx │ │ │ ├── NavLink.tsx │ │ │ ├── PlayerHero.tsx │ │ │ ├── PlayerStyleLogo.tsx │ │ │ ├── PostHogPageView.tsx │ │ │ ├── Search.tsx │ │ │ ├── TagCheckbox.tsx │ │ │ ├── ThemeColorPopover.tsx │ │ │ ├── ThemePreview.tsx │ │ │ └── Video.tsx │ │ ├── _utils/ │ │ │ ├── content.ts │ │ │ └── utils.ts │ │ ├── about/ │ │ │ └── page.tsx │ │ ├── demo/ │ │ │ └── page.tsx │ │ ├── features/ │ │ │ └── [slug]/ │ │ │ └── page.tsx │ │ ├── layout.tsx │ │ ├── players/ │ │ │ └── [slug]/ │ │ │ └── page.tsx │ │ ├── styles/ │ │ │ ├── fonts/ │ │ │ │ ├── Aeonik/ │ │ │ │ │ ├── Aeonik-Bold.otf │ │ │ │ │ └── Aeonik-Regular.otf │ │ │ │ └── index.ts │ │ │ └── globals.css │ │ └── themes/ │ │ └── [slug]/ │ │ └── page.tsx │ ├── content-collections.ts │ ├── features/ │ │ ├── airplay.md │ │ ├── audio-tracks.md │ │ ├── google-cast.md │ │ ├── timeline-chapters.md │ │ └── timeline-thumbnails.md │ ├── frameworks/ │ │ ├── html.md │ │ ├── js.md │ │ ├── lit.md │ │ ├── react.md │ │ ├── svelte.md │ │ └── vue.md │ ├── media-assets.ts │ ├── media-elements.ts │ ├── next.config.mjs │ ├── package.json │ ├── players/ │ │ ├── cloudflare.md │ │ ├── dash.md │ │ ├── hls.md │ │ ├── jwplayer.md │ │ ├── mux.md │ │ ├── vimeo.md │ │ ├── wistia.md │ │ └── youtube.md │ ├── postcss.config.mjs │ ├── public/ │ │ └── landscape-test-chapters.vtt │ ├── tailwind.config.js │ ├── themes/ │ │ ├── demuxed-2022.md │ │ ├── halloween.md │ │ ├── instaplay.md │ │ ├── microvideo.md │ │ ├── minimal.md │ │ ├── notflix.md │ │ ├── reelplay.md │ │ ├── sutro-audio.md │ │ ├── sutro.md │ │ ├── tailwind-audio.md │ │ ├── vimeonova.md │ │ ├── winamp.md │ │ ├── x-mas.md │ │ └── yt.md │ └── tsconfig.json ├── themes/ │ ├── demuxed-2022/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── halloween/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── instaplay/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── microvideo/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── minimal/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── notflix/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── reelplay/ │ │ ├── CHANGELOG.md │ │ ├── assets/ │ │ │ └── fonts.css │ │ ├── package.json │ │ └── template.html │ ├── sutro/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── sutro-audio/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── tailwind-audio/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ ├── styles.css │ │ ├── tailwind.config.js │ │ └── template.html │ ├── vimeonova/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ ├── winamp/ │ │ ├── CHANGELOG.md │ │ ├── assets/ │ │ │ └── fonts.css │ │ ├── package.json │ │ └── template.html │ ├── x-mas/ │ │ ├── CHANGELOG.md │ │ ├── package.json │ │ └── template.html │ └── yt/ │ ├── CHANGELOG.md │ ├── package.json │ └── template.html └── turbo.json ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/dependabot.yml ================================================ version: 2 updates: - package-ecosystem: 'npm' directories: - '/' schedule: interval: 'daily' commit-message: prefix: 'fix' prefix-development: 'chore' groups: prod-dependencies: patterns: - 'media-chrome' allow: - dependency-name: 'media-chrome' ================================================ FILE: .github/release-please/.release-please-manifest.json ================================================ { ".": "0.3.4", "examples/vanilla": "1.11.15", "examples/remix": "1.0.6", "scripts/build-theme": "0.1.1", "site": "1.11.15", "themes/demuxed-2022": "0.1.2", "themes/halloween": "0.1.2", "themes/instaplay": "0.1.2", "themes/microvideo": "0.2.0", "themes/minimal": "0.2.1", "themes/notflix": "0.1.2", "themes/reelplay": "0.1.2", "themes/sutro": "0.2.1", "themes/sutro-audio": "0.0.8", "themes/tailwind-audio": "0.0.13", "themes/vimeonova": "0.1.2", "themes/winamp": "0.0.13", "themes/x-mas": "0.1.2", "themes/yt": "0.2.1" } ================================================ FILE: .github/release-please/release-please-config.json ================================================ { "bump-minor-pre-major": true, "bump-patch-for-minor-pre-major": false, "tag-separator": "@", "include-component-in-tag": true, "include-v-in-tag": false, "plugins": ["node-workspace"], "packages": { ".": { "exclude-paths": ["examples", "scripts", "site"] }, "examples/vanilla": {}, "examples/remix": {}, "site": {}, "scripts/build-theme": {}, "themes/demuxed-2022": {}, "themes/halloween": {}, "themes/instaplay": {}, "themes/microvideo": {}, "themes/minimal": {}, "themes/notflix": {}, "themes/reelplay": {}, "themes/sutro": {}, "themes/sutro-audio": {}, "themes/tailwind-audio": {}, "themes/vimeonova": {}, "themes/winamp": {}, "themes/x-mas": {}, "themes/yt": {} } } ================================================ FILE: .github/workflows/cd.yml ================================================ name: CD concurrency: production on: push: branches: - main jobs: lint: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 24 cache: 'npm' - run: npm ci - run: npx -y turbo lint test: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 24 cache: 'npm' - run: npm ci - run: npx -y turbo test release: needs: [lint, test] runs-on: ubuntu-latest environment: production permissions: contents: write pull-requests: write id-token: write steps: - uses: googleapis/release-please-action@v4 id: release with: config-file: .github/release-please/release-please-config.json manifest-file: .github/release-please/.release-please-manifest.json - uses: actions/checkout@v4 # these if statements ensure that a publication only occurs when # a new release is created: if: ${{ steps.release.outputs.releases_created == 'true' }} - uses: actions/setup-node@v4 with: node-version: 24 registry-url: 'https://registry.npmjs.org' if: ${{ steps.release.outputs.releases_created == 'true' }} - run: npm ci if: ${{ steps.release.outputs.releases_created == 'true' }} - run: npx -y turbo build if: ${{ steps.release.outputs.releases_created == 'true' }} - run: npm exec -c publish-packages if: ${{ steps.release.outputs.releases_created == 'true' }} ================================================ FILE: .github/workflows/ci.yml ================================================ name: CI on: [push, pull_request] jobs: lint: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 24 cache: 'npm' - run: npm ci - run: npx -y turbo lint test: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: 24 cache: 'npm' - run: npm ci - run: npx -y turbo test ================================================ FILE: .gitignore ================================================ # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules /.pnp .pnp.js .yarn/install-state.gz # testing /coverage # next.js /.next/ /out/ # production /build # misc .DS_Store *.pem # debug npm-debug.log* yarn-debug.log* yarn-error.log* # local env files .env*.local # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts .turbo/ dist/ node_modules/ site/.content-collections/ ================================================ FILE: CHANGELOG.md ================================================ # Changelog ## [0.3.4](https://github.com/muxinc/player.style/compare/player.style@0.3.3...player.style@0.3.4) (2026-04-15) ### Bug Fixes * **microvideo:** update template.html ([dcf73c5](https://github.com/muxinc/player.style/commit/dcf73c53745e94ee7b95fa18e957c84aa2118b41)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/microvideo bumped from 0.1.3 to 0.2.0 ## [0.3.3](https://github.com/muxinc/player.style/compare/player.style@0.3.2...player.style@0.3.3) (2026-04-15) ### Bug Fixes * **deps:** Bump media-chrome ([f1a9d2c](https://github.com/muxinc/player.style/commit/f1a9d2c2319cdd2206e0e25f0326a55599afb39d)) ## [0.3.2](https://github.com/muxinc/player.style/compare/player.style@0.3.1...player.style@0.3.2) (2026-03-25) ### Bug Fixes * add smooth transition to volume control appear on hover in microvideo ([#215](https://github.com/muxinc/player.style/issues/215)) ([5059029](https://github.com/muxinc/player.style/commit/5059029fe61a8c0b0a02851f9dab5f130cd38fec)) * bump media-chrome from 4.16.1 to 4.17.0 in the prod-dependencies group across 1 directory ([dd2446d](https://github.com/muxinc/player.style/commit/dd2446df855a013da8e55a5af8fdf9440e67f45a)) * bump media-chrome in the prod-dependencies group across 1 directory ([e5a49b1](https://github.com/muxinc/player.style/commit/e5a49b1f25f56eab88b470984e2de0ff42895e44)) * Bumped media-chrome to latest release ([6b04fd6](https://github.com/muxinc/player.style/commit/6b04fd67a13c756aaeaa44f77ea6ce4adc23c20d)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/microvideo bumped from 0.1.2 to 0.1.3 ## [0.3.1](https://github.com/muxinc/player.style/compare/player.style@0.3.0...player.style@0.3.1) (2025-12-04) ### Bug Fixes * Updated ce-la-react ([8bb95a9](https://github.com/muxinc/player.style/commit/8bb95a957120f747824c3f7ce1e8bce161407a99)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.1.1 to 0.1.2 * @player.style/halloween bumped from 0.1.1 to 0.1.2 * @player.style/x-mas bumped from 0.1.1 to 0.1.2 * @player.style/instaplay bumped from 0.1.1 to 0.1.2 * @player.style/microvideo bumped from 0.1.1 to 0.1.2 * @player.style/minimal bumped from 0.2.0 to 0.2.1 * @player.style/notflix bumped from 0.1.1 to 0.1.2 * @player.style/reelplay bumped from 0.1.1 to 0.1.2 * @player.style/sutro bumped from 0.2.0 to 0.2.1 * @player.style/sutro-audio bumped from 0.0.7 to 0.0.8 * @player.style/tailwind-audio bumped from 0.0.12 to 0.0.13 * @player.style/vimeonova bumped from 0.1.1 to 0.1.2 * @player.style/winamp bumped from 0.0.12 to 0.0.13 * @player.style/yt bumped from 0.2.0 to 0.2.1 ## [0.3.0](https://github.com/muxinc/player.style/compare/player.style@0.2.0...player.style@0.3.0) (2025-10-01) ### Features * :minimal theme video title ([#203](https://github.com/muxinc/player.style/issues/203)) ([a01e1a0](https://github.com/muxinc/player.style/commit/a01e1a0a31d861186e002ee0b1b48dd99cd31957)) ### Bug Fixes * bump media-chrome in the prod-dependencies group across 1 directory ([#206](https://github.com/muxinc/player.style/issues/206)) ([ff2e40e](https://github.com/muxinc/player.style/commit/ff2e40e3a862b1c43fd4905481eca7d06e9f5c4b)) * bump media-chrome in the prod-dependencies group across 1 directory ([#208](https://github.com/muxinc/player.style/issues/208)) ([fd06f87](https://github.com/muxinc/player.style/commit/fd06f875b23d7107efc5268f3e9fab1407a5e7aa)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/minimal bumped from 0.1.1 to 0.2.0 ## [0.2.0](https://github.com/muxinc/player.style/compare/player.style@0.1.10...player.style@0.2.0) (2025-08-22) ### Features * Sutro bump for ([75f730b](https://github.com/muxinc/player.style/commit/75f730b3682856b6ec74880dbb6ecb942aa93a63)) ### Bug Fixes * upgrade dependencies ([#198](https://github.com/muxinc/player.style/issues/198)) ([bad9d8f](https://github.com/muxinc/player.style/commit/bad9d8f3378895743cc5e0763d7b326fb0d70d94)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/sutro bumped from 0.1.1 to 0.2.0 * @player.style/yt bumped from 0.1.1 to 0.2.0 ## [0.1.10](https://github.com/muxinc/player.style/compare/player.style@0.1.9...player.style@0.1.10) (2025-08-01) ### Bug Fixes * : Add index.js to Warn Against Naked Imports ([#196](https://github.com/muxinc/player.style/issues/196)) ([6029d09](https://github.com/muxinc/player.style/commit/6029d094737b335d855a1ab9d5766620445b644d)) * bump media-chrome in the prod-dependencies group across 1 directory ([#189](https://github.com/muxinc/player.style/issues/189)) ([f40edbd](https://github.com/muxinc/player.style/commit/f40edbd387c0a0e10d675767395841587c0c20b1)) ## [0.1.9](https://github.com/muxinc/player.style/compare/player.style@0.1.8...player.style@0.1.9) (2025-06-12) ### Bug Fixes * bump media-chrome in the prod-dependencies group across 1 directory ([#185](https://github.com/muxinc/player.style/issues/185)) ([d82ade5](https://github.com/muxinc/player.style/commit/d82ade587e3ee1ef44bf13ece4f122e6ba1dafb0)) * bump media-chrome in the prod-dependencies group across 1 directory ([#188](https://github.com/muxinc/player.style/issues/188)) ([ec538f8](https://github.com/muxinc/player.style/commit/ec538f804cf490ec0cc0783f44c5757c8006d52c)) ## [0.1.8](https://github.com/muxinc/player.style/compare/player.style@0.1.7...player.style@0.1.8) (2025-05-01) ### Bug Fixes * bump media-chrome in the prod-dependencies group across 1 directory ([#183](https://github.com/muxinc/player.style/issues/183)) ([e2c1c98](https://github.com/muxinc/player.style/commit/e2c1c98362ac126e2657688d7b028661f48bf3ab)) ## [0.1.7](https://github.com/muxinc/player.style/compare/player.style@0.1.6...player.style@0.1.7) (2025-03-31) ### Bug Fixes * bump media-chrome in the prod-dependencies group across 1 directory ([#176](https://github.com/muxinc/player.style/issues/176)) ([9ed57cc](https://github.com/muxinc/player.style/commit/9ed57ccd4d6d56fc0c81ccef2265d0b114bedbc4)) ## [0.1.6](https://github.com/muxinc/player.style/compare/player.style@0.1.5...player.style@0.1.6) (2025-03-14) ### Bug Fixes * bump media-chrome in the prod-dependencies group across 1 directory ([#169](https://github.com/muxinc/player.style/issues/169)) ([e80f7a7](https://github.com/muxinc/player.style/commit/e80f7a704122eb9e9b5994de599552b1a509bc1f)) ## [0.1.5](https://github.com/muxinc/player.style/compare/player.style@0.1.4...player.style@0.1.5) (2025-03-05) ### Bug Fixes * dependabot syntax ([bf90fc8](https://github.com/muxinc/player.style/commit/bf90fc808f5dd4102d4947401fb2784af89e3e89)) ## [0.1.4](https://github.com/muxinc/player.style/compare/player.style@0.1.3...player.style@0.1.4) (2025-02-13) ### Bug Fixes * upgrade MC ([#162](https://github.com/muxinc/player.style/issues/162)) ([b88abeb](https://github.com/muxinc/player.style/commit/b88abeb86fa078ffa8494cdc71637531eb0296d6)) ## [0.1.3](https://github.com/muxinc/player.style/compare/player.style@0.1.2...player.style@0.1.3) (2025-01-29) ### Bug Fixes * upgrade Media Chrome ([#152](https://github.com/muxinc/player.style/issues/152)) ([6b676e4](https://github.com/muxinc/player.style/commit/6b676e451b862cfe642cd02bcf1b46d9b9f48cb1)) ## [0.1.2](https://github.com/muxinc/player.style/compare/player.style@0.1.1...player.style@0.1.2) (2025-01-23) ### Bug Fixes * upgrade MC ([#149](https://github.com/muxinc/player.style/issues/149)) ([4ecfd39](https://github.com/muxinc/player.style/commit/4ecfd391b7695ae3bf0daa3d7118dc9c58c0b0a8)) ## [0.1.1](https://github.com/muxinc/player.style/compare/player.style@0.1.0...player.style@0.1.1) (2024-12-19) ### Bug Fixes * use ce-la-react, fix React 19+ wrappers ([#146](https://github.com/muxinc/player.style/issues/146)) ([10f29b3](https://github.com/muxinc/player.style/commit/10f29b3f20b1a359300aaa0cd5c1f93a9e0a59dc)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.1.0 to 0.1.1 * @player.style/halloween bumped from 0.1.0 to 0.1.1 * @player.style/x-mas bumped from 0.1.0 to 0.1.1 * @player.style/instaplay bumped from 0.1.0 to 0.1.1 * @player.style/microvideo bumped from 0.1.0 to 0.1.1 * @player.style/minimal bumped from 0.1.0 to 0.1.1 * @player.style/notflix bumped from 0.1.0 to 0.1.1 * @player.style/reelplay bumped from 0.1.0 to 0.1.1 * @player.style/sutro bumped from 0.1.0 to 0.1.1 * @player.style/sutro-audio bumped from 0.0.6 to 0.0.7 * @player.style/tailwind-audio bumped from 0.0.11 to 0.0.12 * @player.style/vimeonova bumped from 0.1.0 to 0.1.1 * @player.style/winamp bumped from 0.0.11 to 0.0.12 * @player.style/yt bumped from 0.1.0 to 0.1.1 ## [0.1.0](https://github.com/muxinc/player.style/compare/player.style@0.0.14...player.style@0.1.0) (2024-12-09) ### Features * add basics of theme picker ([61152dc](https://github.com/muxinc/player.style/commit/61152dcec3fb6f68a7dccbb581628ea9469dcfa4)) * Add Christmas theme ([#138](https://github.com/muxinc/player.style/issues/138)) ([8203d90](https://github.com/muxinc/player.style/commit/8203d904e485c122f012b368ec11a625db0d6e97)) * add collection, theme and about base pages ([8d96835](https://github.com/muxinc/player.style/commit/8d968357b5e1097fb75e925e6b0437da0df292b1)) * add Demuxed 2022 theme ([#20](https://github.com/muxinc/player.style/issues/20)) ([f61ba1c](https://github.com/muxinc/player.style/commit/f61ba1cb1dc39e1f2f3d503c1fb4b26aa25f0759)) * add error dialog ([#143](https://github.com/muxinc/player.style/issues/143)) ([2edd3fe](https://github.com/muxinc/player.style/commit/2edd3fec8b54d187c45dd88d13ac73a3b616c373)) * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add resize slider and light/dark mode toggle ([57d0b91](https://github.com/muxinc/player.style/commit/57d0b9120fc16dfb2533a46b4652a41396862e93)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add typesVersions and CJS support ([#122](https://github.com/muxinc/player.style/issues/122)) ([8811309](https://github.com/muxinc/player.style/commit/8811309ef34a9af3f8796069fe85abcf82325eb7)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * make theme work on entry page ([#1](https://github.com/muxinc/player.style/issues/1)) ([3f766ce](https://github.com/muxinc/player.style/commit/3f766ce271bbf6128e7fc8ef0475fa5c9eb895ae)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * add airplay icon and button ([#131](https://github.com/muxinc/player.style/issues/131)) ([548247e](https://github.com/muxinc/player.style/commit/548247ef50c27ca4c3175be2e4cd8dc423e882f7)) * add tailwind-audio to release pkgs ([9448055](https://github.com/muxinc/player.style/commit/9448055ed3ef1e8ea5087a558686d10e3d5bd745)) * add Vimeonova color support ([#54](https://github.com/muxinc/player.style/issues/54)) ([e954611](https://github.com/muxinc/player.style/commit/e9546111a87a1974da018fe95d1f50c5fed25720)) * Changed Youtube theme name to YT ([#12](https://github.com/muxinc/player.style/issues/12)) ([e981669](https://github.com/muxinc/player.style/commit/e981669b170502e692eae355e904681b26b9552f)) * custom colors + hide empty settings menu item ([#85](https://github.com/muxinc/player.style/issues/85)) ([d2815b3](https://github.com/muxinc/player.style/commit/d2815b34b023e7e5829326528fc51c895f42fca7)) * empty YT settings menus ([#100](https://github.com/muxinc/player.style/issues/100)) ([bbc3349](https://github.com/muxinc/player.style/commit/bbc33498110921f248ad62b920214ff7aff7ed15)) * escape backtick in template HTML ([4cae721](https://github.com/muxinc/player.style/commit/4cae7212ac4d2ec1f408ef1f9ae3ac5c684efc7d)), closes [#98](https://github.com/muxinc/player.style/issues/98) * exclude build-theme ([#129](https://github.com/muxinc/player.style/issues/129)) ([656409b](https://github.com/muxinc/player.style/commit/656409bb39b6224beebef7dd3c3300666082a55a)) * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * make subpackages publish-able ([f4208e8](https://github.com/muxinc/player.style/commit/f4208e89396241f64cce826a661bee9a6d45e76c)) * make themes dev deps, prevent dup deps ([#82](https://github.com/muxinc/player.style/issues/82)) ([bd0e705](https://github.com/muxinc/player.style/commit/bd0e705b3e7cd4042b70d3a9d423f778d1f74185)), closes [#80](https://github.com/muxinc/player.style/issues/80) * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * mobile overflow. hide duration on mobile ([#87](https://github.com/muxinc/player.style/issues/87)) ([47cf00c](https://github.com/muxinc/player.style/commit/47cf00c0c11e08a2e90098ef43d29ed6cf1e8fbc)), closes [#78](https://github.com/muxinc/player.style/issues/78) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * remove unneeded package.json extra ([f869248](https://github.com/muxinc/player.style/commit/f86924841e9c04e68ac96c3c091eaf192f446772)) * responsive fullscreen ([#61](https://github.com/muxinc/player.style/issues/61)) ([05343b8](https://github.com/muxinc/player.style/commit/05343b8ddfe6eafec255384d8ab40b63b1a724f0)), closes [#59](https://github.com/muxinc/player.style/issues/59) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari menu position bug ([554d69d](https://github.com/muxinc/player.style/commit/554d69dfd21ad7f90799db46f50a4f12ac6b7aed)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * Safari Vimeonova play button height ([487c6b1](https://github.com/muxinc/player.style/commit/487c6b131f9ce225f826e80f8c42d83b8932a808)), closes [#103](https://github.com/muxinc/player.style/issues/103) * Stop the YT play button from transitioning on load ([#42](https://github.com/muxinc/player.style/issues/42)) ([ebf45cd](https://github.com/muxinc/player.style/commit/ebf45cdc41e23d123667cda1bcd1d5191791356c)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * upgrade Media Chrome 4.1.4 ([6673f13](https://github.com/muxinc/player.style/commit/6673f13dc2165fb59b90f660f8b2ee602704f0d1)) * upgrade Media Chrome 4.2.0 ([8797cf0](https://github.com/muxinc/player.style/commit/8797cf0a0abfe965563eb36e9c1d2a7d933b7526)) * upgrade Media Chrome 4.2.1 ([7363898](https://github.com/muxinc/player.style/commit/736389836227d207685d8a28a4bce8ee5786d37c)) * upgrade media-chrome 4.1.1 ([4e231a3](https://github.com/muxinc/player.style/commit/4e231a3d9eecde095446f60578e172ed660c6f2e)) * upgrade media-chrome v4.1.3 ([9588e41](https://github.com/muxinc/player.style/commit/9588e41239485ae00eeac0d587c0d46ed744ed27)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) * vimeonova issues ([48fa5ff](https://github.com/muxinc/player.style/commit/48fa5ffe4f922468a6fc3518a9fbbb2b2b322084)) * yt theme media caption button underline ([#128](https://github.com/muxinc/player.style/issues/128)) ([6902420](https://github.com/muxinc/player.style/commit/6902420b78d4178aa35a627add1692e728d3cf7d)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.0.12 to 0.1.0 * @player.style/halloween bumped from 0.0.2 to 0.1.0 * @player.style/x-mas bumped from 0.0.3 to 0.1.0 * @player.style/instaplay bumped from 0.0.7 to 0.1.0 * @player.style/microvideo bumped from 0.0.11 to 0.1.0 * @player.style/minimal bumped from 0.0.11 to 0.1.0 * @player.style/notflix bumped from 0.0.8 to 0.1.0 * @player.style/reelplay bumped from 0.0.5 to 0.1.0 * @player.style/sutro bumped from 0.0.8 to 0.1.0 * @player.style/vimeonova bumped from 0.0.11 to 0.1.0 * @player.style/yt bumped from 0.0.12 to 0.1.0 ## [0.0.14](https://github.com/muxinc/player.style/compare/player.style@0.0.13...player.style@0.0.14) (2024-12-02) ### Features * Add Christmas theme ([#138](https://github.com/muxinc/player.style/issues/138)) ([8203d90](https://github.com/muxinc/player.style/commit/8203d904e485c122f012b368ec11a625db0d6e97)) ### Bug Fixes * add airplay icon and button ([#131](https://github.com/muxinc/player.style/issues/131)) ([548247e](https://github.com/muxinc/player.style/commit/548247ef50c27ca4c3175be2e4cd8dc423e882f7)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/x-mas bumped from 0.0.1 to 0.0.3 * @player.style/sutro bumped from 0.0.7 to 0.0.8 ## [0.0.13](https://github.com/muxinc/player.style/compare/player.style@0.0.12...player.style@0.0.13) (2024-11-11) ### Bug Fixes * exclude build-theme ([#129](https://github.com/muxinc/player.style/issues/129)) ([656409b](https://github.com/muxinc/player.style/commit/656409bb39b6224beebef7dd3c3300666082a55a)) * yt theme media caption button underline ([#128](https://github.com/muxinc/player.style/issues/128)) ([6902420](https://github.com/muxinc/player.style/commit/6902420b78d4178aa35a627add1692e728d3cf7d)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/yt bumped from 0.0.11 to 0.0.12 ## [0.0.12](https://github.com/muxinc/player.style/compare/player.style@0.0.11...player.style@0.0.12) (2024-10-29) ### Features * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.0.11 to 0.0.12 * @player.style/halloween bumped from 0.0.1 to 0.0.2 * @player.style/instaplay bumped from 0.0.6 to 0.0.7 * @player.style/microvideo bumped from 0.0.10 to 0.0.11 * @player.style/minimal bumped from 0.0.10 to 0.0.11 * @player.style/notflix bumped from 0.0.7 to 0.0.8 * @player.style/reelplay bumped from 0.0.4 to 0.0.5 * @player.style/sutro bumped from 0.0.6 to 0.0.7 * @player.style/sutro-audio bumped from 0.0.5 to 0.0.6 * @player.style/tailwind-audio bumped from 0.0.10 to 0.0.11 * @player.style/vimeonova bumped from 0.0.10 to 0.0.11 * @player.style/winamp bumped from 0.0.10 to 0.0.11 * @player.style/yt bumped from 0.0.10 to 0.0.11 ## [0.0.11](https://github.com/muxinc/player.style/compare/player.style@0.0.10...player.style@0.0.11) (2024-10-21) ### Features * add typesVersions and CJS support ([#122](https://github.com/muxinc/player.style/issues/122)) ([8811309](https://github.com/muxinc/player.style/commit/8811309ef34a9af3f8796069fe85abcf82325eb7)) ### Bug Fixes * upgrade Media Chrome 4.2.1 ([7363898](https://github.com/muxinc/player.style/commit/736389836227d207685d8a28a4bce8ee5786d37c)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.0.10 to 0.0.11 * @player.style/instaplay bumped from 0.0.5 to 0.0.6 * @player.style/microvideo bumped from 0.0.9 to 0.0.10 * @player.style/minimal bumped from 0.0.9 to 0.0.10 * @player.style/notflix bumped from 0.0.6 to 0.0.7 * @player.style/reelplay bumped from 0.0.3 to 0.0.4 * @player.style/sutro bumped from 0.0.5 to 0.0.6 * @player.style/sutro-audio bumped from 0.0.4 to 0.0.5 * @player.style/tailwind-audio bumped from 0.0.9 to 0.0.10 * @player.style/vimeonova bumped from 0.0.9 to 0.0.10 * @player.style/winamp bumped from 0.0.9 to 0.0.10 * @player.style/yt bumped from 0.0.9 to 0.0.10 ## [0.0.10](https://github.com/muxinc/player.style/compare/player.style@0.0.9...player.style@0.0.10) (2024-10-08) ### Features * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * empty YT settings menus ([#100](https://github.com/muxinc/player.style/issues/100)) ([bbc3349](https://github.com/muxinc/player.style/commit/bbc33498110921f248ad62b920214ff7aff7ed15)) * Safari Vimeonova play button height ([487c6b1](https://github.com/muxinc/player.style/commit/487c6b131f9ce225f826e80f8c42d83b8932a808)), closes [#103](https://github.com/muxinc/player.style/issues/103) * upgrade Media Chrome 4.1.4 ([6673f13](https://github.com/muxinc/player.style/commit/6673f13dc2165fb59b90f660f8b2ee602704f0d1)) * upgrade Media Chrome 4.2.0 ([8797cf0](https://github.com/muxinc/player.style/commit/8797cf0a0abfe965563eb36e9c1d2a7d933b7526)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.0.9 to 0.0.10 * @player.style/instaplay bumped from 0.0.4 to 0.0.5 * @player.style/microvideo bumped from 0.0.8 to 0.0.9 * @player.style/minimal bumped from 0.0.8 to 0.0.9 * @player.style/notflix bumped from 0.0.5 to 0.0.6 * @player.style/reelplay bumped from 0.0.2 to 0.0.3 * @player.style/sutro bumped from 0.0.4 to 0.0.5 * @player.style/sutro-audio bumped from 0.0.3 to 0.0.4 * @player.style/tailwind-audio bumped from 0.0.8 to 0.0.9 * @player.style/vimeonova bumped from 0.0.8 to 0.0.9 * @player.style/winamp bumped from 0.0.8 to 0.0.9 * @player.style/yt bumped from 0.0.8 to 0.0.9 ## [0.0.9](https://github.com/muxinc/player.style/compare/player.style@0.0.8...player.style@0.0.9) (2024-09-25) ### Features * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) ### Bug Fixes * Safari menu position bug ([554d69d](https://github.com/muxinc/player.style/commit/554d69dfd21ad7f90799db46f50a4f12ac6b7aed)) * upgrade media-chrome 4.1.1 ([4e231a3](https://github.com/muxinc/player.style/commit/4e231a3d9eecde095446f60578e172ed660c6f2e)) * upgrade media-chrome v4.1.3 ([9588e41](https://github.com/muxinc/player.style/commit/9588e41239485ae00eeac0d587c0d46ed744ed27)) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.0.8 to 0.0.9 * @player.style/instaplay bumped from 0.0.3 to 0.0.4 * @player.style/microvideo bumped from 0.0.7 to 0.0.8 * @player.style/minimal bumped from 0.0.7 to 0.0.8 * @player.style/reelplay bumped from 0.0.1 to 0.0.2 * @player.style/sutro bumped from 0.0.3 to 0.0.4 * @player.style/sutro-audio bumped from 0.0.2 to 0.0.3 * @player.style/tailwind-audio bumped from 0.0.7 to 0.0.8 * @player.style/vimeonova bumped from 0.0.7 to 0.0.8 * @player.style/winamp bumped from 0.0.7 to 0.0.8 * @player.style/yt bumped from 0.0.7 to 0.0.8 ## [0.0.8](https://github.com/muxinc/player.style/compare/player.style@0.0.7...player.style@0.0.8) (2024-09-10) ### Features * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) ### Bug Fixes * custom colors + hide empty settings menu item ([#85](https://github.com/muxinc/player.style/issues/85)) ([d2815b3](https://github.com/muxinc/player.style/commit/d2815b34b023e7e5829326528fc51c895f42fca7)) * make themes dev deps, prevent dup deps ([#82](https://github.com/muxinc/player.style/issues/82)) ([bd0e705](https://github.com/muxinc/player.style/commit/bd0e705b3e7cd4042b70d3a9d423f778d1f74185)), closes [#80](https://github.com/muxinc/player.style/issues/80) * mobile overflow. hide duration on mobile ([#87](https://github.com/muxinc/player.style/issues/87)) ([47cf00c](https://github.com/muxinc/player.style/commit/47cf00c0c11e08a2e90098ef43d29ed6cf1e8fbc)), closes [#78](https://github.com/muxinc/player.style/issues/78) ### Dependencies * The following workspace dependencies were updated * devDependencies * @player.style/demuxed-2022 bumped from 0.0.7 to 0.0.8 * @player.style/instaplay bumped from 0.0.2 to 0.0.3 * @player.style/microvideo bumped from 0.0.6 to 0.0.7 * @player.style/minimal bumped from 0.0.6 to 0.0.7 * @player.style/sutro bumped from 0.0.2 to 0.0.3 * @player.style/sutro-audio bumped from 0.0.1 to 0.0.2 * @player.style/tailwind-audio bumped from 0.0.6 to 0.0.7 * @player.style/vimeonova bumped from 0.0.6 to 0.0.7 * @player.style/winamp bumped from 0.0.6 to 0.0.7 * @player.style/yt bumped from 0.0.6 to 0.0.7 ## [0.0.7](https://github.com/muxinc/player.style/compare/player.style@0.0.6...player.style@0.0.7) (2024-08-15) ### Features * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) ### Bug Fixes * add tailwind-audio to release pkgs ([9448055](https://github.com/muxinc/player.style/commit/9448055ed3ef1e8ea5087a558686d10e3d5bd745)) * add Vimeonova color support ([#54](https://github.com/muxinc/player.style/issues/54)) ([e954611](https://github.com/muxinc/player.style/commit/e9546111a87a1974da018fe95d1f50c5fed25720)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * remove unneeded package.json extra ([f869248](https://github.com/muxinc/player.style/commit/f86924841e9c04e68ac96c3c091eaf192f446772)) * responsive fullscreen ([#61](https://github.com/muxinc/player.style/issues/61)) ([05343b8](https://github.com/muxinc/player.style/commit/05343b8ddfe6eafec255384d8ab40b63b1a724f0)), closes [#59](https://github.com/muxinc/player.style/issues/59) * Stop the YT play button from transitioning on load ([#42](https://github.com/muxinc/player.style/issues/42)) ([ebf45cd](https://github.com/muxinc/player.style/commit/ebf45cdc41e23d123667cda1bcd1d5191791356c)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vimeonova issues ([48fa5ff](https://github.com/muxinc/player.style/commit/48fa5ffe4f922468a6fc3518a9fbbb2b2b322084)) ### Dependencies * The following workspace dependencies were updated * dependencies * @player.style/sutro bumped from 0.0.1 to 0.0.2 * @player.style/demuxed-2022 bumped from 0.0.6 to 0.0.7 * @player.style/instaplay bumped from 0.0.1 to 0.0.2 * @player.style/microvideo bumped from 0.0.5 to 0.0.6 * @player.style/minimal bumped from 0.0.5 to 0.0.6 * @player.style/tailwind-audio bumped from 0.0.5 to 0.0.6 * @player.style/vimeonova bumped from 0.0.5 to 0.0.6 * @player.style/winamp bumped from 0.0.5 to 0.0.6 * @player.style/yt bumped from 0.0.5 to 0.0.6 ## [0.0.6](https://github.com/muxinc/player.style/compare/player.style@0.0.5...player.style@0.0.6) (2024-06-21) ### Features * add Demuxed 2022 theme ([#20](https://github.com/muxinc/player.style/issues/20)) ([f61ba1c](https://github.com/muxinc/player.style/commit/f61ba1cb1dc39e1f2f3d503c1fb4b26aa25f0759)) ### Dependencies * The following workspace dependencies were updated * dependencies * @player.style/demuxed-2022 bumped from ^0.0.5 to ^0.0.6 ## [0.0.5](https://github.com/muxinc/player.style/compare/player.style@0.0.4...player.style@0.0.5) (2024-06-17) ### Bug Fixes * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) ### Dependencies * The following workspace dependencies were updated * dependencies * @player.style/microvideo bumped from 0.0.4 to 0.0.5 * @player.style/minimal bumped from 0.0.4 to 0.0.5 * @player.style/yt bumped from 0.0.4 to 0.0.5 ## [0.0.4](https://github.com/muxinc/player.style/compare/player.style@0.0.3...player.style@0.0.4) (2024-06-17) ### Bug Fixes * Changed Youtube theme name to YT ([#12](https://github.com/muxinc/player.style/issues/12)) ([e981669](https://github.com/muxinc/player.style/commit/e981669b170502e692eae355e904681b26b9552f)) ### Dependencies * The following workspace dependencies were updated * dependencies * @player.style/microvideo bumped from 0.0.3 to 0.0.4 * @player.style/minimal bumped from 0.0.3 to 0.0.4 * @player.style/yt bumped from 0.0.3 to 0.0.4 ## [0.0.3](https://github.com/muxinc/player.style/compare/player.style@0.0.2...player.style@0.0.3) (2024-06-14) ### Bug Fixes * make subpackages publish-able ([f4208e8](https://github.com/muxinc/player.style/commit/f4208e89396241f64cce826a661bee9a6d45e76c)) ### Dependencies * The following workspace dependencies were updated * dependencies * @player.style/microvideo bumped from 0.0.2 to 0.0.3 * @player.style/minimal bumped from 0.0.2 to 0.0.3 * @player.style/youtube bumped from 0.0.2 to 0.0.3 ## [0.0.2](https://github.com/muxinc/player.style/compare/player.style-v0.0.1...player.style@0.0.2) (2024-06-14) ### Features * add basics of theme picker ([61152dc](https://github.com/muxinc/player.style/commit/61152dcec3fb6f68a7dccbb581628ea9469dcfa4)) * add collection, theme and about base pages ([8d96835](https://github.com/muxinc/player.style/commit/8d968357b5e1097fb75e925e6b0437da0df292b1)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add resize slider and light/dark mode toggle ([57d0b91](https://github.com/muxinc/player.style/commit/57d0b9120fc16dfb2533a46b4652a41396862e93)) * make theme work on entry page ([#1](https://github.com/muxinc/player.style/issues/1)) ([3f766ce](https://github.com/muxinc/player.style/commit/3f766ce271bbf6128e7fc8ef0475fa5c9eb895ae)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * @player.style/microvideo bumped from 0.0.1 to 0.0.2 * @player.style/minimal bumped from 0.0.1 to 0.0.2 * @player.style/youtube bumped from 0.0.1 to 0.0.2 ================================================ FILE: LICENSE ================================================ Copyright (c) 2024 Mux, Inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # player.style Video and audio player themes built with [Media Chrome](https://media-chrome.org), for every web player and framework. Visit [player.style](https://player.style). # Local Development This is a monorepo that uses NPM workspaces and Turbo. The root package is also a published package, which currently prevents having identically named NPM scripts in both the root and workspace packages. For this reason we use the `turbo` CLI directly in the root directory. 1. Install Turbo globally: `npm install -g turbo` 1. Clone the repository 1. Run `npm install` 1. Run `turbo build` ### Handling Dependency Conflicts with `media-chrome` If your project already includes `media-chrome` and you encounter dependency conflicts, you can override the resolution to ensure compatibility. #### Solution: Using `overrides` in `package.json` (for npm 8+) If you're using **npm** 8 or later, you can enforce a specific version of `media-chrome` in your `package.json` by adding an `overrides` field: ```json { "overrides": { "media-chrome": "" } } ``` If you’re using **Yarn**, you can enforce a specific version with the resolutions field: ```json { "resolutions": { "media-chrome": "" } } ``` ================================================ FILE: examples/remix/.eslintrc.cjs ================================================ /** * This is intended to be a basic starting point for linting in your app. * It relies on recommended configs out of the box for simplicity, but you can * and should modify this configuration to best suit your team's needs. */ /** @type {import('eslint').Linter.Config} */ module.exports = { root: true, parserOptions: { ecmaVersion: "latest", sourceType: "module", ecmaFeatures: { jsx: true, }, }, env: { browser: true, commonjs: true, es6: true, }, ignorePatterns: ["!**/.server", "!**/.client"], // Base config extends: ["eslint:recommended"], overrides: [ // React { files: ["**/*.{js,jsx,ts,tsx}"], plugins: ["react", "jsx-a11y"], extends: [ "plugin:react/recommended", "plugin:react/jsx-runtime", "plugin:react-hooks/recommended", "plugin:jsx-a11y/recommended", ], settings: { react: { version: "detect", }, formComponents: ["Form"], linkComponents: [ { name: "Link", linkAttribute: "to" }, { name: "NavLink", linkAttribute: "to" }, ], "import/resolver": { typescript: {}, }, }, }, // Typescript { files: ["**/*.{ts,tsx}"], plugins: ["@typescript-eslint", "import"], parser: "@typescript-eslint/parser", settings: { "import/internal-regex": "^~/", "import/resolver": { node: { extensions: [".ts", ".tsx"], }, typescript: { alwaysTryTypes: true, }, }, }, extends: [ "plugin:@typescript-eslint/recommended", "plugin:import/recommended", "plugin:import/typescript", ], }, // Node { files: [".eslintrc.cjs"], env: { node: true, }, }, ], }; ================================================ FILE: examples/remix/.gitignore ================================================ node_modules /.cache /build .env ================================================ FILE: examples/remix/CHANGELOG.md ================================================ # Changelog ## [1.0.6](https://github.com/muxinc/player.style/compare/test-mux-player-style-remix@1.0.5...test-mux-player-style-remix@1.0.6) (2026-04-15) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from ^0.3.3 to ^0.3.4 ## [1.0.5](https://github.com/muxinc/player.style/compare/test-mux-player-style-remix@1.0.4...test-mux-player-style-remix@1.0.5) (2026-04-15) ### Bug Fixes * **deps:** Bump media-chrome ([f1a9d2c](https://github.com/muxinc/player.style/commit/f1a9d2c2319cdd2206e0e25f0326a55599afb39d)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from ^0.3.2 to ^0.3.3 ## [1.0.4](https://github.com/muxinc/player.style/compare/test-mux-player-style-remix@1.0.3...test-mux-player-style-remix@1.0.4) (2026-03-25) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from ^0.3.1 to ^0.3.2 ## [1.0.3](https://github.com/muxinc/player.style/compare/test-mux-player-style-remix@1.0.2...test-mux-player-style-remix@1.0.3) (2025-12-04) ### Bug Fixes * Updated ce-la-react ([8bb95a9](https://github.com/muxinc/player.style/commit/8bb95a957120f747824c3f7ce1e8bce161407a99)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from ^0.3.0 to ^0.3.1 ## [1.0.2](https://github.com/muxinc/player.style/compare/test-mux-player-style-remix@1.0.1...test-mux-player-style-remix@1.0.2) (2025-10-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from ^0.2.0 to ^0.3.0 ## [1.0.1](https://github.com/muxinc/player.style/compare/test-mux-player-style-remix-v1.0.0...test-mux-player-style-remix@1.0.1) (2025-08-22) ### Bug Fixes * use ce-la-react, fix React 19+ wrappers ([#146](https://github.com/muxinc/player.style/issues/146)) ([10f29b3](https://github.com/muxinc/player.style/commit/10f29b3f20b1a359300aaa0cd5c1f93a9e0a59dc)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from ^0.1.0 to ^0.2.0 ================================================ FILE: examples/remix/README.md ================================================ # Welcome to Remix! - 📖 [Remix docs](https://remix.run/docs) ## Development Run the dev server: ```shellscript npm run dev ``` ## Deployment First, build your app for production: ```sh npm run build ``` Then run the app in production mode: ```sh npm start ``` Now you'll need to pick a host to deploy it to. ### DIY If you're familiar with deploying Node applications, the built-in Remix app server is production-ready. Make sure to deploy the output of `npm run build` - `build/server` - `build/client` ## Styling This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever css framework you prefer. See the [Vite docs on css](https://vitejs.dev/guide/features.html#css) for more information. ================================================ FILE: examples/remix/app/entry.client.tsx ================================================ /** * By default, Remix will handle hydrating your app on the client for you. * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨ * For more information, see https://remix.run/file-conventions/entry.client */ import { RemixBrowser } from "@remix-run/react"; import { startTransition, StrictMode } from "react"; import { hydrateRoot } from "react-dom/client"; startTransition(() => { hydrateRoot( document, ); }); ================================================ FILE: examples/remix/app/entry.server.tsx ================================================ /** * By default, Remix will handle generating the HTTP Response for you. * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨ * For more information, see https://remix.run/file-conventions/entry.server */ import { PassThrough } from "node:stream"; import type { AppLoadContext, EntryContext } from "@remix-run/node"; import { createReadableStreamFromReadable } from "@remix-run/node"; import { RemixServer } from "@remix-run/react"; import { isbot } from "isbot"; import { renderToPipeableStream } from "react-dom/server"; const ABORT_DELAY = 5_000; export default function handleRequest( request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext, // This is ignored so we can keep it in the template for visibility. Feel // free to delete this parameter in your app if you're not using it! // eslint-disable-next-line @typescript-eslint/no-unused-vars loadContext: AppLoadContext ) { return isbot(request.headers.get("user-agent") || "") ? handleBotRequest( request, responseStatusCode, responseHeaders, remixContext ) : handleBrowserRequest( request, responseStatusCode, responseHeaders, remixContext ); } function handleBotRequest( request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext ) { return new Promise((resolve, reject) => { let shellRendered = false; const { pipe, abort } = renderToPipeableStream( , { onAllReady() { shellRendered = true; const body = new PassThrough(); const stream = createReadableStreamFromReadable(body); responseHeaders.set("Content-Type", "text/html"); resolve( new Response(stream, { headers: responseHeaders, status: responseStatusCode, }) ); pipe(body); }, onShellError(error: unknown) { reject(error); }, onError(error: unknown) { responseStatusCode = 500; // Log streaming rendering errors from inside the shell. Don't log // errors encountered during initial shell rendering since they'll // reject and get logged in handleDocumentRequest. if (shellRendered) { console.error(error); } }, } ); setTimeout(abort, ABORT_DELAY); }); } function handleBrowserRequest( request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext ) { return new Promise((resolve, reject) => { let shellRendered = false; const { pipe, abort } = renderToPipeableStream( , { onShellReady() { shellRendered = true; const body = new PassThrough(); const stream = createReadableStreamFromReadable(body); responseHeaders.set("Content-Type", "text/html"); resolve( new Response(stream, { headers: responseHeaders, status: responseStatusCode, }) ); pipe(body); }, onShellError(error: unknown) { reject(error); }, onError(error: unknown) { responseStatusCode = 500; // Log streaming rendering errors from inside the shell. Don't log // errors encountered during initial shell rendering since they'll // reject and get logged in handleDocumentRequest. if (shellRendered) { console.error(error); } }, } ); setTimeout(abort, ABORT_DELAY); }); } ================================================ FILE: examples/remix/app/root.tsx ================================================ import { Links, Meta, Outlet, Scripts, ScrollRestoration, } from "@remix-run/react"; import type { LinksFunction } from "@remix-run/node"; import "./tailwind.css"; export const links: LinksFunction = () => [ { rel: "preconnect", href: "https://fonts.googleapis.com" }, { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous", }, { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap", }, ]; export function Layout({ children }: { children: React.ReactNode }) { return ( {children} ); } export default function App() { return ; } ================================================ FILE: examples/remix/app/routes/_index.tsx ================================================ import type { MetaFunction } from "@remix-run/node"; import MuxPlayer from "@mux/mux-video-react"; import MuxTheme from "player.style/yt/react"; const PLAYBACK_ID = "4XN6dqxPTZJPU021TuSGIHPaOuKQkrxHF"; export const meta: MetaFunction = () => { return [{ title: "Test Mux player.style" }]; }; export default function Index() { return (

Mux Video player.style test (Remix)

); } ================================================ FILE: examples/remix/app/tailwind.css ================================================ @tailwind base; @tailwind components; @tailwind utilities; html, body { @apply bg-white dark:bg-gray-950; @media (prefers-color-scheme: dark) { color-scheme: dark; } } ================================================ FILE: examples/remix/package.json ================================================ { "name": "test-mux-player-style-remix", "version": "1.0.6", "private": true, "sideEffects": false, "type": "module", "scripts": { "build": "remix vite:build", "dev": "remix vite:dev", "start": "remix-serve ./build/server/index.js", "typecheck": "tsc" }, "dependencies": { "@mux/mux-video-react": "^0.13.1", "@remix-run/node": "^2.15.1", "@remix-run/react": "^2.15.1", "@remix-run/serve": "^2.15.1", "isbot": "^5.1.18", "media-chrome": "^4.19.0", "player.style": "^0.3.4", "react": "^18.2.0", "react-dom": "^18.2.0" }, "devDependencies": { "@remix-run/dev": "^2.15.1", "@types/react": "^18.2.20", "@types/react-dom": "^18.2.7", "@typescript-eslint/eslint-plugin": "^6.7.4", "@typescript-eslint/parser": "^6.7.4", "autoprefixer": "^10.4.20", "eslint": "^8.38.0", "eslint-import-resolver-typescript": "^3.6.1", "eslint-plugin-import": "^2.28.1", "eslint-plugin-jsx-a11y": "^6.7.1", "eslint-plugin-react": "^7.33.2", "eslint-plugin-react-hooks": "^4.6.0", "postcss": "^8.4.49", "tailwindcss": "^3.4.17", "typescript": "^5.7.2", "vite": "^6.0.4", "vite-tsconfig-paths": "^5.1.4" }, "engines": { "node": ">=20.0.0" } } ================================================ FILE: examples/remix/postcss.config.js ================================================ export default { plugins: { tailwindcss: {}, autoprefixer: {}, }, }; ================================================ FILE: examples/remix/tailwind.config.ts ================================================ import type { Config } from "tailwindcss"; export default { content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"], theme: { extend: { fontFamily: { sans: [ "Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", ], }, }, }, plugins: [], } satisfies Config; ================================================ FILE: examples/remix/tsconfig.json ================================================ { "include": [ "**/*.ts", "**/*.tsx", "**/.server/**/*.ts", "**/.server/**/*.tsx", "**/.client/**/*.ts", "**/.client/**/*.tsx" ], "compilerOptions": { "lib": ["DOM", "DOM.Iterable", "ES2022"], "types": ["@remix-run/node", "vite/client"], "isolatedModules": true, "esModuleInterop": true, "jsx": "react-jsx", "module": "ESNext", "moduleResolution": "Bundler", "resolveJsonModule": true, "target": "ES2022", "strict": true, "allowJs": true, "skipLibCheck": true, "forceConsistentCasingInFileNames": true, "baseUrl": ".", "paths": { "~/*": ["./app/*"] }, // Vite takes care of building everything, not tsc. "noEmit": true } } ================================================ FILE: examples/remix/vite.config.ts ================================================ import { vitePlugin as remix } from "@remix-run/dev"; import { defineConfig } from "vite"; import tsconfigPaths from "vite-tsconfig-paths"; declare module "@remix-run/node" { interface Future { v3_singleFetch: true; } } export default defineConfig({ plugins: [ remix({ future: { v3_fetcherPersist: true, v3_relativeSplatPath: true, v3_throwAbortReason: true, v3_singleFetch: true, v3_lazyRouteDiscovery: true, }, }), tsconfigPaths(), ], }); ================================================ FILE: examples/vanilla/CHANGELOG.md ================================================ # Changelog ## [1.11.15](https://github.com/muxinc/player.style/compare/vanilla@1.11.14...vanilla@1.11.15) (2026-04-15) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.3 to 0.3.4 ## [1.11.14](https://github.com/muxinc/player.style/compare/vanilla@1.11.13...vanilla@1.11.14) (2026-04-15) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.2 to 0.3.3 ## [1.11.13](https://github.com/muxinc/player.style/compare/vanilla@1.11.12...vanilla@1.11.13) (2026-03-25) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.1 to 0.3.2 ## [1.11.12](https://github.com/muxinc/player.style/compare/vanilla@1.11.11...vanilla@1.11.12) (2025-12-04) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.0 to 0.3.1 ## [1.11.11](https://github.com/muxinc/player.style/compare/vanilla@1.11.10...vanilla@1.11.11) (2025-10-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.2.0 to 0.3.0 ## [1.11.10](https://github.com/muxinc/player.style/compare/vanilla@1.11.9...vanilla@1.11.10) (2025-08-22) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.10 to 0.2.0 ## [1.11.9](https://github.com/muxinc/player.style/compare/vanilla@1.11.8...vanilla@1.11.9) (2025-08-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.9 to 0.1.10 ## [1.11.8](https://github.com/muxinc/player.style/compare/vanilla@1.11.7...vanilla@1.11.8) (2025-06-12) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.8 to 0.1.9 ## [1.11.7](https://github.com/muxinc/player.style/compare/vanilla@1.11.6...vanilla@1.11.7) (2025-05-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.7 to 0.1.8 ## [1.11.6](https://github.com/muxinc/player.style/compare/vanilla@1.11.5...vanilla@1.11.6) (2025-03-31) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.6 to 0.1.7 ## [1.11.5](https://github.com/muxinc/player.style/compare/vanilla@1.11.4...vanilla@1.11.5) (2025-03-14) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.5 to 0.1.6 ## [1.11.4](https://github.com/muxinc/player.style/compare/vanilla@1.11.3...vanilla@1.11.4) (2025-03-05) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.4 to 0.1.5 ## [1.11.3](https://github.com/muxinc/player.style/compare/vanilla@1.11.2...vanilla@1.11.3) (2025-02-13) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.3 to 0.1.4 ## [1.11.2](https://github.com/muxinc/player.style/compare/vanilla@1.11.1...vanilla@1.11.2) (2025-01-29) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.2 to 0.1.3 ## [1.11.1](https://github.com/muxinc/player.style/compare/vanilla@1.11.0...vanilla@1.11.1) (2025-01-23) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.1 to 0.1.2 ## [1.11.0](https://github.com/muxinc/player.style/compare/vanilla-v1.10.0...vanilla@1.11.0) (2024-12-19) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ## [1.10.0](https://github.com/muxinc/player.style/compare/vanilla-v1.9.0...vanilla@1.10.0) (2024-12-19) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.0 to 0.1.1 ## [1.9.0](https://github.com/muxinc/player.style/compare/vanilla-v1.8.0...vanilla@1.9.0) (2024-12-09) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.14 to 0.1.0 ## [1.8.0](https://github.com/muxinc/player.style/compare/vanilla-v1.7.0...vanilla@1.8.0) (2024-12-02) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.13 to 0.0.14 ## [1.7.0](https://github.com/muxinc/player.style/compare/vanilla-v1.6.0...vanilla@1.7.0) (2024-11-11) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.12 to 0.0.13 ## [1.6.0](https://github.com/muxinc/player.style/compare/vanilla-v1.5.0...vanilla@1.6.0) (2024-10-29) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.11 to 0.0.12 ## [1.5.0](https://github.com/muxinc/player.style/compare/vanilla-v1.4.0...vanilla@1.5.0) (2024-10-21) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.10 to 0.0.11 ## [1.4.0](https://github.com/muxinc/player.style/compare/vanilla-v1.3.0...vanilla@1.4.0) (2024-10-08) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.9 to 0.0.10 ## [1.3.0](https://github.com/muxinc/player.style/compare/vanilla-v1.2.0...vanilla@1.3.0) (2024-09-25) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.8 to 0.0.9 ## [1.2.0](https://github.com/muxinc/player.style/compare/vanilla-v1.1.0...vanilla@1.2.0) (2024-09-10) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.7 to 0.0.8 ## [1.1.0](https://github.com/muxinc/player.style/compare/vanilla@1.0.4...vanilla@1.1.0) (2024-08-15) ### Features * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.6 to 0.0.7 ## [1.0.4](https://github.com/muxinc/player.style/compare/vanilla@1.0.3...vanilla@1.0.4) (2024-06-21) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.5 to 0.0.6 ## [1.0.3](https://github.com/muxinc/player.style/compare/vanilla@1.0.2...vanilla@1.0.3) (2024-06-17) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.4 to 0.0.5 ## [1.0.2](https://github.com/muxinc/player.style/compare/vanilla@1.0.1...vanilla@1.0.2) (2024-06-17) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.3 to 0.0.4 ## [1.0.1](https://github.com/muxinc/player.style/compare/vanilla@1.0.0...vanilla@1.0.1) (2024-06-14) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.2 to 0.0.3 ## 1.0.0 (2024-06-14) ### Bug Fixes * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.1 to 0.0.2 ================================================ FILE: examples/vanilla/index.html ================================================ player.style demo
================================================ FILE: examples/vanilla/package.json ================================================ { "private": true, "name": "vanilla", "version": "1.11.15", "description": "", "main": "index.html", "scripts": { "clean": "rimraf dist", "start": "esbuild --bundle script.js --outfile=dist/script.js --servedir=.", "build": "esbuild --bundle script.js --outfile=dist/script.js" }, "dependencies": { "hls-video-element": "^1.3.0", "player.style": "0.3.4" }, "devDependencies": { "esbuild": "^0.24.0" } } ================================================ FILE: examples/vanilla/script.js ================================================ import 'hls-video-element'; import 'player.style/vimeonova'; ================================================ FILE: index.js ================================================ console.warn( '⚠️ Warning: "player.style" does not export anything by default.\n' + 'Please import a specific theme, like:\n' + ' import "player.style/[theme-id]";\n' ); ================================================ FILE: package.json ================================================ { "name": "player.style", "version": "0.3.4", "description": "A fresh collection of media player themes for every use case!", "author": "@muxinc", "license": "MIT", "homepage": "https://github.com/muxinc/player.style#readme", "bugs": { "url": "https://github.com/muxinc/player.style/issues" }, "repository": { "type": "git", "url": "git+https://github.com/muxinc/player.style.git" }, "files": [ "index.js", "themes/*", "!.*" ], "type": "module", "main": "index.js", "exports": { "./*/react": { "types": "./themes/*/dist/react.d.ts", "import": "./themes/*/dist/react.js", "require": "./themes/*/dist/cjs/react.js", "default": "./themes/*/dist/react.js" }, "./*.js": { "types": "./themes/*/dist/media-theme.d.ts", "import": "./themes/*/dist/media-theme.js", "require": "./themes/*/dist/cjs/media-theme.js", "default": "./themes/*/dist/media-theme.js" }, "./*": { "types": "./themes/*/dist/media-theme.d.ts", "import": "./themes/*/dist/media-theme.js", "require": "./themes/*/dist/cjs/media-theme.js", "default": "./themes/*/dist/media-theme.js" }, ".": { "default": "./index.js" } }, "typesVersions": { "*": { "*/react": [ "./themes/*/dist/react.d.ts" ], "*": [ "./themes/*/dist/media-theme.d.ts" ] } }, "workspaces": [ ".", "site", "examples/*", "scripts/*", "themes/*" ], "scripts": { "dev": "chokidar --debounce 50 './themes/*/!(dist|.turbo)' -c 'turbo build --force --filter=./$(dirname {path}) && touch ./site/$(dirname {path}).md'" }, "dependencies": { "media-chrome": "~4.19.0" }, "devDependencies": { "@player.style/demuxed-2022": "0.1.2", "@player.style/halloween": "0.1.2", "@player.style/x-mas": "0.1.2", "@player.style/instaplay": "0.1.2", "@player.style/microvideo": "0.2.0", "@player.style/minimal": "0.2.1", "@player.style/notflix": "0.1.2", "@player.style/reelplay": "0.1.2", "@player.style/sutro": "0.2.1", "@player.style/sutro-audio": "0.0.8", "@player.style/tailwind-audio": "0.0.13", "@player.style/vimeonova": "0.1.2", "@player.style/winamp": "0.0.13", "@player.style/yt": "0.2.1", "chokidar-cli": "^3.0.0", "eslint": "^8.57.0", "npm-run-all": "^4.1.5", "prettier": "^3.4.2", "rimraf": "^6.0.1", "turbo": "^2.3.3", "typescript": "^5" }, "prettier": { "printWidth": 120, "singleQuote": true, "tabWidth": 2, "useTabs": false, "semi": true, "quoteProps": "as-needed", "jsxSingleQuote": false, "trailingComma": "es5", "bracketSpacing": true, "arrowParens": "always" }, "packageManager": "npm@11.0.0" } ================================================ FILE: scripts/build-theme/CHANGELOG.md ================================================ # Changelog ## [0.1.1](https://github.com/muxinc/player.style/compare/build-theme@0.1.0...build-theme@0.1.1) (2025-12-04) ### Bug Fixes * Tailwind Audio Theme responsive on packaged version ([2793775](https://github.com/muxinc/player.style/commit/27937752623339f5d2cec01fad67cf6ce49d1f72)) * Updated ce-la-react ([8bb95a9](https://github.com/muxinc/player.style/commit/8bb95a957120f747824c3f7ce1e8bce161407a99)) ## [0.1.0](https://github.com/muxinc/player.style/compare/build-theme-v0.0.8...build-theme@0.1.0) (2024-12-19) ### Features * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add typesVersions and CJS support ([#122](https://github.com/muxinc/player.style/issues/122)) ([8811309](https://github.com/muxinc/player.style/commit/8811309ef34a9af3f8796069fe85abcf82325eb7)) ### Bug Fixes * escape backtick in template HTML ([4cae721](https://github.com/muxinc/player.style/commit/4cae7212ac4d2ec1f408ef1f9ae3ac5c684efc7d)), closes [#98](https://github.com/muxinc/player.style/issues/98) * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * use ce-la-react, fix React 19+ wrappers ([#146](https://github.com/muxinc/player.style/issues/146)) ([10f29b3](https://github.com/muxinc/player.style/commit/10f29b3f20b1a359300aaa0cd5c1f93a9e0a59dc)) ## [0.0.8](https://github.com/muxinc/player.style/compare/player.style@0.0.7...build-theme@0.0.8) (2024-10-29) ### Features * add typesVersions and CJS support ([#122](https://github.com/muxinc/player.style/issues/122)) ([8811309](https://github.com/muxinc/player.style/commit/8811309ef34a9af3f8796069fe85abcf82325eb7)) ### Bug Fixes * escape backtick in template HTML ([4cae721](https://github.com/muxinc/player.style/commit/4cae7212ac4d2ec1f408ef1f9ae3ac5c684efc7d)), closes [#98](https://github.com/muxinc/player.style/issues/98) ## [0.0.7](https://github.com/muxinc/player.style/compare/build-theme-v0.0.6...build-theme@0.0.7) (2024-10-21) ### Features * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add typesVersions and CJS support ([#122](https://github.com/muxinc/player.style/issues/122)) ([8811309](https://github.com/muxinc/player.style/commit/8811309ef34a9af3f8796069fe85abcf82325eb7)) ### Bug Fixes * escape backtick in template HTML ([4cae721](https://github.com/muxinc/player.style/commit/4cae7212ac4d2ec1f408ef1f9ae3ac5c684efc7d)), closes [#98](https://github.com/muxinc/player.style/issues/98) * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) ## [0.0.6](https://github.com/muxinc/player.style/compare/build-theme-v0.0.5...build-theme@0.0.6) (2024-10-08) ### Features * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) ### Bug Fixes * escape backtick in template HTML ([4cae721](https://github.com/muxinc/player.style/commit/4cae7212ac4d2ec1f408ef1f9ae3ac5c684efc7d)), closes [#98](https://github.com/muxinc/player.style/issues/98) * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) ## [0.0.5](https://github.com/muxinc/player.style/compare/build-theme-v0.0.4...build-theme@0.0.5) (2024-09-25) ### Features * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) ### Bug Fixes * escape backtick in template HTML ([4cae721](https://github.com/muxinc/player.style/commit/4cae7212ac4d2ec1f408ef1f9ae3ac5c684efc7d)), closes [#98](https://github.com/muxinc/player.style/issues/98) * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) ## [0.0.4](https://github.com/muxinc/player.style/compare/build-theme-v0.0.3...build-theme@0.0.4) (2024-09-10) ### Features * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) ### Bug Fixes * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) ## [0.0.3](https://github.com/muxinc/player.style/compare/build-theme@0.0.2...build-theme@0.0.3) (2024-08-15) ### Features * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) ### Bug Fixes * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) ## [0.0.2](https://github.com/muxinc/player.style/compare/build-theme-v0.0.1...build-theme@0.0.2) (2024-06-17) ### Bug Fixes * media theme types bug ([8dd42da](https://github.com/muxinc/player.style/commit/8dd42dab7f0536a49f2df5109f27c7285ad9ff48)) * types and cleanup theme build ([#8](https://github.com/muxinc/player.style/issues/8)) ([21b9916](https://github.com/muxinc/player.style/commit/21b991621accfecba421f3cf1d2dbb0b98509d95)) ================================================ FILE: scripts/build-theme/build.js ================================================ #!/usr/bin/env node import { parseArgs } from 'node:util'; import process from 'node:process'; import { join, dirname } from 'node:path'; import { realpath, mkdir, readFile, writeFile } from 'node:fs/promises'; import { fileURLToPath } from 'node:url'; import ejs from 'ejs'; import * as esbuild from 'esbuild'; const nodePath = await realpath(process.argv[1]); const modulePath = await realpath(fileURLToPath(import.meta.url)); const isCLI = nodePath === modulePath; if (isCLI) cliBuild(); export async function cliBuild() { const { values, positionals } = parseArgs({ options: {}, strict: false, allowPositionals: true, }); await build(positionals, values); } export async function build() { // read name from package.json const { name } = JSON.parse(await readFile('./package.json', 'utf8')); if (name.startsWith('@player.style/')) { const themeName = name.replace('@player.style/', ''); await mkdir('./dist', { recursive: true }); // Copy declaration file to dist folder const declaration = await readFile( join(dirname(modulePath), '/templates/media-theme.d.ts'), 'utf8' ); await writeFile(`./dist/media-theme.d.ts`, populate(declaration, themeName)); const themeTemplate = await readFile('./template.html', 'utf8'); const outThemeTemplate = await ejs.render( themeTemplate, { themeName, base64 }, { root: join(process.cwd(), 'dist'), async: true, } ); await writeFile(`./dist/media-theme.html`, outThemeTemplate); // Copy code file to dist folder and replace vars. const themeCode = await readFile( join(dirname(modulePath), '/templates/media-theme.js'), 'utf8' ); const indentedThemeTemplate = outThemeTemplate.replace(/^(.)/gm, ' $1').replace(/`/g, '\\`'); const outThemeCode = themeCode.replace(/{{{theme_template}}}/g, indentedThemeTemplate); await writeFile(`./dist/media-theme.js`, populate(outThemeCode, themeName)); // React component // Copy declaration file to dist folder. const reactDeclaration = await readFile( join(dirname(modulePath), '/templates/react.d.ts'), 'utf8' ); await writeFile(`./dist/react.d.ts`, populate(reactDeclaration, themeName)); // Copy code file to dist folder and replace vars. const reactCode = await readFile(join(dirname(modulePath), '/templates/react.js'), 'utf8'); await writeFile(`./dist/react.js`, populate(reactCode, themeName)); // Bundle up ce-la-react dependency. await esbuild.build({ entryPoints: ['./dist/react.js'], bundle: true, format: 'esm', external: ['react', './media-theme.js'], outdir: './dist', allowOverwrite: true, }); // Build CJS files await mkdir('./dist/cjs', { recursive: true }); await writeFile(`./dist/cjs/package.json`, JSON.stringify({ type: 'commonjs' })); await esbuild.build({ entryPoints: ['./dist/media-theme.js', './dist/react.js'], bundle: true, format: 'cjs', external: ['react', 'media-chrome', './media-theme.js'], outdir: './dist/cjs', }); } } function populate(template, themeName) { return template .replace(/{{{element_name}}}/g, `media-theme-${themeName}`) .replace(/___ClassName___/g, `MediaTheme${pascalCase(themeName)}Element`) .replace(/___ComponentName___/g, `MediaTheme${pascalCase(themeName)}`); } function pascalCase(str) { return `-${str}`.replace(/-(\w)/g, (g) => g[1].toUpperCase()); } async function base64(imageUrl) { const image = await readFile(imageUrl); const ext = imageUrl.split('.').pop().toLowerCase(); return `data:image/${ext};base64,${image.toString('base64')}`; } ================================================ FILE: scripts/build-theme/package.json ================================================ { "private": true, "name": "build-theme", "version": "0.1.1", "type": "module", "main": "./build.js", "bin": { "build-theme": "./build.js" }, "dependencies": { "ce-la-react": "^0.3.2", "ejs": "^3.1.10", "esbuild": "^0.24.0" } } ================================================ FILE: scripts/build-theme/templates/media-theme.d.ts ================================================ import { MediaThemeElement } from 'media-chrome/dist/media-theme-element.js'; declare global { interface HTMLElementTagNameMap { '{{{element_name}}}': ___ClassName___; } } declare class ___ClassName___ extends MediaThemeElement { static template: HTMLTemplateElement; } export default ___ClassName___; ================================================ FILE: scripts/build-theme/templates/media-theme.js ================================================ /* <{{{element_name}}}> */ import 'media-chrome'; import { globalThis } from 'media-chrome/dist/utils/server-safe-globals.js'; import { MediaThemeElement } from 'media-chrome/dist/media-theme-element.js'; import 'media-chrome/dist/menu/index.js'; const template = globalThis.document?.createElement?.('template'); if (template) { template.innerHTML = String.raw/*html*/` {{{theme_template}}} `; } class ___ClassName___ extends MediaThemeElement { static template = template; } if (globalThis.customElements && !globalThis.customElements.get('{{{element_name}}}')) { globalThis.customElements.define('{{{element_name}}}', ___ClassName___); } export default ___ClassName___; ================================================ FILE: scripts/build-theme/templates/react.d.ts ================================================ import ___ClassName___ from './media-theme.js'; declare const ___ComponentName___: React.ForwardRefExoticComponent< React.DetailedHTMLProps, ___ClassName___> >; export default ___ComponentName___; ================================================ FILE: scripts/build-theme/templates/react.js ================================================ 'use client'; import React from 'react'; import ThemeElement from './media-theme.js'; // keep as last import, ce-la-react is bundled. import { createComponent } from 'ce-la-react'; export default createComponent({ react: React, tagName: '{{{element_name}}}', elementClass: ThemeElement, }); ================================================ FILE: scripts/publish-packages/package.json ================================================ { "private": true, "name": "publish-packages", "version": "0.0.0", "type": "module", "main": "./publish-packages.js", "bin": { "publish-packages": "./publish-packages.js" } } ================================================ FILE: scripts/publish-packages/publish-packages.js ================================================ #!/usr/bin/env node import { parseArgs } from 'node:util'; import { argv } from 'node:process'; import { realpath } from 'node:fs/promises'; import { fileURLToPath } from 'node:url'; import { exec } from 'node:child_process'; import { promisify } from 'node:util'; const execAsync = promisify(exec); const nodePath = await realpath(argv[1]); const modulePath = await realpath(fileURLToPath(import.meta.url)); const isCLI = nodePath === modulePath; if (isCLI) cliPublish(); export async function cliPublish() { const { values } = parseArgs({ options: {}, strict: false, allowPositionals: true, }); await publish(values); } export async function publish() { let remoteVersionsResult; try { remoteVersionsResult = await execAsync(`npm view . version -w . -w themes --json`); } catch (error) { // If the package is not published yet, npm view will fail with something like below on error.stdout: // { // 'player.style': '0.0.3', // '@player.style/microvideo': '0.0.4', // '@player.style/minimal': '0.0.4', // error: { // '@player.style/ytttt': { // code: 'E404', // summary: 'Not Found - GET https://registry.npmjs.org/@player.style%2fytttt - Not found', // detail: "'@player.style/ytttt@*' is not in this registry.\n" + // '\n' + // 'Note that you can also install from a\n' + // 'tarball, folder, http url, or git url.' // } // } // } remoteVersionsResult = error; } let newVersionsResult; try { newVersionsResult = await execAsync(`npm pkg get version -w . -w themes --json`); } catch (error) { newVersionsResult = error; } const remoteVersions = JSON.parse(remoteVersionsResult.stdout); const newVersions = JSON.parse(newVersionsResult.stdout); for (const [pkg, version] of Object.entries(newVersions)) { if (remoteVersions[pkg] === version) { console.log(`Skipping ${pkg}@${version} because it's already published`); continue; } console.log(`Publishing ${pkg}@${version}`); await execAsync(`npm publish -w ${pkg} --access public --provenance`); } } ================================================ FILE: site/.eslintrc.json ================================================ { "root": true, "extends": "next/core-web-vitals" } ================================================ FILE: site/.gitignore ================================================ # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules /.pnp .pnp.js .yarn/install-state.gz # testing /coverage # next.js /.next/ /out/ # production /build # misc .DS_Store *.pem # debug npm-debug.log* yarn-debug.log* yarn-error.log* # local env files .env*.local # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts .turbo/ dist/ ================================================ FILE: site/CHANGELOG.md ================================================ # Changelog ## [1.11.15](https://github.com/muxinc/player.style/compare/site@1.11.14...site@1.11.15) (2026-04-15) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.3 to 0.3.4 ## [1.11.14](https://github.com/muxinc/player.style/compare/site@1.11.13...site@1.11.14) (2026-04-15) ### Bug Fixes * **deps:** Bump media-chrome ([f1a9d2c](https://github.com/muxinc/player.style/commit/f1a9d2c2319cdd2206e0e25f0326a55599afb39d)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.2 to 0.3.3 ## [1.11.13](https://github.com/muxinc/player.style/compare/site@1.11.12...site@1.11.13) (2026-03-25) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.1 to 0.3.2 ## [1.11.12](https://github.com/muxinc/player.style/compare/site@1.11.11...site@1.11.12) (2025-12-04) ### Bug Fixes * Updated ce-la-react ([8bb95a9](https://github.com/muxinc/player.style/commit/8bb95a957120f747824c3f7ce1e8bce161407a99)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.3.0 to 0.3.1 ## [1.11.11](https://github.com/muxinc/player.style/compare/site@1.11.10...site@1.11.11) (2025-10-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.2.0 to 0.3.0 ## [1.11.10](https://github.com/muxinc/player.style/compare/site@1.11.9...site@1.11.10) (2025-08-22) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.10 to 0.2.0 ## [1.11.9](https://github.com/muxinc/player.style/compare/site@1.11.8...site@1.11.9) (2025-08-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.9 to 0.1.10 ## [1.11.8](https://github.com/muxinc/player.style/compare/site@1.11.7...site@1.11.8) (2025-06-12) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.8 to 0.1.9 ## [1.11.7](https://github.com/muxinc/player.style/compare/site@1.11.6...site@1.11.7) (2025-05-01) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.7 to 0.1.8 ## [1.11.6](https://github.com/muxinc/player.style/compare/site@1.11.5...site@1.11.6) (2025-03-31) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.6 to 0.1.7 ## [1.11.5](https://github.com/muxinc/player.style/compare/site@1.11.4...site@1.11.5) (2025-03-14) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.5 to 0.1.6 ## [1.11.4](https://github.com/muxinc/player.style/compare/site@1.11.3...site@1.11.4) (2025-03-05) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.4 to 0.1.5 ## [1.11.3](https://github.com/muxinc/player.style/compare/site@1.11.2...site@1.11.3) (2025-02-13) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.3 to 0.1.4 ## [1.11.2](https://github.com/muxinc/player.style/compare/site@1.11.1...site@1.11.2) (2025-01-29) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.2 to 0.1.3 ## [1.11.1](https://github.com/muxinc/player.style/compare/site@1.11.0...site@1.11.1) (2025-01-23) ### Bug Fixes * upgrade MC ([#149](https://github.com/muxinc/player.style/issues/149)) ([4ecfd39](https://github.com/muxinc/player.style/commit/4ecfd391b7695ae3bf0daa3d7118dc9c58c0b0a8)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.1 to 0.1.2 ## [1.11.0](https://github.com/muxinc/player.style/compare/site-v1.10.0...site@1.11.0) (2024-12-19) ### Features * Add Christmas theme ([#138](https://github.com/muxinc/player.style/issues/138)) ([8203d90](https://github.com/muxinc/player.style/commit/8203d904e485c122f012b368ec11a625db0d6e97)) * add error dialog ([#143](https://github.com/muxinc/player.style/issues/143)) ([2edd3fe](https://github.com/muxinc/player.style/commit/2edd3fec8b54d187c45dd88d13ac73a3b616c373)) * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * add airplay icon and button ([#131](https://github.com/muxinc/player.style/issues/131)) ([548247e](https://github.com/muxinc/player.style/commit/548247ef50c27ca4c3175be2e4cd8dc423e882f7)) * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ## [1.10.0](https://github.com/muxinc/player.style/compare/site-v1.9.0...site@1.10.0) (2024-12-19) ### Features * Add Christmas theme ([#138](https://github.com/muxinc/player.style/issues/138)) ([8203d90](https://github.com/muxinc/player.style/commit/8203d904e485c122f012b368ec11a625db0d6e97)) * add error dialog ([#143](https://github.com/muxinc/player.style/issues/143)) ([2edd3fe](https://github.com/muxinc/player.style/commit/2edd3fec8b54d187c45dd88d13ac73a3b616c373)) * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * add airplay icon and button ([#131](https://github.com/muxinc/player.style/issues/131)) ([548247e](https://github.com/muxinc/player.style/commit/548247ef50c27ca4c3175be2e4cd8dc423e882f7)) * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.1.0 to 0.1.1 ## [1.9.0](https://github.com/muxinc/player.style/compare/site-v1.8.0...site@1.9.0) (2024-12-09) ### Features * Add Christmas theme ([#138](https://github.com/muxinc/player.style/issues/138)) ([8203d90](https://github.com/muxinc/player.style/commit/8203d904e485c122f012b368ec11a625db0d6e97)) * add error dialog ([#143](https://github.com/muxinc/player.style/issues/143)) ([2edd3fe](https://github.com/muxinc/player.style/commit/2edd3fec8b54d187c45dd88d13ac73a3b616c373)) * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * add airplay icon and button ([#131](https://github.com/muxinc/player.style/issues/131)) ([548247e](https://github.com/muxinc/player.style/commit/548247ef50c27ca4c3175be2e4cd8dc423e882f7)) * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.14 to 0.1.0 ## [1.8.0](https://github.com/muxinc/player.style/compare/site-v1.7.0...site@1.8.0) (2024-12-02) ### Features * Add Christmas theme ([#138](https://github.com/muxinc/player.style/issues/138)) ([8203d90](https://github.com/muxinc/player.style/commit/8203d904e485c122f012b368ec11a625db0d6e97)) * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * add airplay icon and button ([#131](https://github.com/muxinc/player.style/issues/131)) ([548247e](https://github.com/muxinc/player.style/commit/548247ef50c27ca4c3175be2e4cd8dc423e882f7)) * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.13 to 0.0.14 ## [1.7.0](https://github.com/muxinc/player.style/compare/site-v1.6.0...site@1.7.0) (2024-11-11) ### Features * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.12 to 0.0.13 ## [1.6.0](https://github.com/muxinc/player.style/compare/site-v1.5.0...site@1.6.0) (2024-10-29) ### Features * add Halloween theme ([#125](https://github.com/muxinc/player.style/issues/125)) ([445cc74](https://github.com/muxinc/player.style/commit/445cc74bc2e84765ae03d9c35aad80e92f1774e6)) * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.11 to 0.0.12 ## [1.5.0](https://github.com/muxinc/player.style/compare/site-v1.4.0...site@1.5.0) (2024-10-21) ### Features * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.10 to 0.0.11 ## [1.4.0](https://github.com/muxinc/player.style/compare/site-v1.3.0...site@1.4.0) (2024-10-08) ### Features * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add Notflix theme ([#21](https://github.com/muxinc/player.style/issues/21)) ([ed8c33c](https://github.com/muxinc/player.style/commit/ed8c33c61aadb47e897638dce8ec3a77cf774b71)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) * new promo video + features ([#109](https://github.com/muxinc/player.style/issues/109)) ([0049a24](https://github.com/muxinc/player.style/commit/0049a2411f90fd3c2971533b6fa3419b8c994e29)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * Safari color picker border ([f1b1203](https://github.com/muxinc/player.style/commit/f1b1203338e428ce8ab61cf042822c5c20f0939a)), closes [#104](https://github.com/muxinc/player.style/issues/104) * Safari CSS aspect-ratio height bug workaround ([7d6014a](https://github.com/muxinc/player.style/commit/7d6014aa529c7ceb6741f73e2972f10be2d100ca)) * Safari portrait asset height bug ([34dbc22](https://github.com/muxinc/player.style/commit/34dbc22d45935a706c1d1ed4235af5d6db34268e)), closes [#106](https://github.com/muxinc/player.style/issues/106) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.9 to 0.0.10 ## [1.3.0](https://github.com/muxinc/player.style/compare/site-v1.2.0...site@1.3.0) (2024-09-25) ### Features * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Reelplay theme ([#94](https://github.com/muxinc/player.style/issues/94)) ([872d05a](https://github.com/muxinc/player.style/commit/872d05a192a0bda926774eff9d4c2c3be7240f8f)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.8 to 0.0.9 ## [1.2.0](https://github.com/muxinc/player.style/compare/site-v1.1.0...site@1.2.0) (2024-09-10) ### Features * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) * add Sutro audio theme ([#65](https://github.com/muxinc/player.style/issues/65)) ([1ec5d61](https://github.com/muxinc/player.style/commit/1ec5d61b223138b1f668ec1d593189e2717a7279)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * player resize input bug ([#86](https://github.com/muxinc/player.style/issues/86)) ([70c91f2](https://github.com/muxinc/player.style/commit/70c91f262cb7b46698ff5f11d38331d9ee85830a)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.7 to 0.0.8 ## [1.1.0](https://github.com/muxinc/player.style/compare/site@1.0.4...site@1.1.0) (2024-08-15) ### Features * add Instaplay theme ([#58](https://github.com/muxinc/player.style/issues/58)) ([fb84b90](https://github.com/muxinc/player.style/commit/fb84b909f9c7dce6b8cd15ce3cc6af9ef6f21c1f)) * add tailwind-audio theme ([#40](https://github.com/muxinc/player.style/issues/40)) ([c80e967](https://github.com/muxinc/player.style/commit/c80e9670548ff1db8e241e0b8dc90084004ebd5f)) * add Vimeonova theme ([#44](https://github.com/muxinc/player.style/issues/44)) ([e421c28](https://github.com/muxinc/player.style/commit/e421c28ae88a16fce65c6beca0e778d01fc1a353)) * add Winamp theme ([#53](https://github.com/muxinc/player.style/issues/53)) ([e258398](https://github.com/muxinc/player.style/commit/e258398d75eab19cf1656e5a597f518344d5f5b3)) ### Bug Fixes * improve color CSS vars & site color picker ([#49](https://github.com/muxinc/player.style/issues/49)) ([a8e8dc0](https://github.com/muxinc/player.style/commit/a8e8dc0898979e72d035af87233b2a0941fdcc7f)) * no render on preload none ([#38](https://github.com/muxinc/player.style/issues/38)) ([64dda58](https://github.com/muxinc/player.style/commit/64dda5825562da846edb33ddc7d4ba2548c08e00)) * upgrade to Media Chrome v4 ([#64](https://github.com/muxinc/player.style/issues/64)) ([be68af2](https://github.com/muxinc/player.style/commit/be68af2f9c3a6ff6674b9951f0b34f2bfdb042aa)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.6 to 0.0.7 ## [1.0.4](https://github.com/muxinc/player.style/compare/site@1.0.3...site@1.0.4) (2024-06-21) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.5 to 0.0.6 ## [1.0.3](https://github.com/muxinc/player.style/compare/site@1.0.2...site@1.0.3) (2024-06-17) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.4 to 0.0.5 ## [1.0.2](https://github.com/muxinc/player.style/compare/site@1.0.1...site@1.0.2) (2024-06-17) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.3 to 0.0.4 ## [1.0.1](https://github.com/muxinc/player.style/compare/site@1.0.0...site@1.0.1) (2024-06-14) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.2 to 0.0.3 ## 1.0.0 (2024-06-14) ### Features * add packages restructure ([#2](https://github.com/muxinc/player.style/issues/2)) ([b23ddb0](https://github.com/muxinc/player.style/commit/b23ddb0fba3682b19b7d8e2912045ccbfbce6cb0)) ### Bug Fixes * fix imports and exports ([08ca9c0](https://github.com/muxinc/player.style/commit/08ca9c0a2d8d6634baffb18e49b007d0fceaf796)) * player.style dependency ([bb2a628](https://github.com/muxinc/player.style/commit/bb2a62895db48cd89b6af38d6a550136626f0ade)) * player.style dependency ([a62612b](https://github.com/muxinc/player.style/commit/a62612b43f1b7269e41cfeec499c49dd29babf95)) * vanilla pkg, add vanilla example ([dc01aa4](https://github.com/muxinc/player.style/commit/dc01aa4985dfa782527f5533698e029efeb2dc8a)) ### Dependencies * The following workspace dependencies were updated * dependencies * player.style bumped from 0.0.1 to 0.0.2 ================================================ FILE: site/README.md ================================================ This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). ## Getting Started First, run the development server: ```bash npm run dev # or yarn dev # or pnpm dev # or bun dev ``` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. ## Learn More To learn more about Next.js, take a look at the following resources: - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! ## Deploy on Vercel The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. ================================================ FILE: site/app/(home)/page.tsx ================================================ import { getCollection, getCollectionTagGroups } from '../_utils/content'; import Search from '../_components/Search'; import ThemePreview from '../_components/ThemePreview'; import TagCheckbox from '../_components/TagCheckbox'; import ColorPicker from '../_components/ColorPicker'; import ThemeColorPopover from '../_components/ThemeColorPopover'; import Grid from '../_components/Grid'; import LinkWithUnderline from '../_components/LinkWithUnderline'; const title = 'player.style - Video & audio player themes for every web player & framework'; export const metadata = { title, description: 'Video and audio player themes that work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more). Open source and built with Media Chrome so they’re fully customizable using just HTML and CSS.', openGraph: { title, url: '/', locale: 'en-US', type: 'website', images: { url: `/player.style@2x.png`, alt: 'player.style logo', }, }, twitter: { title, site: '@muxhq', images: { url: `/player.style@2x.png`, alt: 'player.style logo', } }, }; type HomeProps = { searchParams: Record; }; const steps = [ { number: '1', text: 'Find a player theme you love' }, { number: '2', text: 'Pick your player and app framework' }, { number: '3', text: "Copy, paste, and you're done" }, { number: '+', text: 'Customize any detail of the player UI using just HTML and CSS' }, ]; export default async function Home({ searchParams }: HomeProps) { const themes = await getCollection('themes', { searchParams, }); const tagGroups = await getCollectionTagGroups('themes'); return ( <>

Find your Player

Video and audio player themes built with{' '} Media Chrome , for every web player and every web app framework.

{steps.map((step, index) => (
{step.number}

{step.text}

))}
Filter themes
{Object.entries(tagGroups) .filter(([, tags]) => tags.length) .map(([tagGroup, tags], index) => (
{tagGroup}
{tags.map((name: string, index: number) => ( ))}
))}
Set theme colors
{themes.length ? ( themes.map((theme, index) => ( )) ) : (

Aw snap! No search results were found.

)}
); } ================================================ FILE: site/app/(home)/page.tsx.orig ================================================ import { getCollection, getCollectionTagGroups } from '../_utils/content'; import Search from '../_components/Search'; import ThemePreview from '../_components/ThemePreview'; import TagCheckbox from '../_components/TagCheckbox'; import ColorPicker from '../_components/ColorPicker'; import ThemeColorPopover from '../_components/ThemeColorPopover'; import Grid from '../_components/Grid'; type HomeProps = { searchParams: Record; }; const steps = [ { number: '1', text: 'Find a player theme you love' }, { number: '2', text: 'Pick your player and app framework' }, { number: '3', text: "Copy, paste, and you're done" }, { number: '+', text: 'Customize any detail of the player UI using just HTML and CSS' }, ]; export default async function Home({ searchParams }: HomeProps) { const themes = await getCollection('themes', { searchParams, }); const tagGroups = await getCollectionTagGroups('themes'); return ( <> <<<<<<< HEAD

Player.style is the home of video and audio player themes built with Media Chrome (by Mux). They work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more).

1. Find a player theme you love.{' '}
2. Pick your player and app framework. {' '}
3. Copy, paste, you’re done.

PLUS Customize any detail of the player UI using just HTML and CSS.{' '}Learn more about the project.

 =======

Find your Player

Player.style is the home of video and audio player themes built with{' '} Media Chrome {' '} by{' '} Mux . They work for any web player, and with every web app framework.

{steps.map((step, index) => (
{step.number}

{step.text}

))}
>>>>>>> main
Filter themes
{Object.entries(tagGroups) .filter(([, tags]) => tags.length) .map(([tagGroup, tags], index) => (
{tagGroup}
{tags.map((name: string, index: number) => ( ))}
))}
Set theme colors
{themes.length ? ( themes.map((theme, index) => ( )) ) : (

Aw snap! No search results were found.

)}
); } ================================================ FILE: site/app/_components/AnalyticsProvider.tsx ================================================ 'use client'; import posthog from 'posthog-js'; import { PostHogProvider } from 'posthog-js/react'; if (typeof window !== 'undefined') { posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, { api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST, person_profiles: 'always', // 'always' to create profiles for anonymous users capture_pageview: false, // Disable automatic pageview capture, as we capture manually capture_pageleave: true, // Enable pageleave capture }); } export function AnalyticsProvider({ children }: { children: React.ReactNode }) { return {children}; } ================================================ FILE: site/app/_components/AuthorLink.tsx ================================================ import clsx from 'clsx'; import React from 'react'; interface AuthorImageProps { handle: string; className?: string; } const AuthorImage: React.FC = ({ handle, className }) => { const username = handle.replace('@', ''); const githubUrl = `https://github.com/${username}`; // eslint-disable-next-line @next/next/no-img-element return {`Avatar; }; interface AuthorLinkProps { handle: string; className?: string; } const AuthorLink: React.FC = ({ handle, className }) => { const username = handle.replace('@', ''); const githubUrl = `https://github.com/${username}`; return ( By{' '} {handle} ); }; export default AuthorLink; ================================================ FILE: site/app/_components/ButtonPicker.tsx ================================================ 'use client'; import { Children, ReactNode, cloneElement } from 'react'; type ButtonPickerProps = { type: string; children?: ReactNode; }; export default function ButtonPicker(props: ButtonPickerProps) { const { type, children } = props; return ( <>
{Children.map(children, (child: any) => cloneElement(child, { type, }) )}
); } ================================================ FILE: site/app/_components/ButtonPickerOption.tsx ================================================ 'use client'; import clsx from 'clsx'; import { useSearchParams, usePathname, useRouter } from 'next/navigation'; type ButtonPickerOptionProps = { selected?: boolean; title: string; value: string; className?: string; }; type ButtonPickerOptionPropsInternal = ButtonPickerOptionProps & { type: string; }; export default function ButtonPickerOption(props: ButtonPickerOptionProps) { const { type, selected, title, value, className } = props as ButtonPickerOptionPropsInternal; const searchParams = useSearchParams(); const pathname = usePathname(); const { replace } = useRouter(); const activeType = searchParams.get(type)?.toString(); const selectMedia = (term: string) => { const params = new URLSearchParams(searchParams); if (term) { params.set(type, term); } else { // This is a workaround for a bug where the page without a search query // would not trigger a RSC update. // params.delete(type); params.set(type, term); } replace(`${pathname}?${params.toString()}`, { scroll: false }); }; return ( <> ); } ================================================ FILE: site/app/_components/Code.tsx ================================================ import { codeToHtml } from 'shiki'; import clsx from 'clsx'; import CopyButton from './CopyButton'; type CodeProps = { code: string; lang: string; className?: string; }; export default async function Code({ code, lang = 'html', className }: CodeProps) { const html = await codeToHtml(code, { lang, themes: { light: 'github-light', dark: 'github-dark', }, transformers: [ { pre(node: any) { this.addClassToHast(node, ['p-1', 'font-mono', 'text-sm', 'overflow-x-auto']); }, }, ], }); return (
); } ================================================ FILE: site/app/_components/ColorPicker.tsx ================================================ 'use client'; import { useSearchParams, usePathname, useRouter } from 'next/navigation'; import clsx from 'clsx'; export default function ColorPicker({ ...props }) { const searchParams = useSearchParams(); const pathname = usePathname(); const { replace } = useRouter(); const params = new URLSearchParams(searchParams); let color = searchParams.get(props.id)?.toString(); const onChange = (color: string) => { color = color.replace('#', ''); if (color) { params.set(props.id, color); } else { // This is a workaround for a bug where the page without a search query // would not trigger a RSC update. // params.delete(props.id); params.set(props.id, color); } replace(`${pathname}?${params.toString()}`, { scroll: false }); }; const resetPicker = () => { params.delete(props.id); replace(`${pathname}?${params.toString()}`, { scroll: false }); }; return (
onChange(e.target.value)} /> {color && ( )}
); } ================================================ FILE: site/app/_components/CopyButton.tsx ================================================ 'use client'; import clsx from 'clsx'; import { ReactNode, useRef, useState } from 'react'; type CopyButtonProps = { code: string; children?: ReactNode; }; export default function CopyButton(props: CopyButtonProps) { const { code } = props; const [copied, setCopied] = useState(false); const copiedTimeoutRef = useRef(); return ( <> ); } ================================================ FILE: site/app/_components/DocsEmbed.tsx ================================================ import Code from './Code'; import mediaElements from '@/media-elements'; import { findParam } from '@/app/_utils/utils'; type DocsInstallProps = { searchParams: Record; name: string; theme: any; }; export default async function DocsEmbed(props: DocsInstallProps) { const { searchParams, name, theme } = props; const media = findParam(searchParams, 'media') || 'video'; const mediaElement = mediaElements[media as keyof typeof mediaElements]; const framework = findParam(searchParams, 'framework') || 'html'; const mediaPackage = mediaElement.package?.[framework as keyof typeof mediaElement.package] ?? (mediaElement.package?.default as string); const customProperties: CustomProperties = { '--media-primary-color': findParam(searchParams, 'primary-color'), '--media-secondary-color': findParam(searchParams, 'secondary-color'), '--media-accent-color': findParam(searchParams, 'accent-color'), }; const embed = findParam(searchParams, 'embed') ?? 'packaged'; let blocks: any[] = []; switch (framework) { case 'js': blocks = jsCode(name, mediaElement, mediaPackage, customProperties, embed, theme); break; case 'react': blocks = reactCode(name, mediaElement, mediaPackage, customProperties, embed, theme); break; case 'vue': blocks = vueCode(name, mediaElement, mediaPackage, customProperties, embed, theme); break; case 'lit': blocks = litCode(name, mediaElement, mediaPackage, customProperties, embed, theme); break; case 'svelte': blocks = svelteCode(name, mediaElement, mediaPackage, customProperties, embed, theme); break; default: blocks = htmlCode(name, mediaElement, mediaPackage, customProperties, embed, theme); } return ( <>

Embed your player

Copy and paste the code below into a page in your project.

{blocks.map((block, index) => ( ))} ); } function htmlCode( name: string, mediaElement: any, mediaPackage: string, customProperties: CustomProperties, embed: string, theme: any ) { let pkgs = []; let templateHtml = ''; let themeTag = `media-theme-${name}`; let themeAttrs: Record = {}; const mediaTag: string = mediaElement.tag; const mediaAttrs = getMediaAttributes(mediaElement); if (mediaElement.tag.includes('-')) { pkgs.push(mediaPackage); } if (embed === 'template') { themeAttrs.template = `media-theme-${name}`; themeTag = 'media-theme'; pkgs.push(`media-chrome`); pkgs.push(`media-chrome/menu`); pkgs.push(`media-chrome/media-theme-element`); templateHtml = `\n\n `; } else { pkgs.push(`player.style/${name}`); } themeAttrs.style = getCustomPropertiesStyle(customProperties); return [ { lang: 'js', code: [ ...pkgs.map( (pkg) => `` ), templateHtml, `<${themeTag}${getIndentedAttributes(themeAttrs)} style="width:100%"> <${mediaTag}${getIndentedAttributes(mediaAttrs, 2)}> `, ], }, ]; } function jsCode( name: string, mediaElement: any, mediaPackage: string, customProperties: CustomProperties, embed: string, theme: any ) { let imports = []; let templateHtml = ''; let themeTag = `media-theme-${name}`; let themeAttrs: Record = {}; const mediaTag: string = mediaElement.tag; const mediaAttrs = getMediaAttributes(mediaElement); if (mediaElement.tag.includes('-')) { imports.push(`import '${mediaPackage}';`); } if (embed === 'template') { themeAttrs.template = `media-theme-${name}`; themeTag = 'media-theme'; imports.push(`import 'media-chrome';`); imports.push(`import 'media-chrome/menu';`); imports.push(`import 'media-chrome/media-theme-element';`); templateHtml = `\n\n `; } else { imports.push(`import 'player.style/${name}';`); } themeAttrs.style = getCustomPropertiesStyle(customProperties); return [ { lang: 'js', code: [ ...imports, '', `const template = document.createElement('template'); template.innerHTML = \` ${templateHtml}<${themeTag}${getIndentedAttributes(themeAttrs, 2)} style="width: 100%"> <${mediaTag}${getIndentedAttributes(mediaAttrs, 4)}> \`; document.body.append(template.content);`, ], }, ]; } function reactCode( name: string, mediaElement: any, mediaPackage: string, customProperties: CustomProperties, embed: string, theme: any ) { let imports = []; let templateHtml = ''; let themeTag = `media-theme-${name}`; let themeAttrs = ''; let mediaTag: string = mediaElement.tag; const mediaAttrs = attrsToJSXProps(getMediaAttributes(mediaElement)); if (mediaElement.tag.includes('-')) { mediaTag = pascalCase(mediaElement.tag); imports.push(`import ${mediaTag} from '${mediaPackage}';`); } if (embed === 'template') { themeAttrs += `\n template="media-theme-${name}"`; themeTag = 'media-theme'; imports.push(`import 'media-chrome/react';`); imports.push(`import 'media-chrome/react/menu';`); imports.push(`import { MediaTheme } from 'media-chrome/react/media-theme';`); templateHtml = `