videomail-client 9.4.0 → 9.4.2

package/.github/workflows/push.yml

@@ -3,11 +3,11 @@ name: Test Runner for videomail-client
 on:
   push:
     branches:
-      - develop
+      - dev
 
   pull_request:
     branches:
-      - develop
+      - dev
 
 jobs:
   build-test-lint-check:

package/.vscode/settings.json

@@ -2,17 +2,21 @@
   "editor.tabSize": 2,
   "files.trimTrailingWhitespace": true,
   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "always"
   },
+  "eslint.options": {
+    "overrideConfigFile": "./.eslintrc.js"
+  },
   "prettier.configPath": "./prettier.config.cjs",
+  "stylelint.validate": ["stylus"],
   "cSpell.words": [
     "animitter",
     "autobuffer",
     "browserstack",
     "bytediff",
     "classlist",
+    "crossorigin",
     "cssnano",
     "deepmerge",
     "derequire",

package/etc/release.sh

@@ -0,0 +1,96 @@
+#!/bin/bash
+set -eo pipefail
+
+GREEN='\033[0;32m'
+NC='\033[0m' # No Color
+
+info() {
+    printf "${GREEN}$@${NC}"
+}
+
+export GIT_MERGE_AUTOEDIT=no
+
+die() {
+    unset GIT_MERGE_AUTOEDIT
+    echo >&2 "☠  ☠  ☠  ☠  ☠  ☠  ☠  $@ ☠  ☠  ☠  ☠  ☠  ☠  ☠"
+    exit 1
+}
+
+info "Checking for vulnerabilities...\n"
+
+# thanks to set -e it will exit here if audit fails
+npm run audit
+
+# todo: figure out an elegant solution to avoid duplicate code
+# when having three bash scripts for patches, features and releases
+# maybe with command line args?
+# when done, rename this file
+
+for i in "$@"; do
+    case $i in
+    -i=* | --importance=*)
+        IMPORTANCE="${i#*=}"
+        shift # past argument=value
+        ;;
+    *)
+        # unknown option
+        ;;
+    esac
+done
+
+if [[ -z ${IMPORTANCE:-} ]]; then
+    die "Aborting the bump! Argument --importance is missing"
+fi
+
+# ensures all is commited
+if [[ $(git status --porcelain) ]]; then
+    die "Aborting the bump! You have uncommitted changes"
+fi
+
+# Ensures master is up to date
+git checkout master
+git pull
+git checkout dev
+
+info "Figuring next version for importance ${IMPORTANCE}...\n"
+read VERSION <<<$(gulp bumpVersion --importance=$IMPORTANCE | awk '/to/ {print $5}')
+info "It's version ${VERSION}\n"
+
+git checkout master
+git push
+git checkout dev
+git push
+
+# Start a new release
+git flow release start $VERSION
+
+# This will increment version in package.json
+gulp bumpVersion --write --version=$VERSION
+
+# Ensure dependencies are okay
+npm install
+
+# Rebuild all assets
+gulp build --minify
+
+git add -A
+git commit -m "Final commit of version $VERSION" --no-edit
+
+info "Publishing to npm ...\n"
+npm publish
+
+# Complete the release. This will also tag it.
+git flow release finish $VERSION -p -m "Completing release of $VERSION"
+
+git checkout master
+git push --follow-tags
+
+# Prepare the dev branch for the new cycle
+git checkout dev
+
+# Strange bug, have to bump it again
+gulp bumpVersion --write --version=$VERSION
+
+unset GIT_MERGE_AUTOEDIT
+
+info "\nAll good. Ready for the next cycle!\n"

package/etc/ssl-certs/localhost.crt

@@ -0,0 +1,26 @@
+-----BEGIN CERTIFICATE-----
+MIIEUzCCArugAwIBAgIRAN/YfTdhkaWPOikBV/CnP3cwDQYJKoZIhvcNAQELBQAw
+gY0xHjAcBgNVBAoTFW1rY2VydCBkZXZlbG9wbWVudCBDQTExMC8GA1UECwwobWlj
+aGFlbC1oZXViZXJnZXJATTEgKE1pY2hhZWwgSGV1YmVyZ2VyKTE4MDYGA1UEAwwv
+bWtjZXJ0IG1pY2hhZWwtaGV1YmVyZ2VyQE0xIChNaWNoYWVsIEhldWJlcmdlcikw
+HhcNMjQxMDAyMjMxOTIxWhcNMjcwMTAyMjMxOTIxWjBcMScwJQYDVQQKEx5ta2Nl
+cnQgZGV2ZWxvcG1lbnQgY2VydGlmaWNhdGUxMTAvBgNVBAsMKG1pY2hhZWwtaGV1
+YmVyZ2VyQE0xIChNaWNoYWVsIEhldWJlcmdlcikwggEiMA0GCSqGSIb3DQEBAQUA
+A4IBDwAwggEKAoIBAQDogjYZlm03dDvQmd+GsSTuVLb4dUedoV7unfkurNuYFJUg
+m9TVWJrsgljSmcobI2ByJLYx+6qub8o4p7W9VTXYjCqmwNvTGh6r+MFnkyOglPS+
+c22Q0qmLcUPNTCwWRuxAImLGJvo8lSJmxutYQ5CsWDfz0B/O8VAABds6GYKYt7rz
+QLACGMz6oiZWRpzVWzqTagJ23TXmYDde45OteTQpttA3PxrQYZtw+XhJAR45rHwE
+X3J8lJRwWEq+QWvHehP7+nlaIIJanLP+x/qd6Vvoy4n2NlmBcDItK7cWxRx0xdW7
+u3HhjeSZrkmz6Ido5FPRNjJASc1JHGE4jwUL54bNAgMBAAGjXjBcMA4GA1UdDwEB
+/wQEAwIFoDATBgNVHSUEDDAKBggrBgEFBQcDATAfBgNVHSMEGDAWgBSJqVlmXtgN
+xoK8V59jOd6vWTJ1VjAUBgNVHREEDTALgglsb2NhbGhvc3QwDQYJKoZIhvcNAQEL
+BQADggGBADDfAY3vdgB7t3iflT/Szx4Jz0c38itzKKSTtH+JCBL4a7UVE0Zk6j3W
+haBAoOtqOh7iygSvHCtnus+d1EnGzafnbhK2KZdK5hIbr7D/ZV8hqKLFHaynmopl
+z/yaJ5fPgMwlIYRQqu3DUujuculqvMjeBuauxO9H8bMRmdnh5yGRBNBErJA86uwI
+hvKKPAZX2rHcqhWkPP09K+8qX37cp2yhxnrF6+18bTvg1TGRAd3/60Fiko7o5VcV
++29ToWxoW0jf2efXLaV0OpfQdsSvG54yax3f3zYWcJXTK1uEulCZbWJMThnGTlrx
+Npev+MtKgJCnenPsPTwWk5ObQBWM/mdybMSSyzoy4bMH7aSckPWe8cFRuRfWzXU3
++MQ/eHKQXcg2r8HQ28OYlH3dP921dfUinGKFKrloqGBTqokkZPUjgzIs5F9+ByJi
++41ySU28hwLZXG4qKpqsFNhQOmJayJFgOMdSyoCPRvg2CafvsWuGkPrBTsas9zoE
+mkAxOjgSrA==
+-----END CERTIFICATE-----

package/etc/ssl-certs/localhost.key

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDogjYZlm03dDvQ
+md+GsSTuVLb4dUedoV7unfkurNuYFJUgm9TVWJrsgljSmcobI2ByJLYx+6qub8o4
+p7W9VTXYjCqmwNvTGh6r+MFnkyOglPS+c22Q0qmLcUPNTCwWRuxAImLGJvo8lSJm
+xutYQ5CsWDfz0B/O8VAABds6GYKYt7rzQLACGMz6oiZWRpzVWzqTagJ23TXmYDde
+45OteTQpttA3PxrQYZtw+XhJAR45rHwEX3J8lJRwWEq+QWvHehP7+nlaIIJanLP+
+x/qd6Vvoy4n2NlmBcDItK7cWxRx0xdW7u3HhjeSZrkmz6Ido5FPRNjJASc1JHGE4
+jwUL54bNAgMBAAECggEBAMrL1/gVdolpvkpCC+7lT3r5NOYdFSvt9mlWLGODrb1G
+JpRclxTGxcoIHwUB0oA9KQAl+Sw7gDHJm64yyZesXNzV1NXBXXsRSzNgMwDuG6MS
+iS4ca7JnrC3Nyv+jsshzb9i4pUKD+LsisPDIC7nepK9N+u+T1kqfu9FpSj+wxHIC
+FR+5hfdwkkH2Sqbsvu+b2o0n+qI4zbsdSV/7N2d9X2UCuYMsr095isTRaNEEbvX3
+Y2KW61pK//GxVUVoqVxq6iEF0SK8zdEZF91T32ywoHHBswe8EJMnu2yDQTF+nfVo
+5LIpeMf+walKmn2fjd/3KthWrZQNPF2nz42JOgy5IlkCgYEA7AdddLCqiUfESGuS
+VpCZk4C19ocX7FpXs8YkuB/nKLjLfQ0BcfX4qSqbQdKBainMfJfwjc0MOUx/Lo4s
+7f0d7qn/u/U/W09vsEvAZj64lNunr6eWBaNTAlzESMyzLjbxzEL1do/8zsdnrvLz
+c5SNHWwWIlQy4mdHEtufbwxavycCgYEA/C6YsWTWj6SIcz4R1wVkH3fxIBbFnnEa
+nSwTmkDZrcap/8aaMTImHfvBYuM/xwEYKTnaBO801LggIDcTZSmwJF7+hNrhGKZz
+Rx3lkQT3aW5Zh04eqimxGZ4W6uwxTO0DsBE2N7fSaQE8dQszoqjweNll76Wabmca
+h4L5B0leQusCgYEAmRR5x3nhUSILqtCh26TzBhifa6HYoUFCymUDYavHV8DqsVMj
+Ec9vFAB/K6SkrL8pUdGVgdJwUCVOA1rQxxW4ORdmtnfsPIN7s8KdqXKacmk4C5PM
+mCGCb/DMmU6yE5ItJsZyvw/J7i6kD3Kg9OBu2ZtFi8RCMFa9YPyyHerMXFcCgYAO
+AKxb1USQr0sgUwb8kIERukA6TulkNdWLeqIQA5/SpWBVInr3VliFe7AuRH4LF8V2
+rI6tjXa6hQrLnyNFj74HFvs890ZebwehoEhZ+BOg2A7Ck5TiT/RUftG486p9If/9
+a8c96sgVKotn2FpioszPeQrO9rwPe0we0CfxvqIsRwKBgQCXjSpD+Ak5Qt2Lfjb3
+wqePMJ8C/INU7qMz62pJqlC+UM5GRrlZMkTzxEkMOlm1GW/y8J0wvIJhw4L2ofsH
+NLCs2WQCvVfKC3L0BafSPzXPejFzYhRgKUSSQkknZeDQQzEy6WWwwPZMV/BTSqXH
+Sj7SWGOET46bFODDf4CCRsRjyA==
+-----END PRIVATE KEY-----

package/etc/ssl-certs/regenerate_cert.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+set -ex
+
+# That's for local development only
+
+DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+DOMAIN="localhost"
+KEY_FILE="$DIR/localhost.key"
+CERT_FILE="$DIR/localhost.crt"
+
+mkcert -cert-file $CERT_FILE -key-file $KEY_FILE $DOMAIN
+
+echo "Done!"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "9.4.0",
+  "version": "9.4.2",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -28,12 +28,11 @@
   "scripts": {
     "audit": "npx audit-ci --config audit-ci.json",
     "build": "gulp build",
-    "clean": "rm -rf node_modules && rm -rf package-lock.json",
     "lint": "eslint --color ./src ./test ./gulpfile.js",
     "lint:fix": "npm --silent run lint -- --fix",
-    "major": "./env/dev/release.sh --importance=major",
-    "minor": "./env/dev/release.sh --importance=minor",
-    "patch": "./env/dev/release.sh --importance=patch",
+    "major": "./etc/release.sh --importance=major",
+    "minor": "./etc/release.sh --importance=minor",
+    "patch": "./etc/release.sh --importance=patch",
     "prettier": "prettier --check ./src ./test ./prototype/*.html gulpfile.js",
     "prettier:fix": "prettier --write ./src ./test ./prototype/*.html gulpfile.js",
     "test": "gulp test",
@@ -109,7 +108,6 @@
     "postcss": "8.4.47",
     "prettier": "3.3.3",
     "prettier-plugin-curly": "0.2.2",
-    "prettier-plugin-organize-imports": "4.1.0",
     "prettier-plugin-packagejson": "2.5.2",
     "prettier-plugin-sh": "0.14.0",
     "router": "1.3.8",
@@ -121,8 +119,8 @@
     "watchify": "4.0.0"
   },
   "engines": {
-    "node": ">=20.16.0",
-    "npm": ">=10.8.1"
+    "node": "^22.8.0",
+    "npm": "^10.8.2"
   },
   "readmeFilename": "README.md"
 }

package/prettier.config.cjs

@@ -3,13 +3,7 @@
 /** @type {import('prettier').Config} */
 const config = {
   printWidth: 90,
-  plugins: [
-    "prettier-plugin-organize-imports",
-    "prettier-plugin-curly",
-    "prettier-plugin-sh",
-    "prettier-plugin-packagejson",
-  ],
-  organizeImportsSkipDestructiveCodeActions: true,
+  plugins: ["prettier-plugin-curly", "prettier-plugin-sh", "prettier-plugin-packagejson"],
 };
 
 module.exports = config;

package/prototype/js/videomail-client.js

@@ -16907,7 +16907,7 @@ function wrappy (fn, cb) {
 },{}],112:[function(_dereq_,module,exports){
 module.exports={
   "name": "videomail-client",
-  "version": "9.4.0",
+  "version": "9.4.2",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -16935,12 +16935,11 @@ module.exports={
   "scripts": {
     "audit": "npx audit-ci --config audit-ci.json",
     "build": "gulp build",
-    "clean": "rm -rf node_modules && rm -rf package-lock.json",
     "lint": "eslint --color ./src ./test ./gulpfile.js",
     "lint:fix": "npm --silent run lint -- --fix",
-    "major": "./env/dev/release.sh --importance=major",
-    "minor": "./env/dev/release.sh --importance=minor",
-    "patch": "./env/dev/release.sh --importance=patch",
+    "major": "./etc/release.sh --importance=major",
+    "minor": "./etc/release.sh --importance=minor",
+    "patch": "./etc/release.sh --importance=patch",
     "prettier": "prettier --check ./src ./test ./prototype/*.html gulpfile.js",
     "prettier:fix": "prettier --write ./src ./test ./prototype/*.html gulpfile.js",
     "test": "gulp test",
@@ -17016,7 +17015,6 @@ module.exports={
     "postcss": "8.4.47",
     "prettier": "3.3.3",
     "prettier-plugin-curly": "0.2.2",
-    "prettier-plugin-organize-imports": "4.1.0",
     "prettier-plugin-packagejson": "2.5.2",
     "prettier-plugin-sh": "0.14.0",
     "router": "1.3.8",
@@ -17028,8 +17026,8 @@ module.exports={
     "watchify": "4.0.0"
   },
   "engines": {
-    "node": ">=20.16.0",
-    "npm": ">=10.8.1"
+    "node": "^22.8.0",
+    "npm": "^10.8.2"
   },
   "readmeFilename": "README.md"
 }
@@ -21924,15 +21922,7 @@ var Recorder = function Recorder(visuals, replay) {
           connecting = connected = false;
           if (err) {
             self.emit(_events.default.ERROR, err || "Unhandled websocket error");
-          } else {
-            // COMMENTED OUT TEMPORARILY, PROBABLY OLD CODE TOO
-            // UPON CLOSE IT SHOULD TRY TO RECONNECT INSTEAD OF DISCONNECT.
-
-            // self.emit(Events.DISCONNECTED);
-            // // prevents from https://github.com/binarykitchen/videomail.io/issues/297 happening
-            // cancelAnimationFrame();
-
-            // New: try to reconnect
+          } else if (userMediaLoaded) {
             initSocket();
           }
         });
@@ -23068,6 +23058,10 @@ var Replay = function Replay(parentElement, options) {
         default: true
       });
       replayElement.appendChild(track);
+
+      // Because the local videomail server for development uses a different port, see
+      // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track
+      replayElement.setAttribute("crossorigin", "anonymous");
     }
   }
   function setVideoSource(type, src, bustCache) {