further attempts at facingMode environment (publiclab#183)

* further attempts at facingMode environment

* fixed facingmode!

* Update cypress.json

cypress.json

@@ -1,3 +1,3 @@
 {
-  "projectId": "128076ed-9868-4e98-9cef-98dd8b705d75"
+  "projectId": "8qkop6"
 }

dist/capture.dist.js

@@ -288,14 +288,12 @@ $W.updateResolution = function(resolution) {
 
   const constraints = {
     ...$W.defaultConstraints,
-    facingMode: { ideal: "environment" },
     video: {
       ...$W.defaultConstraints.video,
       width: { min: width },
       height: { min: height }
     }
   };
-
   const message = $('#resolution-message > small');
 
   const successCallback = stream => {

dist/spectral-workbench.js

@@ -5371,38 +5371,30 @@ SpectralWorkbench.Graph = Class.extend({
       d3.selectAll('g.nv-focus g.nv-line > g > g.nv-groups g') 
         //.addClass('main-line') // we should do this (or the d3 equiv.) for later selections. Or if nvd3 offers a ready-made selection
         .attr("id", function(datum, index) {
-          if (index < 4) {
-            var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
-            return 'spectrum-line-' + id;
-          }
+          var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
+          return 'spectrum-line-' + id;
         });
 
       // zoom graph lines
       d3.selectAll('g.nv-context g.nv-line > g > g.nv-groups g') 
         .attr("id", function(datum, index) {
-          if (index < 4) {
-            var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
-            return 'spectrum-line-' + id;
-          }
+          var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
+          return 'spectrum-line-' + id;
         });
 
       // graph line hover circles for main graph lines
       d3.selectAll('g.nv-focus g.nv-scatterWrap g.nv-groups g') 
         .attr("id", function(datum, index) {
-          if (index < 4) {
-            var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
-            return 'spectrum-hover-' + id;
-          }
+          var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
+          return 'spectrum-hover-' + id;
         });
 
       // graph line hover circles for zoom graph lines
       d3.selectAll('g.nv-context g.nv-scatterWrap g.nv-groups g') 
         .attr("id", function(datum, index) {
-          if (index < 4) {
-            var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
-            return 'spectrum-hover-' + id;
-          }
-        });
+          var id = d3.select('svg').data()[0][index].id; // this is the real d3 DOM-stored data
+          return 'spectrum-hover-' + id;
+         });
 
       if (_graph.dataType == "spectrum") {
 

examples/capture/capture.js

@@ -28,7 +28,12 @@ $W = {
   // width: 1280,
   // height: 720,
   frame: 0,
-  defaultConstraints: { video: true, audio: false },
+  defaultConstraints: {
+    audio: false,
+    video: {
+      facingMode: "environment"
+    }
+  },
 
   initialize: function(args) {
     this.mobile = args['mobile'] || false
@@ -43,7 +48,6 @@ $W = {
       this.options.height = args['height']
       this.options.width = args['width']
     }
-
     if (args.video_row) {
       this.sample_start_row = args.video_row;
     } else {

examples/capture/getUserMedia.js

@@ -46,14 +46,12 @@ $W.updateResolution = function(resolution) {
 
   const constraints = {
     ...$W.defaultConstraints,
-    facingMode: { ideal: "environment" },
     video: {
       ...$W.defaultConstraints.video,
       width: { min: width },
       height: { min: height }
     }
   };
-
   const message = $('#resolution-message > small');
 
   const successCallback = stream => {