From 439e6cb708cca083f4355bd084c0097554d31db3 Mon Sep 17 00:00:00 2001
From: "fryorcraken.eth" <git@fryorcraken.xyz>
Date: Fri, 16 Sep 2022 12:08:53 +1000
Subject: [PATCH] chore(store-js): bump js-waku to 0.28.0

---
 store-js/index.html | 95 +++++++++++++++++++++------------------------
 1 file changed, 44 insertions(+), 51 deletions(-)
diff --git a/store-js/index.html b/store-js/index.html
index ad29712..28467ee 100644
--- a/store-js/index.html
+++ b/store-js/index.html
@@ -2,39 +2,38 @@
 <html lang='en'>
 
 <head>
-  <meta charset='UTF-8' />
-  <meta content='width=device-width, initial-scale=1.0' name='viewport' />
-  <title>JS-Waku store script tag example</title>
+    <meta charset='UTF-8'/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
+    <title>JS-Waku store script tag example</title>
 </head>
 
 <body>
 
-<div><h1>Timestamp of latest message seen in store</h1></div>
+<div><h1>Timestamp of the latest message seen in store</h1></div>
 <div id='timestamp'></div>
 
 <script type='module'>
-  import {
-    Protocols
-  } from 'https://unpkg.com/js-waku@0.27.0/bundle/index.js';
-  import {
-    createLightNode
-  } from 'https://unpkg.com/js-waku@0.27.0/bundle/lib/create_waku.js'
-  import {
-    waitForRemotePeer
-  } from 'https://unpkg.com/js-waku@0.27.0/bundle/lib/wait_for_remote_peer.js'
+    import {
+        Protocols
+    } from 'https://unpkg.com/js-waku@0.28.0/bundle/index.js';
+    import {
+        createWaku
+    } from 'https://unpkg.com/js-waku@0.28.0/bundle/lib/create_waku.js'
+    import {
+        waitForRemotePeer
+    } from 'https://unpkg.com/js-waku@0.28.0/bundle/lib/wait_for_remote_peer.js'
 
-  /**
-   * This example demonstrates how to use the js-waku minified bundle
-   * available on unpkg.com.
-   *
-   * It is a simple script that uses Waku Store to retrieve ping relay messages
-   * and displays the timestamp of the most recent ping relay message.
-   */
-  const timestampDiv = document.getElementById('timestamp');
+    /**
+     * This example demonstrates how to use the js-waku minified bundle
+     * available on unpkg.com.
+     *
+     * It is a simple script that uses Waku Store to retrieve ping relay messages
+     * and displays the timestamp of the most recent ping relay message.
+     */
+    const timestampDiv = document.getElementById('timestamp');
 
-  try {
     timestampDiv.innerHTML = '<p>Creating waku.</p>';
-    const node = await createLightNode({ defaultBootstrap: true });
+    const node = await createWaku({defaultBootstrap: true});
 
     timestampDiv.innerHTML = '<p>Starting waku.</p>';
     await node.start();
@@ -43,40 +42,34 @@
     await waitForRemotePeer(node, [Protocols.Store]);
 
     timestampDiv.innerHTML = '<p>Retrieving messages.</p>';
-    const callback = (wakuMessages) => {
-      // Messages are ordered with oldest first
-      // even with page direction `backward`
-      const latestFirst = wakuMessages.reverse();
-      const latestMessage = latestFirst[0];
-      if (latestMessage) {
-        timestampDiv.innerHTML = latestMessage.timestamp;
-      } else {
-        timestampDiv.innerHTML = '<p>No message available, go to <a href="https://js-waku.wakuconnect.dev/examples/web-chat/">web-chat</a> to send a message</p>';
-      }
+    const callback = (wakuMessage) => {
+        // When `backward` direction is passed, first message is the most recent
+        timestampDiv.innerHTML = wakuMessage.timestamp;
 
-      // When returning true, `queryHistory` stops retrieving pages
-      // In our case, we only want one message, hence one page.
-      return true;
+        // When returning true, `queryHistory` stops retrieving pages
+        // In our case, we only want one message, hence one page.
+        return true;
     };
 
     const startTime = new Date();
     // Only retrieve a week of messages
     startTime.setTime(Date.now() - 7 * 24 * 60 * 60 * 1000);
-
-
-    await node.store
-            .queryHistory([], {
-              callback,
-              pageDirection: 'backward',
-              pageSize: 1,
-              timeFilter: {
-                startTime,
-                endTime: new Date()
-              }
-            });
-  } catch (e) {
-    timestampDiv.innerHTML = 'Error encountered: ' + e.toString();
-  }
+    try {
+        await node.store
+            .queryOrderedCallback([],
+                callback,
+                {
+                    pageDirection: 'backward',
+                    pageSize: 1,
+                    timeFilter: {
+                        startTime,
+                        endTime: new Date()
+                    }
+                });
+    } catch (e) {
+        // Known issue: https://github.com/status-im/nwaku/issues/1157
+        console.log(e)
+    }
 </script>
 </body>
 
