remote-calibrator 0.2.1 → 0.2.2-beta.0

package/CHANGELOG.md

@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- `nextHeadline` and `nextDescription` in panel options to change panel text after finishing all calibrations.
+- Blind spot floating instructions move along with the crosshair.
+
+### Changed
+
+- Changed "cross" to "crosshair" in default task descriptions.
+- SLightly thinner crosshair line width.
+- When not tracking near point, `nearPointCm` is stored as `[null, null]` instead of `null`.
+
+### Fixed
+
+- Floating instructions don't show in blind spot test for head tracking, when near point is turned off.
+- Dependency security issues.
+
 ## [0.2.1] - 2021-09-14
 
 Minor fixes and updates.

package/README.md

@@ -147,6 +147,8 @@ You can customize the panel element with the following options.
 {
   headline: `To calibrate, press a button!`,
   description: ``,
+  nextHeadline: `Thanks for calibrating. Hit the button to continue.`,
+  nextDescription: ``,
   nextButton: `Done`,
 }
 ```

package/homepage/example.js

@@ -111,9 +111,7 @@ function makePanel(e) {
       },
     ],
     '#experiment',
-    {
-      _demoActivateAll: true,
-    }
+    {}
   )
   changeClass(e.target, 'complete')
 }
@@ -126,9 +124,9 @@ function makePanel(e) {
 function measureDisplaySize(e) {
   RemoteCalibrator.displaySize(displayData => {
     printMessage(
-      `Display size is ${displayData.value.displayWidthPx}px in width and ${
+      `Display size is ${displayData.value.displayWidthPx} px in width and ${
         displayData.value.displayHeightPx
-      }px in height, measured at ${parseTimestamp(displayData.timestamp)}.`
+      } px in height, measured at ${parseTimestamp(displayData.timestamp)}.`
     )
 
     changeClass(e.target, 'complete')
@@ -143,9 +141,9 @@ function measureDisplaySize(e) {
 function measureScreenSize(e) {
   RemoteCalibrator.screenSize({}, screenData => {
     printMessage(
-      `Screen size is ${screenData.value.screenDiagonalIn}in [Width: ${
+      `Screen size is ${screenData.value.screenDiagonalIn} in [Width: ${
         screenData.value.screenWidthCm
-      }cm, Height: ${screenData.value.screenHeightCm}cm, PPI: ${
+      } cm, Height: ${screenData.value.screenHeightCm} cm, PPI: ${
         screenData.value.screenPpi
       }, PPI (Physical): ${
         screenData.value.screenPhysicalPpi
@@ -160,7 +158,7 @@ const measureDistanceCallback = distanceData => {
   printMessage(
     `The viewing distance is ${
       distanceData.value
-    }cm, measured at ${parseTimestamp(distanceData.timestamp)}, by ${
+    } cm, measured at ${parseTimestamp(distanceData.timestamp)}, by ${
       distanceData.method
     } method.`
   )
@@ -201,11 +199,11 @@ function trackViewingDistance(e) {
       trackP.innerHTML = gotData(
         `The dynamic viewing distance is ${
           data.value.viewingDistanceCm
-        }cm at ${parseTimestamp(data.timestamp)}, measured by ${
+        } cm at ${parseTimestamp(data.timestamp)}, measured by ${
           data.method
-        } method. The near point is at [${data.value.nearPointCm.x}cm, ${
+        } method. The near point is at [${data.value.nearPointCm.x} cm, ${
           data.value.nearPointCm.y
-        }cm] compared to the center of the screen.`
+        } cm] compared to the center of the screen.`
       )
     }
   )
@@ -300,9 +298,9 @@ function trackGaze(e) {
     },
     data => {
       gazeP.innerHTML = gotData(
-        `The gaze position is [${data.value.x}px, ${
+        `The gaze position is [${data.value.x} px, ${
           data.value.y
-        }px] at ${parseTimestamp(data.timestamp)}.`
+        } px] at ${parseTimestamp(data.timestamp)}.`
       )
     }
   )