feat: Yarn v2 with Pnp support and zero-install

Author: steabert

.github/workflows/ci.yml

@@ -0,0 +1,64 @@
+# Publishes a GitHub release and NPM package for
+# any tag that is pushed to the repository.
+# Tags should be generated automatically by
+# manually running the "release" workflow.
+name: Publish
+
+on:
+  push:
+    tags:
+      - v*
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - name: Setup node
+        uses: actions/setup-node@v1
+        with:
+          node-version: '14'
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install dependencies
+        env:
+          CYPRESS_INSTALL_BINARY: 0
+        run: yarn install --immutable --immutable-cache
+      - name: Build
+        run: yarn build
+      - name: Release
+        id: release
+        uses: actions/create-release@v1
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # provided by Actions
+        with:
+          tag_name: ${{ github.ref }}
+          release_name: Release ${{ github.ref }}
+          draft: false
+          prerelease: false
+      - name: Upload dist
+        uses: actions/[email protected]
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          upload_url: ${{ steps.release.outputs.upload_url }} # This pulls from the CREATE RELEASE step above, referencing it's ID to get its outputs object, which include a `upload_url`. See this blog post for more info: https://jasonet.co/posts/new-features-of-github-actions/#passing-data-to-future-steps
+          asset_path: dist/media-overlay-library.min.js
+          asset_name: media-overlay-library.min.js
+          asset_content_type: application/javascript
+      - name: Upload changelog
+        uses: actions/[email protected]
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          upload_url: ${{ steps.release.outputs.upload_url }} # This pulls from the CREATE RELEASE step above, referencing it's ID to get its outputs object, which include a `upload_url`. See this blog post for more info: https://jasonet.co/posts/new-features-of-github-actions/#passing-data-to-future-steps
+          asset_path: CHANGELOG.md
+          asset_name: CHANGELOG.md
+          asset_content_type: text/markdown
+      - name: Deploy NPM package
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
+        run: |
+          if [[ $GITHUB_REF =~ alpha|beta ]]; then
+              npm publish --tag next
+          else
+              npm publish --tag latest
+          fi

.github/workflows/publish.yml

@@ -0,0 +1,40 @@
+# Run linting, unit tests, check build is possible.
+# Standard requirements that should always be green.
+# Tested on NodeJS LTS and current stable.
+name: Verify
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  verify:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['14', '15']
+    services:
+      rtsp:
+        image: steabert/gst-rtsp-launch
+        ports:
+          - 8554:8554
+    steps:
+      - uses: actions/checkout@v1
+      - name: Setup node
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: yarn install --immutable --immutable-cache
+      - name: Linting & Unit testing
+        run: |
+          yarn lint
+          yarn test
+      - name: Build
+        run: yarn build
+      - name: Test basic video functionality
+        run: sbin/test.sh

.github/workflows/verify.yml

@@ -7,12 +7,19 @@ coverage/
 # Bundles
 dist/
 
-# Dependencies
-node_modules/
-
 # Cypress
 cypress/videos/
 cypress/screenshots/
 
- #Intellij
+# IDE
 .idea/
+.vscode/
+
+# Yarn
+.yarn/*
+!.yarn/cache
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+node_modules/