update: bump 'common' version to 0.1.15

index.html

@@ -4,26 +4,26 @@
 <textarea id="messages" name="messages" rows="45" cols="100" readonly>
 </textarea>
 
-<script type="text/javascript">
-function main(args) {
-    let messages = document.querySelector("#messages");
-    let account = new String(args['account']);
-    let name = account.split('@', 1).pop() ?? 'unknown';
+<script type="module">
+import { default as $, Rpc2, LogRecord } from '/';
+let { parameters } = await Rpc2.invoke('context');
 
-    name = name.charAt(0).toLocaleUpperCase() + name.slice(1);
-    document.title += ` (${name})`;
+let account = new String(parameters['account']);
+let name = account.split('@', 1).pop() ?? 'unknown';
+name = name.charAt(0).toLocaleUpperCase() + name.slice(1);
+document.title += ` (${name})`;
 
-    setInterval(async () => {
-        let result = await Rpc2.invoke('history');
-        let logs = Array.from(result);
+while (await new Promise(o => setTimeout(o, 1000, true))) {
+    let result = await Rpc2.invoke('history').catch(() => []);
+    let logs = Array.from(result);
 
-        for (let record of logs) {
-            let message = LogRecord.format(record);
-            let node = document.createTextNode(new String(message).concat('\n'));
-            messages.appendChild(node);
-        }
-        messages.scrollTop = messages.scrollHeight;
-    }, 1000);
+    for (let record of logs) {
+        if ($('#messages').childNodes.length >= 500) $('#messages').childNodes.item(0)?.remove();
+        let message = LogRecord.format(record);
+        let node = document.createTextNode(new String(message).concat('\n'));
+        $('#messages').appendChild(node);
+    }
+    $('#messages').scrollTop = messages.scrollHeight;
 }
 </script>
 
@@ -45,4 +45,4 @@ textarea {
 textarea:focus {
     outline: none;
 }
-</style>
+</style>