From d8474943cc8197297cf6920cb9cd53083b0c6ac8 Mon Sep 17 00:00:00 2001
From: Arseniy Klempner <adklempner@gmail.com>
Date: Thu, 14 Mar 2024 11:48:52 -0700
Subject: [PATCH] Modifies light-js to work with hacker's project

---
 examples/light-js/index.html | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/examples/light-js/index.html b/examples/light-js/index.html
index 5e7d4da..f392232 100644
--- a/examples/light-js/index.html
+++ b/examples/light-js/index.html
@@ -76,11 +76,12 @@
         createDecoder,
         utf8ToBytes,
         bytesToUtf8,
-      } from "https://unpkg.com/@waku/sdk@0.0.20/bundle/index.js";
+        Protocols
+      } from "https://unpkg.com/@waku/sdk@0.0.23/bundle/index.js";
       import {
         enrTree,
         DnsNodeDiscovery,
-      } from "https://unpkg.com/@waku/dns-discovery@0.0.16/bundle/index.js";
+      } from "https://unpkg.com/@waku/dns-discovery@0.0.21/bundle/index.js";
       import { messageHash } from "https://unpkg.com/@waku/message-hash@0.1.8/bundle/index.js";
 
       const peerIdDiv = document.getElementById("peer-id");
@@ -97,7 +98,7 @@
       const getPeersButton = document.getElementById("getPeersButton");
       const peersSelector = document.getElementById("peer-select");
 
-      const ContentTopic = "/js-waku-examples/1/chat/utf8";
+      const ContentTopic = "/spasm/1.0.0/category-privacy/proto";
       const decoder = createDecoder(ContentTopic);
       const encoder = createEncoder({ contentTopic: ContentTopic });
       // Each key is a unique identifier for the message. Each value is an obj { text, timestamp }
@@ -116,20 +117,25 @@
         div.innerHTML += "</ul>";
       };
 
-      try {
-        await getPeers();
-      } catch (e) {
-        console.log("Failed to find a peer", e);
-        remoteMultiAddrDiv.value =
-          "/dns4/node-01.ac-cn-hongkong-c.wakuv2.test.statusim.net/tcp/8000/wss/p2p/16Uiu2HAkvWiyFsgRhuJEb9JfjYxEkoHLgnUQmr1N5mKWnYjxYRVm";
-      }
+      // try {
+      //   await getPeers();
+      // } catch (e) {
+      //   console.log("Failed to find a peer", e);
+      //   remoteMultiAddrDiv.value =
+      //     "/dns4/node-01.ac-cn-hongkong-c.wakuv2.test.statusim.net/tcp/8000/wss/p2p/16Uiu2HAkvWiyFsgRhuJEb9JfjYxEkoHLgnUQmr1N5mKWnYjxYRVm";
+      // }
 
       statusDiv.innerHTML = "<p>Creating Waku node.</p>";
-      const node = await createLightNode();
+      const node = await createLightNode({ defaultBootstrap: true, libp2p: { hideWebSocketInfo: true }});
 
       statusDiv.innerHTML = "<p>Starting Waku node.</p>";
       await node.start();
 
+      await waitForRemotePeer(node, [
+        Protocols.LightPush,
+        Protocols.Filter,
+      ]);
+
       window.waku = node;
       console.info(
         "Use window.waku to access the waku node running in the browser directly through the console."
@@ -260,6 +266,8 @@
           lightPush: defaultNodeCount,
         });
 
+        console.log(peers)
+
         // Create an option element for each peer's multiaddr and append to select element
         const optionElements = peers.map((peer) => {
           const optionElement = document.createElement("option");