@5minds/node-red-dashboard-2-ui-webcam 1.1.0-develop-47b347-mapm2bx3

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,40 @@
+Node-RED Dashboard 2.0 Webcam Widget
+=======================
+
+![](https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam/assets/110285294/7f1d2ee2-add5-4405-ae5e-a1b86da13a4e)
+![](https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam/assets/110285294/be25b4e6-693b-445f-aa65-3f48da7fc367) 
+
+The Node-RED Dashboard 2.0 Webcam Widget is a UI widget node designed to facilitate image capture directly from the Dashboard 2.0 interface. This widget enables users to capture images from their device's webcam seamlessly within Node-RED.
+
+## Installation:
+Ensure that you have previously installed Dashboard 2.0 before proceeding with the installation of the ui-webcam widget.
+
+ ***Using the Node-RED Editor***:
+- Navigate to Editor > Menu > Manage Palette > Install.
+- Search for @sumit_shinde_84/node-red-dashboard-2-ui-webcam and install it.
+
+***Using Command Line:***
+- Run the following command in your Node-RED user directory (typically ~/.node-red):
+  ```
+  npm i @sumit_shinde_84/node-red-dashboard-2-ui-webcam
+  ```
+## Usage
+
+The ui-webcam node offers the following functionalities:
+- Live Image Display: Renders a live image feed from the device's webcam within the Dashboard 2.0 interface.
+- Image Capture: Users can click a designated button to capture an image, which is then transmitted by the node as a Base64 string containing the image in PNG format.
+- Automated Image Capture: If a `msg.payload` is passed to the ui-webcam node with the  `capture` string , the node automatically captures an image without requiring user interaction.
+- Camera Selection: Users have the option to select a different camera by clicking on the three-dot icon located in the top-right corner and choosing their preferred camera from the options.
+
+## Browser Support
+
+The webcam widget is compatible with all modern browsers, except Internet Explorer. 
+
+If you are accessing the Dashboard 2.0 remotely (not via `localhost`), then you must
+use HTTPS otherwise the browser will block access to the webcam.
+
+## Privacy
+
+Before the webcam can be activated, the browser will ask the user's permission for
+the page to access the device. The node cannot capture images until the user
+has given their permission. 

package/nodes/ui-webcam.html

@@ -0,0 +1,58 @@
+<script type="text/javascript">
+    RED.nodes.registerType('ui-webcam', {
+        category: RED._('@flowfuse/node-red-dashboard/ui-base:ui-base.label.category'),
+        color: RED._('@flowfuse/node-red-dashboard/ui-base:ui-base.colors.medium'),
+        defaults: {
+            name: { value: "" },
+            group: { type: 'ui-group', required: true },
+            width: {
+                value: 0,
+                validate: function (v) {
+                    const width = v || 0;
+                    const currentGroup = $('#node-input-group').val() || this.group;
+                    const groupNode = RED.nodes.node(currentGroup);
+                    const valid = !groupNode || +width <= +groupNode.width;
+                    $('#node-input-size').toggleClass('input-error', !valid);
+                    return valid;
+                }
+            },
+            height: { value: 0 },
+            passthru: { value: false },
+        },
+        inputs: 1,
+        outputs: 1,
+        icon: "font-awesome/fa-camera",
+        paletteLabel: "webcam",
+        label: function () {
+            return this.name || "ui-webcam";
+        },
+        oneditprepare: function () {
+            $('#node-input-size').elementSizer({
+                width: '#node-input-width',
+                height: '#node-input-height',
+                group: '#node-input-group'
+            });
+        }
+    });
+</script>
+
+<script type="text/html" data-template-name="ui-webcam">
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name" placeholder="Name">
+    </div>
+    <div class="form-row">
+        <label for="node-input-group"><i class="fa fa-table"></i> Group</label>
+        <input type="text" id="node-input-group">
+    </div>
+    <div class="form-row">
+        <label><i class="fa fa-object-group"></i> <span data-i18n="ui-button.label.size">Size</span></label>
+        <input type="hidden" id="node-input-width">
+        <input type="hidden" id="node-input-height">
+        <button class="editor-button" id="node-input-size"></button>
+    </div>
+</script>
+
+<script type="text/html" data-help-name="ui-webcam">
+    <p>A webcam node that integrates with dashboard 2.0</p>
+</script>

package/nodes/ui-webcam.js

@@ -0,0 +1,28 @@
+module.exports = function (RED) {
+    function UIExampleNode (config) {
+        RED.nodes.createNode(this, config)
+
+        const node = this
+
+        // which group are we rendering this widget
+        const group = RED.nodes.getNode(config.group)
+
+        // server-side event handlers
+        const evts = {
+            onAction: true,
+            onInput: function (msg, send, done) {
+                node.passthru = false
+            }
+
+        }
+
+        // inform the dashboard UI that we are adding this node
+        if (group) {
+            group.register(node, config, evts)
+        } else {
+            node.error('No group configured')
+        }
+    }
+
+    RED.nodes.registerType('ui-webcam', UIExampleNode)
+}

package/package.json

@@ -0,0 +1,79 @@
+{
+    "name": "@5minds/node-red-dashboard-2-ui-webcam",
+    "version": "1.1.0-develop-47b347-mapm2bx3",
+    "description": "The ui-webcam node for Node-RED Dashboard 2.0 enables users to integrate webcam functionality into Node-RED Dashboard 2.0. It allows users to capture images, select different cameras, and control webcam features through an intuitive user interface within the Node-RED Dashboard.",
+    "keywords": [
+        "node-red",
+        "node-red-dashboard-2"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/sumitshinde-84/node-red-dashboard-2-ui-webcam.git"
+    },
+    "license": "Apache-2.0",
+    "author": "Sumit Shinde",
+    "contributors": [
+        "Joe Pavitt",
+        "Robin Lenz"
+    ],
+    "exports": {
+        "import": "./resources/ui-webcam.esm.js",
+        "require": "./resources/ui-webcam.umd.js"
+    },
+    "files": [
+        "dist/*",
+        "nodes/*",
+        "ui/*",
+        "resources/*"
+    ],
+    "scripts": {
+        "build": "vite build",
+        "build:dev": "NODE_ENV=development vite build",
+        "dev": "NODE_ENV=development vite build --watch",
+        "dev:prod": "vite build --watch",
+        "lint": "npm run lint:js && npm run lint:package",
+        "lint:fix": "npm run lint:js:fix && npm run lint:package:fix",
+        "lint:js": "eslint --ext .js,.vue,.cjs,.mjs .",
+        "lint:js:fix": "yarn lint:js --fix",
+        "lint:package": "sort-package-json --check 'package.json'",
+        "lint:package:fix": "sort-package-json 'package.json'"
+    },
+    "dependencies": {
+        "vue": "^3.3.8",
+        "vuex": "^4.1.0"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^4.5.0",
+        "eslint": "^8.53.0",
+        "eslint-config-standard": "^17.1.0",
+        "eslint-plugin-import": "^2.29.0",
+        "eslint-plugin-n": "^16.3.1",
+        "eslint-plugin-vue": "^9.18.1",
+        "vite": "^5.0.12",
+        "vite-plugin-css-injected-by-js": "^3.3.0"
+    },
+    "optionalDependencies": {
+        "@rollup/rollup-darwin-arm64": "^4.0.0",
+        "@rollup/rollup-darwin-x64": "^4.0.0",
+        "@rollup/rollup-linux-x64": "^4.0.0",
+        "@rollup/rollup-win32-x64": "^4.0.0"
+    },
+    "engines": {
+        "node": ">=14"
+    },
+    "node-red": {
+        "version": ">=3.0.0",
+        "nodes": {
+            "ui-webcam": "nodes/ui-webcam.js"
+        }
+    },
+    "node-red-dashboard-2": {
+        "version": "1.0.0",
+        "widgets": {
+            "ui-webcam": {
+                "output": "ui-webcam.umd.js",
+                "component": "UIWebcam"
+            }
+        }
+    }
+}

package/resources/ui-webcam.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.ui-webcam-wrapper[data-v-263d47c7]{position:relative;border-radius:5px;box-shadow:#000000e6 0 2px 4px}.video-wrapper[data-v-263d47c7]{background:#000;width:auto;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.canvas[data-v-263d47c7]{z-index:1;position:absolute;width:100%;height:100%}.button[data-v-263d47c7]{position:absolute;margin-left:auto;width:35px;height:35px;display:flex;align-items:center;justify-content:center;z-index:2;right:auto;background:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;box-shadow:#0000001a 0 2px 4px}.dropdown ul li.group-label[data-v-263d47c7]{padding:5px 10px;cursor:default;font-weight:700;color:#555;font-size:.75rem;display:flex;position:relative;white-space:nowrap;gap:12px;background-color:rgb(var(--v-theme-background))}.dropdown ul li.group-label[data-v-263d47c7]:after{content:" ";display:block;height:2px;flex-grow:1;width:100%;margin-top:9px;background:rgb(var(--v-theme-group-outline))}.dropdown ul li.group-label[data-v-263d47c7]:hover{background-color:#fff;padding:5px 10px;cursor:default;font-weight:700;color:#555}.icon .capture-button[data-v-263d47c7]{width:30px;height:30px}.button[data-v-263d47c7]:hover{background-color:rgb(var(--v-theme-primary))}.capture-button[data-v-263d47c7]{margin-top:60%}.ellipsis[data-v-263d47c7]{position:absolute;left:10px;top:10px;cursor:pointer;z-index:2;padding:5px;box-shadow:#0000001a 0 2px 4px}.ellipsis span[data-v-263d47c7]{display:block;width:4px;height:4px;background-color:#fff;border-radius:50%;margin-bottom:3px}.dropdown[data-v-263d47c7]{position:absolute;top:40px;right:10px;background-color:#fff;border:1px solid #ccc;border-radius:5px;z-index:2;display:none}.dropdown ul[data-v-263d47c7]{list-style:none;padding:0;margin:0}.dropdown ul li[data-v-263d47c7]{padding:5px 10px;cursor:pointer}.dropdown ul li[data-v-263d47c7]:hover{background-color:rgb(var(--v-theme-primary));color:#fff}.dropdown.open[data-v-263d47c7]{display:block}')),document.head.appendChild(o)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
+(function(i,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("vuex"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vuex","vue"],g):(i=typeof globalThis<"u"?globalThis:i||self,g(i["ui-webcam"]={},i.vuex,i.Vue))})(this,function(i,g,e){"use strict";const r="data:image/png;base64,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",c="data:image/png;base64,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",n=(A,s)=>{const o=A.__vccOpts||A;for(const[l,t]of s)o[l]=t;return o},B={name:"UIWebcam",inject:["$socket"],props:{id:{type:String,required:!0},props:{type:Object,default:()=>({})},state:{type:Object,default:()=>({enabled:!1,visible:!1})}},data(){return{imageData:null,cameraDevices:[],selectedDevice:null,cameraIsOn:!1,dropdownOpen:!1}},computed:{...g.mapState("data",["messages"]),value:{get(){var A;return(A=this.messages[this.id])==null?void 0:A.payload}}},mounted(){this.$socket.on("msg-input:"+this.id,async A=>{await this.init(A)}),this.$socket.emit("widget-load",this.id)},beforeUnmount(){var A,s;(A=this.$socket)==null||A.off("widget-load:"+this.id),(s=this.$socket)==null||s.off("msg-input:"+this.id),this.stopWebcam()},methods:{async init(A){console.log(A.payload),A.payload==="start"?await this.startWebcam():A.payload==="capture"&&(await this.startWebcam(),await this.captureImage())},async startWebcam(){var A;if(!this.cameraIsOn)try{const o=(await navigator.mediaDevices.enumerateDevices()).filter(l=>l.kind==="videoinput");o.length>0?(this.cameraDevices=o,this.selectedDevice=((A=o.find(l=>/back|rear|environment|rück/i.test(l.label)))==null?void 0:A.deviceId)??o[0].deviceId,await this.openCamera()):console.error("No video input devices found.")}catch(s){console.error("Error accessing media devices:",s)}},async openCamera(){if(this.selectedDevice==="off")this.stopWebcam(),this.cameraIsOn=!1;else{const A=this.$refs.video,s={video:{deviceId:this.selectedDevice}};try{const o=await navigator.mediaDevices.getUserMedia(s);A&&A instanceof HTMLVideoElement?(A.srcObject=o,A.play(),this.cameraIsOn=!0):console.error("Video element not found or not an instance of HTMLVideoElement.")}catch(o){console.error("Error accessing webcam:",o)}}},stopWebcam(){var s;const A=(s=this.$refs.video.srcObject)==null?void 0:s.getTracks();A&&A.forEach(o=>o.stop())},captureImage(){const A=this.$refs.video,s=this.$refs.canvas,o=s.getContext("2d");if(A&&A.readyState===A.HAVE_ENOUGH_DATA){const l=A.videoWidth,t=A.videoHeight;s.width=l,s.height=t,o.drawImage(A,0,0,l,t),this.imageData=s.toDataURL("image/png"),this.send(this.imageData),setTimeout(()=>{o.clearRect(0,0,l,t)},500)}else console.error("Video element not ready or not found.")},send(A){this.$socket.emit("widget-action",this.id,{payload:A})},async changeCamera(){this.stopWebcam(),await this.openCamera()},toggleDropdown(){this.dropdownOpen=!this.dropdownOpen},selectCamera(A){this.selectedDevice=A,this.toggleDropdown(),this.changeCamera()}}},C=A=>(e.pushScopeId("data-v-263d47c7"),A=A(),e.popScopeId(),A),F={class:"ui-webcam-wrapper"},J={class:"video-wrapper"},U={ref:"video",width:"100%",height:"100%",playsinline:"","webkit-playsinline":"",muted:""},K={ref:"canvas",class:"canvas"},w=[C(()=>e.createElementVNode("img",{class:"icon",src:c,height:"25px",width:"25px",alt:"Capture Image"},null,-1))],Q=[C(()=>e.createElementVNode("span",null,null,-1)),C(()=>e.createElementVNode("span",null,null,-1)),C(()=>e.createElementVNode("span",null,null,-1))],d=C(()=>e.createElementVNode("li",{class:"group-label"},"Select camera",-1)),W=["onClick"];function k(A,s,o,l,t,m){return e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("div",J,[e.createElementVNode("video",U,null,512),e.createElementVNode("canvas",K,null,512),t.cameraIsOn===!1?(e.openBlock(),e.createElementBlock("button",{key:0,class:"button power-button",onClick:s[1]||(s[1]=(...a)=>m.startWebcam&&m.startWebcam(...a))},[e.createElementVNode("img",{class:"icon",src:r,height:"30px",width:"30px",alt:"Capture Image",onClick:s[0]||(s[0]=(...a)=>m.startWebcam&&m.startWebcam(...a))})])):e.createCommentVNode("",!0),t.cameraIsOn?(e.openBlock(),e.createElementBlock("button",{key:1,class:"button capture-button",onClick:s[2]||(s[2]=(...a)=>m.captureImage&&m.captureImage(...a))},w)):e.createCommentVNode("",!0),t.cameraIsOn?(e.openBlock(),e.createElementBlock("div",{key:2,class:"ellipsis",onClick:s[3]||(s[3]=(...a)=>m.toggleDropdown&&m.toggleDropdown(...a))},Q)):e.createCommentVNode("",!0)]),t.cameraIsOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdown",{open:t.dropdownOpen}])},[e.createElementVNode("ul",null,[e.createElementVNode("li",{onClick:s[4]||(s[4]=a=>m.selectCamera("off"))},"Turn Camera Off"),d,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.cameraDevices,a=>(e.openBlock(),e.createElementBlock("li",{key:a.deviceId,onClick:M=>m.selectCamera(a.deviceId)},e.toDisplayString(a.label),9,W))),128))])],2)):e.createCommentVNode("",!0)])}const y=n(B,[["render",k],["__scopeId","data-v-263d47c7"]]);i.UIWebcam=y,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/ui/components/UIWebcam.vue

@@ -0,0 +1,312 @@
+<template>
+    <div class="ui-webcam-wrapper">
+        <div class="video-wrapper">
+            <video ref="video" width="100%" height="100%" playsinline webkit-playsinline muted />
+            <canvas ref="canvas" class="canvas" />
+            <button v-if="cameraIsOn === false" class="button power-button" @click="startWebcam">
+                <img class="icon" src="../assets/camera-on.png" height="30px" width="30px" alt="Capture Image" @click="startWebcam">
+            </button>
+            <button v-if="cameraIsOn" class="button capture-button" @click="captureImage">
+                <img class="icon" src="../assets/camera-icon.png" height="25px" width="25px" alt="Capture Image">
+            </button>
+            <div v-if="cameraIsOn" class="ellipsis" @click="toggleDropdown">
+                <span />
+                <span />
+                <span />
+            </div>
+        </div>
+        <div v-if="cameraIsOn" class="dropdown" :class="{ 'open': dropdownOpen }">
+            <ul>
+                <li @click="selectCamera('off')">Turn Camera Off</li>
+                <li class="group-label">Select camera</li>
+                <li v-for="device in cameraDevices" :key="device.deviceId" @click="selectCamera(device.deviceId)">{{ device.label }}</li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+    name: 'UIWebcam',
+    inject: ['$socket'],
+    props: {
+        id: { type: String, required: true },
+        props: { type: Object, default: () => ({}) },
+        state: { type: Object, default: () => ({ enabled: false, visible: false }) }
+    },
+    data () {
+        return {
+            imageData: null,
+            cameraDevices: [],
+            selectedDevice: null,
+            cameraIsOn: false,
+            dropdownOpen: false
+        }
+    },
+    computed: {
+        ...mapState('data', ['messages']),
+        value: {
+            get () {
+                return this.messages[this.id]?.payload
+            }
+        }
+    },
+    mounted () {
+        this.$socket.on('msg-input:' + this.id, async (msg) => {
+            await this.init(msg)
+        })
+        this.$socket.emit('widget-load', this.id)
+    },
+    beforeUnmount () {
+        this.$socket?.off('widget-load:' + this.id)
+        this.$socket?.off('msg-input:' + this.id)
+        this.stopWebcam()
+    },
+    methods: {
+
+        async init(msg) {
+            console.log(msg.payload)
+            if (msg.payload === 'start') {
+                await this.startWebcam()
+            } else if (msg.payload === 'capture') {
+                await this.startWebcam()
+                await this.captureImage()
+            }
+        },
+
+        async startWebcam () {
+            if (!this.cameraIsOn) {
+                try {
+                    const devices = await navigator.mediaDevices.enumerateDevices()
+                    const videoDevices = devices.filter(device => device.kind === 'videoinput')
+
+                    if (videoDevices.length > 0) {
+                        this.cameraDevices = videoDevices
+                        this.selectedDevice = videoDevices.find(c => /back|rear|environment|rück/i.test(c.label))?.deviceId ?? videoDevices[0].deviceId // Select the first camera by default
+                        await this.openCamera()
+                    } else {
+                        console.error('No video input devices found.')
+                    }
+                } catch (error) {
+                    console.error('Error accessing media devices:', error)
+                }
+            }
+        },
+        async openCamera () {
+            if (this.selectedDevice === 'off') {
+                this.stopWebcam()
+                this.cameraIsOn = false
+            } else {
+                const video = this.$refs.video
+                const constraints = { video: { deviceId: this.selectedDevice } }
+
+                try {
+                    const stream = await navigator.mediaDevices.getUserMedia(constraints)
+
+                    if (video && video instanceof HTMLVideoElement) {
+                        video.srcObject = stream
+                        video.play()
+                        this.cameraIsOn = true
+                    } else {
+                        console.error('Video element not found or not an instance of HTMLVideoElement.')
+                    }
+                } catch (error) {
+                    console.error('Error accessing webcam:', error)
+                }
+            }
+        },
+        stopWebcam () {
+            const tracks = this.$refs.video.srcObject?.getTracks()
+            if (tracks) {
+                tracks.forEach(track => track.stop())
+            }
+        },
+        captureImage () {
+            const video = this.$refs.video
+            const canvas = this.$refs.canvas
+            const context = canvas.getContext('2d')
+
+            if (video && video.readyState === video.HAVE_ENOUGH_DATA) {
+                // Set canvas size to match the video size
+                const videoWidth = video.videoWidth
+                const videoHeight = video.videoHeight
+                canvas.width = videoWidth
+                canvas.height = videoHeight
+
+                context.drawImage(video, 0, 0, videoWidth, videoHeight)
+
+                this.imageData = canvas.toDataURL('image/png')
+
+                this.send(this.imageData)
+
+                // Display the captured image for 0.5 seconds
+                setTimeout(() => {
+                    context.clearRect(0, 0, videoWidth, videoHeight)
+                }, 500)
+            } else {
+                console.error('Video element not ready or not found.')
+            }
+        },
+        send (msg) {
+            this.$socket.emit('widget-action', this.id, {
+                payload: msg
+            })
+        },
+        async changeCamera () {
+            this.stopWebcam()
+            await this.openCamera()
+        },
+        toggleDropdown () {
+            this.dropdownOpen = !this.dropdownOpen
+        },
+        selectCamera (deviceId) {
+            this.selectedDevice = deviceId
+            this.toggleDropdown()
+            this.changeCamera()
+        }
+    }
+}
+</script>
+
+<style scoped>
+.ui-webcam-wrapper {
+    position: relative;
+    border-radius: 5px;
+    box-shadow: rgba(0, 0, 0, 0.9) 0px 2px 4px;
+}
+
+.video-wrapper {
+    background: black;
+    width: auto;
+    height: 100%;
+    border-radius: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
+
+.canvas {
+    z-index: 1;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.button {
+    position: absolute;
+    margin-left: auto;
+    width: 35px;
+    height: 35px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2;
+    right: auto;
+    background: rgb(255, 255, 255);
+    border: none;
+    padding: 10px;
+    border-radius: 50%;
+    cursor: pointer;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
+}
+
+.dropdown ul li.group-label {
+    padding: 5px 10px;
+    cursor: default;
+    font-weight: bold;
+    color: #555;
+    font-size: 0.75rem;
+    display: flex;
+    position: relative;
+    white-space: nowrap;
+    gap: 12px;
+    background-color: rgb(var(--v-theme-background));
+}
+
+.dropdown ul li.group-label:after {
+    content:" ";
+    display: block;
+    height: 2px;
+    flex-grow: 1;
+    width: 100%;
+    margin-top: 9px;
+    background: rgb(var(--v-theme-group-outline));
+}
+
+.dropdown ul li.group-label:hover {
+    background-color: white;
+    padding: 5px 10px;
+    cursor: default;
+    font-weight: bold;
+    color: #555;
+}
+
+.icon .capture-button{
+    width: 30px;
+    height: 30px;
+}
+
+.button:hover {
+    background-color: rgb(var(--v-theme-primary));
+}
+
+.capture-button {
+    margin-top: 60%;
+}
+
+.ellipsis {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    cursor: pointer;
+    z-index: 2;
+    padding: 5px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
+}
+
+.ellipsis span {
+    display: block;
+    width: 4px;
+    height: 4px;
+    background-color: #fff;
+    border-radius: 50%;
+    margin-bottom: 3px;
+}
+
+.dropdown {
+    position: absolute;
+    top: 40px;
+    right: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    z-index: 2;
+    display: none;
+}
+
+.dropdown ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.dropdown ul li {
+    padding: 5px 10px;
+    cursor: pointer;
+}
+
+.dropdown ul li:hover {
+    background-color: rgb(var(--v-theme-primary));
+    color:white;
+}
+
+.dropdown.open {
+    display: block;
+}
+</style>

package/ui/index.js

@@ -0,0 +1,2 @@
+/* Exports of all of the components in this node */
+export { default as UIWebcam } from './components/UIWebcam.vue'

package/ui/main.js

@@ -0,0 +1,10 @@
+/**
+ * Used only for development (via `npm run dev`).
+ *
+ * This file is useful for testing your component in isolation from Node-RED.
+ */
+import { createApp } from 'vue'
+
+import UIWebcam from './components/UIWebcam.vue'
+
+createApp(UIWebcam).mount('#app')