add fully fledge eip7702 template

Author: yann300

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

@@ -6,7 +6,8 @@ export const templates = (intl, plugin) => {
         { 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: "simpleEip7702", displayName: 'Simple EIP 7702', IsArtefact: true, description: 'Pectra upgrade allowing externally owned accounts (EOAs) to run contract code.' },
-        { value: "accountAbstraction", displayName: 'Account Abstraction', IsArtefact: true, description: 'Experiment with Account Abstraction contracts: (ERC-4337, EIP-7702)' }
+        { value: "accountAbstraction", displayName: 'Account Abstraction', IsArtefact: true, description: 'Github repo for ERC-4337 and EIP-7702.' },
+        { value: "fullyFledgeEIP7702", displayName: 'Fully Fledge EIP7702 example', IsArtefact: true, description: 'A fully fledge template using EIP7702.' }
       ]
     },
     {

libs/remix-ui/workspace/src/lib/utils/constants.ts

@@ -18,7 +18,8 @@ export const TEMPLATE_NAMES = {
   'breakthroughLabsUniswapv4Hooks': 'Breakthrough-Labs Uniswapv4Hooks',
   'uniswapV4Template': 'Uniswap v4 Template',
   'uniswapV4HookBookMultiSigSwapHook': 'Uniswap V4 HookBook MultiSigSwapHook',
-  'accountAbstraction': 'Account Abstraction Template'
+  'accountAbstraction': 'Account Abstraction Template',
+  'fullyFledgeEIP7702': 'EIP7702 Fully Fledge Template',
 }
 
 export const TEMPLATE_METADATA: Record<string, TemplateType> = {

libs/remix-ws-templates/src/index.ts

@@ -1,5 +1,6 @@
 export { default as remixDefault } from './templates/remixDefault'
 export { default as simpleEip7702 } from './templates/simpleEip7702'
+export { default as fullyFledgeEIP7702 } from './templates/fullyFledgeEIP7702'
 export { default as blank } from './templates/blank'
 export { default as ozerc20 } from './templates/ozerc20'
 export { default as ozerc721 } from './templates/ozerc721'

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/.prettierrc

@@ -0,0 +1,38 @@
+{
+    "overrides": [
+        {
+            "files": "*.sol",
+            "options": {
+                "printWidth": 80,
+                "tabWidth": 4,
+                "useTabs": false,
+                "singleQuote": false,
+                "bracketSpacing": false
+            }
+        },
+        {
+            "files": "*.yml",
+            "options": {}
+        },
+        {
+            "files": "*.yaml",
+            "options": {}
+        },
+        {
+            "files": "*.toml",
+            "options": {}
+        },
+        {
+            "files": "*.json",
+            "options": {}
+        },
+        {
+            "files": "*.js",
+            "options": {}
+        },
+        {
+            "files": "*.ts",
+            "options": {}
+        }
+    ]
+}

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/README.md

@@ -0,0 +1,30 @@
+# EIP 7702
+
+This Workspace Template present one of the updates shipped with the Pectra upgrade which occurred in May 2025.
+
+### Basics
+
+In the Ethereum blockchain there are two different types of accounts:
+- Externally Owned Account (EOA): which require a private key and could initiate transactions.
+- Smart Contract Account: which represents code deployed in the blockchain.
+
+These two concepts are separated: e.g until now EOAs doesn't have code associated to them.
+But with the Pectra upgrade, EOA can now host code and can directly run code.
+
+For more information please see [this page](https://eip7702.io)
+
+### How to
+
+This section explains how to run this project. We are going to assign a piece of code to an EOA:
+
+    -   Verify solidity version 0.8.28 is selected.
+    -   Compile MyToken.sol, Example7702.sol, Spender.sol.
+    -   Deploy Example7702.sol.
+    -   Use delegation on the contract above.
+    -   Run the script `run-eip7702.ts`.   
+    -   Copy the logged input data.
+    -   Find the `executeBatch`, copy the data and run the transaction.
+    -   Check that balance of the first and second account has been updated.
+
+
+

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/contracts/Example7702.sol

@@ -0,0 +1 @@
+import "https://github.com/eth-infinitism/account-abstraction/blob/releases/v0.8/contracts/accounts/Simple7702Account.sol";

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/contracts/MyToken.sol

@@ -0,0 +1,18 @@
+// SPDX-License-Identifier: MIT
+pragma solidity ^0.8.20;
+
+import "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import "@openzeppelin/contracts/access/Ownable.sol";
+import "@openzeppelin/contracts/token/ERC20/extensions/ERC20Permit.sol";
+
+contract MyToken is ERC20, Ownable, ERC20Permit {
+    constructor(address initialOwner)
+        ERC20("MyToken", "MTK")
+        Ownable(initialOwner)
+        ERC20Permit("MyToken")
+    {}
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+}

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/contracts/Spender.sol

@@ -0,0 +1,11 @@
+import "@openzeppelin/contracts/token/ERC20/IERC20.sol";
+
+contract Spender {
+    IERC20 public erc20;
+    constructor(IERC20 _erc20) {
+        erc20 = _erc20;
+    }
+    function send (address from, address to, uint _amount) public {
+        erc20.transferFrom(from, to, _amount);
+    }
+}

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/index.ts

@@ -0,0 +1,19 @@
+
+export default async (opts) => {
+
+  const filesObj = {
+    // @ts-ignore
+    'contracts/Example7702.sol': (await import('!!raw-loader!./contracts/Example7702.sol')).default,
+    // @ts-ignore
+    'contracts/MyToken.sol': (await import('!!raw-loader!./contracts/MyToken.sol')).default,
+    // @ts-ignore
+    'contracts/Spender.sol': (await import('!!raw-loader!./contracts/Spender.sol')).default,
+    // @ts-ignore
+    'scripts/deploy.ts': (await import('!!raw-loader!./scripts/deploy.ts')).default,
+    // @ts-ignore
+    'scripts/run-eip7702.ts': (await import('!!raw-loader!./scripts/run-eip7702.ts')).default,
+    // @ts-ignore
+    'README.md': (await import('raw-loader!./README.md')).default
+  }
+  return filesObj
+}

libs/remix-ws-templates/src/templates/fullyFledgeEIP7702/scripts/deploy.ts

@@ -0,0 +1,29 @@
+import { ethers } from 'ethers'
+
+/**
+ * Deploy the given contract
+ * @param {string} contractName name of the contract to deploy
+ * @param {Array<any>} args list of constructor' parameters
+ * @param {Number} accountIndex account index from the exposed account
+ * @return {Contract} deployed contract
+ */
+export const deploy = async (contractName: string, args: Array<any>, accountIndex?: number): Promise<ethers.Contract> => {
+
+  console.log(`deploying ${contractName}`)
+  // Note that the script needs the ABI which is generated from the compilation artifact.
+  // Make sure contract is compiled and artifacts are generated
+  const artifactsPath = `browser/contracts/artifacts/${contractName}.json` // Change this for different path
+
+  const metadata = JSON.parse(await remix.call('fileManager', 'getFile', artifactsPath))
+  // 'web3Provider' is a remix global variable object
+
+  const signer = (new ethers.providers.Web3Provider(web3Provider)).getSigner(accountIndex)
+
+  const factory = new ethers.ContractFactory(metadata.abi, metadata.data.bytecode.object, signer)
+
+  const contract = await factory.deploy(...args)
+
+  // The contract is NOT deployed yet; we must wait until it is mined
+  await contract.deployed()
+  return contract
+}