UP↑SCALE 420/710 - SCAN FOR UP↑SCALES

Info about this example script.

Click the Button, confirm the Bluetooth-Scan and receive live weights from all UP↑SCALEs around you! If there is more then one UP↑SCALE found, a sum of the weight on all scales will be shown additionally - even if 2 or more scales are running with different weight units!

How this is working?

Switch on the option BLE for all at your scale settings page first!
Open this page in Chrome, Edge or Opera! (On iPhone with a Bluetooth Browser.)
You may need to activate the Experimental Web Platform Features browser flag first!
The page need to be opened local (not at localhost, just from the filesystem in your browser!) OR in a secure environment (https://... BUT NOT http://...)

Give it a try:

The html/javascript code:

Copy & Paste the code and save it as .html file!

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="robots" content="noindex">
	<title>UP↑SCALE 420/710 - SCAN FOR UP↑SCALES</title>
	<style>
		.daScaleStable {color: #000; filter: opacity(1);}
		.daScaleUnstable {color: #A9A9A9; filter: opacity(0.42);}
		div.upScaleScan {border: 1px solid green; border-radius: 0.5em; padding: 1em; margin: 0 0 0.2em 0; text-align: center;}
		div.upScaleScan button {font-size: 1.5em; font-weight: bold; border-radius: 0.25em;}
		div.upScaleScan h2 {font-size: 1.2em; margin: 0.5em 0 0.25em 0; color: #009E60;}
		div.upScaleScan p {font-size: 2.5em; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0.5em 0;}
	</style>
</head>
<body>
	<div class="upScaleScan">
		<button onclick="scanForUPSCALEs();" id="isScanButton">SCAN FOR UP↑SCALEs</button>
		<h2 id="topScaleTitle"></h2>
		<p id="topScale"></p>
		<div id="moreScales"></div>
		<h2 id="multiScaleSumTitle"></h2>
		<p id="multiScaleSum"></p>
	</div>
</body>
<script>
// some global vars
let publicBLEscan;
let bleDevicesFoundList = [];
let bleDevicesSingleWeights = [];
let bleDevicesSingleUnits = [];
// main scan-for-scales function
async function scanForUPSCALEs() {
	  const options = {filters: [{ namePrefix: "UP⬆" }]};
	  try {
		publicBLEscan = await navigator.bluetooth.requestLEScan(options);
	    publicBLEscan.acceptAllAdvertisements;
	    publicBLEscan.active;
	    isScanButton.style.display = 'none';
		let found710 = false;
		navigator.bluetooth.addEventListener('advertisementreceived', event => {
			let allAreStable = true;
			topScaleTitle.innerHTML = "... scanning for UP⬆SCALEs ...<br /><br />Just plug a UP⬆SCALE, or more then one, to show them all - and the totals from all scales!<br /><br />If your scale not pup up here, check its settings, the <b>BLE for all</b> option need to be ON!";
			event.manufacturerData.forEach((valueDataView) => {
				// check for multiple devices and seperate them
				let thisDeviceId = event.device.id;
				let deviceExisting = false;
				let makeNewDiv = 0;
				let deviceHasNumber = 0;
				let scaleNum = 0;
				let search710 = event.device.name.startsWith(scales_settings[1][0]);
				if(search710 == true) {
					found710 = true;
				}
				bleDevicesFoundList.forEach((scale) => {
					if(scale === thisDeviceId) {deviceExisting = true; deviceHasNumber = scaleNum;}
					scaleNum++;
				});
				
				if(deviceExisting == false) {
					deviceHasNumber = scaleNum;
					bleDevicesFoundList[scaleNum] = thisDeviceId;
					makeNewDiv = scaleNum;
					if(makeNewDiv > 0) {
						// create div for that scale
						let disTopScaleDiv = document.createElement('div');
						disTopScaleDiv.id = "topScaleDiv_" + makeNewDiv;
						// h2 with Title
						let disTopScaleTitle = document.createElement('h2');
						let scaleTitleNr = makeNewDiv + 1;
						let daInputTitle = document.createTextNode(event.device.name);
						disTopScaleTitle.appendChild(daInputTitle);
						// add title to div
						disTopScaleDiv.appendChild(disTopScaleTitle);
						// p for weight
						let disTopScale = document.createElement('p');
						disTopScale.id = "topScale_" + makeNewDiv;
						let daInputValue = document.createTextNode("0.00");
						disTopScale.appendChild(daInputValue);
						// add span with unit
						let daInputSpan = document.createElement('span');
						daInputSpan.className = "scaleUnit";
						daInputSpan.innerHTML = "g";
						disTopScale.appendChild(daInputSpan);
						// add h2 to div
						disTopScaleDiv.appendChild(disTopScale);
						// add div to page
						moreScales.appendChild(disTopScaleDiv);
					}
				}
				
				// get the data from the stream
				const textDecoder = new TextDecoder('ascii');
				const asciiString = textDecoder.decode(valueDataView.buffer);
				const stableUnstable = asciiString.substr(0, 2);
				const plusMinus = asciiString.substr(3, 1);
				const hasValue = asciiString.substr(4, 8);
				const weightUnit = asciiString.substr(12, 3);
				let wu1 = weightUnit.substr(0, 1);
				let wu2 = weightUnit.substr(1, 1);
				let wu3 = weightUnit.substr(2, 1);
				let showWeightUnit = "";
				if (/\S/.test(wu1)) {showWeightUnit = showWeightUnit + wu1;}
				if (/\S/.test(wu2)) {showWeightUnit = showWeightUnit + wu2;}
				if (/\S/.test(wu3)) {showWeightUnit = showWeightUnit + wu3;}
				let WUnumber = getWeightUnitNumberFromTextInput(wu2, wu3);
				let WUdecimals = weight_units[WUnumber][3];
				if(WUnumber == "X") {WUdecimals = 0;}
				// add one decimal always (for possible 710 scales)
				if(found710 == true) {
					WUdecimals++;
				}
				let showScaleNumber = parseFloat(hasValue).toFixed(WUdecimals);
				if(plusMinus == "-") {
					showScaleNumber = showScaleNumber*-1;
				}
				let daScaleClassAdd = "daScaleUnstable";
				let daScaleClassRemove = "daScaleStable";
				if(stableUnstable == "ST") {
					daScaleClassAdd = "daScaleStable";
					daScaleClassRemove = "daScaleUnstable";
				} else {
					allAreStable = false;
				}
										
				if(deviceHasNumber == 0) {
					topScale.classList.add(daScaleClassAdd);
					topScale.classList.remove(daScaleClassRemove);
					topScale.innerHTML = showScaleNumber + '<span class="scaleUnit">' + showWeightUnit + '</span>';
					bleDevicesSingleWeights[0] = showScaleNumber;
					bleDevicesSingleUnits[0] = WUnumber
					topScaleTitle.innerHTML = event.device.name;
				} else {
					var disTargetId = 'topScale_' + deviceHasNumber;
					document.getElementById(disTargetId).classList.add(daScaleClassAdd);
					document.getElementById(disTargetId).classList.remove(daScaleClassRemove);
					document.getElementById(disTargetId).innerHTML = showScaleNumber  + '<span class="scaleUnit">' + showWeightUnit + '</span>';
					bleDevicesSingleWeights[deviceHasNumber] = showScaleNumber;
					bleDevicesSingleUnits[deviceHasNumber] = WUnumber;
				}
				// if there is more then one scale : show the sum
				let asManyScales = Object.keys(bleDevicesFoundList).length;
				if(asManyScales > 1 && deviceHasNumber == asManyScales-1) {
					// check if all scales have same weight unit
					let lastWeightUnit = bleDevicesSingleUnits[0];
					let cc = 0;
					let totalScalesWeight = 0;
					let scaleCountPieces = 1;
					bleDevicesSingleUnits.forEach((scaleWeightUnit) => {
						lastWeightUnit = scaleWeightUnit;
						disIsTHeValue = bleDevicesSingleWeights[cc];
						if(scaleWeightUnit == "X") {
							scaleCountPieces++;
						} else {
							disIsTHeValue = parseFloat(disIsTHeValue) * weight_units[scaleWeightUnit][4];
						}
						totalScalesWeight = parseFloat(totalScalesWeight) + parseFloat(disIsTHeValue);
						cc++;
					});
					let showTheSum = true;
					// dont show sum if one scale count in pieces, but another not...
					if(scaleCountPieces > 1 && scaleCountPieces < asManyScales) {
						showTheSum = false;
					}
					if(showTheSum == true) {
						totalScalesWeight = totalScalesWeight * weight_units[lastWeightUnit][5];
						let sumFixedDecimals = weight_units[lastWeightUnit][3];
						if(found710 == true) {
							sumFixedDecimals++;
						}
						let sumStableClassAdd = "daScaleStable";
						let sumStableClassRemove = "daScaleUnstable";
						if(allAreStable == false) {
							sumStableClassAdd = "daScaleUnstable";
							sumStableClassRemove = "daScaleStable";
						}
						multiScaleSumTitle.innerHTML = "TOTAL WEIGHT";
						multiScaleSum.classList.add(sumStableClassAdd);
						multiScaleSum.classList.remove(sumStableClassRemove);
						multiScaleSum.innerHTML = totalScalesWeight.toFixed(sumFixedDecimals)  + '<span class="scaleUnit">' + weight_units[lastWeightUnit][2] + '</span>';
					}
				}
			});
		});
	} catch(error)  {
		alert("Can't connect via Web Bluetooth!\n\nPlease check your browser flags if you are with a valid browser (only chrome, edge and opera!)!");
	}
}

// get weight unit ID from incoming ASCII
function getWeightUnitNumberFromTextInput(char2, char3) {
	let isWUnumber = 0;
	if(char3 == "z") {isWUnumber = 1;}
	else if(char3 == "8") {isWUnumber = 2;}
	else if(char3 == "s") {isWUnumber = 3;}
	else if(char3 == "t") {
		if(char2 == "z") {isWUnumber = 4;}
		else if(char2 == "c") {isWUnumber = 5;}
		else if(char2 == "w") {isWUnumber = 8;}
	}
	else if(char3 == "N") {isWUnumber = 6;}
	else if(char3 == "a") {isWUnumber = 7;}
	else if(char3 == "f") {isWUnumber = 9;}
	else if(char3 == "C") {isWUnumber = "X";}
	return isWUnumber;
}
//some scale info- and weight unit settings
let scales_settings = [['UP⬆SCALE (420)', 0.1, 3000, 0, 420], ['UP⬆SCALE (710)', 0.01, 200, 1, 710]];
let weight_units = [['gram', 'g', 'g', 1, 1.00, 1.00],['ounce', 'oz', 'oz', 2, 28.349523125, 0.035273962],['eight', '⅛', '⅛', 2, 3.5, 0.285714286],['pound', 'lbs', 'lbs', 3, 453.59237, 0.002204623],['troy ounce', 'oz t', 'ozt', 2, 31.10347680, 0.032150747],['carat', 'ct', 'ct', 2, 0.2, 5],['grain', 'GN', 'GN', 1, 0.0647989, 15.432360735],['tola', 'tla', 'tla', 2, 11.6638, 0.085735352],['pennyweight', 'dwt', 'dwt', 1, 1.55517384, 0.643014931],['giraffes per football field', 'gpf', 'gpf', 3, 420.00, 0.002380952]];
</script>
</html>

For Arduino/ESP:

We also have prepared a script with (more or less) the same functionality as an example for the Arduino IDE! This does not even require an user interaction, like the button-click at the html/javascript version, but will show weight data as soon as the microcomputer got powered! Check out this small script here, if you want to use your own Arduino (or ESP): upscale-arduino-ble-weight-monitor.ino

More Possibilities:

Its also possible to exchange data directly peer-to-peer via WiFi (ESP-NOW) as like as per USB Connection. In that cases even with the possibility to send commands to the scale! Click here for more info about the connectivity!