From 624d55f2e358860ffedbb6d236a27c8911b56e61 Mon Sep 17 00:00:00 2001
From: Daniel <790119+DanTheMan827@users.noreply.github.com>
Date: Fri, 7 Jul 2023 21:59:15 -0500
Subject: [PATCH] AmiiboLink

---
 amiibolink.html | 292 ++++++++++++++++++++++++++++++++++++++
 amiloop.html    | 362 ++++++++++++++++++++++++++++++++++++++++++++++++
 index.html      | 360 +----------------------------------------------
 3 files changed, 660 insertions(+), 354 deletions(-)
 create mode 100644 amiibolink.html
 create mode 100644 amiloop.html
diff --git a/amiibolink.html b/amiibolink.html
new file mode 100644
index 0000000..2e06c1d
--- /dev/null
+++ b/amiibolink.html
@@ -0,0 +1,292 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>AmiiboLink WebBluetooth</title>
+    <meta charset="UTF-8" />
+  </head>
+  <body>
+    <h1>AmiiboLink Management</h1>
+    <p>This page uses WebBluetooth to manage the AmiiboLink.</p>
+    <p><a id="connectDisconnect" href="#">Connect</a></p>
+    <div id="connectedStuff" style="display: none;">
+      <ul>
+        <li><a id="uploadTag" href="#">Upload tag data</a></li>
+        <li><a id="clearTag" href="#">Write blank tag</a></li>
+      </ul>
+    </div>
+    <script>
+      var amiiboLink = null;
+
+      /**
+       * Prompts the user to select a file and returns its contents as a Uint8Array.
+       * @returns {Promise<Uint8Array>} A promise that resolves with the file contents as a Uint8Array.
+       * @throws {Error} If no file is selected or if there is an error reading the file.
+       */
+      function promptForFileAndGetContents() {
+        return new Promise((resolve, reject) => {
+          // Create an input element
+          const input = document.createElement('input');
+          input.type = 'file';
+
+          // Handle file selection
+          input.onchange = (event) => {
+            var _a;
+            const target = event.target;
+            const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
+            if (file) {
+              const reader = new FileReader();
+              reader.onload = (loadEvent) => {
+                var _a;
+                const result = (_a = loadEvent.target) === null || _a === void 0 ? void 0 : _a.result;
+                if (result instanceof ArrayBuffer) {
+                  resolve(new Uint8Array(result));
+                } else {
+                  reject(new Error('Failed to read file contents.'));
+                }
+              };
+              reader.onerror = () => {
+                reject(new Error('Failed to read file.'));
+              };
+              reader.readAsArrayBuffer(file);
+            } else {
+              reject(new Error('No file selected.'));
+            }
+          };
+
+          // Trigger file selection
+          input.click();
+        });
+      }
+
+      function processDumpToAmiiboLinkCommands(inputArray) {
+        const writeCommands = [];
+
+        // Ensure the working array is exactly 540 bytes
+        const workingArray = new Uint8Array(540);
+        workingArray.set(inputArray.slice(0, 540), 0);
+
+        // Add initial byte arrays to the output
+        writeCommands.push(Uint8Array.from([0xA0, 0xB0]));
+        writeCommands.push(Uint8Array.from([0xAC, 0xAC, 0x00, 0x04, 0x00, 0x00, 0x02, 0x1C]));
+        writeCommands.push(Uint8Array.from([0xAB, 0xAB, 0x02, 0x1C]));
+
+        // Loop through the input array and slice 20 bytes at a time
+        for (let i = 0; i < workingArray.length; i += 20) {
+          const slice = workingArray.slice(i, i + 20);
+          const iteration = Math.floor(i / 20);
+
+          // Create temporary Uint8Array with required values
+          const tempArray = Uint8Array.from([
+            0xDD, 0xAA, 0x00, 0x14,
+            ...slice,
+            0x00,
+            iteration
+          ]);
+
+          // Add temporary array to the output
+          writeCommands.push(tempArray);
+        }
+
+        // Add final byte arrays to the output
+        writeCommands.push(Uint8Array.from([0xBC, 0xBC]));
+        writeCommands.push(Uint8Array.from([0xCC, 0xDD]));
+
+        return writeCommands;
+      }
+
+      /**
+       * Converts an ArrayBuffer to a hexadecimal string.
+       * @param {ArrayBuffer} buffer - The input ArrayBuffer to convert.
+       * @returns {string} The hexadecimal representation of the input buffer.
+       */
+       function buf2hex(buffer) {
+        buffer = new Uint8Array(buffer);
+
+        let result = '';
+
+        for (let i = 0; i < buffer.length; i++) {
+          const hex = buffer[i].toString(16).padStart(2, '0');
+          result += hex.toUpperCase() + ' ';
+
+          if ((i + 1) % 8 === 0) {
+            result += '\n';
+          }
+        }
+
+        return result.trim();
+      }
+
+      async function connectToAmiiboLink(onDisconnect, deviceIdentifier) {
+        try {
+          let device;
+
+          // Check if deviceIdentifier is provided and reconnect if available
+          if (deviceIdentifier && navigator.bluetooth.getDevices) {
+            const devices = await navigator.bluetooth.getDevices();
+            device = devices.find(d => d.id === deviceIdentifier);
+          }
+
+          // If device not found or deviceIdentifier not provided, perform a new scan
+          if (!device) {
+            device = await navigator.bluetooth.requestDevice({
+              filters: [{
+                name: 'amiibolink'
+              }],
+              optionalServices: ['6e400001-b5a3-f393-e0a9-e50e24dcca9e']
+            });
+          }
+
+          await device.gatt.disconnect();
+
+          const server = await device.gatt.connect();
+          const service = await server.getPrimaryService('6e400001-b5a3-f393-e0a9-e50e24dcca9e');
+          const characteristicTX = await service.getCharacteristic('6e400002-b5a3-f393-e0a9-e50e24dcca9e');
+          const characteristicRX = await service.getCharacteristic('6e400003-b5a3-f393-e0a9-e50e24dcca9e');
+
+
+          // Add disconnect event listener
+          device.addEventListener('gattserverdisconnected', () => {
+            if (typeof onDisconnect === 'function') {
+              onDisconnect();
+            }
+          });
+
+          characteristicRX.addEventListener('characteristicvaluechanged', function(event) {
+            const data = event.target.value;
+            // Handle received data here
+            console.log(`\x1B[1mRead data\x1B[m\n${buf2hex(data.buffer)}`);
+          });
+
+
+          await characteristicRX.startNotifications();
+
+          const characteristics = {
+            device,
+            service,
+            server,
+            characteristicTX,
+            characteristicRX
+          }
+
+          return characteristics;
+        } catch (error) {
+          console.error('Error:', error);
+          throw error;
+        }
+      }
+
+      function sendAndWait(characteristics, data) {
+        return new Promise(async (resolve, reject) => {
+          try {
+            const { characteristicTX, characteristicRX } = characteristics;
+
+            function innerResolve(event) {
+              characteristicRX.removeEventListener('characteristicvaluechanged', innerResolve)
+              resolve(event.target.value)
+            }
+
+            characteristicRX.addEventListener('characteristicvaluechanged', innerResolve);
+
+            await characteristicTX.writeValueWithResponse(data);
+          } catch (error) {
+            console.error('Error:', error);
+            reject(error);
+          }
+        })
+      }
+
+      async function sendDataToAmiboLink(characteristics, data, noWait) {
+        try {
+          const { characteristicTX, characteristicRX } = characteristics;
+
+          for (const byteArray of data) {
+            console.log(`\x1B[1mWrite data\x1B[m\n${buf2hex(byteArray)}`);
+
+            if (noWait) {
+              await characteristicTX.writeValueWithResponse(byteArray);
+            } else {
+              await sendAndWait(characteristics, byteArray);
+            }
+          }
+        } catch (error) {
+          console.error('Error:', error);
+          throw error;
+        }
+      }
+
+      /**
+       * This function generates and returns a 572-byte array populated with the data of a blank NTAG215 with a random UID.
+       * @returns An array with blank NTAG215 data.
+       */
+      function getBlankNtag() {
+        const tag = new Uint8Array(572)
+
+        tag[0] = 0x04
+        tag[1] = Math.round(Math.random() * 255)
+        tag[2] = Math.round(Math.random() * 255)
+        tag[3] = tag[0] ^ tag[1] ^ tag[2] ^ 0x88
+        tag[4] = Math.round(Math.random() * 255)
+        tag[5] = Math.round(Math.random() * 255)
+        tag[6] = Math.round(Math.random() * 255)
+        tag[7] = Math.round(Math.random() * 255)
+        tag[8] = tag[4] ^ tag[5] ^ tag[6] ^ tag[7]
+
+        tag.set([0x48, 0x00, 0x00, 0xE1, 0x10, 0x3E, 0x00, 0x03, 0x00, 0xFE], 0x09)
+        tag.set([0xBD, 0x04, 0x00, 0x00, 0xFF, 0x00, 0x05], 0x20B)
+
+        return tag
+      }
+
+      function onConnected() {
+       document.getElementById("connectedStuff").style.display = "";
+      }
+
+      function onDisconnected() {
+        document.getElementById("connectedStuff").style.display = "none";
+      }
+
+      document.getElementById("connectDisconnect").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        if (amiiboLink) {
+          await amiiboLink.server.disconnect();
+          amiiboLink = null;
+
+          return;
+        }
+
+        amiiboLink = await connectToAmiiboLink(() => {
+          amiiboLink = null;
+          this.innerText = "Connect";
+          onDisconnected();
+        }, this.dataset.previousDevice);
+        this.innerText = "Disconnect"
+        onConnected();
+      });
+
+      document.getElementById("uploadTag").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        var fileData = await promptForFileAndGetContents();
+        var tagData = new Uint8Array(540);
+        tagData.set(fileData.slice(0, Math.min(540, fileData.length)), 0);
+
+        var chunkedData = processDumpToAmiiboLinkCommands(tagData);
+        await sendDataToAmiboLink(amiiboLink, chunkedData);
+        alert("Done");
+      })
+
+      document.getElementById("clearTag").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        var tagData = new Uint8Array(540);
+        tagData.set(getBlankNtag().slice(0, 540), 0);
+
+        var chunkedData = processDumpToAmiiboLinkCommands(tagData);
+        await sendDataToAmiboLink(amiiboLink, chunkedData);
+        alert("Done");
+      })
+
+    </script>
+  </body>
+</html>
diff --git a/amiloop.html b/amiloop.html
new file mode 100644
index 0000000..087d492
--- /dev/null
+++ b/amiloop.html
@@ -0,0 +1,362 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>AmiLoop WebBluetooth</title>
+    <meta charset="UTF-8" />
+  </head>
+  <body>
+    <h1>AmiLoop Management</h1>
+    <p>This page uses WebBluetooth to manage the AmiLoop.</p>
+    <p><a id="connectDisconnect" href="#">Connect</a></p>
+    <div id="connectedStuff" style="display: none;">
+      <p><strong>Firmware:</strong> <span id="firmware"></span></p>
+      <ul>
+        <li><a id="uploadTag" href="#">Upload tag data</a></li>
+        <li><a id="clearTag" href="#">Write blank tag</a></li>
+        <li><a id="manualMode" href="#">Set manual mode</a></li>
+        <li><a id="sequentialMode" href="#">Set sequential mode</a></li>
+        <li><a id="automaticMode" href="#">Set automatic mode</a></li>
+        <li><a id="resetAmiloop" href="#">Reset AmiLoop</a></li>
+      </ul>
+    </div>
+    <script>
+      var amiLoop = null;
+
+      /**
+       * Prompts the user to select a file and returns its contents as a Uint8Array.
+       * @returns {Promise<Uint8Array>} A promise that resolves with the file contents as a Uint8Array.
+       * @throws {Error} If no file is selected or if there is an error reading the file.
+       */
+      function promptForFileAndGetContents() {
+        return new Promise((resolve, reject) => {
+          // Create an input element
+          const input = document.createElement('input');
+          input.type = 'file';
+
+          // Handle file selection
+          input.onchange = (event) => {
+            var _a;
+            const target = event.target;
+            const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
+            if (file) {
+              const reader = new FileReader();
+              reader.onload = (loadEvent) => {
+                var _a;
+                const result = (_a = loadEvent.target) === null || _a === void 0 ? void 0 : _a.result;
+                if (result instanceof ArrayBuffer) {
+                  resolve(new Uint8Array(result));
+                } else {
+                  reject(new Error('Failed to read file contents.'));
+                }
+              };
+              reader.onerror = () => {
+                reject(new Error('Failed to read file.'));
+              };
+              reader.readAsArrayBuffer(file);
+            } else {
+              reject(new Error('No file selected.'));
+            }
+          };
+
+          // Trigger file selection
+          input.click();
+        });
+      }
+
+      /**
+       * Performs bitwise XOR operation on a byte array and returns the result.
+       * @param {Uint8Array} byteArray - The input byte array.
+       * @returns {number} The result of XOR operation.
+       * @throws {Error} If the input byte array is empty.
+       */
+      function xorByteArray(byteArray) {
+        if (!byteArray || byteArray.length === 0) {
+          throw new Error("Empty collection can't be reduced.");
+        }
+        let result = byteArray[0];
+        for (let i = 1; i < byteArray.length; i++) {
+          result ^= byteArray[i];
+        }
+        return result & 0xff;
+      }
+
+      /**
+       * Processes a Uint8Array by splitting it into chunks and adding header and footer bytes to each chunk.
+       * @param {Uint8Array} input - The input Uint8Array to process.
+       * @returns {Uint8Array[]} An array of processed chunks.
+       */
+      function processUint8Array(input) {
+        const output = [];
+        let start = 0;
+        while (start < input.length) {
+          const chunkSize = Math.min(128, input.length - start);
+          const chunk = input.slice(start, start + chunkSize);
+          const newData = new Uint8Array(5 + chunk.length + 2);
+          newData[0] = 0x02;
+          newData[1] = chunk.length + 3;
+          newData[2] = 0x87;
+          newData[3] = chunk.length < 128 ? 1 : 0;
+          newData[4] = output.length;
+          newData.set(chunk, 5);
+          const xorValue = xorByteArray(newData.slice(1, newData.length - 2));
+          newData[newData.length - 2] = xorValue;
+          newData[newData.length - 1] = 0x03;
+          output.push(newData);
+          start += chunkSize;
+        }
+        return output;
+      }
+
+      /**
+       * Converts an ArrayBuffer to a hexadecimal string.
+       * @param {ArrayBuffer} buffer - The input ArrayBuffer to convert.
+       * @returns {string} The hexadecimal representation of the input buffer.
+       */
+       function buf2hex(buffer) {
+        buffer = new Uint8Array(buffer);
+
+        let result = '';
+
+        for (let i = 0; i < buffer.length; i++) {
+          const hex = buffer[i].toString(16).padStart(2, '0');
+          result += hex.toUpperCase() + ' ';
+
+          if ((i + 1) % 8 === 0) {
+            result += '\n';
+          }
+        }
+
+        return result.trim();
+      }
+
+      async function connectToAmiLoop(onDisconnect, deviceIdentifier) {
+        try {
+          let device;
+
+          // Check if deviceIdentifier is provided and reconnect if available
+          if (deviceIdentifier && navigator.bluetooth.getDevices) {
+            const devices = await navigator.bluetooth.getDevices();
+            device = devices.find(d => d.id === deviceIdentifier);
+          }
+
+          // If device not found or deviceIdentifier not provided, perform a new scan
+          if (!device) {
+            device = await navigator.bluetooth.requestDevice({
+              filters: [{
+                name: 'AmiLoop'
+              }],
+              optionalServices: ['6e400001-b5a3-f393-e0a9-e50e24dcca9e']
+            });
+          }
+
+          await device.gatt.disconnect();
+
+          const server = await device.gatt.connect();
+          const service = await server.getPrimaryService('6e400001-b5a3-f393-e0a9-e50e24dcca9e');
+          const characteristicTX = await service.getCharacteristic('6e400002-b5a3-f393-e0a9-e50e24dcca9e');
+          const characteristicRX = await service.getCharacteristic('6e400003-b5a3-f393-e0a9-e50e24dcca9e');
+
+
+          // Add disconnect event listener
+          device.addEventListener('gattserverdisconnected', () => {
+            if (typeof onDisconnect === 'function') {
+              onDisconnect();
+            }
+          });
+
+          characteristicRX.addEventListener('characteristicvaluechanged', function(event) {
+            const data = event.target.value;
+            // Handle received data here
+            console.log(`\x1B[1mRead data\x1B[m\n${buf2hex(data.buffer)}`);
+          });
+
+
+          await characteristicRX.startNotifications();
+
+          const characteristics = {
+            device,
+            service,
+            server,
+            characteristicTX,
+            characteristicRX,
+            firmware: undefined
+          }
+
+          // Some kind of handshake, maybe?
+          const handshakeResponse = new Uint8Array((await sendAndWait(characteristics, Uint8Array.from([0x02, 0x01, 0x89, 0x88, 0x03]))).buffer);
+          characteristics.firmware = new TextDecoder().decode(handshakeResponse.slice(3, 3 + handshakeResponse[1]));
+
+          return characteristics;
+        } catch (error) {
+          console.error('Error:', error);
+          throw error;
+        }
+      }
+
+      function sendAndWait(characteristics, data) {
+        return new Promise(async (resolve, reject) => {
+          try {
+            const { characteristicTX, characteristicRX } = characteristics;
+
+            function innerResolve(event) {
+              characteristicRX.removeEventListener('characteristicvaluechanged', innerResolve)
+              resolve(event.target.value)
+            }
+
+            characteristicRX.addEventListener('characteristicvaluechanged', innerResolve);
+
+            await characteristicTX.writeValueWithResponse(data);
+          } catch (error) {
+            console.error('Error:', error);
+            reject(error);
+          }
+        })
+      }
+
+      async function sendDataToAmiLoop(characteristics, data, noWait) {
+        try {
+          const { characteristicTX, characteristicRX } = characteristics;
+
+          for (const byteArray of data) {
+            console.log(`\x1B[1mWrite data\x1B[m\n${buf2hex(byteArray)}`);
+
+            if (noWait) {
+              await characteristicTX.writeValueWithResponse(byteArray);
+            } else {
+              await sendAndWait(characteristics, byteArray);
+            }
+          }
+        } catch (error) {
+          console.error('Error:', error);
+          throw error;
+        }
+      }
+
+      async function setModeManual() {
+        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x02, 0x02, 0x8a, 0x00, 0x88, 0x03])])
+      }
+
+      async function setModeSequential() {
+        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x02, 0x02, 0x8a, 0x01, 0x89, 0x03])])
+      }
+
+      async function setModeAutomatic() {
+        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x02, 0x02, 0x8a, 0x02, 0x8a, 0x03])])
+      }
+
+      async function resetAmiLoop() {
+        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x12, 0x0d, 0x00, 0x02, 0x01, 0x8f, 0x8e, 0x03])], true)
+      }
+
+      /**
+       * This function generates and returns a 572-byte array populated with the data of a blank NTAG215 with a random UID.
+       * @returns An array with blank NTAG215 data.
+       */
+      function getBlankNtag() {
+        const tag = new Uint8Array(572)
+
+        tag[0] = 0x04
+        tag[1] = Math.round(Math.random() * 255)
+        tag[2] = Math.round(Math.random() * 255)
+        tag[3] = tag[0] ^ tag[1] ^ tag[2] ^ 0x88
+        tag[4] = Math.round(Math.random() * 255)
+        tag[5] = Math.round(Math.random() * 255)
+        tag[6] = Math.round(Math.random() * 255)
+        tag[7] = Math.round(Math.random() * 255)
+        tag[8] = tag[4] ^ tag[5] ^ tag[6] ^ tag[7]
+
+        tag.set([0x48, 0x00, 0x00, 0xE1, 0x10, 0x3E, 0x00, 0x03, 0x00, 0xFE], 0x09)
+        tag.set([0xBD, 0x04, 0x00, 0x00, 0xFF, 0x00, 0x05], 0x20B)
+
+        return tag
+      }
+
+      function onConnected() {
+       document.getElementById("connectedStuff").style.display = "";
+       document.getElementById("firmware").innerText = amiLoop.firmware.toString();
+      }
+
+      function onDisconnected() {
+        document.getElementById("connectedStuff").style.display = "none";
+      }
+
+      document.getElementById("connectDisconnect").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        if (amiLoop) {
+          await amiLoop.server.disconnect();
+          amiLoop = null;
+
+          return;
+        }
+
+        amiLoop = await connectToAmiLoop(() => {
+          amiLoop = null;
+          this.innerText = "Connect";
+          onDisconnected();
+        }, this.dataset.previousDevice);
+        this.innerText = "Disconnect"
+        onConnected();
+      });
+
+      document.getElementById("uploadTag").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        var fileData = await promptForFileAndGetContents();
+        var tagData = new Uint8Array(540);
+        tagData.set(fileData.slice(0, Math.min(540, fileData.length)), 0);
+        tagData[536] = 0x80;
+        tagData[537] = 0x80;
+
+        var chunkedData = processUint8Array(tagData);
+        await sendDataToAmiLoop(amiLoop, chunkedData);
+        alert("Done");
+      })
+
+      document.getElementById("clearTag").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        var tagData = new Uint8Array(540);
+        tagData.set(getBlankNtag().slice(0, 540), 0);
+        tagData[536] = 0x80;
+        tagData[537] = 0x80;
+
+        var chunkedData = processUint8Array(tagData);
+        await sendDataToAmiLoop(amiLoop, chunkedData);
+        alert("Done");
+      })
+
+      document.getElementById("manualMode").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        await setModeManual();
+
+        alert("Done");
+      })
+
+      document.getElementById("sequentialMode").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        await setModeSequential();
+
+        alert("Done");
+      })
+
+      document.getElementById("automaticMode").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        await setModeAutomatic();
+
+        alert("Done");
+      })
+
+      document.getElementById("resetAmiloop").addEventListener("click", async function(e) {
+        e.preventDefault();
+
+        await resetAmiLoop();
+
+        alert("Done");
+      })
+    </script>
+  </body>
+</html>
diff --git a/index.html b/index.html
index 087d492..a7823ac 100644
--- a/index.html
+++ b/index.html
@@ -1,362 +1,14 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>AmiLoop WebBluetooth</title>
-    <meta charset="UTF-8" />
+    <title>AmiiboLink / AmiLoop</title>
   </head>
   <body>
-    <h1>AmiLoop Management</h1>
-    <p>This page uses WebBluetooth to manage the AmiLoop.</p>
-    <p><a id="connectDisconnect" href="#">Connect</a></p>
-    <div id="connectedStuff" style="display: none;">
-      <p><strong>Firmware:</strong> <span id="firmware"></span></p>
-      <ul>
-        <li><a id="uploadTag" href="#">Upload tag data</a></li>
-        <li><a id="clearTag" href="#">Write blank tag</a></li>
-        <li><a id="manualMode" href="#">Set manual mode</a></li>
-        <li><a id="sequentialMode" href="#">Set sequential mode</a></li>
-        <li><a id="automaticMode" href="#">Set automatic mode</a></li>
-        <li><a id="resetAmiloop" href="#">Reset AmiLoop</a></li>
-      </ul>
-    </div>
-    <script>
-      var amiLoop = null;
-
-      /**
-       * Prompts the user to select a file and returns its contents as a Uint8Array.
-       * @returns {Promise<Uint8Array>} A promise that resolves with the file contents as a Uint8Array.
-       * @throws {Error} If no file is selected or if there is an error reading the file.
-       */
-      function promptForFileAndGetContents() {
-        return new Promise((resolve, reject) => {
-          // Create an input element
-          const input = document.createElement('input');
-          input.type = 'file';
-
-          // Handle file selection
-          input.onchange = (event) => {
-            var _a;
-            const target = event.target;
-            const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
-            if (file) {
-              const reader = new FileReader();
-              reader.onload = (loadEvent) => {
-                var _a;
-                const result = (_a = loadEvent.target) === null || _a === void 0 ? void 0 : _a.result;
-                if (result instanceof ArrayBuffer) {
-                  resolve(new Uint8Array(result));
-                } else {
-                  reject(new Error('Failed to read file contents.'));
-                }
-              };
-              reader.onerror = () => {
-                reject(new Error('Failed to read file.'));
-              };
-              reader.readAsArrayBuffer(file);
-            } else {
-              reject(new Error('No file selected.'));
-            }
-          };
-
-          // Trigger file selection
-          input.click();
-        });
-      }
-
-      /**
-       * Performs bitwise XOR operation on a byte array and returns the result.
-       * @param {Uint8Array} byteArray - The input byte array.
-       * @returns {number} The result of XOR operation.
-       * @throws {Error} If the input byte array is empty.
-       */
-      function xorByteArray(byteArray) {
-        if (!byteArray || byteArray.length === 0) {
-          throw new Error("Empty collection can't be reduced.");
-        }
-        let result = byteArray[0];
-        for (let i = 1; i < byteArray.length; i++) {
-          result ^= byteArray[i];
-        }
-        return result & 0xff;
-      }
-
-      /**
-       * Processes a Uint8Array by splitting it into chunks and adding header and footer bytes to each chunk.
-       * @param {Uint8Array} input - The input Uint8Array to process.
-       * @returns {Uint8Array[]} An array of processed chunks.
-       */
-      function processUint8Array(input) {
-        const output = [];
-        let start = 0;
-        while (start < input.length) {
-          const chunkSize = Math.min(128, input.length - start);
-          const chunk = input.slice(start, start + chunkSize);
-          const newData = new Uint8Array(5 + chunk.length + 2);
-          newData[0] = 0x02;
-          newData[1] = chunk.length + 3;
-          newData[2] = 0x87;
-          newData[3] = chunk.length < 128 ? 1 : 0;
-          newData[4] = output.length;
-          newData.set(chunk, 5);
-          const xorValue = xorByteArray(newData.slice(1, newData.length - 2));
-          newData[newData.length - 2] = xorValue;
-          newData[newData.length - 1] = 0x03;
-          output.push(newData);
-          start += chunkSize;
-        }
-        return output;
-      }
-
-      /**
-       * Converts an ArrayBuffer to a hexadecimal string.
-       * @param {ArrayBuffer} buffer - The input ArrayBuffer to convert.
-       * @returns {string} The hexadecimal representation of the input buffer.
-       */
-       function buf2hex(buffer) {
-        buffer = new Uint8Array(buffer);
-
-        let result = '';
-
-        for (let i = 0; i < buffer.length; i++) {
-          const hex = buffer[i].toString(16).padStart(2, '0');
-          result += hex.toUpperCase() + ' ';
-
-          if ((i + 1) % 8 === 0) {
-            result += '\n';
-          }
-        }
-
-        return result.trim();
-      }
-
-      async function connectToAmiLoop(onDisconnect, deviceIdentifier) {
-        try {
-          let device;
-
-          // Check if deviceIdentifier is provided and reconnect if available
-          if (deviceIdentifier && navigator.bluetooth.getDevices) {
-            const devices = await navigator.bluetooth.getDevices();
-            device = devices.find(d => d.id === deviceIdentifier);
-          }
-
-          // If device not found or deviceIdentifier not provided, perform a new scan
-          if (!device) {
-            device = await navigator.bluetooth.requestDevice({
-              filters: [{
-                name: 'AmiLoop'
-              }],
-              optionalServices: ['6e400001-b5a3-f393-e0a9-e50e24dcca9e']
-            });
-          }
-
-          await device.gatt.disconnect();
-
-          const server = await device.gatt.connect();
-          const service = await server.getPrimaryService('6e400001-b5a3-f393-e0a9-e50e24dcca9e');
-          const characteristicTX = await service.getCharacteristic('6e400002-b5a3-f393-e0a9-e50e24dcca9e');
-          const characteristicRX = await service.getCharacteristic('6e400003-b5a3-f393-e0a9-e50e24dcca9e');
-
-
-          // Add disconnect event listener
-          device.addEventListener('gattserverdisconnected', () => {
-            if (typeof onDisconnect === 'function') {
-              onDisconnect();
-            }
-          });
-
-          characteristicRX.addEventListener('characteristicvaluechanged', function(event) {
-            const data = event.target.value;
-            // Handle received data here
-            console.log(`\x1B[1mRead data\x1B[m\n${buf2hex(data.buffer)}`);
-          });
-
-
-          await characteristicRX.startNotifications();
-
-          const characteristics = {
-            device,
-            service,
-            server,
-            characteristicTX,
-            characteristicRX,
-            firmware: undefined
-          }
-
-          // Some kind of handshake, maybe?
-          const handshakeResponse = new Uint8Array((await sendAndWait(characteristics, Uint8Array.from([0x02, 0x01, 0x89, 0x88, 0x03]))).buffer);
-          characteristics.firmware = new TextDecoder().decode(handshakeResponse.slice(3, 3 + handshakeResponse[1]));
-
-          return characteristics;
-        } catch (error) {
-          console.error('Error:', error);
-          throw error;
-        }
-      }
-
-      function sendAndWait(characteristics, data) {
-        return new Promise(async (resolve, reject) => {
-          try {
-            const { characteristicTX, characteristicRX } = characteristics;
-
-            function innerResolve(event) {
-              characteristicRX.removeEventListener('characteristicvaluechanged', innerResolve)
-              resolve(event.target.value)
-            }
-
-            characteristicRX.addEventListener('characteristicvaluechanged', innerResolve);
-
-            await characteristicTX.writeValueWithResponse(data);
-          } catch (error) {
-            console.error('Error:', error);
-            reject(error);
-          }
-        })
-      }
-
-      async function sendDataToAmiLoop(characteristics, data, noWait) {
-        try {
-          const { characteristicTX, characteristicRX } = characteristics;
-
-          for (const byteArray of data) {
-            console.log(`\x1B[1mWrite data\x1B[m\n${buf2hex(byteArray)}`);
-
-            if (noWait) {
-              await characteristicTX.writeValueWithResponse(byteArray);
-            } else {
-              await sendAndWait(characteristics, byteArray);
-            }
-          }
-        } catch (error) {
-          console.error('Error:', error);
-          throw error;
-        }
-      }
-
-      async function setModeManual() {
-        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x02, 0x02, 0x8a, 0x00, 0x88, 0x03])])
-      }
-
-      async function setModeSequential() {
-        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x02, 0x02, 0x8a, 0x01, 0x89, 0x03])])
-      }
-
-      async function setModeAutomatic() {
-        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x02, 0x02, 0x8a, 0x02, 0x8a, 0x03])])
-      }
-
-      async function resetAmiLoop() {
-        await sendDataToAmiLoop(amiLoop, [Uint8Array.from([0x12, 0x0d, 0x00, 0x02, 0x01, 0x8f, 0x8e, 0x03])], true)
-      }
-
-      /**
-       * This function generates and returns a 572-byte array populated with the data of a blank NTAG215 with a random UID.
-       * @returns An array with blank NTAG215 data.
-       */
-      function getBlankNtag() {
-        const tag = new Uint8Array(572)
-
-        tag[0] = 0x04
-        tag[1] = Math.round(Math.random() * 255)
-        tag[2] = Math.round(Math.random() * 255)
-        tag[3] = tag[0] ^ tag[1] ^ tag[2] ^ 0x88
-        tag[4] = Math.round(Math.random() * 255)
-        tag[5] = Math.round(Math.random() * 255)
-        tag[6] = Math.round(Math.random() * 255)
-        tag[7] = Math.round(Math.random() * 255)
-        tag[8] = tag[4] ^ tag[5] ^ tag[6] ^ tag[7]
-
-        tag.set([0x48, 0x00, 0x00, 0xE1, 0x10, 0x3E, 0x00, 0x03, 0x00, 0xFE], 0x09)
-        tag.set([0xBD, 0x04, 0x00, 0x00, 0xFF, 0x00, 0x05], 0x20B)
-
-        return tag
-      }
-
-      function onConnected() {
-       document.getElementById("connectedStuff").style.display = "";
-       document.getElementById("firmware").innerText = amiLoop.firmware.toString();
-      }
-
-      function onDisconnected() {
-        document.getElementById("connectedStuff").style.display = "none";
-      }
-
-      document.getElementById("connectDisconnect").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        if (amiLoop) {
-          await amiLoop.server.disconnect();
-          amiLoop = null;
-
-          return;
-        }
-
-        amiLoop = await connectToAmiLoop(() => {
-          amiLoop = null;
-          this.innerText = "Connect";
-          onDisconnected();
-        }, this.dataset.previousDevice);
-        this.innerText = "Disconnect"
-        onConnected();
-      });
-
-      document.getElementById("uploadTag").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        var fileData = await promptForFileAndGetContents();
-        var tagData = new Uint8Array(540);
-        tagData.set(fileData.slice(0, Math.min(540, fileData.length)), 0);
-        tagData[536] = 0x80;
-        tagData[537] = 0x80;
-
-        var chunkedData = processUint8Array(tagData);
-        await sendDataToAmiLoop(amiLoop, chunkedData);
-        alert("Done");
-      })
-
-      document.getElementById("clearTag").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        var tagData = new Uint8Array(540);
-        tagData.set(getBlankNtag().slice(0, 540), 0);
-        tagData[536] = 0x80;
-        tagData[537] = 0x80;
-
-        var chunkedData = processUint8Array(tagData);
-        await sendDataToAmiLoop(amiLoop, chunkedData);
-        alert("Done");
-      })
-
-      document.getElementById("manualMode").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        await setModeManual();
-
-        alert("Done");
-      })
-
-      document.getElementById("sequentialMode").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        await setModeSequential();
-
-        alert("Done");
-      })
-
-      document.getElementById("automaticMode").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        await setModeAutomatic();
-
-        alert("Done");
-      })
-
-      document.getElementById("resetAmiloop").addEventListener("click", async function(e) {
-        e.preventDefault();
-
-        await resetAmiLoop();
-
-        alert("Done");
-      })
+    <h1>AmiiboLink / AmiLoop</h1>
+    <p>There are two different, and incompatible devices being sold under the AmiiboLink name. I've implemented management
+      for both of them in WebBluetooth.</p>
+    <p><a href="amiibolink.html">AmiiboLink</a></p>
+    <p><a href="amiloop.html">AmiLoop</a></p>
     </script>
   </body>
 </html>
