fix: upgrade deps & fix badges

ngryman/badge-size#113

.github/workflows/cd.yml

@@ -6,7 +6,7 @@ on:
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
     inputs:
-      version_type:
+      version:
         type: choice
         required: true
         description: Version
@@ -15,25 +15,50 @@ on:
         - patch
         - minor
         - major
+        - prerelease
+        - from-package
+        - from-git
+      prerelease:
+        type: choice
+        description: Pre-release
+        options:
+        -
+        - canary
+        - beta
+      dryrun:
+        description: 'Dry-run'
+        type: boolean
+
+run-name: Deploy ${{ inputs.version }} ${{ inputs.dryrun && '--dry-run' || '' }} ${{ inputs.prerelease && format('--prerelease {0}', inputs.prerelease) || '' }}
 
 jobs:
   deploy:
     runs-on: ubuntu-latest
     environment: production
+    permissions:
+      contents: write
+      id-token: write
 
     env:
       NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
       CONVENTIONAL_GITHUB_RELEASER_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
+          node-version: 20
           # this line is required for the setup-node action to be able to run the npm publish below.
           registry-url: 'https://registry.npmjs.org'
       - uses: fregante/setup-git-user@v1
-      - run: npm install
+      - run: npm ci
+      - run: npm run lint
       - run: npm test
-      - run: npx wet-run release ${{ inputs.version_type }} --changelog --github-release
+      - run: npx --yes wet-run@1.2.2 release ${{ inputs.version }} ${{ inputs.dryrun && '--dry-run' || '' }} ${{ inputs.prerelease && format('--prerelease {0}', inputs.prerelease) || '' }} --provenance --changelog --github-release --log-level verbose
+      - name: Get NPM version
+        id: npm-version
+        uses: martinbeentjes/npm-get-version-action@v1.3.1
+      - name: Released ${{ steps.npm-version.outputs.current-version}} ✨
+        run: echo ${{ steps.npm-version.outputs.current-version}}

.github/workflows/ci.yml

@@ -6,15 +6,15 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-      - run: npm install
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+      - run: npm ci
       - run: npm run lint
 
   test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-      - run: npm install
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+      - run: npm ci
       - run: npm test

.gitignore

@@ -1,4 +1,3 @@
 /dist/
 /node_modules/
 /.DS_Store
-/package-lock.json

README.md

@@ -1,7 +1,9 @@
 # `<videojs-video>` 
 
-[![Version](https://img.shields.io/npm/v/videojs-video-element?style=flat-square)](https://www.npmjs.com/package/videojs-video-element) 
-[![Badge size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/videojs-video-element/+esm?compression=gzip&label=gzip&style=flat-square)](https://cdn.jsdelivr.net/npm/videojs-video-element/+esm)
+[![NPM Version](https://img.shields.io/npm/v/videojs-video-element?style=flat-square&color=informational)](https://www.npmjs.com/package/videojs-video-element) 
+[![NPM Downloads](https://img.shields.io/npm/dm/videojs-video-element?style=flat-square&color=informational&label=npm)](https://www.npmjs.com/package/videojs-video-element) 
+[![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/videojs-video-element?style=flat-square&color=%23FF5627)](https://www.jsdelivr.com/package/npm/videojs-video-element)
+[![npm bundle size](https://img.shields.io/bundlephobia/minzip/videojs-video-element?style=flat-square&color=success&label=gzip)](https://bundlephobia.com/result?p=videojs-video-element) 
 
 A [custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) 
 for Video.js with an API that matches the 

package.json

@@ -13,16 +13,16 @@
     "url": "https://github.com/luwes/videojs-video-element/issues"
   },
   "scripts": {
-    "lint": "npx eslint *.js -c ./node_modules/wet-run/.eslintrc.json",
+    "lint": "npx eslint@8 *.js -c ./node_modules/wet-run/.eslintrc.json",
     "test": "wet run",
     "dev": "wet serve"
   },
   "dependencies": {
-    "media-tracks": "^0.2.3",
+    "media-tracks": "^0.3.0",
     "super-media-element": "~1.3.0"
   },
   "devDependencies": {
-    "wet-run": "^0.2.0"
+    "wet-run": "^1.2.2"
   },
   "keywords": [
     "video.js",