update to new API

Author: adbenitez

app.py

@@ -6,7 +6,7 @@ def sendMsg():
         window.webxdc.sendUpdate(
             {
                 "payload": {
-                    "sender": window.webxdc.selfName(),
+                    "sender": window.webxdc.selfName,
                     "text": text,
                 }
             },
@@ -35,7 +35,7 @@ def _onload():
     )
 
     window.webxdc.setUpdateListener(receiveUpdate)  # process incoming messages
-    window.webxdc.getAllUpdates().forEach(receiveUpdate)  # restore app state
+    window.webxdc.getAllUpdates().then(lambda updates: updates.forEach(receiveUpdate))  # restore app state
 
 
 window.onload = _onload

webxdc.js

@@ -1,6 +1,8 @@
 // debug friend: document.writeln(JSON.stringify(value));
+//@ts-check
+/** @type {import('./webxdc').Webxdc<any>} */
 window.webxdc = (() => {
-    var updateListener = () => {};
+    var updateListener = (_) => {};
     var updatesKey = "__xdcUpdatesKey__";
     window.addEventListener('storage', (event) => {
         if (event.key == null) {
@@ -13,19 +15,14 @@ window.webxdc = (() => {
         }
     });
 
+    var params = new URLSearchParams(window.location.hash.substr(1));
     return {
-        selfAddr: () => {
-            var params = new URLSearchParams(window.location.hash.substr(1));
-            return params.get("addr") || "device0@local.host";
-        },
-        selfName: () => {
-            var params = new URLSearchParams(window.location.hash.substr(1));
-            return params.get("name") || "device0";
-        },
+        selfAddr: params.get("addr") || "device0@local.host",
+        selfName: params.get("name") || "device0",
         setUpdateListener: (cb) => (updateListener = cb),
         getAllUpdates: () => {
             var updatesJSON = window.localStorage.getItem(updatesKey);
-            return updatesJSON ? JSON.parse(updatesJSON) : [];
+            return Promise.resolve(updatesJSON ? JSON.parse(updatesJSON) : []);
         },
         sendUpdate: (update, description) => {
             // alert(description+"\n\n"+JSON.stringify(payload));
@@ -52,7 +49,7 @@ window.addXdcPeer = () => {
     window.open(url);
 
     // update next peer ID
-    params.set("next_peer", peerId + 1);
+    params.set("next_peer", String(peerId + 1));
     window.location.hash = "#" + params.toString();
 }
 
@@ -70,9 +67,9 @@ window.alterXdcApp = () => {
         title = document.createElement('title');
         document.getElementsByTagName('head')[0].append(title);
     }
-    title.innerText = window.webxdc.selfAddr();
+    title.innerText = window.webxdc.selfAddr;
 
-    if (window.webxdc.selfName() === "device0") {
+    if (window.webxdc.selfName === "device0") {
         var div = document.createElement('div');
         div.innerHTML =
             '<div style="' + styleControlPanel + '">' +