fix(explorer): create a separate flag and port for the indexer created by the explorer (#3511)

Co-authored-by: Karolis Ramanauskas <hello@karolisram.com>

Author: dhvanipa

.changeset/modern-parrots-shave.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+Add a separate flag and port for the indexer created by the Explorer.

docs/pages/world-explorer.mdx

@@ -59,6 +59,7 @@ The World Explorer accepts the following CLI arguments:
 | `chainId`         | The chain ID of the network                                         | 31337         |
 | `port`            | The port on which to run the World Explorer                         | 13690         |
 | `hostname`        | The host on which to run the World Explorer                         | 0.0.0.0       |
+| `indexerPort`     | The port number for the indexer                                     | 3001          |
 
 ## Installation
 

packages/explorer/src/bin/explorer.ts

@@ -20,6 +20,12 @@ const argv = yargs(process.argv.slice(2))
       type: "number",
       default: process.env.PORT || 13690,
     },
+    indexerPort: {
+      alias: "pi",
+      description: "Port number for the indexer",
+      type: "number",
+      default: process.env.INDEXER_PORT || 3001,
+    },
     hostname: {
       alias: "H",
       description: "Host for the server",
@@ -50,7 +56,7 @@ const argv = yargs(process.argv.slice(2))
   })
   .parseSync();
 
-const { port, hostname, chainId, indexerDatabase, dev } = argv;
+const { port, indexerPort, hostname, chainId, indexerDatabase, dev } = argv;
 const indexerDatabasePath = path.join(packageRoot, indexerDatabase);
 
 let explorerProcess: ChildProcess;
@@ -104,6 +110,7 @@ async function startStoreIndexer() {
       FOLLOW_BLOCK_TAG: "latest",
       SQLITE_FILENAME: indexerDatabase,
       ...process.env,
+      PORT: indexerPort.toString(),
     },
   });
 }