29:null 2a:["$","title",null,{"children":"FVM Actor Code Playground - WFIL Testing - Hyperspace Testnet | Jim Pick | Observable"}] 2f:T572,transferFundsStatus = { if (walletDefaultAddress && keys) { const start = Date.now() yield { transferring: true, start } const responses = [] for (const key of keys) { responses.push(await send()) async function send () { console.log('Send to:', key.address) const populatedTx = await devFundsWallet.populateTransaction({ to: key.address, value: ethers.utils.parseEther("0.1"), }) console.log('Transaction:', populatedTx) const signedTx = await devFundsWallet.signTransaction(populatedTx) console.log('Send Transaction:', provider.formatter.transaction(signedTx)) const response = await client.callEthMethod('sendRawTransaction', [signedTx]) console.log('Response:', response) return response } } const waitStart = Date.now() yield { waiting: true, start, waitStart, responses } const promises = [] for (const response of responses) { promises.push(waitEthTx(response)) } const waitResponses = await Promise.all(promises) const lookups = {} for (const key of keys) { lookups[key.delegated.toString()] = await lotusApiClient.state.lookupId(key.delegated.toString(), []) } yield { transferred: true, responses, waitResponses, lookups } mutable invalidatedDevFundsBalanceAt = new Date() } }30:T4e3,{ if (depositOwnerStatus === undefined || !depositOwnerStatus) { yield md`Status: Method has not been invoked yet.` return } if (depositOwnerStatus.invoking) { while (true) { const elapsed = (Date.now() - depositOwnerStatus.start) / 1000 yield md`Sending transaction for method... (${elapsed.toFixed(1)}s)` await Promises.delay(1000) } } if (depositOwnerStatus.response) { while (true) { let output = `

Transaction sent

Txn Hash: ${depositOwnerStatus.response}

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

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

` output += `

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

` output += `

Status: ${depositOwnerStatus.waitResponse.status}

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

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

` yield html`${output}` await Promises.delay(1000) } } }31:T51a,{ 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: ${transferFromOwnerStatus.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) } } }32:T50f,{ 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: ${transferFromUserStatus.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) } } }33:T427,transferFromUserStatus = { if (transferFromUserButton) { const start = Date.now() yield { invoking: true, start } const source = transferFromUserButton.source const dest = transferFromUserButton.dest.address const amount = ethers.utils.parseEther(`${transferFromUserButton.amount}`) const signer = new ethers.Wallet(source.privateKey, provider) const contract = new ethers.Contract(wfilAddress, abi, signer) 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() } }34:[{"id":"2aa607f0a34ff42eed6860893616da5b8d2a255af2899d5b8f0391c18b9912a5994354f7a65c3d1439809ab4ecded309de0654d7dc3fac8d10bd17140d642d0c","href":"https://static.observableusercontent.com/files/2aa607f0a34ff42eed6860893616da5b8d2a255af2899d5b8f0391c18b9912a5994354f7a65c3d1439809ab4ecded309de0654d7dc3fac8d10bd17140d642d0c","name":"ERC20.bin","type":"application/octet-stream","lastModified":1679081897190.722,"size":7322},{"id":"eef3a4645344ca80cca701962a7a6f851f7ea0d4c3861220c815e0d2f14de89afb7bb115a4767aae190d4d75a383477db1afae32f07e4adf316a894fbeea8d42","href":"https://static.observableusercontent.com/files/eef3a4645344ca80cca701962a7a6f851f7ea0d4c3861220c815e0d2f14de89afb7bb115a4767aae190d4d75a383477db1afae32f07e4adf316a894fbeea8d42","name":"WFIL.abi.json","type":"application/json","lastModified":1679082026979.958,"size":8721}] 2d:{"id":"54baed26cd64391c","slug":null,"title":"FVM Actor Code Playground - WFIL Testing - Hyperspace Testnet","thumbnail":"d757b8b17b9f4b3e08799c97b9872fd6c77c841a3e843a62af5d6763dbc6e63b","access_level":"public","create_time":"$D2023-03-17T19:38:17.190Z","update_time":"$D2023-03-17T20:16:24.596Z","view_time":null,"first_public_time":"$D2023-03-17T19:38:17.190Z","fork":{"id":"854de4df5a482e51","slug":"fvm-actor-code-playground-erc20-sans-events-hyperspace-tes","title":"FVM Actor Code Playground - ERC20 Sans Events - Hyperspace Testnet","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":2413,"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":1,"collection":null,"type":"notebook","body":{"title":"FVM Actor Code Playground - WFIL Testing - Hyperspace Testnet","cells":[{"id":0,"value":"# FVM Actor Code Playground - WFIL Testing - Hyperspace Testnet","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":154,"value":"Try a real [ERC20](https://docs.openzeppelin.com/contracts/4.x/erc20) Smart Contract on the [Filecoin Virtual Machine](https://fvm.filecoin.io/)!\n\nHere is an example EVM Smart Contract, from:\n\n* https://github.com/filecoin-project/testnet-wallaby/issues/8\n* https://github.com/filecoin-project/fvm-example-actors/tree/main/erc20-sans-events\n* https://github.com/jimpick/fvm-example-actors/tree/jim-erc20/erc20-sans-events (same as above, but with extra build scripts and missing files)\n\nYou can modify it here, then scroll down and click the buttons to compile it, then load onto the [Hyperspace Testnet](https://github.com/filecoin-project/testnet-hyperspace), and invoke methods against it.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1617,"value":"This is a modified version of the [ERC20 Sans Events](https://observablehq.com/@jimpick/fvm-actor-code-playground-erc20-sans-events) notebook (that version deploys the contract to an on-demand localnet instead of a live testnet). This demo runs much slower because the testnet has a 30 second block time, whereas the localnet has a 10 second block time.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1993,"value":"It communicates with the network using the [Hyperspace Public GLIF API Gateway](https://api.hyperspace.node.glif.io/) ... so it needs to keep all the secrets local in the web browser.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2345,"value":"* https://github.com/filecoin-project/testnet-hyperspace","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2333,"value":"## Video Demo","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2335,"value":"* YouTube: [FVM Actor Code Playground - ERC20 Sans Events - Wallaby Testnet](https://www.youtube.com/watch?v=pp8RIaS9skA)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1619,"value":"## Development Funds","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1621,"value":"Since we're going to deploy against the Wallaby Testnet, we'll need some funds to do that. First, we'll create a \"seed phrase\" (aka. \"mnemonic\") and store that (very insecurely) in the browser's localStorage so that it can be accessed from any notebook. Cryptographic keys can be derived from the passphrase so you have an address to send funds to. This is super dangerous! You wouldn't want to do this with real funds!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1853,"value":"md`**Developer funds seed phrase:**\n\n\\`\\`\\`\n${devFundsMnemonic}\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"**Tip:** You can import the seed phrase from above to create a \"burner wallet\" using the [GLIF Wallet](https://wallet.glif.io/?network=hyperspace) (optional)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1635,"value":"{\n return md`\nAddress: **\\`${devFundsAddress}\\`**\n\nDelegated (t4) Address: ${devFundsDelegatedAddress}\n\nID: ${!devFundsId || devFundsId.error ? \"Doesn't exist yet, transfer in some funds.\" : devFundsId} \\ \nBalance: ${!devFundsBalance || devFundsBalance.error ? '0 FIL' : devFundsBalance.toFil() + ' FIL'}\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1710,"value":"Inputs.button(\"Re-check ID and Balance\", { value: null, reduce: () => {\n mutable invalidatedDevFundsIdAt = new Date();\n mutable invalidatedDevFundsBalanceAt = new Date();\n} })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1712,"value":"You can get some funds from the [Hyperspace Faucet](https://hyperspace.yoga/#faucet) ... just submit the address above, complete the captcha, and wait for the funds to be deposited. (Be sure to scroll down to see the form)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1649,"value":"md`Also, check out the [GLIF Explorer](https://explorer.glif.io/actor/?network=wallaby&address=${devFundsAddress}) to watch the transactions for the address in real time.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1625,"value":"devFundsMnemonic = {\n const localStorageKey = 'fvm_playground_dev_funds_phrase'\n let phrase = localStorage.getItem(localStorageKey)\n if (!phrase) {\n phrase = bip39.generateMnemonic()\n localStorage.setItem(localStorageKey, phrase)\n }\n return phrase\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2122,"value":"devFundsKey = ethers.Wallet.fromMnemonic(devFundsMnemonic, `m/44'/60'/0'/0/0`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2126,"value":"devFundsAddress = devFundsKey.address","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2128,"value":"devFundsDelegatedKey = filecoinAddress.newDelegatedEthAddress(devFundsAddress, 't')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2137,"value":"devFundsDelegatedAddress = devFundsDelegatedKey.toString()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1869,"value":"devFundsId = {\n invalidatedDevFundsIdAt;\n try {\n return await lotusApiClient.state.lookupId(devFundsDelegatedAddress, [])\n } catch (e) {\n return { error: e.message }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1873,"value":"mutable invalidatedDevFundsIdAt = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1672,"value":"devFundsBalance = {\n invalidatedDevFundsBalanceAt;\n try {\n const result = await lotusApiClient.state.getActor(devFundsDelegatedAddress, [])\n return new FilecoinNumber(result.Balance, 'attofil')\n } catch (e) {\n return { error: e.message }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1705,"value":"mutable invalidatedDevFundsBalanceAt = new Date()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1770,"value":"devFundsReady = devFundsId && !devFundsId.error","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2152,"value":"devFundsWallet = new ethers.Wallet(devFundsKey.privateKey, provider)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","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":1847,"value":"md`**Random temporary seed phrase:**\n\n\\`\\`\\`\n${randomMnemonic}\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1850,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1096,"value":"randomMnemonic = bip39.generateMnemonic()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","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":2051,"value":"ownerKey = keys.find(({ name }) => name === 'Owner')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2341,"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 0.1 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. Transferring the funds might take up to 2 minutes.","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":1845,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1118,"value":"$2f","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 0.1 FIL each).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","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":1843,"value":"---","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":1128,"value":"async function getBalances (addresses) {\n return Promise.all(\n addresses\n .map(async address => {\n const response = await lotusApiClient.state.getActor(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":2293,"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":234,"value":"## Step 2: Connect to Deployed WFIL Contract","pinned":false,"hidden":false,"mode":"md","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":1932,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1339,"value":"abi2 = (await fetch('https://raw.githubusercontent.com/jimpick/fvm-example-actors/jim-erc20/erc20-sans-events/output/ERC20PresetFixedSupply.abi')).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2366,"value":"abi = FileAttachment(\"WFIL.abi.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1343,"value":"iface = new ethers.utils.Interface(abi)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"deployer = new ethers.Wallet(ownerKey.privateKey, provider)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2375,"value":"wfilAddress = \"0x6C297AeD654816dc5d211c956DE816Ba923475D2\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2290,"value":"contract = new ethers.Contract(wfilAddress, abi, deployer)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"md`## Step 3: 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":187,"value":"viewof invokeEvmMethodButton = Inputs.button(`Get ERC20 Token Balance for Owner (${ownerId})`, {\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":678,"value":"invokeEvmMethodButton ? md`Balance: ${invokeEvmMethodButton}` : md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2379,"value":"## Step 3b: Deposit tFIL to owner address (mints WFIL tokens)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2382,"value":"viewof depositAmount = Inputs.range([0.0001, 0.001], {value: 0.0001, step: 0.0001, label: 'tFIL to deposit'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2388,"value":"viewof depositOwnerButton = Inputs.button(`Deposit`, {\n value: null,\n reduce: () => ({\n amount: depositAmount\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2397,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2403,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2390,"value":"depositOwnerStatus = {\n if (depositOwnerButton) {\n const start = Date.now()\n yield { invoking: true, start }\n const amount = depositOwnerButton.amount\n const value = ethers.utils.parseEther(`${amount}`)\n const unsignedTx = await contract.populateTransaction.deposit({ value })\n const populatedTx = await deployer.populateTransaction(unsignedTx)\n const signedTx = await deployer.signTransaction(populatedTx)\n console.log('Deposit 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":1254,"value":"md`## Step 4: 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([0.0001, 0.001], {value: 0.0001, step: 0.0001, 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 value: null,\n reduce: () => ({\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":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1960,"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 = ethers.utils.parseEther(`${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 5: 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 3, 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":1985,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1317,"value":"tokenBalances = {\n invalidatedBalancesAt;\n if (keys) {\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 6: 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 4, 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([0.0001, 0.001], {value: 0.0001, step: 0.0001, 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: transferFromUserForm[0] === transferFromUserForm[1],\n value: null,\n reduce: () => ({\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":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1987,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1578,"value":"$33","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":2175,"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":2177,"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":1683,"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":2110,"value":"bip39 = require('https://bundle.run/bip39@3.0.4')","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":2145,"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":1643,"value":"import {localStorage} from \"@mbostock/safe-local-storage\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1929,"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://api.hyperspace.node.glif.io\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1692,"value":"token = ''","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2173,"value":"client = {\n const provider = new BrowserProvider(`${baseUrl}/rpc/v0?token=`, {\n sendHttpContentType: 'application/json'\n })\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":1582,"value":"filecoin_client = new FilecoinClient(baseUrl, token)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1690,"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":353,"value":"walletDefaultAddress = devFundsReady && devFundsAddress","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":1915,"value":"async function waitMsg (cid) {\n // console.log('Waiting for', cid)\n let waitResponse\n for (let i = 0; i < 36; i++) { // 36 attempts at 5s each\n waitResponse = await lotusApiClient.state.searchMsg(cid)\n if (!waitResponse) {\n // console.log('Sleeping 5s - ', cid['/'], 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":2202,"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":2005,"value":"## Backups","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2007,"value":"import {backups, backupNowButton} from '@jimpick/provider-quest-utils'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2036,"value":"backups()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2039,"value":"backupNowButton()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 2e:"$2d:body"