2c:null 2d:["$","title",null,{"children":"Transaction Trace | Geoff Lamperd | Observable"}] 32:T8d4,contracts = selection => { const contractData = selection .selectAll(".contract") .data(contractMap, d => d.address); const contracts = contractData .enter() .append("g") .attr("class", "contract"); contracts .append("rect") .attr("x", contractBox.x) .attr("y", (d, i) => contractY(i)) .attr("width", contractBox.width) .attr("height", contractBox.height) .attr("rx", 10) .attr("fill", "#4351BC") .attr("opacity", 0.3) .attr("stroke", "#000"); // Contract text contracts .append("text") .attr("x", contractBox.x + 5) .attr("y", (d, i) => contractY(i) + 10) .attr("dy", ".15em") .text(d => d.name) .attr("font-family", "sans-serif") .attr("font-size", 8) .attr("fill", "white"); // Contract address contracts .append("text") .attr("x", contractBox.x + 10) .attr("y", (d, i) => contractY(i) + 18) .text(d => d.address) .attr("font-family", "sans-serif") .attr("font-size", 4) .attr("fill", "white"); // Method names contracts.each(function(d, i) { //console.log("d ", d); //contr.selectAll("text"); //console.log('method len ', Object.keys(d.methods).length); const methodHeight = 7; const methodY0 = contractY(i) + 10 - (methodHeight * (d.methods.size - 1)) / 2; var j = 0; d.methods.forEach((method, key) => { //const method = d.methods[key]; //console.log("method ", method); method.x = contractBox.x - 5; method.y = methodY0 + j++ * 6; var len = 0; const txt = d3.select(this); txt .append("text") .attr("text-anchor", "end") .attr("x", method.x) .attr("y", method.y) .attr("dy", ".15em") .text(method.funcName) .attr("font-family", "sans-serif") .attr("font-size", 6) .attr("fill", "white"); // console.log(txt.selectAll("text").node().getBBox()); len = measureWidth(method.funcName) * 0.67; //console.log("txt len", len); method.x = contractBox.x - len - 5; // dot marker txt .append("circle") .attr("cx", method.x) .attr("cy", method.y) .attr("r", 1) .style("fill", "white"); }); }); }33:T4ce,transfers = (selection, arrowId, valueFunc) => { // Value transfers. Draw path from bar to account or contract const colour = { "arrow.eth": "#009900", "arrow.token": "#ffff1a" }[arrowId]; selection .append("path") .attr("d", d => { const p = d.valuePath.path; return p; }) .attr("stroke", colour) .attr("stroke-opacity", 1) .attr("stroke-width", 0.5) .attr("fill", "none") .attr("marker-end", "url(#" + arrowId + ")"); selection.nodes().forEach(node => { const p = d3 .select(node) .select("path") .node(); const datum = d3 .select(node) .select("path") .datum(); const pt = p.getPointAtLength(p.getTotalLength() * datum.valuePath.pathLoc); d3.select(node) .append("g") .append("text") .attr("x", pt.x) .attr("y", pt.y) .text(d => formatValue(valueFunc(d))) .attr("font-family", "sans-serif") .attr("font-size", 4) .attr("fill", colour) .attr("text-anchor", "middle") .attr( "transform", "translate(2,0) rotate(" + datum.valuePath.rotate + ", " + pt.x + "," + pt.y + ")" ); }); }34:Tb9c,function handleMouseOver(d, i) { // Add interactivity // Use D3 to select element //console.log('mouseover', d); d3.select(this).attr("opacity", 1.0); function getBB(selection) { selection.each(function(d, i) { d.bbox = this.parentNode.getBBox(); //console.log('getBBox', i, d.bbox, this.parentNode); return d.bbox; }); } // Specify where to put label of text const hoverText = d3 .select(this.parentNode) .append("g") .append("text") .attr("id", d => "t" + d.id) // Create an id for text so we can select it later for removing on mouseout .attr("x", d => x(d.depth + 2)) .attr("y", d => y(d3.max([0, d.data.startGas]))) .attr("dy", "1.0em") .attr("font-family", "sans-serif") .attr("font-size", "6") .attr("fill", "#e0daac"); hoverText.append("tspan").text(d => { var callText; if (d.data.type === "Call") callText = "Call to "; else if (d.data.type === "Delegatecall") callText = "Delegate call to "; else if (d.data.type === "Value") callText = "Transfer to " + d.data.to; else if (d.data.type === "Create") callText = "Create contract " + txDetails.participants[d.data.to].name; else if (d.data.type === "Selfdestruct") callText = "Self destruct call to " + txDetails.participants[d.data.to].name; if (d.data.type === "Call" || d.data.type === "Delegatecall") callText += txDetails.participants[d.data.to].name + "." + d.data.payload.funcSignature; return callText; }); hoverText .append("tspan") .attr("dy", "1.2em") .attr("x", d => x(d.depth + 2)) .text(d => { var text = ""; if (d.data.type === "Value") text = formatValue({ value: d.data.value, symbol: 'eth' }); else text = "Gas used: " + d.data.gasUsed + " Limit: " + d.data.gasLimit; return text; }); if (d.data.payload.inputs.length > 0) { hoverText .append("tspan") .attr("dy", "1.2em") .attr("x", d => x(d.depth + 2)) .text(d => { var inp = ''; d.data.payload.inputs.forEach( input => (inp += input.name + '=' + input.value + ' ') ); return inp; }); } if (d.data.payload.outputs.length > 0) { hoverText .append("tspan") .attr("dy", "1.2em") .attr("x", d => x(d.depth + 2)) .text(d => { var outp = ''; d.data.payload.outputs.forEach( output => (outp += output.name + '=' + output.value + ' ') ); return outp; }); } hoverText.call(getBB); //console.log("text ", hoverText.select(this.parent).node()); // const r = hoverText // .select(this) // .insert("rect", "text") // .attr("x", d => d.bbox.x) // .attr("y", d => d.bbox.y) // .attr("width", d => d.bbox.width) // .attr("height", d => d.bbox.height) // .attr("fill", "#888888"); d3.select("#path" + d.id).attr("stroke-width", "1"); }35:Ta56,function valuePath(from, to) { //console.log('arc path ', from, to); // start at bar in stack const fromParticipant = txDetails.participants[from]; const toParticipant = txDetails.participants[to]; if (!fromParticipant || !toParticipant) return { valuePath: "", rotate: 0, pathLoc: 0.5 }; var rotate = 0; // rotate text for contract-to-contract transfers var pathLoc = 0.5; // shift anchor point along path to avoid collisions var path = "M"; var isUpwards = // to is above (lower Y) than from isContract(fromParticipant) && (!isContract(toParticipant) || toParticipant.mapIndex < fromParticipant.mapIndex); var isAdjacent = Math.abs(toParticipant.mapIndex - fromParticipant.mapIndex) == 1; // and both are contracts // From participant if (isContract(fromParticipant)) { // Contract. Touch point is on top, or bottom if the to is below const contract = contractMap[fromParticipant.mapIndex]; var contX = contractBox.x + 30; var contY = contractY(contract.mapIndex); // Top Y if (!isUpwards) { // out from bottom contY += contractBox.height; } var controlY = isUpwards ? contY - 15 : contY + 15; path += contX + " " + contY; if (!isAdjacent) { path += "C" + (contX - 30) + " " + controlY; } if (isContract(toParticipant)) { rotate = 90; } } else { // Account. Touch point is middle bottom, then right a bit const acc = accountsData[fromParticipant.arrayIdx]; const accX = acc.x + accountBox.width / 2 + 10; const accY = accountBox.y + accountBox.height; path += accX + " " + accY + "C" + accX + " " + (accY + 30); pathLoc = 0.1; // place text near origin } // to participant if (isContract(toParticipant)) { // Contract. Touch point is on top const contract = contractMap[toParticipant.mapIndex]; var contY = contractY(toParticipant.mapIndex); var contX = contractBox.x + (isAdjacent ? 30 : 15); if (isUpwards) { // bottom contY += contractBox.height; } var controlY = isUpwards ? contY + 15 : contY - 15; if (!isAdjacent) { // No control point if adjacent path += " " + (contX - 30) + " " + controlY; } path += " " + contX + " " + contY; } else { // Account. Touch point is middle bottom, then left a bit const acc = accountsData[toParticipant.arrayIdx]; const accX = acc.x + accountBox.width / 2 - 10; const accY = accountBox.y + accountBox.height; path += " " + accX + " " + (accY + 30) + " " + accX + " " + accY; pathLoc = 0.1; } //console.log("path=", path); return { path, rotate, pathLoc }; }36:T582,getContracts = async () => { // Move functions to contracts Object.keys(txDetails.calls).forEach((key, i) => { const call = txDetails.calls[key]; if ( call.type === "Call" || call.type === "Delegatecall" || call.type === "Create" ) { var cont = txDetails.participants[call.to]; if (!cont.methods) cont.methods = new Map(); const func = call.type === "Create" ? "constructor()" : call.payload.funcSelector; cont.methods.set(func, call.payload); console.log('call ', i, func); if (call.type === "Create") { cont.methods.get(func).funcName = "constructor()"; call.payload.funcSelector = "constructor()"; } else if (!call.payload.funcName) { cont.methods.get(func).funcName = call.payload.funcSelector || 'fallback()'; } } }); // Filter contracts var cont = []; var idx = 0; Object.keys(txDetails.participants).forEach((key, i) => { const participant = txDetails.participants[key]; if (isContract(participant)) { cont.push(participant); participant.isToken = participant.tokenName || participant.symbol; participant.mapIndex = idx++; participant.name = participant.isToken ? participant.tokenName + "(" + participant.symbol + ")" : participant.contractName || abbreviateAddress(participant.address); } }); return cont; }37:T51b,getTransaction = async (txHash, options = {}) => { const network = options.network || "mainnet"; const txDetailsPromise = getTransactionDetails( txHash, options.alethioApiKey, network ); const messagesPromise = getContractMessages( txHash, options.alethioApiKey, network ); const tokenTransfersPromise = getTokenTransfers( txHash, options.alethioApiKey, network ); const [ [details, firstMessage], contractMessages, tokenTransferMessages ] = await Promise.all([ txDetailsPromise, messagesPromise, tokenTransfersPromise ]); const messages = [firstMessage, ...contractMessages]; const contracts = {}; const contractAddresses = messages.map(m => m.to); const uniqueAddresses = new Set([firstMessage.from, ...contractAddresses]); //debug(`${uniqueAddresses.size} participants in the transaction`) for (const address of uniqueAddresses) { contracts[address] = await getContract( address, options.etherscanApiKey, network ); const token = await getToken(address, options.alethioApiKey, network); if (token) { contracts[address].tokenName = token.name; contracts[address].symbol = token.symbol; } } return [messages, contracts, details, tokenTransferMessages]; }38:T59a,getContract = async ( contractAddress, // Register your API key at https://etherscan.io/myapikey apiKey = "YAJXVIAAS1XJHTC1RPYYPDNI2HQVPR8BF3", network = "mainnet" ) => { try { delete axiosES.defaults.headers.common['Authorization']; const response = await axiosES.get(etherscanBaseUrls[network], { headers: { Accept: 'application/json, text/plain, */*' }, params: { module: "contract", action: "getsourcecode", address: contractAddress, apiKey: apiKey } }); console.log('etherscan response ', response); if (!Array.isArray(response.data.result)) { throw new Error( `Failed Etherscan API with result "${response.data.result}"` ); } if (response.data.result[0].ABI === "Contract source code not verified") { //debug(`Contract ${contractAddress} is not verified on Etherscan`) return { address: contractAddress, contractName: null }; } // debug( // `Got contract name ${response.data.result[0].ContractName} for address ${contractAddress} from Etherscan` // ) return { address: contractAddress, contractName: response.data.result[0].ContractName }; } catch (err) { throw new Error( err, `Failed to get contract details for contract ${contractAddress} from Etherscan using url ${etherscanBaseUrls[network]}` ); } }39:Tac4,getContractMessages = async (txHash, apiKey, network = "mainnet") => { // if (!txHash.match(transactionHash)) { // throw new TypeError( // `Transaction hash "${txHash}" must be 32 bytes in hexadecimal format with a 0x prefix` // ) // } const url = `${alethioBaseUrls[network]}/transactions/${txHash}/contractMessages`; let messages = []; try { if (apiKey) { axios.defaults.headers.common["Authorization"] = `Bearer ${apiKey}`; } var isFirst = true; var hasMore = true; var nextCursor; while (hasMore) { var callOptions = { params: { "page[limit]": 100 } }; if (!isFirst) { callOptions.params["page[next]"] = nextCursor; } const response = await axios.get(url, callOptions); //console.log('alethio resp: ', response.data); if (!Array.isArray(response.data.data)) { throw new Error( `no contract messages in Alethio response ${response.data}` ); } for (const contractMessage of response.data.data) { var parentId = contractMessage.relationships.parentContractMessage.data ? contractMessage.relationships.parentContractMessage.data.id : null; if (parentId) { parentId = parentId.split(":").pop(); } messages.push({ id: contractMessage.attributes.cmsgIndex, type: convertType(contractMessage.attributes.msgType), from: contractMessage.relationships.from.data.id, to: contractMessage.relationships.to.data.id, parentId: parentId ? parseInt(parentId) : parentId, value: BigInt(contractMessage.attributes.value), payload: contractMessage.attributes.msgPayload, gasUsed: BigInt(contractMessage.attributes.msgGasUsed), gasLimit: BigInt(contractMessage.attributes.msgGasLimit), callDepth: contractMessage.attributes.msgCallDepth, status: !contractMessage.attributes.msgError, error: contractMessage.attributes.msgErrorString }); } //debug(`Got ${messages.length} messages from Alethio`) // handle more than 100 contract messages hasMore = response && response.data.meta.page.hasNext; console.log( 'contract messages hasMore? ', hasMore, response.data.meta.page ); if (hasMore) { nextCursor = response.data.links.next.split("=").pop(); } isFirst = false; } console.log('alethio messages: ', messages); return identifyDelegateCalls(messages); } catch (err) { throw new Error( err, `Failed to get contract messages for transaction hash ${txHash} from Alethio at url ${url}` ); } }3a:T74c,// identifies delegate calls where the parent's to does NOT equal the child's from // sets the message type on the delegatecall messages and delegatedCall on the child messages identifyDelegateCalls = (messages) => { try { // sort by contract message id messages = messages.sort((a, b) => a.id - b.id) const delegateCounts = {} console.log('identifyDelegateCalls ', messages); messages.forEach((message, i) => { //console.log('forEach', i); if (!isNaN(message.parentId)) { console.log('parent', message.parentId); // if message's from not equal to parent's to if (message.parentId && messages[i].from !== messages[message.parentId - 1].to) { messages[message.parentId - 1].type = MessageType.Delegatecall if (!delegateCounts[message.parentId]) { delegateCounts[message.parentId] = 0 } messages[i].delegatedCall = { id: delegateCounts[message.parentId]++, last: false } //console.log('end forEach') } } }) // set the last child delegated call const delegateCallIds = Object.keys(delegateCounts).map(id => parseInt(id) ) for (const parentId of delegateCallIds) { const delegatedCalls = messages.filter(m => m.parentId === parentId) const lastCallId = delegatedCalls[delegatedCalls.length - 1].id messages[lastCallId - 1].delegatedCall.last = true // debug( // `id ${parentId} is a delegatecall. Last child call has id ${lastCallId}` // ) } // debug( // `${messages.length} messages in total from Alethio. ${delegateCallIds.length} delegate calls` // ) return messages } catch (err) { // throw new VError( // err, // `Failed to initialise the ${messages.length} Alethio messages.` // ) } } 3b:Ta6c,getTokenTransfers = async (txHash, apiKey, network = "mainnet") => { const url = `${alethioBaseUrls[network]}/transactions/${txHash}/tokenTransfers`; let messages = []; try { if (apiKey) { axios.defaults.headers.common["Authorization"] = `Bearer ${apiKey}`; } var isFirst = true; var hasMore = true; var nextCursor; while (hasMore) { var callOptions = { params: { "page[limit]": 100 } }; if (!isFirst) { callOptions.params["page[next]"] = nextCursor; } const response = await axios.get(url, callOptions); console.log('alethio token tx resp: ', response.data); if (!Array.isArray(response.data.data)) { throw new Error( `no token transfer messages in Alethio response ${response.data}` ); } var idx = 0; for (const tokenTransferMessage of response.data.data) { var parentId = tokenTransferMessage.relationships.contractMessage.data ? tokenTransferMessage.relationships.contractMessage.data.id : null; if (parentId) { parentId = parentId.split(":").pop(); } var from = tokenTransferMessage.relationships.from.data.id; if (from === "0x0000000000000000000000000000000000000000") { from = tokenTransferMessage.relationships.token.data.id; } var to = tokenTransferMessage.relationships.to.data.id; if (to === "0x0000000000000000000000000000000000000000") { to = tokenTransferMessage.relationships.token.data.id; } messages.push({ id: "tt" + idx++, type: tokenTransferMessage.type, from: from, to: to, parentId: parentId ? parseInt(parentId) : parentId, value: BigInt(tokenTransferMessage.attributes.value), decimals: tokenTransferMessage.attributes.decimals, symbol: tokenTransferMessage.attributes.symbol, tokenContract: tokenTransferMessage.relationships.token.data.id, originator: tokenTransferMessage.relationships.originator.data.id }); } //debug(`Got ${messages.length} messages from Alethio`) // handle more than 100 transfer messages hasMore = response.data.meta.page.hasNext; if (hasMore) { nextCursor = response.data.links.next.split("=").pop(); } isFirst = false; } console.log('alethio tt messages: ', messages); return messages; } catch (err) { throw new Error( err, `Failed to get token transfer messages for transaction hash ${txHash} from Alethio at url ${url}` ); } }3c:T527, getToken = async ( contractAddress, apiKey, network = "mainnet" ) => { if (!contractAddress.match(/^0x([A-Fa-f0-9]{40})$/)) { throw new TypeError( `Contract address "${contractAddress}" must be 20 bytes in hexadecimal format with a 0x prefix` ) } const url = `${alethioBaseUrls[network]}/tokens/${contractAddress}` try { if (apiKey) { axios.defaults.headers.common["Authorization"] = `Bearer ${apiKey}` } const response = await axios.get(url) if (!response.data.data.attributes) { throw new Error( `no token attributes in Alethio response: ${response.data}` ) } const attributes = response.data.data.attributes const token = { address: contractAddress, name: attributes.name, symbol: attributes.symbol, decimals: attributes.decimals, totalSupply: BigInt(attributes.totalSupply) } //debug(`Got token from Alethio: ${stringify(token)}`) return token } catch (err) { if (err.response.status === 404) { // debug( // `Could not find token details for contract ${contractAddress} from Alethio` // ) return null } // throw new VError( // err, // `Failed to get token for address ${contractAddress} from Alethio using url ${url}` // ) } }3d:T857,//const debug = require("debug")("tx2uml") getTransactionDetails = async ( txHash, apiKey, network = "mainnet" ) => { // if (!txHash.match(transactionHash)) { // throw new TypeError( // `Transaction hash "${txHash}" must be 32 bytes in hexadecimal format with a 0x prefix` // ) // } const url = `${alethioBaseUrls[network]}/transactions/${txHash}` try { if (apiKey) { axios.defaults.headers.common["Authorization"] = `Bearer ${apiKey}` } const response = await axios.get(url) if (!response.data.data.attributes) { throw new Error( `no transaction attributes in Alethio response: ${response.data}` ) } if (!response.data.data.relationships) { throw new Error( `no transaction relationships in Alethio response: ${response.data}` ) } const attributes = response.data.data.attributes const relationships = response.data.data.relationships const details = { hash: txHash, nonce: attributes.txNonce, index: attributes.txIndex, value: BigInt(attributes.value), gasPrice: BigInt(attributes.txGasPrice), gasLimit: BigInt(attributes.msgGasLimit), timestamp: new Date(attributes.blockCreationTime * 1000), status: !attributes.msgError, error: attributes.msgErrorString } const firstMessage = { id: 0, type: convertType(attributes.msgType), from: relationships.from.data.id, to: relationships.to.data.id, value: BigInt(attributes.value), payload: attributes.msgPayload, gasUsed: BigInt(attributes.txGasUsed), gasLimit: BigInt(attributes.msgGasLimit), callDepth: 0, status: !attributes.msgError, error: attributes.msgErrorString } // debug( // `Got tx details and first message from Alethio:\ndetails: ${stringify( // details // )}\nfirst message: ${stringify(firstMessage)}` // ) return [details, firstMessage] } catch (err) { console.error( err, `Failed to get transaction details for hash ${txHash} from Alethio using url ${url}` ) } }3e:[] 30:{"id":"8193b211f482ccaf","slug":"transaction-trace","title":"Transaction Trace","thumbnail":"f69a38775939961c8c58ad67defdb186545dd4f19a8da9e1a89cca0e8c79dee7","access_level":"public","create_time":"$D2020-02-25T10:36:15.941Z","update_time":"$D2020-03-10T03:59:59.867Z","view_time":null,"first_public_time":"$D2020-03-02T08:14:24.299Z","has_unpublished_edits":null,"fork":{"id":"e257f81c745be447","slug":"collapsible-tree","title":"Collapsible tree","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":1,"starred":false,"owner":{"type":"team","id":"af8c329ba897d13b","login":"dalaillaama","name":"Geoff Lamperd","avatar_url":"https://avatars-next.observableusercontent.com/7245a8f6a4ddeeba4031d86f35399fb06ce947c86fba74c8ce58c2137ab0bb02","tier":"starter_2024","bio":"Full-stack developer: Ethereum"},"version":1759,"publish_version":1759,"role":null,"authored":false,"authors":[{"type":"individual","id":"720eaba439794657","login":"dalaillaama","name":"Geoff Lamperd","avatar_url":"https://avatars-next.observableusercontent.com/7245a8f6a4ddeeba4031d86f35399fb06ce947c86fba74c8ce58c2137ab0bb02","tier":null,"bio":"Full-stack developer: Ethereum"}],"members":[{"type":"individual","id":"720eaba439794657","login":"dalaillaama","name":"Geoff Lamperd","avatar_url":"https://avatars-next.observableusercontent.com/7245a8f6a4ddeeba4031d86f35399fb06ce947c86fba74c8ce58c2137ab0bb02","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Transaction Trace","cells":[{"id":0,"value":"md`# Transaction Trace\nShows details of the calls in an ethereum transaction. Paste a tx hash in and press Enter. Hover on a bar for call details.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1330,"value":"viewof txHash = html``\n\n//txHash = '0xe5e35ee13bb6326df4da89f17504a81923299d4986de06a019ca7856cbe76bca'\n//'0x661e7fcb393c3d0e4c789b9c95180335c346d276e089e628435b98ac86fedb8a' ////'0x4d953a8c531624e8336df5060239b7c0462b3d4d0cc5dcbb61af679ba81d161a'//","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1347,"value":"viewof network = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"chart = {\n console.log('x(0)', x(5), y(0), y(21000));\n\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"font\", \"10px sans-serif\")\n .style(\"user-select\", \"none\")\n .style(\"background-color\", \"#023770\")\n .style(\"color\", \"#ffffff\");\n\n svg.call(defs);\n svg.call(axis);\n // Tx hash header\n svg.call(header);\n svg.call(contracts);\n svg.call(accounts);\n svg.call(stackBars);\n svg.call(links);\n // Initial invocation path\n svg.call(invoke);\n // Value transfers. Draw path from bar to account or contract\n svg.call(valueTransfers);\n // Token transfers\n svg.call(tokenTransfers);\n\n return Object.assign(svg.node(), {});\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1637,"value":"defs = selection => {\n const defs = selection.append(\"defs\");\n\n defs\n .append(\"marker\")\n .attr(\"id\", \"arrow.eth\")\n .attr(\"viewBox\", \"0 -5 10 10\")\n .attr(\"refX\", 5)\n .attr(\"refY\", 0)\n .attr(\"markerWidth\", 6)\n .attr(\"markerHeight\", 6)\n .attr(\"orient\", \"auto\")\n .attr(\"fill\", \"#009900\")\n .append(\"path\")\n .attr(\"d\", \"M0,-5L10,0L0,5\")\n .attr(\"class\", \"arrowHead\");\n\n defs\n .append(\"marker\")\n .attr(\"id\", \"arrow.token\")\n .attr(\"viewBox\", \"0 -5 10 10\")\n .attr(\"refX\", 5)\n .attr(\"refY\", 0)\n .attr(\"markerWidth\", 6)\n .attr(\"markerHeight\", 6)\n .attr(\"orient\", \"auto\")\n .attr(\"fill\", \"#ffff9a\")\n .append(\"path\")\n .attr(\"d\", \"M0,-5L10,0L0,5\")\n .attr(\"class\", \"arrowHead\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1751,"value":"axis = sel => {\n const yAxis = d3\n .axisLeft()\n .scale(y)\n .tickFormat(function(d) {\n return parseInt(d / 1000) + \"k\";\n });\n\n const axis = sel\n .append(\"g\")\n .attr(\"transform\", \"translate(20, 0)\")\n .call(yAxis);\n axis.style(\"font-size\", \"4px\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1596,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1602,"value":"accounts = selection => {\n const accounts = selection\n .selectAll(\".account\")\n .data(accountsData, d => d.address)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"account\");\n\n accounts\n .append(\"rect\")\n .attr(\"x\", (d, i) => {\n const accX = x(i * 8) + 30;\n d.x = accX;\n return accX;\n })\n .attr(\"y\", accountBox.y)\n .attr(\"width\", accountBox.width)\n .attr(\"height\", accountBox.height)\n .attr(\"rx\", 5)\n .attr(\"fill\", \"#43BCAE\")\n .attr(\"opacity\", 0.3)\n .attr(\"stroke\", \"#000\");\n\n // Account address\n accounts\n .append(\"text\")\n .attr(\"x\", (d, i) => x(i * 8) + 65)\n .attr(\"y\", 18)\n .text(d => abbreviateAddress(d.address))\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 6)\n .attr(\"text-anchor\", \"middle\")\n .attr(\"fill\", \"white\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1606,"value":"stackBars = selection => {\n const bar = selection\n .selectAll(\".bar\")\n .data(callHierarchyWithStartGas.descendants(), d => d.id)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"bar\");\n\n bar\n .append(\"rect\")\n .attr(\"x\", d => x(d.depth))\n .attr(\"y\", d => y(d.data.startGas))\n .attr(\"width\", barWidth)\n .attr(\"height\", d => {\n const h = callHeight(d);\n //console.log('gas ', d.data.startGas, d.value, h);\n return h;\n })\n .attr(\"fill\", d => d3.color(\"#438ebc\").brighter(d.depth / 3))\n .attr(\"opacity\", 0.4)\n .on(\"mouseover\", handleMouseOver)\n .on(\"mouseout\", handleMouseOut);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1614,"value":"links = selection => {\n const links = selection\n .selectAll(\".link\")\n .data(getLinks())\n .enter()\n .append(\"g\")\n .attr(\"class\", \"link\");\n\n links\n .append(\"path\")\n .attr(\"d\", (d, i) => {\n //console.log('links ', i, txDetails.participants[d.to]);\n //console.log('d.to', txDetails.participants[d.to].methods[d.payload.funcSelector]);\n return callArc(\n d.data.startGas,\n callHeight(d),\n d.depth,\n d.data.to,\n d.data.payload.funcSelector\n );\n })\n .attr(\"id\", d => \"path\" + d.id)\n .attr(\"fill\", \"none\")\n //.attr(\"opacity\", 0.1)\n .attr(\"stroke\", \"#a0a0a0\")\n .attr(\"stroke-opacity\", 1)\n .attr(\"stroke-width\", 0.1);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1618,"value":"invoke = selection => {\n // Initial invocation path\n const invoke = selection\n .append(\"g\")\n .attr(\"class\", \"invoke\")\n .append(\"path\")\n .attr(\"d\", () => {\n //console.log('invoke ', d);\n var p = invokePath(callHierarchy.data.from);\n //console.log('path ', p);\n return p;\n })\n .attr(\"stroke\", \"#a0a0a0\")\n .attr(\"stroke-width\", 0.25)\n .attr(\"fill\", \"none\");\n\n // Value transferred on invoke\n // if (txDetails.tx.value > 0) {\n // selection\n // .append(\"text\")\n // .attr(\"x\", x(0) + barWidth / 2)\n // .attr(\"y\", y(0) - 3)\n // .text(formatValue(txDetails.tx.value))\n // .attr(\"font-family\", \"sans-serif\")\n // .attr(\"font-size\", 5)\n // .attr(\"fill\", \"white\")\n // .attr(\"text-anchor\", \"middle\");\n // }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1626,"value":"valueTransfers = selection => {\n // Value transfers. Draw path from bar to account or contract\n const valuePaths = selection\n .selectAll(\".value\")\n .data(\n callHierarchyWithStartGas\n .descendants()\n .filter(d => d.data.type === 'Value' || d.data.value > 0),\n d => d.id\n )\n .enter()\n .append(\"g\")\n .attr(\"class\", \"value\")\n .each(d => {\n const vp = valuePath(d.data.from, d.data.to);\n d.valuePath = vp;\n });\n\n transfers(valuePaths, \"arrow.eth\", d => {\n return { value: d.data.value, symbol: 'eth' };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1643,"value":"tokenTransfers = selection => {\n // Value transfers. Draw path from bar to account or contract\n const valuePaths = selection\n .selectAll(\".value\")\n .data(txDetails.tokenTransfers, d => d.id)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"value\")\n .each(d => {\n //console.log(\"tokenTransfers d \", d);\n const vp = valuePath(d.from, d.to);\n d.valuePath = vp;\n });\n\n transfers(valuePaths, \"arrow.token\", d => {\n return { value: d.value, symbol: d.symbol };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1646,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1535,"value":"valuePathText = (d, i) => {\n console.log(\"vpt \", d3.select(this).node());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1631,"value":"header = selection => {\n selection\n .append(\"text\")\n .attr(\"x\", \"10\")\n .attr(\"y\", 7)\n .text(\"Transaction hash: \" + txDetails.tx.hash)\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 6)\n .attr(\"fill\", \"#869af9\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1283,"value":"formatValue = result => {\n var currencyExt =\n (result.symbol || 'eth') === 'eth' ? '' : ' ' + result.symbol;\n if (result.value > 1000000000000000n) {\n // ETH\n return (\n d3.format(\".3f\")(Number(result.value / 1000000000000000n) / 1000) +\n result.symbol\n );\n } else if (result.value > 1000000n) {\n return (\n d3.format(\".3f\")(Number(result.value / 1000000000n)) +\n \"gwei\" +\n currencyExt\n );\n } else {\n return d3.format(\".3f\")(Number(result.value)) + \"wei\" + currencyExt;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1123,"value":"callHeight = d => {\n return y(d.data.startGas + d3.max([d.value, 1000])) - y(d.data.startGas);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":788,"value":"function handleMouseOut(d, i) {\n // Use D3 to select element, change color back to normal\n d3.select(this)\n .attr(\"opacity\", 0.4);\n\n // Select text by id and then remove\n d3.select(\"#t\" + d.id).remove(); // Remove text location\n \n d3.select(\"#path\" + d.id)\n .attr(\"stroke-width\", \"0.1\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1086,"value":"//color = d3.scaleOrdinal(d3.quantize(d3.interpolateRainbow, callHierarchy.children.length + 1))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"contractY = (i) => {\n return (i+0.75) * contSpace;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":736,"value":"contSpace = (height-50) / contractMap.length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"measureWidth = {\n const context = document.createElement(\"canvas\").getContext(\"2d\");\n return text => context.measureText(text).width;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":777,"value":"function invokePath(fromAcc) {\n var idx = 0;\n for (var i = 0; i < accountsData.length; i++) {\n if (accountsData[i] === fromAcc) {\n idx = i;\n break;\n }\n }\n const accY = 20;\n const accX = x(idx * 8) + 65;\n return (\n \"M\" +\n accX +\n \",\" +\n accY +\n \"C\" +\n accX +\n \" \" +\n (accY + 20) +\n \" \" +\n (x(0) + barWidth / 2) +\n \" \" +\n (y(1) - 20) +\n \" \" +\n (x(0) + barWidth / 2) +\n \" \" +\n y(1)\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1231,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"function callArc(startGas, dy, depth, contractAddr, funcSelector) {\n //console.log('arc path ', startGas, funcSelector, contractAddr);\n const contract = contractMap[txDetails.participants[contractAddr].mapIndex];\n var contY = contract.methods.get(funcSelector).y;\n var contX = contract.methods.get(funcSelector).x;\n const barYEnd = y(startGas) + dy;\n return (\n \"M\" +\n (x(depth) + barWidth) +\n \",\" +\n y(startGas) +\n \"C\" +\n x(depth + 5) +\n \" \" +\n y(startGas) +\n \" \" +\n (contX - 30) +\n \" \" +\n contY +\n \" \" +\n contX +\n \" \" +\n contY +\n \"C\" +\n (contX - 30) +\n \" \" +\n contY +\n \" \" +\n x(depth + 5) +\n \" \" +\n barYEnd +\n \" \" +\n (x(depth) + barWidth) +\n \" \" +\n barYEnd +\n \"z\"\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1429,"value":"contractBox = ({ x: x(29), width: 120, height: 20 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1244,"value":"accountBox = ({ x: 10, y: 10, width: 70, height: 10 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":529,"value":"barWidth=9","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"x = d3.scaleLinear()\n .domain([0, 40])\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"y = d3\n .scaleLinear()\n .domain([\n 0,\n d3.extent(callHierarchy.descendants(), d =>\n new Number(d.data.gasUsed).valueOf()\n )[1]\n ])\n .range([margin.top, height - margin.bottom])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1142,"value":"abbreviateAddress = (addr) => {\n return addr.substring(1, 8) + '...' + addr.slice(-4);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":700,"value":"findMethod = (idx, name) => {\n const contract = contractMap[idx];\n return contract.methods.get(name);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":697,"value":"findContract = (name) => {\n return contractMap[name];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"width = 420","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"height = d3.max([150, contractMap.length * 50])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"margin = ({top: 50, right: 20, bottom: 10, left: 20})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"getLinks = () => {\n return callHierarchyWithStartGas\n .descendants()\n .filter(\n d =>\n d.data.type === 'Call' ||\n d.data.type === 'Delegatecall' ||\n d.data.type === 'Create'\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"assignCallSequence()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1003,"value":"assignCallSequence = () => {\n var seq = 0;\n Object.keys(txDetails.calls).forEach((key, i) => {\n var call = txDetails.calls[key];\n if (call.type === \"Call\" || call.type === \"Delegatecall\") {\n call.sequence = seq++;\n } else {\n call.sequence = seq;\n }\n });\n return txDetails.calls;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1078,"value":"callHierarchyWithStartGas = callHierarchyWithGas.eachBefore(node => {\n if (node.parent) {\n node.data.startGas = node.parent.data.lastGas;\n node.parent.data.lastGas = node.data.startGas + node.value + node.parent.data.spacer;\n node.data.lastGas = node.data.startGas + (node.data.spacer || 0);\n } else {\n node.data.startGas = 0;\n node.data.lastGas = node.data.spacer;\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1057,"value":"callHierarchyWithGas = callHierarchy.eachAfter(node => {\n node.value = (new Number(node.data.gasUsed)).valueOf();\n if (node.children) {\n // Add gas used by children\n var totGas = 0;\n node.children.forEach((child) => {totGas += child.value});\n // Calculate gas used by this call and distribute it\n node.data.thisGas = node.value - totGas;\n node.data.spacer = node.data.thisGas / (node.children.length + 1);\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1012,"value":"callHierarchy = d3.stratify()\n .id(d => d.id)\n .parentId(d => {\n // TODO - what if callDepth > 1????\n return d.parentId ? d.parentId : (d.callDepth > 0) ? 0 : null})\n (txDetails.calls)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1251,"value":"isContract = participant => {\n return (\n participant.contractName ||\n participant.tokenName ||\n participant.symbol ||\n participant.methods\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":984,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":991,"value":"contractMap = getContracts()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1154,"value":"accountsData = await getAccounts();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":956,"value":"getAccounts = async () => {\n var acc = [];\n var idx = 0;\n Object.keys(txDetails.participants).forEach((key, i) => {\n const participant = txDetails.participants[key];\n if (!isContract(participant)) {\n acc.push(participant);\n participant.arrayIdx = idx++;\n }\n });\n return acc;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":922,"value":"txDetails = {\n const arr = await getTransaction(txHash, options);\n return {\n calls: arr[0],\n participants: arr[1],\n tx: arr[2],\n tokenTransfers: arr[3]\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":923,"value":"options = ({\n network: network || 'mainnet',\n alethioApiKey: alethioKeys[network],\n etherscanApiKey: 'YAJXVIAAS1XJHTC1RPYYPDNI2HQVPR8BF3'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"alethioKeys = ({\n mainnet: 'sk_main_2f9f8ddc42215672',\n ropsten: 'sk_ropsten_cc718fb3bd45d2c9'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"alethioBaseUrls = ({\n mainnet: \"https://api.aleth.io/v1\",\n ropsten: \"https://api.ropsten.aleth.io/v1\",\n rinkeby: \"https://api.rinkebyaleth.io/v1\",\n kovan: \"https://api.kovan.aleth.io/v1\"\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"etherscanBaseUrls = ({\n mainnet: \"https://api.etherscan.io/api\",\n ropsten: \"https://api-ropsten.etherscan.io/api\",\n rinkeby: \"https://api-rinkeby.etherscan.io/api\",\n kovan: \"https://api-kovan.etherscan.io/api\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":852,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1587,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":882,"value":"MessageType = ({\n Value: 'Value',\n Call: 'Call',\n Create: 'Create',\n Selfdestruct: 'Selfdestruct',\n Delegatecall: 'Delegatecall'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":861,"value":"convertType = (msgType) => {\n let type = MessageType.Call\n if (msgType === \"ValueContractMsg\" || msgType === \"ValueTx\") {\n type = MessageType.Value\n } else if (msgType === \"CreateContractMsg\" || msgType === \"CreateTx\") {\n type = MessageType.Create\n } else if (\n msgType === \"SelfdestructContractMsg\" ||\n msgType === \"SelfdestructTx\"\n ) {\n type = MessageType.Selfdestruct\n }\n return type\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":864,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1170,"value":"axiosES = require(\"axios@0.19.0/dist/axios.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"axios = require(\"axios@0.19.0/dist/axios.js\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":827,"value":"md`## Credits\nData retrieval derived from [tx2uml](https://github.com/naddison36/tx2uml) by Nick Addison.\n\n## License\n\nWith the exception of code imported from other sources as stated above, the code in this notebook is MIT Licensed.\n\nCopyright (c) 2020 Stonebell Consulting Pty Ltd`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"1"}} 31:"$30:body"