29:null 2a:["$","title",null,{"children":"FVM Actor Code Playground - ERC20 Sans Events - Scratch | Jim Pick | Observable"}] 2f:T4ad,Try a real [ERC20](https://docs.openzeppelin.com/contracts/4.x/erc20) Smart Contract on the [Filecoin Virtual Machine](https://fvm.filecoin.io/)! Here is an example EVM Smart Contract, from: * https://github.com/filecoin-project/testnet-wallaby/issues/8 * https://github.com/filecoin-project/fvm-example-actors/tree/main/erc20-sans-events * https://github.com/jimpick/fvm-example-actors/tree/jim-erc20/erc20-sans-events (same as above, but with extra build scripts and missing files) You can modify it here, then scroll down and click the buttons to compile it, then load it into a on-demand hosted [Lotus localnet](https://lotus.filecoin.io/developers/local-network/) created from the [experimental/fvm-m2](https://github.com/filecoin-project/lotus/tree/experimental/fvm-m2) branch, and invoke methods against it. **Note:** The on-demand localnet will be reclaimed after 3 minutes of inactivity. Modifications to the blockchain state are ephemeral -- good for testing! Staying on this page will keep it alive, but if you navigate away and then return, it may get restarted with fresh state. If that happens, reload the web page. There is one instance of the localnet shared between all users.30:T40a,transferFundsStatus = { if (walletDefaultAddress && keys) { const start = Date.now() yield { transferring: true, start } const responses = [] for (const key of keys) { // Sending install actor message... const messageBody = { To: key.delegated.toString(), From: walletDefaultAddress, Value: "100000000000000000000", Method: 0 } responses.push(await client.mpoolPushMessage(messageBody, null)) } const waitStart = Date.now() yield { waiting: true, start, waitStart, responses } const promises = [] for (const response of responses) { promises.push(client.stateWaitMsg(response.CID, 0)) } const waitResponses = await Promise.all(promises) const lookups = { [walletDefaultAddress]: 't0100' } for (const key of keys) { lookups[key.delegated.toString()] = await client.stateLookupID(key.delegated.toString(), []) } yield { transferred: true, responses, waitResponses, lookups } } }31:T5d0,{ if (createActorStatus === undefined || !createActorStatus) { yield md`Status: Contract has not been created yet.` return } if (createActorStatus.creating) { while (true) { const elapsed = (Date.now() - createActorStatus.start) / 1000 yield md`Sending create contract transaction... (${elapsed.toFixed(1)}s)` await Promises.delay(1000) } } if (createActorStatus.response) { while (true) { let output = `

Create contract transaction sent

Txn Hash: ${createActorStatus.response}

` if (createActorStatus.waitResponse) { output += `

Transaction executed in block at height: ${Number.parseInt(createActorStatus.waitResponse.blockNumber.slice(2), 16)}

` output += `

Gas used: ${Number.parseInt(createActorStatus.waitResponse.gasUsed.slice(2), 16)}

` output += `

Contract address (Eth): ${createActorStatus.waitResponse.contractAddress}

` output += `

Contract address (t4): ${createActorStatus.waitResponse.delegated.toString()}

` output += `ID Address: ${createActorStatus.waitResponse.actorId}
` yield html`${output}` break } const elapsed = (Date.now() - createActorStatus.waitStart) / 1000 output += `

Waiting for transaction to be executed in a block... (${elapsed.toFixed(1)}s)

` yield html`${output}` await Promises.delay(1000) } } }32:T57e,createActorStatus = { if (createActorButton) { console.log('Create actor', createActorButton) const start = Date.now() yield { creating: true, start } const priorityFee = await client.callEthMethod('maxPriorityFeePerGas') const unsignedTx = await factory.getDeployTransaction( createActorButton.name, createActorButton.symbol, createActorButton.initialSupply, ownerKey.address, { gasLimit: 1000000000, gasPrice: undefined, maxFeePerGas: undefined, maxPriorityFeePerGas: priorityFee, value: undefined, nonce: createActorButton.nonce } ) const populatedTx = await deployer.populateTransaction(unsignedTx) const signedTx = await deployer.signTransaction(populatedTx) console.log('Create Actor Transaction:', provider.formatter.transaction(signedTx)) const response = await client.callEthMethod('sendRawTransaction', [signedTx]) const waitStart = Date.now() yield { waiting: true, waitStart, response } const waitResponse = await waitEthTx(response) if (waitResponse?.contractAddress) { waitResponse.delegated = filecoinAddress.newDelegatedEthAddress(waitResponse.contractAddress, 't') waitResponse.actorId = await client.stateLookupID(waitResponse.delegated.toString(), []) } yield { installed: true, response, waitResponse } } }33:T514,{ if (transferFromOwnerStatus === undefined || !transferFromOwnerStatus) { yield md`Status: Method has not been invoked yet.` return } if (transferFromOwnerStatus.invoking) { while (true) { const elapsed = (Date.now() - transferFromOwnerStatus.start) / 1000 yield md`Sending transaction for method... (${elapsed.toFixed(1)}s)` await Promises.delay(1000) } } if (transferFromOwnerStatus.response) { while (true) { let output = `

Transaction sent

Txn Hash: ${createActorStatus.response}

` if (transferFromOwnerStatus.waitResponse) { output += `

Transaction executed in block at height: ${Number.parseInt(transferFromOwnerStatus.waitResponse.blockNumber.slice(2), 16)}

` output += `

Gas used: ${Number.parseInt(transferFromOwnerStatus.waitResponse.gasUsed.slice(2), 16)}

` output += `

Status: ${transferFromOwnerStatus.waitResponse.status}

` yield html`${output}` break } const elapsed = (Date.now() - transferFromOwnerStatus.waitStart) / 1000 output += `

Waiting for transaction to be executed in a block... (${elapsed.toFixed(1)}s)

` yield html`${output}` await Promises.delay(1000) } } }34:T50a,{ if (transferFromUserStatus === undefined || !transferFromUserStatus) { yield md`Status: Method has not been invoked yet.` return } if (transferFromUserStatus.invoking) { while (true) { const elapsed = (Date.now() - transferFromUserStatus.start) / 1000 yield md`Sending transaction for method... (${elapsed.toFixed(1)}s)` await Promises.delay(1000) } } if (transferFromUserStatus.response) { while (true) { let output = `

Transaction sent

Txn Hash: ${createActorStatus.response}

` if (transferFromUserStatus.waitResponse) { output += `

Transaction executed in block at height: ${Number.parseInt(transferFromUserStatus.waitResponse.blockNumber.slice(2), 16)}

` output += `

Gas used: ${Number.parseInt(transferFromUserStatus.waitResponse.gasUsed.slice(2), 16)}

` output += `

Status: ${transferFromUserStatus.waitResponse.status}

` yield html`${output}` break } const elapsed = (Date.now() - transferFromUserStatus.waitStart) / 1000 output += `

Waiting for transaction to be executed in a block... (${elapsed.toFixed(1)}s)

` yield html`${output}` await Promises.delay(1000) } } }35:T467,transferFromUserStatus = { if (transferFromUserButton) { const start = Date.now() yield { invoking: true, start } const source = transferFromUserButton.source const dest = transferFromUserButton.dest.address const amount = transferFromUserButton.amount const signer = new ethers.Wallet(source.privateKey, provider) const factory = new ethers.ContractFactory(iface, contractBytes, signer) const contract = factory.attach(createActorStatus.waitResponse.contractAddress) const unsignedTx = await contract.populateTransaction.transfer(dest, amount) const populatedTx = await signer.populateTransaction(unsignedTx) const signedTx = await signer.signTransaction(populatedTx) console.log('Transfer From User Transaction:', provider.formatter.transaction(signedTx)) const response = await client.callEthMethod('sendRawTransaction', [signedTx]) const waitStart = Date.now() yield { waiting: true, waitStart, response } const waitResponse = await waitEthTx(response) yield { invoked: true, response, waitResponse } mutable invalidatedBalancesAt = new Date() } }36:[{"id":"2aa607f0a34ff42eed6860893616da5b8d2a255af2899d5b8f0391c18b9912a5994354f7a65c3d1439809ab4ecded309de0654d7dc3fac8d10bd17140d642d0c","href":"https://static.observableusercontent.com/files/2aa607f0a34ff42eed6860893616da5b8d2a255af2899d5b8f0391c18b9912a5994354f7a65c3d1439809ab4ecded309de0654d7dc3fac8d10bd17140d642d0c","name":"ERC20.bin","type":"application/octet-stream","lastModified":1674000332203.457,"size":7322}] 2d:{"id":"01e0c0d139d7c4b4","slug":null,"title":"FVM Actor Code Playground - ERC20 Sans Events - Scratch","thumbnail":"473a41a3f4d2feaecf1925826cb4664bee83f3b58745b72de983e32bb984f5e3","access_level":"public","create_time":"$D2023-01-18T00:05:32.203Z","update_time":"$D2023-01-18T01:49:16.777Z","view_time":null,"first_public_time":"$D2023-01-18T00:05:32.203Z","fork":{"id":"c7e7e39ebd4ccf64","slug":"fvm-actor-code-playground-erc20-sans-events","title":"FVM Actor Code Playground - ERC20 Sans Events","owner":{"id":"5252cea433451319","login":"jimpick","name":"Jim Pick"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5252cea433451319","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":"starter_2024"},"version":1930,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bda4505ba9a55ac8","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":null}],"members":[{"type":"individual","id":"bda4505ba9a55ac8","login":"jimpick","name":"Jim Pick","avatar_url":"https://avatars-next.observableusercontent.com/e8813527082139d5411445010e72fd85f99b04a26355e795d0ea26765425d0cd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"FVM Actor Code Playground - ERC20 Sans Events - Scratch","cells":[{"id":0,"value":"# FVM Actor Code Playground - ERC20 Sans Events - Scratch","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"$2f","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1775,"value":"This notebook is currently using a mix of Lotus JSON-RPC APIs + (mostly) Ethereum JSON-RPC APIs.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1611,"value":"After you try this demo out, try out the version that runs on the live Wallaby testnet!\n\n* [ERC20 Sans Events - Wallaby Testnet](https://observablehq.com/@jimpick/fvm-actor-code-playground-erc20-sans-events-wallaby-testne?collection=@jimpick/filecoin-virtual-machine)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1607,"value":"## Video Demo","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1609,"value":"* YouTube: [FVM ERC20 Demo](https://www.youtube.com/watch?v=VXZL5r8rIz8)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1092,"value":"## Generate Client Side Addresses","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1094,"value":"We use `filecoin-js-signer` to generate a random mnemomic phrase. You could save this phrase and re-use it to generate the secrets. In this notebook, we just use different secrets on each page reload.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1096,"value":"randomMnemonic = {\n return 'cycle raccoon pool vintage unusual note twelve morning program glare salon survey'\n // https://github.com/blitslabs/filecoin-js-signer#filecoin-signer\n const strength = 128 // 128 => 12 words | 256 => 24 words\n return filecoin_signer.wallet.generateMnemonic(strength)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1773,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1106,"value":"keys = {\n const keys = []\n const names = [ 'Owner', 'Alice', 'Bob', 'Carol' ]\n for (let i = 0; i < names.length; i++) {\n const network = 'testnet'\n\n // const key = await filecoin_signer.wallet.keyDerive(randomMnemonic, `m/44'/60'/0'/0/${i}`, network)\n const key = await ethers.Wallet.fromMnemonic(randomMnemonic, `m/44'/60'/0'/0/${i}`)\n key.delegated = filecoinAddress.newDelegatedEthAddress(key.address, 't')\n \n key.name = names[i]\n\n keys.push(key)\n }\n return keys\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1109,"value":"clientAddresses = keys.map(key => key.delegated.toString())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1771,"value":"ownerKey = keys.find(({ name }) => name === 'Owner')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1923,"value":"ownerKey.privateKey","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1112,"value":"## Wait for Lotus to be ready, then transfer 100 FIL to each address","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1114,"value":"Be patient as it takes a little while for the funds to be sent via the Ethereum JSON-RPC API when the notebook is first loaded.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1116,"value":"{\n if (transferFundsStatus === undefined || !transferFundsStatus) {\n yield md``\n return\n }\n if (transferFundsStatus.transferring || transferFundsStatus.waiting) {\n while (true) {\n const elapsed = (Date.now() - transferFundsStatus.start) / 1000\n yield md`Transferring initial funds to client accounts... (${elapsed.toFixed(1)}s)`\n await Promises.delay(1000)\n }\n }\n if (transferFundsStatus.transferred) {\n yield md`**Funds transferred**!`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1118,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1122,"value":"## Initial Balances","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1124,"value":"Here are the addresses and IDs of the 4 clients we created, as well at their initial balances (should be 100 FIL each).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1126,"value":"initialBalances = !transferFundsStatus ? md`Waiting...` : transferFundsStatus.transferred && getBalances(clientAddresses)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1130,"value":"Inputs.table(\n initialBalances ? initialBalances.map(({ address, balance }) => ({\n name: keys.find(({ delegated }) => address === delegated.toString()).name, \n id: transferFundsStatus.lookups[address],\n address,\n eth_address: keys.find(({ delegated }) => address === delegated.toString()).address,\n balance\n })) : [],\n {\n width: {\n name: 60,\n id: 60,\n address: 300,\n eth_address: 340,\n balance: 100\n },\n format: {\n \n balance: num => new FilecoinNumber(num, 'attofil').toFil()\n }\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1128,"value":"async function getBalances (addresses) {\n return Promise.all(\n addresses\n .map(async address => {\n const response = await client.stateGetActor(address, [])\n return {\n address: address,\n balance: response.Balance\n }\n })\n )\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1767,"value":"ownerId = transferFundsStatus?.lookups && transferFundsStatus.lookups[keys[0].delegated.toString()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"## Step 1: Define deployment parameters for your token","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1409,"value":"viewof constructorParamsForm = Inputs.form([\n Inputs.text({label: \"Name for your token\", value: \"littlecoin\"}),\n Inputs.text({label: \"Symbol for your token\", value: \"LIT\"}),\n Inputs.number({label: \"Initial supply\", value: 1000000 })\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1418,"value":"md`The \"address\" will be set to \\`${ownerId}\\`, which is the client that has the owner role.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1762,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":216,"value":"## Step 2: Connect to Hosted \"localnet\"\n\nThis notebook connects to a [hosted instance](https://github.com/jimpick/lotus-fvm-localnet-web) of a Lotus \"localnet\" (started on demand) into which you can install the actor code, create an actor instance, and invoke methods against.\n\nIf the localnet is started and online, the following chain height should be increasing every 4-10 seconds (depending on system load):","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":251,"value":"md`**Height: ${currentHeight}**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"If the connection is working, then proceed to the next step.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":234,"value":"## Step 3: Create an EVM smart contract","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":655,"value":"Now we can create an actor instance from the compiled EVM smart contract. It is possible to create lots and lots of actors using the same code, each will get assigned a unique \"ID Address\" (eg. t01001) to which messages and funds can be sent, as well as an equivalent \"Robust Address\" alias (eg. \"t2...\") which maps on the same address (but doesn't change in the event of a chain re-organization).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1761,"value":"This code uses the Ethers.js library to format and sign the messages to send to the JSON-RPC API.","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":492,"value":"At the command line, this is the same as: `lotus chain create-evm-actor `","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":184,"value":"viewof createActorButton = Inputs.button(\n 'Create EVM Smart Contract',\n {\n disabled: !ready,\n value: null,\n reduce: async () => ({\n name: constructorParamsForm[0],\n symbol: constructorParamsForm[1],\n initialSupply: constructorParamsForm[2],\n nonce: await client.mpoolGetNonce(ownerKey.delegated.toString())\n })\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1758,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":794,"value":"contractBytes = {\n // Using prebuilt example from https://github.com/filecoin-project/fvm-example-actors/tree/main/erc20-sans-events/bin\n const buf = new Uint8Array(await FileAttachment(\"ERC20.bin\").arrayBuffer())\n const bytes = buffer.Buffer.from(buf)\n return bytes.subarray(0, bytes.length - 256) // Remove initcode\n\n /*\n const buf = await (await fetch('https://raw.githubusercontent.com/jimpick/fvm-example-actors/jim-erc20/erc20-sans-events/output/ERC20PresetFixedSupply.bin')).arrayBuffer()\n return buffer.Buffer.from(buf, 'hex')\n */\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1339,"value":"abi = (await fetch('https://raw.githubusercontent.com/jimpick/fvm-example-actors/jim-erc20/erc20-sans-events/output/ERC20PresetFixedSupply.abi')).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1343,"value":"iface = new ethers.utils.Interface(abi)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1754,"value":"provider = new ethers.providers.JsonRpcProvider(`${baseUrl}/rpc/v0?token=${token}`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1753,"value":"deployer = new ethers.Wallet(ownerKey.privateKey, provider)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1752,"value":"factory = new ethers.ContractFactory(iface, contractBytes, deployer)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1797,"value":"contract = createActorStatus?.waitResponse?.contractAddress && factory.attach(createActorStatus.waitResponse.contractAddress)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1157,"value":"**Signatures:**\n\n```\n${await (await fetch('https://raw.githubusercontent.com/jimpick/fvm-example-actors/jim-erc20/erc20-sans-events/output/ERC20Burnable.signatures')).text()}\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":238,"value":"md`## Step 4: Invoke a method to get the ERC20 token balance for the owner address (${ownerId})`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":666,"value":"Now that we've got an actor running with an ID Address, we can call the methods we have defined. Let's check the balance of the addresses. The method signature (from above) to get the balance is => `70a08231: balanceOf(address)`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1749,"value":"md`From the Lotus command line, we could call the method like this:\n\n\\`./lotus chain invoke-evm-actor ${createActorStatus.waitResponse.actorId} 70a08231 000000000000000000000000000000000000000000000000${ownerKey.address.slice(2)}\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1796,"value":"But we can use Ethers.js to make a JSON-RPC call to get the value from the state immediately.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":187,"value":"viewof invokeEvmMethodButton = Inputs.button(`Get ERC20 Token Balance for Owner (${ownerId})`, {\n disabled: !createActorStatus ||\n !createActorStatus.waitResponse ||\n !createActorStatus.waitResponse.actorId,\n value: null,\n reduce: async () => (await contract.balanceOf(keys[0].address)).toString()\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1794,"value":"invokeEvmMethodButton ? md`Balance: ${invokeEvmMethodButton}` : md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1254,"value":"md`## Step 5: Invoke a method to transfer ERC20 tokens from the owner address (${ownerId}) to a user address`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1276,"value":"The method signature is => `a9059cbb: transfer(address,uint256)`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1259,"value":"viewof transferFromOwnerForm = keys && transferFundsStatus && Inputs.form([\n Inputs.select(keys.slice(1), { label: \"Transfer from Owner to User\", format: x => `${x.name} (${transferFundsStatus.lookups[x.delegated.toString()]})` }),\n Inputs.range([1, 1000000], {value: 1, step: 1, label: 'ERC20 Tokens to Transfer'})\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1522,"value":"viewof transferFromOwnerButton = Inputs.button(`Transfer From Owner (${ownerId})`, {\n disabled: !createActorStatus ||\n !createActorStatus.waitResponse ||\n !createActorStatus.waitResponse.actorId,\n value: null,\n reduce: () => ({\n actorId: createActorStatus.waitResponse.actorId,\n dest: transferFromOwnerForm[0],\n amount: transferFromOwnerForm[1]\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1530,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1869,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1520,"value":"transferFromOwnerStatus = {\n if (transferFromOwnerButton) {\n const start = Date.now()\n yield { invoking: true, start }\n const dest = transferFromOwnerButton.dest.address\n const amount = transferFromOwnerButton.amount\n const unsignedTx = await contract.populateTransaction.transfer(dest, amount)\n const populatedTx = await deployer.populateTransaction(unsignedTx)\n const signedTx = await deployer.signTransaction(populatedTx)\n console.log('Transfer From Owner Transaction:', provider.formatter.transaction(signedTx))\n const response = await client.callEthMethod('sendRawTransaction', [signedTx])\n const waitStart = Date.now()\n yield { waiting: true, waitStart, response }\n const waitResponse = await waitEthTx(response)\n yield { invoked: true, response, waitResponse }\n mutable invalidatedBalancesAt = new Date()\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1496,"value":"## Step 6: Retrieve the ERC20 token balances for all the addresses","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1600,"value":"This is the same as Step 4, where we got the token balance for a single account. But here we retrieve all the account token balances in parallel to make it easier to observe what's going on.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1499,"value":"{\n if (!tokenBalances) {\n return md``\n } else {\n return Inputs.table(\n tokenBalances.map((balance, i) => {\n return {\n name: keys[i].name,\n id: transferFundsStatus.lookups[keys[i].delegated.toString()], \n balance\n }\n }),\n {\n format: {\n }\n }\n )\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1554,"value":"Inputs.button(\"Update\", { value: null, reduce: () => { mutable invalidatedBalancesAt = new Date() } })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1866,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1317,"value":"tokenBalances = {\n invalidatedBalancesAt;\n const evmActorId = createActorStatus?.waitResponse?.actorId\n if (keys && evmActorId) {\n const responses = []\n for (const key of keys) {\n responses.push((await contract.balanceOf(key.address)).toBigInt())\n }\n return await Promise.all(responses)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1556,"value":"mutable invalidatedBalancesAt = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1564,"value":"## Step 7: Transfer ERC20 tokens from user to user","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1566,"value":"This is almost the same as Step 5, where we transferred from the owner (the genesis address on the Lotus node). But this time we will use secrets on the client side (in the browser) and sign the message from a non-owner address.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1568,"value":"viewof transferFromUserForm = keys && transferFundsStatus && Inputs.form([\n Inputs.select(keys.slice(1), { label: \"Transfer from User\", format: x => `${x.name} (${transferFundsStatus.lookups[x.delegated.toString()]})` }),\n Inputs.select(keys.slice(1), {\n label: \"Transfer to User\",\n format: x => `${x.name} (${transferFundsStatus.lookups[x.delegated.toString()]})`,\n value: keys[1]\n }),\n Inputs.range([1, 1000000], {value: 1, step: 1, label: 'ERC20 Tokens to Transfer'})\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1572,"value":"viewof transferFromUserButton = Inputs.button('Transfer From User to User', {\n disabled: !createActorStatus ||\n !createActorStatus.waitResponse ||\n !createActorStatus.waitResponse.actorId ||\n transferFromUserForm[0] === transferFromUserForm[1],\n value: null,\n reduce: () => ({\n actorId: createActorStatus.waitResponse.actorId,\n source: transferFromUserForm[0],\n dest: transferFromUserForm[1],\n amount: transferFromUserForm[2]\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1588,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1862,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1578,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"# Final notes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":695,"value":"Thank you for trying out this demo.\n\nIf the backend is not working, please get in touch with me. Feel free to fork this notebook to customize your own actors and build scenarios using the on-demand localnet that supports this early version of actors / smart contracts.\n\nI can also deploy custom instances of the localnet and the API for compiling actors ... feel free to contact me at @jimpick on the Filecoin Slack.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":150,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"skypack = (library) => import(`https://cdn.skypack.dev/${library}?min`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"LotusRPC = (await import('@filecoin-shipyard/lotus-client-rpc')).LotusRPC","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"BrowserProvider = (await import('@filecoin-shipyard/lotus-client-provider-browser')).BrowserProvider","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"schema = (await import('@filecoin-shipyard/lotus-client-schema')).mainnet.fullNode","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"stripAnsi = (await import('https://unpkg.com/strip-ansi@7.0.1/index.js?module')).default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"cbor = import('https://cdn.skypack.dev/borc')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"multiformats = import('https://cdn.skypack.dev/pin/multiformats@v9.6.5-93rn6JH3zqEZdoz77NBu/mode=imports,min/optimized/multiformats.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":584,"value":"import {button} from '@jimpick/download-data-button-with-wasm-support'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"buffer = require('https://bundle.run/buffer@6.0.3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1098,"value":"filecoinJsSigner = import('https://jspm.dev/@blitslabs/filecoin-js-signer')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1738,"value":"filecoinJs = (await import('https://jspm.dev/filecoin.js')).default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"FilecoinClient = filecoinJsSigner.FilecoinClient","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1102,"value":"FilecoinSigner = filecoinJsSigner.FilecoinSigner","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1104,"value":"filecoin_signer = new FilecoinSigner()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1135,"value":"filecoinNumber = import('https://cdn.skypack.dev/pin/@glif/filecoin-number@v2.0.0-beta.0-iQnBkhznGjB3HsyiyYB8/mode=imports,min/optimized/@glif/filecoin-number.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1137,"value":"FilecoinNumber = filecoinNumber.FilecoinNumber","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1336,"value":"ethers = import('https://cdn.skypack.dev/ethers@5.7.1?min')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1860,"value":"filecoinAddress = import('https://cdn.skypack.dev/@glif/filecoin-address')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"## Lotus Utilities","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":743,"value":"simpleCoinSol = `\n// SPDX-License-Identifier: MIT\npragma solidity >=0.4.25 <= 0.8.17;\n\ncontract SimpleCoin {\n mapping (address => uint) balances;\n\n event Transfer(address indexed _from, address indexed _to, uint256 _value);\n\n constructor() {\n balances[tx.origin] = 10000;\n }\n\n function sendCoin(address receiver, uint amount) public returns(bool sufficient) {\n if (balances[msg.sender] < amount) return false;\n balances[msg.sender] -= amount;\n balances[receiver] += amount;\n emit Transfer(msg.sender, receiver, amount);\n return true;\n }\n\n function getBalanceInEth(address addr) public view returns(uint){\n return getBalance(addr) * 2;\n }\n\n function getBalance(address addr) public view returns(uint) {\n return balances[addr];\n }\n}\n`.trim()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"initialCodeUrl = `https://raw.githubusercontent.com/raulk/fil-hello-world-actor/695eed038c48bfff97c29fdc25d00aa7363ee47d/src/lib.rs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":373,"value":"baseUrl = \"https://shared-fvm-carbonado-jan-9.quick.cluster-3.localnet.farm\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":355,"value":"token = (await fetch(`${baseUrl}/token`)).text()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"client = {\n const provider = new BrowserProvider(`${baseUrl}/rpc/v0`, { token })\n // Monkey-patch in a method to call eth_* JSON-RPC methods\n LotusRPC.prototype.callEthMethod = async function (method, args) {\n await this.provider.connect()\n const request = {\n method: `eth_${method}`\n }\n request.params = args\n return this.provider.send(request, {})\n }\n return new LotusRPC(provider, { schema })\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1925,"value":"client.callEthMethod('chainId')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1927,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1582,"value":"filecoin_client = new FilecoinClient(`${baseUrl}/rpc/v0`, token)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"lotusApiClient = {\n const connector = new filecoinJs.HttpJsonRpcConnector({ url: baseUrl, token })\n return new filecoinJs.LotusClient(connector)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"async function *heightStream () {\n let last\n while (true) {\n try {\n const newHeight = (await client.chainHead()).Height\n if (newHeight !== last) {\n yield newHeight\n last = newHeight\n }\n } catch (e) {\n yield 0\n }\n await Promises.delay(4000)\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"mutable ready = false","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"async function *heightReadyTapStream () {\n let lastReady = false\n for await (const height of heightStream()) {\n const newReady = height > 7\n if (newReady !== lastReady) {\n mutable ready = newReady\n lastReady = newReady\n }\n yield height\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"currentHeight = heightReadyTapStream()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"walletDefaultAddress = ready && client.walletDefaultAddress()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1165,"value":"function getEvmAddress (address) {\n return '000000000000000000000000ff' + Number(address.slice(1)).toString(16).padStart(38, '0')\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1735,"value":"async function waitMsg (cid) {\n return await client.stateWaitMsg(cid, 0)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1734,"value":"async function waitEthTx (txId) {\n console.log('Waiting for', txId)\n let waitResponse\n for (let i = 0; i < 36; i++) { // 36 attempts at 5s each\n try {\n waitResponse = await client.callEthMethod('getTransactionReceipt', [txId])\n } catch (e) {\n if (e.message !== 'msg does not exist') {\n console.log('Get transaction error', txId, e)\n throw (e)\n }\n }\n if (!waitResponse) {\n console.log('Sleeping 5s - ', txId, i)\n await Promises.delay(5000)\n continue\n }\n }\n return waitResponse\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1808,"value":"## Backups","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1812,"value":"import {backups, backupNowButton} from '@jimpick/provider-quest-utils'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1841,"value":"backups()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1844,"value":"backupNowButton()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 2e:"$2d:body"