videomail-client 7.0.0 → 8.0.2

package/.browserslistrc

@@ -1,5 +1,5 @@
 > 1%
 last 5 versions
 Firefox ESR
-iOS >= 11
+iOS >= 12
 android >= 4

package/.eslintrc.js

@@ -1,21 +1,13 @@
 module.exports = {
   parser: '@babel/eslint-parser',
-  extends: ['eslint:recommended', 'prettier'],
+  extends: ['eslint:recommended', 'plugin:import/recommended', 'prettier'],
   env: {
     browser: true,
     node: true,
     es6: true
   },
   rules: {
-    'no-else-return': 1,
-    'space-before-function-paren': [
-      'error',
-      {
-        anonymous: 'ignore',
-        named: 'ignore',
-        asyncArrow: 'ignore'
-      }
-    ]
-  },
-  ignorePatterns: ['node_modules/*']
+    // Turns on errors for missing imports which is great
+    'import/no-unresolved': 'error'
+  }
 }

package/.nvmrc

@@ -1 +1 @@
-20.5.1
+20.12.2

package/.prettierrc.js

@@ -0,0 +1,13 @@
+//@ts-check
+
+// Note: whatever prettier defaults, remove
+
+/** @type {import('prettier').Config} */
+const config = {
+  "printWidth": 90,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "none"
+};
+
+module.exports = config;

package/TODO.md

@@ -8,10 +8,10 @@
 | src/js/wrappers/container.js | 293 | figure out how to fire dom's onload event again
 | src/js/wrappers/container.js | 294 | or how to run all the scripts over again
 | src/js/wrappers/optionsWrapper.js | 27 | fix this, it's not really an option
-| src/js/wrappers/visuals/recorder.js | 590 | in https://github.com/binarykitchen/videomail-client/issues/142
-| src/js/wrappers/visuals/recorder.js | 627 | retry with navigator.getUserMedia_() maybe?
-| src/js/wrappers/visuals/recorder.js | 767 | commented out because for some reasons server does
-| src/js/wrappers/visuals/recorder.js | 772 | consider removing this later or have it for debug=1 only?
+| src/js/wrappers/visuals/recorder.js | 594 | in https://github.com/binarykitchen/videomail-client/issues/142
+| src/js/wrappers/visuals/recorder.js | 631 | retry with navigator.getUserMedia_() maybe?
+| src/js/wrappers/visuals/recorder.js | 778 | commented out because for some reasons server does
+| src/js/wrappers/visuals/recorder.js | 783 | consider removing this later or have it for debug=1 only?
 | src/js/wrappers/visuals/userMedia.js | 309 | consider removing that if it's not the case anymore (for better performance)
 | gulpfile.js | 1 | write this in ES6 once i have figured out how to
 | gulpfile.js | 58 | fix this, so that it also works when not minified, this

package/audit-ci.json

@@ -2,9 +2,12 @@
   "high": true,
   "package-manager": "npm",
   "allowlist": [
-    "GHSA-jf85-cpcp-j695",
     "GHSA-xvch-5gv4-984h",
     "GHSA-7p7h-4mm5-852v",
-    "GHSA-ww39-953v-wcq6"
+    "GHSA-ww39-953v-wcq6",
+    "GHSA-p6mc-m468-83gw",
+    "GHSA-grv7-fg5c-xmjg",
+    "GHSA-35jh-r3h4-6jhm",
+    "GHSA-3h5v-q93c-6h6q"
   ]
 }

package/babel.config.js

@@ -0,0 +1,38 @@
+const getPresetOptions = (isTest = false, isProduction = false) => {
+  if (isTest) return { targets: { node: 'current' } } // for speed
+
+  return {
+    // undefined means parse .browserlistrc by default
+    targets: !isProduction ? 'last 2 versions' : undefined
+  }
+}
+
+const getBabelConfig = (api) => {
+  const isDev = api.env('development')
+  const isTest = api.env('test')
+  const isProduction = api.env('production')
+
+  api.cache.using(() => isDev || isTest)
+
+  const presets = [['@babel/preset-env', getPresetOptions(isTest, isProduction)]]
+
+  const plugins = [
+    // Polyfills the runtime needed for async/await, generators, and friends
+    // https://babeljs.io/docs/en/babel-plugin-transform-runtime
+    !isTest && [
+      '@babel/plugin-transform-runtime',
+      {
+        corejs: false,
+        regenerator: true
+      }
+    ]
+  ].filter(Boolean)
+
+  return {
+    presets: presets,
+    plugins: plugins,
+    compact: isProduction
+  }
+}
+
+module.exports = getBabelConfig

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "7.0.0",
+  "version": "8.0.2",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "author": "Michael Heuberger <michael.heuberger@binarykitchen.com>",
   "contributors": [
@@ -20,20 +20,21 @@
   "main": "prototype/js/videomail-client.js",
   "scripts": {
     "build": "gulp build",
+    "clean": "rm -rf node_modules && rm -rf package-lock.json",
     "test": "gulp test",
     "watch": "NODE_NO_HTTP2=1 gulp watch",
     "audit": "npx audit-ci --config audit-ci.json",
     "patch": "./env/dev/release.sh --importance=patch",
     "minor": "./env/dev/release.sh --importance=minor",
     "major": "./env/dev/release.sh --importance=major",
-    "lint": "eslint --color --ext .js ./src ./test ./gulpfile.js",
-    "lint-fix": "npm --silent run lint -- --fix; exit 0",
+    "lint": "eslint --color ./src ./test ./gulpfile.js",
+    "lint:fix": "npm --silent run lint -- --fix",
     "prettier": "prettier --check ./src ./test gulpfile.js",
-    "prettier-fix": "prettier --write ./src ./test gulpfile.js"
+    "prettier:fix": "prettier --write ./src ./test gulpfile.js"
   },
   "engines": {
-    "node": ">=18.12.1",
-    "npm": ">=8.19.2"
+    "node": ">=20.5.1",
+    "npm": ">=9.8.0"
   },
   "keywords": [
     "webcam",
@@ -44,39 +45,25 @@
     "audio",
     "recorder"
   ],
-  "babel": {
-    "presets": [
-      [
-        "@babel/env",
-        {
-          "useBuiltIns": "usage",
-          "corejs": 3
-        }
-      ]
-    ],
-    "plugins": [
-      "@babel/transform-runtime"
-    ]
-  },
   "dependencies": {
-    "@babel/runtime": "7.23.2",
+    "@babel/core": "7.24.7",
     "add-eventlistener-with-options": "1.25.5",
     "animitter": "3.0.0",
     "audio-sample": "3.0.1",
     "canvas-to-buffer": "3.0.1",
     "classlist.js": "1.1.20150312",
     "contains": "0.1.1",
-    "core-js": "3.33.2",
+    "core-js": "3.37.1",
     "create-error": "0.3.1",
     "deepmerge": "4.3.1",
     "defined": "1.0.1",
     "despot": "1.1.3",
     "document-visibility": "1.0.1",
     "element-closest": "3.0.2",
-    "filesize": "10.1.0",
+    "filesize": "10.1.2",
     "get-form-data": "3.0.0",
     "hidden": "1.1.1",
-    "humanize-duration": "3.31.0",
+    "humanize-duration": "3.32.1",
     "hyperscript": "2.0.2",
     "insert-css": "2.0.0",
     "iphone-inline-video": "2.2.2",
@@ -87,29 +74,28 @@
     "request-frame": "1.5.3",
     "safe-json-stringify": "1.2.0",
     "superagent": "8.1.2",
-    "ua-parser-js": "1.0.37",
+    "ua-parser-js": "1.0.38",
     "websocket-stream": "5.5.2"
   },
   "devDependencies": {
-    "@babel/core": "7.23.3",
-    "@babel/eslint-parser": "7.23.3",
-    "@babel/plugin-transform-runtime": "7.23.3",
-    "@babel/preset-env": "7.23.3",
+    "@babel/eslint-parser": "7.24.7",
+    "@babel/plugin-transform-runtime": "7.24.7",
+    "@babel/preset-env": "7.24.7",
     "audit-ci": "6.6.1",
-    "autoprefixer": "10.4.16",
+    "autoprefixer": "10.4.19",
     "babelify": "10.0.0",
     "body-parser": "1.20.2",
     "browserify": "17.0.0",
     "connect-send-json": "1.0.0",
-    "cssnano": "6.0.1",
+    "cssnano": "6.0.5",
     "del": "6.1.1",
-    "eslint": "8.54.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-import": "2.29.0",
+    "eslint": "8.57.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-promise": "6.2.0",
     "fancy-log": "2.0.0",
-    "glob": "8.0.3",
+    "glob": "10.4.2",
     "gulp": "4.0.2",
     "gulp-bump": "3.2.0",
     "gulp-bytediff": "1.0.0",
@@ -120,20 +106,20 @@
     "gulp-inject-string": "1.1.2",
     "gulp-load-plugins": "2.0.8",
     "gulp-plumber": "1.2.1",
-    "gulp-postcss": "9.0.1",
+    "gulp-postcss": "10.0.0",
     "gulp-rename": "2.0.0",
     "gulp-sourcemaps": "3.0.0",
-    "gulp-stylus": "2.7.1",
+    "gulp-stylus": "3.0.1",
     "gulp-terser": "2.1.0",
     "gulp-todo": "7.1.1",
     "minimist": "1.2.8",
     "nib": "1.2.0",
-    "postcss": "8.4.31",
-    "prettier": "2.8.8",
+    "postcss": "8.4.38",
+    "prettier": "3.3.2",
     "router": "1.3.8",
-    "tape": "5.7.2",
+    "tape": "5.8.1",
     "tape-catch": "1.0.6",
-    "tape-run": "10.0.0",
+    "tape-run": "11.0.0",
     "vinyl-buffer": "1.0.1",
     "vinyl-source-stream": "2.0.0",
     "watchify": "4.0.0"

package/prototype/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
@@ -16,7 +16,10 @@
 
       body {
         padding: 80px 100px;
-        font: 13px 'Helvetica Neue', 'Lucida Grande', 'Arial';
+        font:
+          13px 'Helvetica Neue',
+          'Lucida Grande',
+          'Arial';
         background: #ece9e9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ece9e9));
         background: #ece9e9 -moz-linear-gradient(top, #fff, #ece9e9);
         background-repeat: no-repeat;
@@ -118,17 +121,28 @@
         top: 20px;
         right: 20px;
         width: 90px;
-        -webkit-transition: width ease 0.2s, opacity ease 0.4s;
-        -moz-transition: width ease 0.2s, opacity ease 0.4s;
+        -webkit-transition:
+          width ease 0.2s,
+          opacity ease 0.4s;
+        -moz-transition:
+          width ease 0.2s,
+          opacity ease 0.4s;
         -webkit-border-radius: 32px;
         -moz-border-radius: 32px;
-        -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25),
-          inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
-        -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.25),
-          inset 0px 1px 3px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.03);
+        -webkit-box-shadow:
+          inset 0px 0px 3px rgba(0, 0, 0, 0.25),
+          inset 0px 1px 3px rgba(0, 0, 0, 0.7),
+          0px 1px 0px rgba(255, 255, 255, 0.03);
+        -moz-box-shadow:
+          inset 0px 0px 3px rgba(0, 0, 0, 0.25),
+          inset 0px 1px 3px rgba(0, 0, 0, 0.7),
+          0px 1px 0px rgba(255, 255, 255, 0.03);
         -webkit-font-smoothing: antialiased;
         text-align: left;
-        font: 13px 'Helvetica Neue', Arial, sans-serif;
+        font:
+          13px 'Helvetica Neue',
+          Arial,
+          sans-serif;
         padding: 4px 10px;
         border: none;
         background: transparent;
@@ -459,6 +473,12 @@
             ><span class="date">2022-11-15 11:11:53</span></a
           >
         </li>
+        <li>
+          <a href="/user_media_on_record.html" class="" title="user_media_on_record.html"
+            ><span class="name">user_media_on_record.html</span
+            ><span class="size">???</span><span class="date">???</span></a
+          >
+        </li>
         <li>
           <a
             href="/videomail_optional_form.html"