Eip 7702

apps/remix-dapp/src/locales/en/udapp.json

@@ -69,6 +69,7 @@
   "udapp.createSmartAccountDesc4":"Smart Account will by default have a PAYMASTER attached to it to execute GASLESS transactions, only for SEPOLIA testnet. ",
   "udapp.createSmartAccountDesc5":"Smart Account creation will require signing of an initial transaction at next step.",
   "udapp.continue": "Continue",
+  "udapp.authorize": "Authorize",
   "udapp.createNewAccount": "Create a new account",
   "udapp.web3Title": "Creating an account is possible only in Personal mode. Please go to Settings to enable it.",
   "udapp.defaultTitle": "Unfortunately it's not possible to create an account using an external wallet ({selectExEnv}).",

apps/remix-ide-e2e/package.json

@@ -6,7 +6,7 @@
     "npm": "^6.14.15"
   },
   "dependencies": {
-    "ethers": "^6.13.7",
+    "ethers": "^6.14.0",
     "@openzeppelin/contracts": "^5.0.2",
     "@openzeppelin/contracts-upgradeable": "^5.0.2",
     "@openzeppelin/upgrades-core": "^1.30.0",

apps/remix-ide-e2e/src/tests/eip7702.test.ts

@@ -0,0 +1,74 @@
+'use strict'
+
+import { NightwatchBrowser } from 'nightwatch'
+import init from '../helpers/init'
+
+module.exports = {
+  '@disabled': true,
+  before: function (browser: NightwatchBrowser, done: VoidFunction) {
+    init(browser, done)
+  },
+  'Should activate delegation and make a transaction to the authority address #group1': function (browser: NightwatchBrowser) {
+    let addressDelegate
+    browser
+      .clickLaunchIcon('udapp')
+      .switchEnvironment('vm-pectra')
+      .addFile('delegate.sol', { content: delegate })
+      .clickLaunchIcon('solidity')
+      .setSolidityCompilerVersion('soljson-v0.8.28+commit.7893614a.js')
+      .clickLaunchIcon('solidity')
+      .verifyContracts(['TestDelegate'])
+      .clickLaunchIcon('udapp')
+      .selectContract('Simple7702Account')
+      .createContract('')
+      .perform((done) => {
+        browser.getAddressAtPosition(0, (address) => {
+          addressDelegate = address
+          done()
+        })
+      })
+      .click('[data-id="deployAndRunClearInstances"]')
+      .perform((done) => {
+        browser
+          .click('*[data-id="create-delegation-authorization"]')
+          .waitForElementVisible('*[data-id="create-delegation-authorization-input"]')
+          .execute(() => {
+            (document.querySelector('*[data-id="create-delegation-authorization-input"]') as any).focus()
+          }, [], () => {})
+          .setValue('*[data-id="create-delegation-authorization-input"]', addressDelegate)
+          .perform(() => done())
+      })
+      .modalFooterOKClick('udappNotify')
+      .waitForElementContainsText('*[data-id="terminalJournal"]', 'This account will be running the code located at')
+      .clickInstance(0)
+      .clickFunction('entryPoint - call')
+      .verifyCallReturnValue('0x5B38Da6a701c568545dCfcB03FcB875f56beddC4', ['0:address: 0x4337084D9E255Ff0702461CF8895CE9E3b5Ff108'])
+  },
+
+  'Should keep the delegation status after reloae & switching accounts #group1': function (browser: NightwatchBrowser) {
+    browser
+      .refresh()
+      .clickLaunchIcon('udapp')
+      .switchEnvironment('vm-pectra')
+      .waitForElementVisible('*[data-id="delete-delegation"]')
+      .selectAccount('0xAb8483F64d9C6d1EcF9b849Ae677dD3315835cb2')
+      .waitForElementNotPresent('*[data-id="delete-delegation"]')
+      .selectAccount('0x5B38Da6a701c568545dCfcB03FcB875f56beddC4')
+      .waitForElementVisible('*[data-id="delete-delegation"]')
+  },
+
+  'Should remove the delegation #group1': function (browser: NightwatchBrowser) {
+    browser
+      .waitForElementVisible('*[data-id="delete-delegation"]')
+      .click('*[data-id="delete-delegation"]')
+      .modalFooterOKClick('udappNotify')
+      .waitForElementNotPresent('*[data-id="delete-delegation"]')
+      .waitForElementContainsText('*[data-id="terminalJournal"]', `Delegation for 0x5B38Da6a701c568545dCfcB03FcB875f56beddC4 removed.`)
+      .refresh()
+      .clickLaunchIcon('udapp')
+      .switchEnvironment('vm-pectra')
+      .waitForElementNotPresent('*[data-id="delete-delegation"]')
+  }
+}
+
+const delegate = `import "https://github.com/eth-infinitism/account-abstraction/blob/v0.8.0/contracts/accounts/Simple7702Account.sol";`

apps/remix-ide/src/app.ts

@@ -32,7 +32,7 @@ import { StoragePlugin } from './app/plugins/storage'
 import { Layout } from './app/panels/layout'
 import { NotificationPlugin } from './app/plugins/notification'
 import { Blockchain } from './blockchain/blockchain'
-import { MergeVMProvider, LondonVMProvider, BerlinVMProvider, ShanghaiVMProvider, CancunVMProvider } from './app/providers/vm-provider'
+import { MergeVMProvider, LondonVMProvider, BerlinVMProvider, ShanghaiVMProvider, CancunVMProvider, PectraVMProvider } from './app/providers/vm-provider'
 import { MainnetForkVMProvider } from './app/providers/mainnet-vm-fork-provider'
 import { SepoliaForkVMProvider } from './app/providers/sepolia-vm-fork-provider'
 import { GoerliForkVMProvider } from './app/providers/goerli-vm-fork-provider'
@@ -341,6 +341,7 @@ class AppComponent {
     const vmProviderGoerliFork = new GoerliForkVMProvider(blockchain)
     const vmProviderShanghai = new ShanghaiVMProvider(blockchain)
     const vmProviderCancun = new CancunVMProvider(blockchain)
+    const vmProviderPectra = new PectraVMProvider(blockchain)
     const vmProviderMerge = new MergeVMProvider(blockchain)
     const vmProviderBerlin = new BerlinVMProvider(blockchain)
     const vmProviderLondon = new LondonVMProvider(blockchain)
@@ -417,6 +418,7 @@ class AppComponent {
       storagePlugin,
       vmProviderShanghai,
       vmProviderCancun,
+      vmProviderPectra,
       vmProviderMerge,
       vmProviderBerlin,
       vmProviderLondon,

apps/remix-ide/src/app/plugins/templates-selection/templates.ts

@@ -4,7 +4,9 @@ export const templates = (intl, plugin) => {
       name: "Generic",
       items: [
         { value: "remixDefault", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.basic' }), description: 'The default project' },
-        { value: "blank", displayName: intl.formatMessage({ id: 'filePanel.blank' }), IsArtefact: true, description: 'A blank project' }
+        { value: "blank", displayName: intl.formatMessage({ id: 'filePanel.blank' }), IsArtefact: true, description: 'A blank project' },
+        { value: "simpleEip7702", displayName: 'Simple EIP 7702', IsArtefact: true, description: 'Pectra upgrade allowing externally owner accounts (EOAs) to run contract code.' },
+        { value: "accountAbstraction", displayName: 'Account Abstraction Template', IsArtefact: true, description: 'Experiment with Account Abstraction contracts: (ERC-4337, EIP-7702)' }
       ]
     },
     {

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

@@ -132,6 +132,24 @@ export class CancunVMProvider extends BasicVMProvider {
   }
 }
 
+export class PectraVMProvider extends BasicVMProvider {
+  constructor(blockchain) {
+    super(
+      {
+        name: 'vm-pectra',
+        displayName: 'Remix VM (Pectra)',
+        kind: 'provider',
+        description: 'Remix VM (Pectra)',
+        methods: ['sendAsync', 'init'],
+        version: packageJson.version
+      },
+      blockchain
+    )
+    this.blockchain = blockchain
+    this.fork = 'prague'
+  }
+}
+
 export class ForkedVMStateProvider extends BasicVMProvider {
   nodeUrl?: string
   blockNumber?: string

apps/remix-ide/src/app/tabs/locales/en/udapp.json

@@ -69,6 +69,7 @@
   "udapp.createSmartAccountDesc4":"Smart Account will by default have a PAYMASTER attached to it to execute GASLESS transactions, only for SEPOLIA testnet. ",
   "udapp.createSmartAccountDesc5":"Smart Account creation will require signing of an initial transaction at next step.",
   "udapp.continue": "Continue",
+  "udapp.authorize": "Authorize",
   "udapp.createNewAccount": "Create new account",
   "udapp.web3Title": "Creating an account is possible only in Personal mode. Please go to Settings to enable it.",
   "udapp.defaultTitle": "Unfortunately it's not possible to create an account using an external wallet ({selectExEnv}).",
@@ -186,5 +187,10 @@
   "udapp.EIP712-3": "In Remix, signing typed data is possible by right clicking (right click / Sign Typed Data) on a JSON file whose content is EIP-712 compatible.",
   "udapp.EIP712-create-template": "Create a JSON compliant with EIP-712",
   "udapp.EIP712-close": "Close",
-  "udapp.sign": "Sign"
+  "udapp.sign": "Sign",
+
+  "udapp.createDelegationAuthorization": "Connect EOA to contract code (EIP 7702)",
+  "udapp.createDelegationTitle": "Connect EOA to contract code (EIP 7702)",
+  "udapp.removeDelegationTitle": "Remove contract delegation (EIP 7702)",
+  "udapp.createDelegationDescription": "Authorize a delegation between the current EOA and the contract code at the provided address. The contract must be deployed in the current chain."
 }

apps/remix-ide/src/app/tabs/web3-provider.js

@@ -77,41 +77,7 @@ export class Web3ProviderModule extends Plugin {
                       await this.call('compilerArtefacts', 'addResolvedContract', contractAddressStr, data)
                     }
                   }, 50)
-                  const provider = this.blockchain.executionContext.getProviderObject()
-
-                  // a basic in-browser VM state.
-                  const isBasicVMState = provider.config.isVM && !provider.config.isVMStateForked && !provider.config.isRpcForkedState
-                  // a standard fork of an in-browser state.
-                  const isForkedVMState = provider.config.isVM && provider.config.isVMStateForked && !provider.config.isRpcForkedState
-                  // a fork of an in-browser state which derive from a live network.
-                  const isForkedRpcState = provider.config.isVM && provider.config.isVMStateForked && provider.config.isRpcForkedState
-
-                  if (isBasicVMState || isForkedVMState || isForkedRpcState) {
-                    if (this.blockchain.config.get('settings/save-evm-state')) {
-                      try {
-                        let state = await this.blockchain.executionContext.getStateDetails()
-                        if (provider.config.statePath) {
-                          const stateFileExists = await this.call('fileManager', 'exists', provider.config.statePath)
-                          if (stateFileExists) {
-                            let stateDetails = await this.call('fileManager', 'readFile', provider.config.statePath)
-                            stateDetails = JSON.parse(stateDetails)
-                            state = JSON.parse(state)
-                            state['stateName'] = stateDetails.stateName
-                            state['forkName'] = stateDetails.forkName
-                            state['savingTimestamp'] = stateDetails.savingTimestamp
-                            state = JSON.stringify(state, null, 2)
-                          }
-                          this.call('fileManager', 'writeFile', provider.config.statePath, state)
-                        } else if (isBasicVMState && !isForkedRpcState && !isForkedRpcState) {
-                          // in that case, we store the state only if it is a basic VM.
-                          const provider = this.blockchain.executionContext.getProvider()
-                          this.call('fileManager', 'writeFile', `.states/${provider}/state.json`, state)
-                        }
-                      } catch (e) {
-                        console.error(e)
-                      }
-                    }
-                  }
+                  await this.call('blockchain', 'dumpState')
                 }
               }
               resolve(message)

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

@@ -148,6 +148,7 @@ export class RunTab extends ViewPlugin {
       'vm-paris': 'Deploy to the in-browser virtual machine running the Paris fork.',
       'vm-london': 'Deploy to the in-browser virtual machine running the London fork.',
       'vm-berlin': 'Deploy to the in-browser virtual machine running the Berlin fork.',
+      'vm-pectra': 'Deploy to the in-browser virtual machine running the Prague fork.',
       'vm-mainnet-fork': 'Deploy to a fork of the Ethereum mainnet latest block in the in-browser virtual machine.',
       'vm-sepolia-fork': 'Deploy to a fork of the Sepolia testnet latest block in the in-browser virtual machine.',
       'vm-custom-fork': 'Deploy to a fork of a custom network in the in-browser virtual machine.',
@@ -261,14 +262,15 @@ export class RunTab extends ViewPlugin {
 
     // VM
     const titleVM = 'Execution environment is local to Remix.  Data is only saved to browser memory and will vanish upon reload.'
-    await addProvider(1, 'vm-cancun', 'Remix VM (Cancun)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-cancun/state.json', fork: 'cancun' }, 'settingsVMCancunMode', titleVM)
+    await addProvider(1, 'vm-pectra', 'Remix VM (Pectra)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-pectra/state.json', fork: 'prague' }, 'settingsVMPectraMode', titleVM)
+    await addProvider(2, 'vm-cancun', 'Remix VM (Cancun)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-cancun/state.json', fork: 'cancun' }, 'settingsVMCancunMode', titleVM)
     await addProvider(50, 'vm-shanghai', 'Remix VM (Shanghai)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-shanghai/state.json', fork: 'shanghai' }, 'settingsVMShanghaiMode', titleVM)
     await addProvider(51, 'vm-paris', 'Remix VM (Paris)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-paris/state.json', fork: 'paris' }, 'settingsVMParisMode', titleVM)
     await addProvider(52, 'vm-london', 'Remix VM (London)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-london/state.json', fork: 'london' }, 'settingsVMLondonMode', titleVM)
     await addProvider(53, 'vm-berlin', 'Remix VM (Berlin)', { isInjected: false, isVM: true, isRpcForkedState: false, statePath: '.states/vm-berlin/state.json', fork: 'berlin' }, 'settingsVMBerlinMode', titleVM)
-    await addProvider(2, 'vm-mainnet-fork', 'Remix VM - Mainnet fork', { isInjected: false, isVM: true, isVMStateForked: true, isRpcForkedState: true, fork: 'cancun' }, 'settingsVMMainnetMode', titleVM)
-    await addProvider(3, 'vm-sepolia-fork', 'Remix VM - Sepolia fork', { isInjected: false, isVM: true, isVMStateForked: true, isRpcForkedState: true, fork: 'cancun' }, 'settingsVMSepoliaMode', titleVM)
-    await addProvider(4, 'vm-custom-fork', 'Remix VM - Custom fork', { isInjected: false, isVM: true, isVMStateForked: true, isRpcForkedState: true, fork: '' }, 'settingsVMCustomMode', titleVM)
+    await addProvider(3, 'vm-mainnet-fork', 'Remix VM - Mainnet fork', { isInjected: false, isVM: true, isVMStateForked: true, isRpcForkedState: true, fork: 'cancun' }, 'settingsVMMainnetMode', titleVM)
+    await addProvider(4, 'vm-sepolia-fork', 'Remix VM - Sepolia fork', { isInjected: false, isVM: true, isVMStateForked: true, isRpcForkedState: true, fork: 'cancun' }, 'settingsVMSepoliaMode', titleVM)
+    await addProvider(5, 'vm-custom-fork', 'Remix VM - Custom fork', { isInjected: false, isVM: true, isVMStateForked: true, isRpcForkedState: true, fork: '' }, 'settingsVMCustomMode', titleVM)
 
     // Forked VM States
     const addFVSProvider = async(stateFilePath, pos) => {