added dependencies and qr detector

+/******/ "use strict";
 /******/ var __webpack_modules__ = ([
 /******/ var __webpack_modules__ = ([
 /* 0 */
 /* 0 */
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

+import ARCS from '../build/arcs.js';
+
+let QRCodeDetector;
+
+QRCodeDetector = ARCS.Componenent.create(
+    function() {
+        let busy = false;
+        let dataCache = null;
+        const worker = new Worker("../deps/jsqr/worker.js");
+        worker.addEventListener("message", ({data} => {
+            busy = false;
+            dataCache = data;
+        });
+        
+        this.detect(imageData) {
+            if (!busy) {
+                busy = true;
+                worker.postMessage(imageData);
+            } 
+            if (dataCache !== null) {
+                this.emit('onQRCode', dataCache);
+            }            
+        };        
+    },
+    ['detect'],
+    ['onQRCode']    
+);
+
+
+
+export default {QRCodeDetector: QRCodeDetector};

+import jsQR from './jsQR.js';
+
+self.addEventListener("message", e => {
+    const obj = e.data;
+    const qrData = jsQR(obj.data, obj.width, obj.height);
+    self.postMessage(qrData);
+});

@@ -35,7 +35,9 @@
     "js-aruco": ">=0.1",
     "js-aruco": ">=0.1",
     "three": ">=0.131",
     "three": ">=0.131",
     "tracking": ">=1.1.3",
     "tracking": ">=1.1.3",
-    "webpack": "^5.51.1"
+    "webpack": "^5.51.1",
+    "jsqr": "^1.4.0",
+    "html2canvas": "^1.3.3"
   },
   },
   "devDependencies": {
   "devDependencies": {
     "copy-webpack-plugin": "^9.0.1",
     "copy-webpack-plugin": "^9.0.1",

@@ -3,7 +3,7 @@ const path=require('path');
 
 
 module.exports = {
 module.exports = {
     entry : './arcsapp.json',
     entry : './arcsapp.json',
-    mode: "none",
+    mode: "production",
 
 
     output: {
     output: {
         path: path.resolve(__dirname, ''),
         path: path.resolve(__dirname, ''),

@@ -89,8 +89,10 @@ module.exports = [
         plugins: [
         plugins: [
             new copy({
             new copy({
                 patterns: [
                 patterns: [
+                    { from: 'node_modules/html2canvas/dist/html2canvas.min.js', to: '../deps/html2canvas/html2canvas.min.js'},
+                    { from: 'node_modules/jsqr/dist/jsQR.js', to: '../deps/jsqr/jsQR.js'},
                     { from: 'node_modules/tracking/build/tracking.js', to: '../deps/tracking/tracking.js'},
                     { from: 'node_modules/tracking/build/tracking.js', to: '../deps/tracking/tracking.js'},
-                    { from: 'node_modules/three/build/three.module.js', to: '../deps/three.js/index.js'},
+                    { from: 'node_modules/three/build/three.module.js', to: '../deps/three.js/index.js'},                
                     { 
                     { 
                         from: 'node_modules/three/examples/jsm/loaders/OBJLoader.js', 
                         from: 'node_modules/three/examples/jsm/loaders/OBJLoader.js', 
                         to: '../deps/objloader/index.js',
                         to: '../deps/objloader/index.js',
@@ -122,6 +124,16 @@ module.exports = [
                         }
                         }
                     },                
                     },                
                     { 
                     { 
+                        from: 'node_modules/three/examples/jsm/webxr/ARButton.js', 
+                        to: '../deps/three.js/ARButton.js',
+                        transform: function(content, path) {
+                            return Buffer.from(content.toString().replace(
+                                '../../../build/three.module.js',
+                                './index.js'
+                            ));
+                        }
+                    },
+                    { 
                         from: 'node_modules/js-aruco/src/aruco.js',
                         from: 'node_modules/js-aruco/src/aruco.js',
                         to: '../deps/aruco/index.js',
                         to: '../deps/aruco/index.js',
                         transform: function(content, path) {
                         transform: function(content, path) {