@uppy/webcam - npm Package Compare versions

Comparing version 0.26.0 to 0.27.0

lib/CameraIcon.js

@@ -7,5 +7,5 @@ var _require = require('preact'),
     "svg",
-    { "aria-hidden": "true", "class": "UppyIcon", width: "66", height: "55", viewBox: "0 0 66 55", xmlns: "http://www.w3.org/2000/svg" },
+    { "aria-hidden": "true", fill: "#0097DC", width: "66", height: "55", viewBox: "0 0 66 55", xmlns: "http://www.w3.org/2000/svg" },
     h("path", { d: "M57.3 8.433c4.59 0 8.1 3.51 8.1 8.1v29.7c0 4.59-3.51 8.1-8.1 8.1H8.7c-4.59 0-8.1-3.51-8.1-8.1v-29.7c0-4.59 3.51-8.1 8.1-8.1h9.45l4.59-7.02c.54-.54 1.35-1.08 2.16-1.08h16.2c.81 0 1.62.54 2.16 1.08l4.59 7.02h9.45zM33 14.64c-8.62 0-15.393 6.773-15.393 15.393 0 8.62 6.773 15.393 15.393 15.393 8.62 0 15.393-6.773 15.393-15.393 0-8.62-6.773-15.393-15.393-15.393zM33 40c-5.648 0-9.966-4.319-9.966-9.967 0-5.647 4.318-9.966 9.966-9.966s9.966 4.319 9.966 9.966C42.966 35.681 38.648 40 33 40z", "fill-rule": "evenodd" })
   );
 };

lib/index.js

@@ -61,3 +61,3 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
     _this.id = _this.opts.id || 'Webcam';
-    _this.title = 'Camera';
+    _this.title = _this.opts.title || 'Camera';
     _this.type = 'acquirer';
@@ -71,3 +71,5 @@ _this.icon = CameraIcon;
         startRecording: 'Begin video recording',
-        stopRecording: 'Stop video recording'
+        stopRecording: 'Stop video recording',
+        allowAccessTitle: 'Please allow access to your camera',
+        allowAccessDescription: 'In order to take pictures or record video with your camera, please allow camera access for this site.'
       }
@@ -354,3 +356,5 @@
     if (!webcamState.cameraReady) {
-      return h(PermissionsScreen, { icon: CameraIcon });
+      return h(PermissionsScreen, {
+        icon: CameraIcon,
+        i18n: this.i18n });
     }
@@ -357,0 +361,0 @@

lib/PermissionsScreen.js

@@ -15,4 +15,4 @@ var _require = require('preact'),
       "h1",
-      { "class": "uppy-Webcam-Title" },
-      "Please allow access to your camera"
+      { "class": "uppy-Webcam-title" },
+      props.i18n('allowAccessTitle')
     ),
@@ -22,7 +22,5 @@ h(
       null,
-      "You have been prompted to allow camera access from this site.",
-      h("br", null),
-      "In order to take pictures with your camera you must approve this request."
+      props.i18n('allowAccessDescription')
     )
   );
 };

package.json

 {
   "name": "@uppy/webcam",
   "description": "Uppy plugin that takes photos or records videos using the device's camera.",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "license": "MIT",
@@ -30,7 +30,7 @@ "main": "lib/index.js",
   "dependencies": {
-    "@uppy/utils": "0.26.0",
+    "@uppy/utils": "0.27.0",
     "preact": "^8.2.9"
   },
   "devDependencies": {
-    "@uppy/core": "0.26.0"
+    "@uppy/core": "0.27.0"
   },
@@ -37,0 +37,0 @@ "peerDependencies": {

src/CameraIcon.js

 const { h } = require('preact')
 
 module.exports = (props) => {
-  return <svg aria-hidden="true" class="UppyIcon" width="66" height="55" viewBox="0 0 66 55" xmlns="http://www.w3.org/2000/svg">
+  return <svg aria-hidden="true" fill="#0097DC" width="66" height="55" viewBox="0 0 66 55" xmlns="http://www.w3.org/2000/svg">
     <path d="M57.3 8.433c4.59 0 8.1 3.51 8.1 8.1v29.7c0 4.59-3.51 8.1-8.1 8.1H8.7c-4.59 0-8.1-3.51-8.1-8.1v-29.7c0-4.59 3.51-8.1 8.1-8.1h9.45l4.59-7.02c.54-.54 1.35-1.08 2.16-1.08h16.2c.81 0 1.62.54 2.16 1.08l4.59 7.02h9.45zM33 14.64c-8.62 0-15.393 6.773-15.393 15.393 0 8.62 6.773 15.393 15.393 15.393 8.62 0 15.393-6.773 15.393-15.393 0-8.62-6.773-15.393-15.393-15.393zM33 40c-5.648 0-9.966-4.319-9.966-9.967 0-5.647 4.318-9.966 9.966-9.966s9.966 4.319 9.966 9.966C42.966 35.681 38.648 40 33 40z" fill-rule="evenodd" />
   </svg>
 }

src/index.js

@@ -42,3 +42,3 @@ const { h } = require('preact')
     this.id = this.opts.id || 'Webcam'
-    this.title = 'Camera'
+    this.title = this.opts.title || 'Camera'
     this.type = 'acquirer'
@@ -52,3 +52,5 @@ this.icon = CameraIcon
         startRecording: 'Begin video recording',
-        stopRecording: 'Stop video recording'
+        stopRecording: 'Stop video recording',
+        allowAccessTitle: 'Please allow access to your camera',
+        allowAccessDescription: 'In order to take pictures or record video with your camera, please allow camera access for this site.'
       }
@@ -330,3 +332,5 @@ }
     if (!webcamState.cameraReady) {
-      return <PermissionsScreen icon={CameraIcon} />
+      return <PermissionsScreen
+        icon={CameraIcon}
+        i18n={this.i18n} />
     }
@@ -333,0 +337,0 @@

src/PermissionsScreen.js

@@ -7,7 +7,6 @@ const { h } = require('preact')
       <div class="uppy-Webcam-permissonsIcon">{props.icon()}</div>
-      <h1 class="uppy-Webcam-Title">Please allow access to your camera</h1>
-      <p>You have been prompted to allow camera access from this site.<br />
-      In order to take pictures with your camera you must approve this request.</p>
+      <h1 class="uppy-Webcam-title">{props.i18n('allowAccessTitle')}</h1>
+      <p>{props.i18n('allowAccessDescription')}</p>
     </div>
   )
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

57138

decreased by-1.59%

Lines of code

1186

decreased by-1.33%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@uppy/utils@0.27.0(transitive)

• Updated@uppy/utils@0.27.0