Skip to content

Commit 65096fa

Browse files
authored
feat!: create ix-player and ix-video packages
Create ix-video, ix-player packages
2 parents f81f6c6 + 63bad65 commit 65096fa

File tree

217 files changed

+3038
-9661
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

217 files changed

+3038
-9661
lines changed

.github/ISSUE_TEMPLATE/bug_report.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,25 @@ assignees: ''
1212

1313
### Checklist
1414

15-
- [] Verified whether your issue exists in the latest version Mux Element(s) release: `npm install @mux/[element_name]` or `yarn @mux/[element_name]`.
15+
- [] Verified whether your issue exists in the latest version imgix Element(s) release: `npm install @imgix/[element_name]` or `yarn @imgix/[element_name]`.
1616
- (NOTE: If the issue is not occurring in the latest version, we may not resolve it.)
17-
- [] Confirmed that this issue hasn't [already been filed](https://github.com/muxinc/elements/issues?q=is%3Aopen+is%3Aissue+label%3Abug).
17+
- [] Confirmed that this issue hasn't [already been filed](https://github.com/imgix/ix-elements/issues?q=is%3Aopen+is%3Aissue+label%3Abug).
1818

19-
### Which Mux Elements/Packages has a bug?
19+
### Which ix-element/Packages has a bug?
2020

2121
<!--
2222
Uncomment all that apply. Also, make sure you add the appropriate Label after creating the issue!
2323
24-
- mux-video
25-
- mux-audio
24+
- imgix-video
25+
- imgix-audio
2626
- common
2727
-->
2828

2929
### Which browser(s) are you using?
3030

3131
<!--
3232
Uncomment all that apply
33-
(NOTE: Currently, Mux Elements are only officially supported in new versions of the browsers listed above)
33+
(NOTE: Currently, imgix Elements are only officially supported in new versions of the browsers listed above)
3434
3535
- Chrome
3636
- Safari
@@ -45,7 +45,7 @@ assignees: ''
4545

4646
(For example: macOS, Windows, iOS, Android)
4747

48-
### How are you using Mux Elements?
48+
### How are you using ix-elements?
4949

5050
(For example: npm package, `<script>` tag)
5151

@@ -54,7 +54,7 @@ assignees: ''
5454
<!--
5555
Please provide a clear and concise description of what the bug is. Include
5656
screenshots if needed. Please test using the latest version of the relevant
57-
Mux Elements packages to make sure your issue has not already been fixed.
57+
ix-elements packages to make sure your issue has not already been fixed.
5858
-->
5959

6060
## Steps To Reproduce

.github/workflows/cd.yml

Lines changed: 53 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,56 @@
1-
name: Deployment
1+
# name: Deployment
22

3-
concurrency: production
3+
# concurrency: production
44

5-
on:
6-
# Allows you to run this workflow manually from the Actions tab
7-
workflow_dispatch:
5+
# on:
6+
# # Allows you to run this workflow manually from the Actions tab
7+
# workflow_dispatch:
88

9-
jobs:
10-
deploy:
11-
runs-on: ubuntu-latest
12-
environment: production
13-
steps:
14-
- uses: actions/checkout@v3
15-
with:
16-
fetch-depth: 0 # Fetch all history for all tags and branches
17-
- name: read node version from the .nvmrc file
18-
run: echo ::set-output name=NODE_VERSION::$(cat .nvmrc)
19-
shell: bash
20-
id: nvmrc
21-
- uses: actions/setup-node@v3
22-
with:
23-
node-version: ${{steps.nvmrc.outputs.NODE_VERSION}}
24-
# this line is required for the setup-node action to be able to run the npm publish below.
25-
registry-url: 'https://registry.npmjs.org'
26-
- name: Install
27-
run: yarn install --frozen-lockfile
28-
- name: Clean
29-
run: yarn clean
30-
- name: Test
31-
run: yarn test
32-
- name: Clean
33-
run: yarn clean
34-
- name: Build
35-
run: yarn build:packages
36-
- name: Publish
37-
run: yarn deploy --yes
38-
env:
39-
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
40-
- name: Create Release Notes
41-
run: yarn create-release-notes
42-
env:
43-
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
44-
- name: 'Get message'
45-
id: 'deploy_message'
46-
run: |
47-
echo "::set-output name=commit_msg::$(git log -1 --format=%B)"
48-
echo "::set-output name=commit_sha::$(git log -1 --format=%H)"
49-
- name: Slack Notify
50-
uses: rtCamp/action-slack-notify@v2.2.0
51-
env:
52-
SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
53-
SLACK_MESSAGE: ${{ steps.deploy_message.outputs.commit_msg }}
54-
SLACK_USERNAME: Mux Elements
55-
SLACK_ICON: https://avatars.githubusercontent.com/muxinc?size=48
56-
SLACK_FOOTER: ''
9+
# jobs:
10+
# deploy:
11+
# runs-on: ubuntu-latest
12+
# environment: production
13+
# steps:
14+
# - uses: actions/checkout@v3
15+
# with:
16+
# fetch-depth: 0 # Fetch all history for all tags and branches
17+
# - name: read node version from the .nvmrc file
18+
# run: echo ::set-output name=NODE_VERSION::$(cat .nvmrc)
19+
# shell: bash
20+
# id: nvmrc
21+
# - uses: actions/setup-node@v3
22+
# with:
23+
# node-version: ${{steps.nvmrc.outputs.NODE_VERSION}}
24+
# # this line is required for the setup-node action to be able to run the npm publish below.
25+
# registry-url: 'https://registry.npmjs.org'
26+
# - name: Install
27+
# run: yarn install --frozen-lockfile
28+
# - name: Clean
29+
# run: yarn clean
30+
# - name: Test
31+
# run: yarn test
32+
# - name: Clean
33+
# run: yarn clean
34+
# - name: Build
35+
# run: yarn build:packages
36+
# - name: Publish
37+
# run: yarn deploy --yes
38+
# env:
39+
# NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
40+
# - name: Create Release Notes
41+
# run: yarn create-release-notes
42+
# env:
43+
# GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
44+
# - name: 'Get message'
45+
# id: 'deploy_message'
46+
# run: |
47+
# echo "::set-output name=commit_msg::$(git log -1 --format=%B)"
48+
# echo "::set-output name=commit_sha::$(git log -1 --format=%H)"
49+
# - name: Slack Notify
50+
# uses: rtCamp/action-slack-notify@v2.2.0
51+
# env:
52+
# SLACK_WEBHOOK: ${{ secrets.SLACK_WEBHOOK }}
53+
# SLACK_MESSAGE: ${{ steps.deploy_message.outputs.commit_msg }}
54+
# SLACK_USERNAME: ix-elements
55+
# SLACK_ICON: https://avatars.githubusercontent.com/imgix?size=48
56+
# SLACK_FOOTER: ''

.github/workflows/ci.yml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,15 +22,15 @@ jobs:
2222
with:
2323
node-version: ${{steps.nvmrc.outputs.NODE_VERSION}}
2424
# this line is required for the setup-node action to be able to run the npm publish below.
25-
registry-url: 'https://registry.npmjs.org'
25+
# registry-url: 'https://registry.npmjs.org'
2626
cache: yarn
2727
- run: yarn install --frozen-lockfile
2828
- run: yarn clean
2929
- run: yarn build:packages
30-
- run: npm run publish-release -- canary
31-
if: ${{ github.ref == 'refs/heads/main' }}
32-
env:
33-
NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
30+
# - run: npm run publish-release -- canary
31+
# if: ${{ github.ref == 'refs/heads/main' }}
32+
# env:
33+
# NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
3434

3535
lint:
3636
runs-on: ubuntu-latest

.github/workflows/project.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,5 +13,5 @@ jobs:
1313
steps:
1414
- uses: actions/add-to-project@v0.3.0
1515
with:
16-
project-url: https://github.com/orgs/muxinc/projects/8/views/1
16+
project-url: https://github.com/orgs/imgix/projects/4/views/1
1717
github-token: ${{ secrets.ADD_TO_PROJECT_PAT }}

.husky/commit-msg

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/bin/sh
2+
3+
# Runs commitlint on on commit message prior to commit
4+
npx --no-install commitlint --edit ""

.husky/pre-commit

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
#!/bin/sh
22
. "$(dirname "$0")/_/husky.sh"
33

4-
npx pretty-quick --staged
4+
# Runs Prettier on changed files.
5+
npx pretty-quick --staged

CODEOWNERS

Lines changed: 0 additions & 2 deletions
This file was deleted.

README.md

Lines changed: 12 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,27 @@
11
<p align="center">
2-
<a href="https://mux.com/">
3-
<img src="https://avatars.githubusercontent.com/u/16199997?s=200&v=4" alt="Mux Logo">
4-
<h1 align="center">&lt;mux-elements/&gt;</h1>
2+
<a href="https://imgix.com/">
3+
<img src="https://avatars.githubusercontent.com/u/2793044?s=200&v=4" alt="imgix Logo">
4+
<h1 align="center">&lt;ix-elements/&gt;</h1>
55
</a>
66
<p align="center">
7-
Custom elements for working with media in the browser that Just Work™
7+
Custom elements for working with media in the browser that work anywhere.
8+
</p>
9+
<p align="center" style="text: italic">
10+
A fork of <a href="https://www.github.com/muxinc/elements">Mux Elements</a>
811
</p>
912
</p>
1013

1114
# Elements
1215

13-
Elements are written to make it easy to work in a variety of web frameworks. If we don't (yet) have a framework-specific "flavor" of an element, we always provide a pure [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Components) version that work with HTML and can be used by most modern web frameworks and web application environments.
16+
Elements are written to make it easy to work in a variety of web frameworks. If there isn't a framework-specific element, you can use the [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Components) version that can be used by most modern web frameworks and web application environments.
1417

1518
| Name | Description | Framework | Official Release Status |
1619
| ------------------------------------------------- | --------------------------------------------- | ------------- | ----------------------- |
17-
| [mux-video](packages/mux-video) | A Mux-flavored HTML5 video element | Web Component | Public Beta |
18-
| [mux-video-react](packages/mux-video-react) | A Mux-flavored React video component | React | Public Beta |
19-
| [mux-audio](packages/mux-audio) | A Mux-flavored HTML5 audio element | Web Component | Public Beta |
20-
| [mux-audio-react](packages/mux-audio-react) | A Mux-flavored HTML5 audio component | React | Public Beta |
21-
| [mux-player](packages/mux-player) | A Mux-flavored HTML5 media player component | Web Component | 1.x.x 🎉 |
22-
| [mux-player-react](packages/mux-player-react) | A Mux-flavored React media player component | React | 1.x.x 🎉 |
23-
| [mux-uploader](packages/mux-uploader) | A Mux-flavored HTML5 media uploader component | Web Component | Public Beta |
24-
| [mux-uploader-react](packages/mux-uploader-react) | A Mux-flavored React media uploader component | React | Public Beta |
20+
| [ix-video](packages/ix-video) | An imgix-flavored HTML5 video element | Web Component | 2.0.0 🎉 |
21+
| [ix-video-react](packages/ix-video-react) | An imgix-flavored React video component | React | Public Beta |
22+
| [ix-player](packages/ix-player) | An imgix-flavored HTML5 media player component | Web Component | Public Beta |
23+
| [ix-player-react](packages/ix-player-react) | An imgix-flavored React media player component | React | Public Beta |
2524

2625
# Contribution
2726

2827
Please make sure to read the [Contributing Guide](CONTRIBUTING.md) before making a pull request.
29-
30-
Thank you to all the people who already contributed to `<mux-elements/>`!
31-
32-
![Contributors](https://contrib.rocks/image?repo=muxinc/elements)

README_INTERNAL.md

Lines changed: 6 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -18,26 +18,10 @@ Examples:
1818
It's helpful to point at Media Chrome canaries for developing PRs and having all the live examples work; however, we should not merge any PRs that point at a Media Chrome Canary release.
1919

2020
# Releasing
21+
<!-- TODO -->
2122

22-
This repo uses [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/)
23-
and Github Actions for continuously publishing Mux elements.
24-
25-
1. `cd` into the `elements` directory where the origin is set to `muxinc/elements`. Don't use your forked repo; use a separate directory that is cloned from `https://github.com/muxinc/elements`.
26-
1. From the workspace root directory, run `yarn install`.
27-
1. From the workspace root directory, run `yarn version:update`.
28-
This will bump the version of the packages changed since the last release and push those changes to Github.
29-
You might have to manually correct the version if the suggestion of Conventional Commits is not right.
30-
1. Go to the [Github Actions tab for elements](https://github.com/muxinc/elements/actions), select "Deployment" action in the left sidebar
31-
1. Click the "Run workflow" dropdown and "Run workflow" on the `main` branch
32-
1. Starting this workflow will require an approval from a core contributor. Click into the 'pending' workflow to get it approved.
33-
1. After approving this will kick off the deploy action which will publish all the updated packages to NPM and create release notes in Github
34-
1. Confirm the package(s) were successfully published to npm by checking the latest version and publish time on npmjs, e.g.: https://www.npmjs.com/package/@mux/mux-player
35-
1. Confirm in the [Releases tab](https://github.com/muxinc/elements/releases) that the releases have been created.
36-
37-
# After releasing Mux Player
38-
39-
- Update stream.new
40-
- Update the player on docs.mux.com
41-
- Update the player on mux.com
42-
- Update the Mux Player guide in the docs (document any new functionality, add release notes at the bottom)
43-
- Post in #player to let product team know
23+
# After releasing IxPlayer
24+
25+
- Update the player on imgix.com
26+
- Update the player on imgix.com
27+
- Post in #sdk to let product team know

codecov.yml

Lines changed: 16 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -4,30 +4,22 @@ coverage:
44
project:
55
default:
66
target: auto #overall project/ repo coverage
7-
mux-audio:
7+
ix-player:
88
target: auto
99
flags:
10-
- mux-audio
11-
mux-audio-react:
10+
- ix-player
11+
ix-player-react:
1212
target: auto
1313
flags:
14-
- mux-audio-react
15-
mux-player:
14+
- ix-player-react
15+
ix-video:
1616
target: auto
1717
flags:
18-
- mux-player
19-
mux-player-react:
18+
- ix-video
19+
ix-video-react:
2020
target: auto
2121
flags:
22-
- mux-player-react
23-
mux-video:
24-
target: auto
25-
flags:
26-
- mux-video
27-
mux-video-react:
28-
target: auto
29-
flags:
30-
- mux-video-react
22+
- ix-video-react
3123
playback-core:
3224
target: auto
3325
flags:
@@ -47,24 +39,18 @@ comment:
4739
# uploader, and update when new Flags added
4840

4941
flags:
50-
mux-audio:
51-
paths: #note, accepts globs, not regexes
52-
- packages/mux-audio
53-
mux-audio-react:
54-
paths: #note, accepts globs, not regexes
55-
- packages/mux-audio-react
56-
mux-player:
42+
ix-player:
5743
paths: #note, accepts globs, not regexes
58-
- packages/mux-player
59-
mux-player-react:
44+
- packages/ix-player
45+
ix-player-react:
6046
paths: #note, accepts globs, not regexes
61-
- packages/mux-player-react
62-
mux-video:
47+
- packages/ix-player-react
48+
ix-video:
6349
paths: #note, accepts globs, not regexes
64-
- packages/mux-video
65-
mux-video-react:
50+
- packages/ix-video
51+
ix-video-react:
6652
paths: #note, accepts globs, not regexes
67-
- packages/mux-video-react
53+
- packages/ix-video-react
6854
playback-core:
6955
paths: #note, accepts globs, not regexes
7056
- packages/playback-core

0 commit comments

Comments
 (0)