feat: allow publishing new version for subgraphs on network (#1690)

* feat: allow publishing new version

* handle opening on txn in correct txn explorer

* handle publishing new subgraph version

* prettier

* remove gql env

* commit

* lint

* new line

* allow passing network

* handle network

* fix

Author: saihaj

.changeset/nice-ants-flow.md

@@ -0,0 +1,6 @@
+---
+'@graphprotocol/graph-cli': minor
+'website': minor
+---
+
+allow publishing new subgraph version

.prettierignore

@@ -7,3 +7,4 @@ packages/cli/tests/cli/validation
 packages/cli/tests/cli/add
 pnpm-lock.yaml
 cf-pages/**
+website/src/graphql-env.d.ts

packages/cli/src/commands/publish.ts

@@ -2,6 +2,8 @@ import chalk from 'chalk';
 import { print } from 'gluegun';
 import open from 'open';
 import { Args, Command, Flags, ux } from '@oclif/core';
+// eslint-disable-next-line no-restricted-imports
+import { URL, URLSearchParams } from '@whatwg-node/fetch';
 import { createCompiler } from '../command-helpers/compiler';
 import * as DataSourcesExtractor from '../command-helpers/data-sources';
 import { DEFAULT_IPFS_URL } from '../command-helpers/ipfs';
@@ -20,6 +22,17 @@ export default class PublishCommand extends Command {
     help: Flags.help({
       char: 'h',
     }),
+    'subgraph-id': Flags.string({
+      summary: 'Subgraph ID to publish to.',
+      required: false,
+    }),
+    'protocol-network': Flags.string({
+      summary: 'The network to use for the subgraph deployment.',
+      options: ['arbitrum-one', 'arbitrum-sepolia'],
+      default: 'arbitrum-one',
+      required: false,
+      dependsOn: ['subgraph-id'],
+    }),
     ipfs: Flags.string({
       summary: 'Upload build results to an IPFS node.',
       char: 'i',
@@ -39,7 +52,17 @@ export default class PublishCommand extends Command {
   /**
    * Prompt the user to open up the browser to continue publishing the subgraph
    */
-  async publishWithBrowser({ ipfsHash, webapp }: { ipfsHash: string; webapp: string }) {
+  async publishWithBrowser({
+    ipfsHash,
+    webapp,
+    subgraphId,
+    protocolNetwork,
+  }: {
+    ipfsHash: string;
+    webapp: string;
+    subgraphId: string | undefined;
+    protocolNetwork: string | undefined;
+  }) {
     const answer = await ux.prompt(
       `Press ${chalk.green(
         'y',
@@ -52,23 +75,42 @@ export default class PublishCommand extends Command {
       this.exit(0);
     }
 
-    const URL = `${webapp}?id=${ipfsHash}`;
+    const url = new URL(webapp);
+
+    const searchParams = new URLSearchParams(url.search);
+    searchParams.set('id', ipfsHash);
+    if (subgraphId) {
+      searchParams.set('subgraphId', subgraphId);
+    }
+    if (protocolNetwork) {
+      searchParams.set('network', protocolNetwork);
+    }
+
+    url.search = searchParams.toString();
+
+    const openUrl = url.toString();
 
     print.success(
-      `Finalize the publish of the subgraph from the Graph CLI publish page. Opening up the browser to continue publishing at ${URL}`,
+      `Finalize the publish of the subgraph from the Graph CLI publish page. Opening up the browser to continue publishing at ${openUrl}`,
     );
-    await open(URL);
+    await open(openUrl);
     return;
   }
 
   async run() {
     const {
       args: { 'subgraph-manifest': manifest },
-      flags: { 'ipfs-hash': ipfsHash, 'webapp-url': webUiUrl, ipfs },
+      flags: {
+        'ipfs-hash': ipfsHash,
+        'webapp-url': webUiUrl,
+        ipfs,
+        'subgraph-id': subgraphId,
+        'protocol-network': protocolNetwork,
+      },
     } = await this.parse(PublishCommand);
 
     if (ipfsHash) {
-      await this.publishWithBrowser({ ipfsHash, webapp: webUiUrl });
+      await this.publishWithBrowser({ ipfsHash, webapp: webUiUrl, subgraphId, protocolNetwork });
       return;
     }
 
@@ -100,7 +142,12 @@ export default class PublishCommand extends Command {
       return;
     }
 
-    await this.publishWithBrowser({ ipfsHash: result, webapp: webUiUrl });
+    await this.publishWithBrowser({
+      ipfsHash: result,
+      webapp: webUiUrl,
+      subgraphId,
+      protocolNetwork,
+    });
     return;
   }
 }