BREAKING CHANGE Migration Typescript

.gitignore

@@ -104,3 +104,4 @@ typings/
 
 # dist is generated in the deployment process from src
 dist/
+cjs/

demo/bike/main.js

@@ -1,13 +1,17 @@
-const {KalmanFilter} = kalmanFilter;// eslint-disable-line no-undef
+/**
+ * @typedef {typeof import('../../index.d.ts')} kalmanFilter
+ */
+const { KalmanFilter } = /** @type {kalmanFilter} */ (kalmanFilter);// eslint-disable-line no-undef
 const createElement = require('../shared/views/create-element');
 const createGroupBoxes = require('../shared/views/create-group-boxes');
 const noisyObservations = require('./observations.json').observations;
 const kfOptions = require('./kf-options');
-
 const kf = new KalmanFilter(kfOptions);
 let predicted = kf.predict();
 
 const img = document.querySelector('#bikes');// eslint-disable-line no-undef
+if (!img)
+	throw Error('#bikes div is missing from the DOM')
 
 // Create all the elements of the prediction or correction phase
 const delay = 200;
@@ -41,7 +45,9 @@ module.exports = {
 					predicted = kf.predict({previousCorrected});
 					const {mean, covariance} = predicted;
 
-					const element = createGroupBoxes({mean, covariance, parent: img, className: 'predicted', color: 'blue'});
+					const element = createGroupBoxes({
+mean, covariance, parent: img, className: 'predicted', color: 'blue',
+});
 					els.push(element);
 
 					return delayPromise(delay);
@@ -67,7 +73,9 @@ module.exports = {
 					previousCorrected = kf.correct({predicted, observation: b});
 					const {mean, covariance} = previousCorrected;
 
-					const element = createGroupBoxes({mean, covariance, parent: img, className: 'corrected', color: 'red'});
+					const element = createGroupBoxes({
+mean, covariance, parent: img, className: 'corrected', color: 'red',
+});
 					els.push(element);
 
 					return delayPromise(delay);

demo/bouncing-ball/main.js

@@ -1,13 +1,17 @@
-const {KalmanFilter} = kalmanFilter;// eslint-disable-line no-undef
+/**
+ * @typedef {typeof import('../../index.d.ts')} kalmanFilter
+ */
+const { KalmanFilter } = /** @type {kalmanFilter} */ (kalmanFilter);// eslint-disable-line no-undef
 const createElement = require('../shared/views/create-element');
 const createGroupPoint = require('../shared/views/create-group-point');
 const kfOptions = require('./kf-options.js');
 const noisyObservations = require('./observations.json').observations;
-
 const kf = new KalmanFilter(kfOptions);
 let predicted = kf.predict();
 
 const img = document.querySelector('#bouncing-ball');// eslint-disable-line no-undef
+if (!img)
+	throw Error('#bouncing-ball div is missing from the DOM')
 
 // Create all the elements of the prediction or correction phase
 const delay = 200;
@@ -27,7 +31,9 @@ module.exports = {
 					predicted = kf.predict({previousCorrected});
 					const {mean, covariance} = predicted;
 
-					createGroupPoint({mean, covariance, parent: img, className: 'predicted', color: 'blue'});
+					createGroupPoint({
+mean, covariance, parent: img, className: 'predicted', color: 'blue',
+});
 
 					return delayPromise(delay);
 				})
@@ -54,7 +60,9 @@ module.exports = {
 					previousCorrected = kf.correct({predicted, observation: b});
 					const {mean, covariance} = previousCorrected;
 
-					createGroupPoint({mean, covariance, parent: img, className: 'corrected', color: 'red'});
+					createGroupPoint({
+mean, covariance, parent: img, className: 'corrected', color: 'red',
+});
 
 					return delayPromise(delay);
 				}).bind(null, box, index));

demo/bouncing-ball/observations.json

@@ -1,6 +1,6 @@
 {
 	"ground": {
-		y: 442
+		"y": 442
 	},
 	"observations": [
 		[

demo/shared/views/create-group-boxes.js

@@ -73,7 +73,7 @@ module.exports = function ({mean, covariance, color, parent, className, tag = 'd
 		color,
 	});
 	const arrowRotation = (-1 * Math.atan(mean[4][0] / mean[5][0]) * 180 / Math.PI) - 45;
-	const arrowScale = Math.sqrt((mean[4][0] ** 2) + (mean[5][0] ** 2));
+	const arrowScale = Math.hypot((mean[4][0]), (mean[5][0]));
 	createArrow({
 		className: 'arrow',
 		bbox: [

demo/shared/views/create-group-point.js

@@ -28,7 +28,7 @@ module.exports = function ({mean, covariance, color, parent, className, tag = 'd
 		color,
 	});
 	const arrowRotation = (-1 * Math.atan(mean[2][0] / mean[3][0]) * 180 / Math.PI) - 45;
-	const arrowScale = Math.sqrt((mean[2][0] ** 2) + (mean[3][0] ** 2));
+	const arrowScale = Math.hypot((mean[2][0]), (mean[3][0]));
 	createArrow({
 		className: 'arrow',
 		bbox: [