js-waku-examples/store-js/index.html

<!DOCTYPE html>
<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>
</head>

<body>

<div><h1>Timestamp of latest message seen in store</h1></div>
<div id='timestamp'></div>

<script type='module'>
  import {
    Protocols
  } from 'https://unpkg.com/js-waku@next/bundle/index.js';
  import {
    createWaku
  } from 'https://unpkg.com/js-waku@next/bundle/lib/create_waku.js'
  import {
    waitForRemotePeer
  } from 'https://unpkg.com/js-waku@next/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');

  try {
    timestampDiv.innerHTML = '<p>Creating waku.</p>';
    const node = await createWaku({ defaultBootstrap: true });

    timestampDiv.innerHTML = '<p>Starting waku.</p>';
    await node.start();

    timestampDiv.innerHTML = '<p>Connecting to a peer.</p>';
    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>';
      }

      // 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();
  }
</script>
</body>

</html>
First commit 2022-06-17 00:48:15 +00:00			`<!DOCTYPE html>`
			`<html lang='en'>`

			`<head>`
			`<meta charset='UTF-8' />`
			`<meta content='width=device-width, initial-scale=1.0' name='viewport' />`
fix: attempt to retrieve any message from store 2022-08-31 04:35:54 +00:00			`<title>JS-Waku store script tag example</title>`
First commit 2022-06-17 00:48:15 +00:00			`</head>`

			`<body>`

fix: attempt to retrieve any message from store 2022-08-31 04:35:54 +00:00			`<div><h1>Timestamp of latest message seen in store</h1></div>`
First commit 2022-06-17 00:48:15 +00:00			`<div id='timestamp'></div>`

build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`<script type='module'>`
			`import {`
			`Protocols`
			`} from 'https://unpkg.com/js-waku@next/bundle/index.js';`
			`import {`
			`createWaku`
			`} from 'https://unpkg.com/js-waku@next/bundle/lib/create_waku.js'`
fix(js): waitForRemotePeer is not exported from js-waku 2022-09-05 05:30:26 +00:00			`import {`
			`waitForRemotePeer`
			`} from 'https://unpkg.com/js-waku@next/bundle/lib/wait_for_remote_peer.js'`
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00
First commit 2022-06-17 00:48:15 +00:00			`/**`
			`* 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 {`
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`timestampDiv.innerHTML = '<p>Creating waku.</p>';`
			`const node = await createWaku({ defaultBootstrap: true });`

First commit 2022-06-17 00:48:15 +00:00			`timestampDiv.innerHTML = '<p>Starting waku.</p>';`
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`await node.start();`
First commit 2022-06-17 00:48:15 +00:00
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`timestampDiv.innerHTML = '<p>Connecting to a peer.</p>';`
			`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 {`
fix: attempt to retrieve any message from store 2022-08-31 04:35:54 +00:00			`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>';`
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`}`
First commit 2022-06-17 00:48:15 +00:00
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			// When returning true, `queryHistory` stops retrieving pages
			`// In our case, we only want one message, hence one page.`
			`return true;`
			`};`
First commit 2022-06-17 00:48:15 +00:00
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`const startTime = new Date();`
			`// Only retrieve a week of messages`
			`startTime.setTime(Date.now() - 7 * 24 * 60 * 60 * 1000);`
First commit 2022-06-17 00:48:15 +00:00
fix: attempt to retrieve any message from store 2022-08-31 04:35:54 +00:00
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`await node.store`
fix: attempt to retrieve any message from store 2022-08-31 04:35:54 +00:00			`.queryHistory([], {`
First commit 2022-06-17 00:48:15 +00:00			`callback,`
			`pageDirection: 'backward',`
			`pageSize: 1,`
			`timeFilter: {`
			`startTime,`
			`endTime: new Date()`
			`}`
			`});`
			`} catch (e) {`
build(store-js): bump js-waku to next 2022-08-31 03:18:24 +00:00			`timestampDiv.innerHTML = 'Error encountered: ' + e.toString();`
First commit 2022-06-17 00:48:15 +00:00			`}`
			`</script>`
			`</body>`

			`</html>`