@uppy/webcam: refactor to TypeScript

[aduh95]

No description provided.

[github-actions]

Diff output files

diff --git a/packages/@uppy/webcam/lib/CameraIcon.js b/packages/@uppy/webcam/lib/CameraIcon.js
index 6e97244..5e0a9c4 100644
--- a/packages/@uppy/webcam/lib/CameraIcon.js
+++ b/packages/@uppy/webcam/lib/CameraIcon.js
@@ -1,5 +1,5 @@
 import { h } from "preact";
-export default (() => {
+export default function CameraIcon() {
   return h(
     "svg",
     {
@@ -15,4 +15,4 @@ export default (() => {
       fillRule: "evenodd",
     }),
   );
-});
+}
diff --git a/packages/@uppy/webcam/lib/CameraScreen.js b/packages/@uppy/webcam/lib/CameraScreen.js
index 8e9aad9..fb55b84 100644
--- a/packages/@uppy/webcam/lib/CameraScreen.js
+++ b/packages/@uppy/webcam/lib/CameraScreen.js
@@ -58,18 +58,18 @@ class CameraScreen extends Component {
     const shouldShowRecordingLength = supportsRecording && showRecordingLength && !hasRecordedVideo;
     const shouldShowVideoSourceDropdown = showVideoSourceDropdown && videoSources && videoSources.length > 1;
     const videoProps = {
-      playsinline: true,
+      playsInline: true,
     };
     if (recordedVideo) {
       videoProps.muted = false;
       videoProps.controls = true;
       videoProps.src = recordedVideo;
       if (this.videoElement) {
-        this.videoElement.srcObject = undefined;
+        this.videoElement.srcObject = null;
       }
     } else {
       videoProps.muted = true;
-      videoProps.autoplay = true;
+      videoProps.autoPlay = true;
       videoProps.srcObject = src;
     }
     return h(
diff --git a/packages/@uppy/webcam/lib/PermissionsScreen.js b/packages/@uppy/webcam/lib/PermissionsScreen.js
index b7a5fd1..6f0cbce 100644
--- a/packages/@uppy/webcam/lib/PermissionsScreen.js
+++ b/packages/@uppy/webcam/lib/PermissionsScreen.js
@@ -1,5 +1,5 @@
 import { h } from "preact";
-export default (_ref => {
+export default function PermissionsScreen(_ref) {
   let {
     icon,
     i18n,
@@ -18,4 +18,4 @@ export default (_ref => {
     }, hasCamera ? i18n("allowAccessTitle") : i18n("noCameraTitle")),
     h("p", null, hasCamera ? i18n("allowAccessDescription") : i18n("noCameraDescription")),
   );
-});
+}
diff --git a/packages/@uppy/webcam/lib/SnapshotButton.js b/packages/@uppy/webcam/lib/SnapshotButton.js
index fbbcb60..119ff41 100644
--- a/packages/@uppy/webcam/lib/SnapshotButton.js
+++ b/packages/@uppy/webcam/lib/SnapshotButton.js
@@ -1,6 +1,6 @@
 import { h } from "preact";
 import CameraIcon from "./CameraIcon.js";
-export default (_ref => {
+export default function SnapshotButton(_ref) {
   let {
     onSnapshot,
     i18n,
@@ -13,4 +13,4 @@ export default (_ref => {
     onClick: onSnapshot,
     "data-uppy-super-focusable": true,
   }, CameraIcon());
-});
+}
diff --git a/packages/@uppy/webcam/lib/VideoSourceSelect.js b/packages/@uppy/webcam/lib/VideoSourceSelect.js
index d8e6aac..2d9fa29 100644
--- a/packages/@uppy/webcam/lib/VideoSourceSelect.js
+++ b/packages/@uppy/webcam/lib/VideoSourceSelect.js
@@ -1,5 +1,5 @@
 import { h } from "preact";
-export default (_ref => {
+export default function VideoSourceSelect(_ref) {
   let {
     currentDeviceId,
     videoSources,
@@ -27,4 +27,4 @@ export default (_ref => {
       ),
     ),
   );
-});
+}
diff --git a/packages/@uppy/webcam/lib/Webcam.js b/packages/@uppy/webcam/lib/Webcam.js
index a5f1d96..659b596 100644
--- a/packages/@uppy/webcam/lib/Webcam.js
+++ b/packages/@uppy/webcam/lib/Webcam.js
@@ -50,10 +50,27 @@ function getMediaDevices() {
 function isModeAvailable(modes, mode) {
   return modes.includes(mode);
 }
+const defaultOptions = {
+  onBeforeSnapshot: () => Promise.resolve(),
+  countdown: false,
+  modes: ["video-audio", "video-only", "audio-only", "picture"],
+  mirror: true,
+  showVideoSourceDropdown: false,
+  facingMode: "user",
+  preferredImageMimeType: null,
+  preferredVideoMimeType: null,
+  showRecordingLength: false,
+  mobileNativeCamera: isMobile({
+    tablet: true,
+  }),
+};
 var _enableMirror = _classPrivateFieldLooseKey("enableMirror");
 export default class Webcam extends UIPlugin {
   constructor(uppy, opts) {
-    super(uppy, opts);
+    super(uppy, {
+      ...defaultOptions,
+      ...opts,
+    });
     Object.defineProperty(this, _enableMirror, {
       writable: true,
       value: void 0,
@@ -81,25 +98,6 @@ export default class Webcam extends UIPlugin {
         }),
       );
     this.defaultLocale = locale;
-    const defaultOptions = {
-      onBeforeSnapshot: () => Promise.resolve(),
-      countdown: false,
-      modes: ["video-audio", "video-only", "audio-only", "picture"],
-      mirror: true,
-      showVideoSourceDropdown: false,
-      facingMode: "user",
-      videoConstraints: undefined,
-      preferredImageMimeType: null,
-      preferredVideoMimeType: null,
-      showRecordingLength: false,
-      mobileNativeCamera: isMobile({
-        tablet: true,
-      }),
-    };
-    this.opts = {
-      ...defaultOptions,
-      ...opts,
-    };
     this.i18nInit();
     this.title = this.i18n("pluginNameCamera");
     _classPrivateFieldLooseBase(this, _enableMirror)[_enableMirror] = this.opts.mirror;
@@ -174,6 +172,7 @@ export default class Webcam extends UIPlugin {
     };
   }
   start(options) {
+    var _options;
     if (options === void 0) {
       options = null;
     }
@@ -184,7 +183,7 @@ export default class Webcam extends UIPlugin {
     if (this.opts.mirror) {
       _classPrivateFieldLooseBase(this, _enableMirror)[_enableMirror] = true;
     }
-    const constraints = this.getConstraints(options && options.deviceId ? options.deviceId : null);
+    const constraints = this.getConstraints((_options = options) == null ? void 0 : _options.deviceId);
     this.hasCameraCheck().then(hasCamera => {
       this.setPluginState({
         hasCamera,
@@ -369,7 +368,7 @@ export default class Webcam extends UIPlugin {
           this.captureInProgress = false;
           return reject(new Error("Webcam is not active"));
         }
-        if (count > 0) {
+        if (count) {
           this.uppy.info(`${count}...`, "warning", 800);
           count--;
         } else {
diff --git a/packages/@uppy/webcam/lib/formatSeconds.js b/packages/@uppy/webcam/lib/formatSeconds.js
index 44b29d0..a3555f3 100644
--- a/packages/@uppy/webcam/lib/formatSeconds.js
+++ b/packages/@uppy/webcam/lib/formatSeconds.js
@@ -1,3 +1,3 @@
 export default function formatSeconds(seconds) {
-  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, 0)}`;
+  return `${Math.floor(seconds / 60)}:${String(seconds % 60).padStart(2, "0")}`;
 }

[Murderlon]

Big one!