Upgrade docusaurus and preset version (#244)

* feat: upgrade docusaurus and preset version

* feat: add node fetch-content.js to build script

Author: jinhojang6

.cspell.json

@@ -83,7 +83,7 @@
     "IPFS",
     "cheatsheet",
     "hacken",
-    "statusteam",
+    "statusteam"
   ],
   "flagWords": [],
   "ignorePaths": [

README.md

@@ -2,7 +2,7 @@
 
 [![Waku Documentation Portal](https://img.shields.io/badge/docs.waku.org-black)](https://docs.waku.org/)
 
-The Waku Documentation Portal can be accessed at <https://docs.waku.org/> and was built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
+The Waku Documentation Portal can be accessed at [https://docs.waku.org/](https://docs.waku.org/) and was built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
 
 ## Prerequisites
 
@@ -88,8 +88,8 @@ yarn clear
 
 ## CI/CD
 
-- [CI builds](https://ci.infra.status.im/job/website/job/docs.waku.org/) `master` and pushes to `deploy-master` branch, which is hosted at <https://docs.waku.org/>.
-- [CI builds](https://ci.infra.status.im/job/website/job/dev-docs.waku.org/) `develop` and pushes to `deploy-develop` branch, which is hosted at <https://dev-docs.waku.org/>.
+- [CI builds](https://ci.infra.status.im/job/website/job/docs.waku.org/) `master` and pushes to `deploy-master` branch, which is hosted at [https://docs.waku.org/](https://docs.waku.org/).
+- [CI builds](https://ci.infra.status.im/job/website/job/dev-docs.waku.org/) `develop` and pushes to `deploy-develop` branch, which is hosted at [https://dev-docs.waku.org/](https://dev-docs.waku.org/).
 
 The hosting is done using [Caddy server with Git plugin for handling GitHub webhooks](https://github.com/status-im/infra-misc/blob/master/ansible/roles/caddy-git).
 
@@ -101,4 +101,3 @@ Information about deployed build can be also found in `/build.json` available on
 2. Make your changes, push them to the origin, and open a Pull Request against the develop branch.
 3. After approval, merge the pull request, and verify the changes on the staging server (e.g., https://dev.vac.dev).
 4. When ready to promote changes to the live website, rebase the master branch on the staging changes: git checkout master; git pull origin master; git rebase origin/develop; git push.
-

docs/guides/getting-started.md

@@ -42,7 +42,7 @@ Check out our [Learn section](/learn/waku-network), [YouTube channel](https://ww
 8. **Social Media Platforms**: Beyond chat messengers, use Waku for decentralised, censorship-resistant social media platforms like news feeds and multimedia sharing.
 
 :::tip
-Looking for what to build with Waku? Discover a collection of sample ideas and use cases for inspiration, curated by our community at: https://ideas.waku.org/ and [Awesome Waku](https://github.com/waku-org/awesome-waku/).
+Looking for what to build with Waku? Discover a collection of sample ideas and use cases for inspiration, curated by our community at: [https://ideas.waku.org/](https://ideas.waku.org/) and [Awesome Waku](https://github.com/waku-org/awesome-waku/).
 :::
 
 ## Case studies
@@ -89,5 +89,5 @@ Waku is implemented in multiple SDKs, allowing it to integrate with different la
 | [@waku/create-app](https://www.npmjs.com/package/@waku/create-app) | Starter kit to bootstrap your next `@waku/sdk` project from various example templates  | [Scaffold DApps Using @waku/create-app](/guides/js-waku/use-waku-create-app) |
 
 :::tip
-Explore some example apps built using Waku at https://examples.waku.org/ and view a list of projects and workshops from previous hackathons at [Awesome Waku](https://github.com/waku-org/awesome-waku/).
+Explore some example apps built using Waku at [https://examples.waku.org/](https://examples.waku.org/) and view a list of projects and workshops from previous hackathons at [Awesome Waku](https://github.com/waku-org/awesome-waku/).
 :::

…cs/guides/js-waku/configure-discovery.md …s/guides/js-waku/configure-discovery.mdxdocs/guides/js-waku/configure-discovery.md renamed to docs/guides/js-waku/configure-discovery.mdx docs/guides/js-waku/configure-discovery.md renamed to docs/guides/js-waku/configure-discovery.mdx

@@ -3,6 +3,9 @@ title: Bootstrap Nodes and Discover Peers
 hide_table_of_contents: true
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 This guide provides detailed steps to bootstrap your your node using [Static Peers](/learn/concepts/static-peers) and discover peers in the Waku Network using [DNS Discovery](/learn/concepts/dns-discovery).
 
 :::info
@@ -33,7 +36,7 @@ import { createLightNode } from "@waku/sdk";
 
 // Bootstrap node using static peers
 const node = await createLightNode({
-	bootstrapPeers: ["[PEER MULTIADDR]"],
+  bootstrapPeers: ["[PEER MULTIADDR]"],
 });
 ```
 
@@ -42,26 +45,25 @@ For example, consider a node that connects to two static peers on the same local
 ```js
 // Define the list of static peers to bootstrap
 const peers = [
-	"/ip4/0.0.0.0/tcp/60002/ws/p2p/16Uiu2HAkzjwwgEAXfeGNMKFPSpc6vGBRqCdTLG5q3Gmk2v4pQw7H",
-	"/ip4/0.0.0.0/tcp/60003/ws/p2p/16Uiu2HAmFBA7LGtwY5WVVikdmXVo3cKLqkmvVtuDu63fe8safeQJ",
+  "/ip4/0.0.0.0/tcp/60002/ws/p2p/16Uiu2HAkzjwwgEAXfeGNMKFPSpc6vGBRqCdTLG5q3Gmk2v4pQw7H",
+  "/ip4/0.0.0.0/tcp/60003/ws/p2p/16Uiu2HAmFBA7LGtwY5WVVikdmXVo3cKLqkmvVtuDu63fe8safeQJ",
 ];
 
 // Bootstrap node using the static peers
 const node = await createLightNode({
-	bootstrapPeers: peers,
+  bootstrapPeers: peers,
 });
 ```
 
-Alternatively, you can dial a particular node like this: 
+Alternatively, you can dial a particular node like this:
 
 ```js
 // Define the list of static peers to bootstrap
 const peers = [
-	"/ip4/0.0.0.0/tcp/60002/ws/p2p/16Uiu2HAkzjwwgEAXfeGNMKFPSpc6vGBRqCdTLG5q3Gmk2v4pQw7H",
-	"/ip4/0.0.0.0/tcp/60003/ws/p2p/16Uiu2HAmFBA7LGtwY5WVVikdmXVo3cKLqkmvVtuDu63fe8safeQJ",
+  "/ip4/0.0.0.0/tcp/60002/ws/p2p/16Uiu2HAkzjwwgEAXfeGNMKFPSpc6vGBRqCdTLG5q3Gmk2v4pQw7H",
+  "/ip4/0.0.0.0/tcp/60003/ws/p2p/16Uiu2HAmFBA7LGtwY5WVVikdmXVo3cKLqkmvVtuDu63fe8safeQJ",
 ];
 
-
 const node = await createLightNode();
 
 // In case nodes are using IP address and / or `ws` protocol - additional configuration is needed:
@@ -73,7 +75,7 @@ const node = await createLightNode({
 });
 */
 
-const promises = peers.map(multiaddr => node.dial(multiaddr));
+const promises = peers.map((multiaddr) => node.dial(multiaddr));
 
 await Promise.all(promises);
 ```
@@ -114,21 +116,16 @@ const enrTree = "enrtree://[PUBLIC KEY]@[DOMAIN NAME]";
 
 // Define node requirements
 const NODE_REQUIREMENTS = {
-	store: 3,
-	lightPush: 3,
-	filter: 3,
+  store: 3,
+  lightPush: 3,
+  filter: 3,
 };
 
 // Bootstrap node using DNS Discovery
 const node = await createLightNode({
-	libp2p: {
-		peerDiscovery: [
-			wakuDnsDiscovery(
-				[enrTree],
-				NODE_REQUIREMENTS,
-			),
-		],
-	},
+  libp2p: {
+    peerDiscovery: [wakuDnsDiscovery([enrTree], NODE_REQUIREMENTS)],
+  },
 });
 ```
 
@@ -139,14 +136,11 @@ import { enrTree } from "@waku/dns-discovery";
 
 // Bootstrap node using DNS Discovery
 const node = await createLightNode({
-	libp2p: {
-		peerDiscovery: [
-			wakuDnsDiscovery(
-				[enrTree["PROD"], enrTree["TEST"]],
-				NODE_REQUIREMENTS,
-			),
-		],
-	},
+  libp2p: {
+    peerDiscovery: [
+      wakuDnsDiscovery([enrTree["PROD"], enrTree["TEST"]], NODE_REQUIREMENTS),
+    ],
+  },
 });
 ```
 
@@ -161,28 +155,23 @@ import { enrTree, wakuDnsDiscovery } from "@waku/dns-discovery";
 
 // Define the list of static peers to bootstrap
 const peers = [
-	"/ip4/0.0.0.0/tcp/60002/ws/p2p/16Uiu2HAkzjwwgEAXfeGNMKFPSpc6vGBRqCdTLG5q3Gmk2v4pQw7H",
-	"/ip4/0.0.0.0/tcp/60003/ws/p2p/16Uiu2HAmFBA7LGtwY5WVVikdmXVo3cKLqkmvVtuDu63fe8safeQJ",
+  "/ip4/0.0.0.0/tcp/60002/ws/p2p/16Uiu2HAkzjwwgEAXfeGNMKFPSpc6vGBRqCdTLG5q3Gmk2v4pQw7H",
+  "/ip4/0.0.0.0/tcp/60003/ws/p2p/16Uiu2HAmFBA7LGtwY5WVVikdmXVo3cKLqkmvVtuDu63fe8safeQJ",
 ];
 
 // Define node requirements
 const NODE_REQUIREMENTS = {
-	store: 3,
-	lightPush: 3,
-	filter: 3,
+  store: 3,
+  lightPush: 3,
+  filter: 3,
 };
 
 // Bootstrap node using DNS Discovery and static peers
 const node = await createLightNode({
-	libp2p: {
-		bootstrapPeers: peers,
-		peerDiscovery: [
-			wakuDnsDiscovery(
-				[enrTree["PROD"]],
-				NODE_REQUIREMENTS,
-			),
-		],
-	},
+  libp2p: {
+    bootstrapPeers: peers,
+    peerDiscovery: [wakuDnsDiscovery([enrTree["PROD"]], NODE_REQUIREMENTS)],
+  },
 });
 ```
 
@@ -198,4 +187,4 @@ await node.waitForPeers();
 
 // Retrieve array of peers connected to the node
 console.log(node.libp2p.getPeers());
-```
+```

docs/guides/js-waku/message-encryption.md …cs/guides/js-waku/message-encryption.mdxdocs/guides/js-waku/message-encryption.md renamed to docs/guides/js-waku/message-encryption.mdx docs/guides/js-waku/message-encryption.md renamed to docs/guides/js-waku/message-encryption.mdx

@@ -53,8 +53,8 @@ import { createEncoder } from "@waku/message-encryption/symmetric";
 
 // Create a symmetric message encoder
 const encoder = createEncoder({
-	contentTopic: contentTopic, // message content topic
-	symKey: symmetricKey, // symmetric key for encrypting messages
+  contentTopic: contentTopic, // message content topic
+  symKey: symmetricKey, // symmetric key for encrypting messages
 });
 
 // Send the message using Light Push
@@ -101,8 +101,8 @@ import { createEncoder } from "@waku/message-encryption/ecies";
 
 // Create an ECIES message encoder
 const encoder = createEncoder({
-	contentTopic: contentTopic, // message content topic
-	publicKey: publicKey, // ECIES public key for encrypting messages
+  contentTopic: contentTopic, // message content topic
+  publicKey: publicKey, // ECIES public key for encrypting messages
 });
 
 // Send the message using Light Push
@@ -151,16 +151,16 @@ const alicePublicKey = getPublicKey(alicePrivateKey);
 
 // Create a symmetric encoder that signs messages
 const symmetricEncoder = createSymmetricEncoder({
-	contentTopic: contentTopic, // message content topic
-	symKey: symmetricKey, // symmetric key for encrypting messages
-	sigPrivKey: alicePrivateKey, // private key for signing messages before encryption
+  contentTopic: contentTopic, // message content topic
+  symKey: symmetricKey, // symmetric key for encrypting messages
+  sigPrivKey: alicePrivateKey, // private key for signing messages before encryption
 });
 
 // Create an ECIES encoder that signs messages
 const ECIESEncoder = createECIESEncoder({
-	contentTopic: contentTopic, // message content topic
-	publicKey: publicKey, // ECIES public key for encrypting messages
-	sigPrivKey: alicePrivateKey, // private key for signing messages before encryption
+  contentTopic: contentTopic, // message content topic
+  publicKey: publicKey, // ECIES public key for encrypting messages
+  sigPrivKey: alicePrivateKey, // private key for signing messages before encryption
 });
 
 // Send and receive your messages as usual with Light Push and Filter
@@ -183,25 +183,25 @@ const bobPrivateKey = generatePrivateKey();
 
 // Create an encoder that signs messages
 const encoder = createEncoder({
-	contentTopic: contentTopic,
-	symKey: symmetricKey,
-	sigPrivKey: bobPrivateKey,
+  contentTopic: contentTopic,
+  symKey: symmetricKey,
+  sigPrivKey: bobPrivateKey,
 });
 
 // Modify the callback function to verify message signature
 const callback = (wakuMessage) => {
-	// Extract the message signature and public key of the signature
-	// You can compare the signaturePublicKey with Alice public key
-	const signature = wakuMessage.signature;
-	const signaturePublicKey = wakuMessage.signaturePublicKey;
-
-	// Verify the message was actually signed and sent by Alice
-	// Alice's public key can be gotten from broadcasting or out-of-band methods
-	if (wakuMessage.verifySignature(alicePublicKey)) {
-		console.log("This message was signed by Alice");
-	} else {
-		console.log("This message was NOT signed by Alice");
-	}
+  // Extract the message signature and public key of the signature
+  // You can compare the signaturePublicKey with Alice public key
+  const signature = wakuMessage.signature;
+  const signaturePublicKey = wakuMessage.signaturePublicKey;
+
+  // Verify the message was actually signed and sent by Alice
+  // Alice's public key can be gotten from broadcasting or out-of-band methods
+  if (wakuMessage.verifySignature(alicePublicKey)) {
+    console.log("This message was signed by Alice");
+  } else {
+    console.log("This message was NOT signed by Alice");
+  }
 };
 
 await subscription.subscribe([encoder], callback);
@@ -233,4 +233,4 @@ const restoredPrivateKey = hexToBytes(privateKeyHex);
 You have successfully encrypted, decrypted, and signed your messages using `Symmetric` and `ECIES` encryption methods. Have a look at the [eth-pm](https://github.com/waku-org/js-waku-examples/tree/master/examples/eth-pm) example for a working demo.
 :::
 
-<!-- [flush-notes](https://github.com/waku-org/js-waku-examples/tree/master/examples/flush-notes) and -->
+<!-- [flush-notes](https://github.com/waku-org/js-waku-examples/tree/master/examples/flush-notes) and -->

docs/guides/js-waku/run-waku-nodejs.md

@@ -31,4 +31,4 @@ Before using `@waku/sdk` in a NodeJS environment, take into account these limita
 
 ## Future developments
 
-There are plans to release a NodeJS package based on [nwaku](/guides/nwaku/run-node) to streamline the process of using Waku Network features in NodeJS applications. You can track the progress and updates here: <https://github.com/waku-org/nwaku/issues/1332>.
+There are plans to release a NodeJS package based on [nwaku](/guides/nwaku/run-node) to streamline the process of using Waku Network features in NodeJS applications. You can track the progress and updates here: [https://github.com/waku-org/nwaku/issues/1332](https://github.com/waku-org/nwaku/issues/1332).

docs/guides/js-waku/use-waku-create-app.md

@@ -49,4 +49,4 @@ We welcome and appreciate the contributions of templates for the `@waku/create-a
 4. Finally, submit a pull request to the [js-waku-examples](https://github.com/waku-org/js-waku-examples) repository.
 5. Our team will carefully review and merge your submission upon approval.
 
-Waku also provides bounties to encourage community members to contribute to the network and earn rewards. To participate in the bounty program, head to <https://github.com/waku-org/bounties>.
+Waku also provides bounties to encourage community members to contribute to the network and earn rewards. To participate in the bounty program, head to [https://github.com/waku-org/bounties](https://github.com/waku-org/bounties).