rename mainnet vm provider

apps/remix-ide/src/app.js

@@ -28,7 +28,8 @@ import { Layout } from './app/panels/layout'
 import { NotificationPlugin } from './app/plugins/notification'
 import { Blockchain } from './blockchain/blockchain.js'
 import { BerlinVMProvider, LondonVMProvider } from './app/providers/vm-provider'
-import { MainnetForkVMProvider } from './app/providers/vm-fork-provider'
+import { MainnetForkVMProvider } from './app/providers/mainnet-vm-fork-provider'
+import { CustomForkVMProvider } from './app/providers/custom-vm-fork-provider'
 import { HardhatProvider } from './app/providers/hardhat-provider'
 import { GanacheProvider } from './app/providers/ganache-provider'
 import { FoundryProvider } from './app/providers/foundry-provider'
@@ -204,6 +205,7 @@ class AppComponent {
     const networkModule = new NetworkModule(blockchain)
     // ----------------- represent the current selected web3 provider ----
     const web3Provider = new Web3ProviderModule(blockchain)
+    const vmProviderCustomFork = new CustomForkVMProvider(blockchain)
     const vmProviderMainnetFork = new MainnetForkVMProvider(blockchain)
     const vmProviderBerlin = new BerlinVMProvider(blockchain)
     const vmProviderLondon = new LondonVMProvider(blockchain)
@@ -276,6 +278,7 @@ class AppComponent {
       vmProviderBerlin,
       vmProviderLondon,
       vmProviderMainnetFork,
+      vmProviderCustomFork,
       hardhatProvider,
       ganacheProvider,
       foundryProvider,

apps/remix-ide/src/app/providers/custom-vm-fork-provider.tsx

@@ -0,0 +1,80 @@
+import React, { useRef } from 'react' // eslint-disable-line
+import * as packageJson from '../../../../../package.json'
+import { AppModal, ModalTypes } from '@remix-ui/app'
+import { BasicVMProvider } from './vm-provider'
+
+export class CustomForkVMProvider extends BasicVMProvider {
+  nodeUrl: string
+  blockNumber: number | 'latest'
+  inputs: any
+
+  constructor (blockchain) {
+    super({
+      name: 'vm-custom-fork',
+      displayName: 'Custom fork - Remix VM (London)',
+      kind: 'provider',
+      description: 'Remix VM (London)',
+      methods: ['sendAsync', 'init'],
+      version: packageJson.version
+    }, blockchain)
+    this.blockchain = blockchain
+    this.fork = ''
+    this.nodeUrl = ''
+    this.blockNumber = 'latest'
+    this.inputs = {}
+  }
+
+  async init () {
+    this.inputs = {nodeUrl: '', evm: '', blockNumber: '' }
+    const body = () => {
+      return <div>
+      <div>
+        <label>Node URL</label>
+        <input type="text" value={this.inputs.nodeUrl} ></input>
+      </div>
+      <div>
+        <label>Block number (or "latest")</label>
+        <input type="text" placeholder='block number or "latest"' value={this.inputs.blockNumber} ></input>
+      </div>
+      <div>
+        <label>EVM</label>
+        <select value={this.inputs.evm}>
+                      <option value="berlin" key="berlin">Berlin</option>
+                      <option value="london" key="london" >London</option>
+                    </select>
+      </div>
+    </div>
+    } 
+    await ((): Promise<string> => {
+      return new Promise((resolve, reject) => {
+        const modalContent: AppModal = {
+          id: this.profile.name,
+          title: this.profile.displayName,
+          message: body(),
+          modalType: ModalTypes.default,
+          okLabel: 'Connect',
+          cancelLabel: 'Cancel',
+          okFn: (value: string) => {
+            setTimeout(() => resolve(value), 0)
+          },
+          cancelFn: () => {
+            setTimeout(() => reject(new Error('Canceled')), 0)
+          },
+          hideFn: () => {
+            setTimeout(() => reject(new Error('Hide')), 0)
+          }
+        }
+        this.call('notification', 'modal', modalContent)
+      })
+    })()
+    this.fork = this.inputs.evm
+    this.nodeUrl = this.inputs.nodeUrl
+    const block = this.inputs.blockNumber
+    this.blockNumber = block === 'latest' ? 'latest' : parseInt(block)
+    return {
+      'fork': this.fork,
+      'nodeUrl': this.nodeUrl,
+      'blockNumber': this.blockNumber
+    }
+  }
+}

apps/remix-ide/src/app/providers/vm-provider.tsx

@@ -11,7 +11,7 @@ export class BasicVMProvider extends Plugin implements IProvider {
   constructor (profile, blockchain) {
     super(profile)
     this.blockchain = blockchain
-    this.fork = null
+    this.fork = ''
   }
 
   async init (): Promise<{ [id: string] : any }> { return {} }

apps/remix-ide/src/app/udapp/run-tab.js

@@ -134,6 +134,7 @@ export class RunTab extends ViewPlugin {
     await addProvider('vm-london', 'Remix VM (London)', false, true, 'london', 'settingsVMLondonMode', titleVM)
     await addProvider('vm-berlin', 'Remix VM (Berlin)', false, true, 'berlin', 'settingsVMBerlinMode', titleVM)
     await addProvider('vm-mainnet-fork', 'Remix VM - Mainnet fork', false, true, 'london', 'settingsVMMainnetMode', titleVM)
+    await addProvider('vm-custom-fork', 'Remix VM - Custom fork', false, true, '', 'settingsVMCustomMode', titleVM)
 
     // external provider
     await addProvider('hardhat-provider', 'Hardhat Provider', false, false)