2d:null 2e:["$","title",null,{"children":"pipeos web3 env | Loredana Cirstea | Observable"}] 33:T10f5,contractsData = [ { name: "VendorRegistration", address: "0x274782b8155ddcc9d868f9e676e6688d78c22488", abi: [{"constant":false,"inputs":[{"name":"vendor","type":"address"},{"name":"product_id","type":"uint256"}],"name":"registerVendor","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[],"payable":false,"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":false,"name":"product_id","type":"uint256"},{"indexed":false,"name":"vendor","type":"address"}],"name":"VendorRegistered","type":"event"},{"constant":true,"inputs":[{"name":"product_id","type":"uint256"}],"name":"getVendor","outputs":[{"name":"vendor","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"uint256"},{"name":"","type":"uint256"}],"name":"table","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"}], }, { name: "VendorPrices", address: "0x7a93134e763a75df41b625319839024e628ce171", abi: [{"constant":false,"inputs":[{"name":"vendor","type":"address"},{"name":"product_id","type":"uint256"},{"name":"price_per_unit","type":"uint256"}],"name":"setUnitPrice","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[],"payable":false,"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":false,"name":"product_id","type":"uint256"},{"indexed":false,"name":"vendor","type":"address"},{"indexed":false,"name":"price_per_unit","type":"uint256"}],"name":"PriceSet","type":"event"},{"constant":true,"inputs":[{"name":"product_id","type":"uint256"},{"name":"vendor","type":"address"},{"name":"wei_value","type":"uint256"}],"name":"calculateQuantity","outputs":[{"name":"quantity","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"bytes32"}],"name":"prices","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"}] }, { name: "MarketPlace", address: "0x0b77f47455f3e39c817f1b4d29b81461105438c0", abi: [{"constant":false,"inputs":[{"name":"vendor","type":"address"},{"name":"buyer","type":"address"},{"name":"product_id","type":"uint256"},{"name":"quantity","type":"uint256"}],"name":"buy","outputs":[],"payable":true,"stateMutability":"payable","type":"function"},{"constant":false,"inputs":[{"name":"vendor","type":"address"},{"name":"product_id","type":"uint256"},{"name":"quantity","type":"uint256"}],"name":"setQuantity","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"inputs":[{"name":"registration_address","type":"address"},{"name":"prices_address","type":"address"}],"payable":false,"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":false,"name":"vendor","type":"address"},{"indexed":false,"name":"product_id","type":"uint256"},{"indexed":false,"name":"quantity","type":"uint256"},{"indexed":false,"name":"buyer","type":"address"}],"name":"MarketBuy","type":"event"},{"anonymous":false,"inputs":[{"indexed":false,"name":"vendor","type":"address"},{"indexed":false,"name":"product_id","type":"uint256"},{"indexed":false,"name":"quantity","type":"uint256"}],"name":"QuantitySet","type":"event"},{"constant":true,"inputs":[{"name":"","type":"bytes32"}],"name":"available_quantities","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"vendor","type":"address"},{"name":"product_id","type":"uint256"}],"name":"getKey","outputs":[{"name":"key","type":"bytes32"}],"payable":false,"stateMutability":"pure","type":"function"},{"constant":true,"inputs":[{"name":"vendor","type":"address"},{"name":"product_id","type":"uint256"}],"name":"getQuantity","outputs":[{"name":"quantity","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"prices_contract","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"registration_contract","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"}] } ]34:T595,function loadContractsData(contractsData = []) { const setOpts = (select, options) => { select.options.length = 0; options.forEach((option, i) => { var opt = document.createElement('option'); opt.value = i; opt.innerHTML = option.name; select.appendChild(opt); }) } const contracts = document.getElementById('contractsSelect'); const nodes = document.getElementById('nodesSelect'); const addB = document.getElementById('addNode'); setOpts(contracts, contractsData); setOpts(nodes, contractsData[0].abi); contracts.onchange = () => { const cindex = parseInt(contracts.value); console.log('contracts.onchange', cindex); setOpts(nodes, contractsData[cindex].abi); } addB.onclick = () => { const cindex = parseInt(contracts.value); const nindex = parseInt(nodes.value); const pclass = contractsData[cindex]; const pfunc = pclass.abi[nindex]; const pclassid = `${pclass.name}_${cindex}`; const pfunction = prepPFunction({ _id: `${pfunc.name}_${cindex}_${nindex}`, pclassid: pclassid, pfunction: { signature: '', gapi: pfunc, }, pclass: { _id: pclassid, name: pclass.name, type: 'sol', deployment: pclass.address, }, timestamp: "2019-03-22T14:38:36.112Z", }); fcontext[pfunction._id] = pfunction; graphobj.addFunction(pfunction); } }35:Tb74,function setDbFilter() { const entityMap = { function: 'pfunction', contract: 'pclass', } dtype.t.setEnum('entity', Object.keys(entityMap)); dtype.t.setEnum('io', ['inputs', 'outputs']); let inputs = { value: [ 'uint256', 'function', 'inputs', '', ], type: { type: 'enum:types', collection: 'enum:entity', 'i/o': 'enum:io', name: 'string', }, name: 'filter', } const guiOptions = { gui: {align: 'left'}, onChange: (typed) => { inputs = typed; inputs.type = inputs.type; }, buttons: [ {type: "button", label: "search", action: async () => { console.log('-- filter inputs', inputs); const results = await callDb(inputs); }} ] } async function callDb(newinputs) { const [type, collection, io, nameRegex, page] = newinputs.value; const query = {}; const filter = {limit: 50}; let response = {}; if (type !== 'type_component') { query[`${entityMap[collection]}.gapi.${io}.type`] = type; } if (nameRegex !== '') { const key = collection === 'function' ? 'pfunction.gapi.name' : 'name'; query[key] = {like: nameRegex, options: 'i'}; } if ( page && type === inputs.value[0] && collection === inputs.value[1] && io === inputs.value[2] && nameRegex === inputs.value[3] ) { filter.skip = (page - 1) * filter.limit; } else { filter.skip = 0; } if (collection === 'function') { response = await searchPFunctions(query, filter); } if (collection === 'contract') { filter.limit = 5; response = await searchPClasses(query, filter); } showDbOptions(response.pclassMap, 'contractsSelectDb', 'nodesSelectDb', 'addNodeDb'); const count = response.count; console.log('count', count); if (count > filter.limit) { const pages = Math.ceil(count / filter.limit); dtype.t.setType('upage', x => x >= 1 && x <= pages, [dtype.natural]); dtype.controls.upage = { min: () => 0, max: () => pages, showControl: function (typed, folder, gui, onChange) { gui.Register({ type: 'range', label: typed.name+":"+typed.type, min: dtype.controls[typed.type].min(), max: dtype.controls[typed.type].max(), step: 1, folder: folder, initial: typed.value, onChange: (data) => { typed.value = data; if (onChange) onChange(typed); } }) return typed } }; if (!inputs.type.page) { inputs.value.push(1); inputs.type.page = 'upage'; } console.log('inputs', inputs); showControl(inputs, "controlDbFilter", guiOptions); } } showControl(inputs, "controlDbFilter", guiOptions); }36:T510,function showDbOptions(pclassMap, contractsSelectId, nodesSelectId, addNodeId) { console.log('-- pclassMap', pclassMap); const contractsData = Object.values(pclassMap); const setOpts = (select, options, getId, getName) => { select.options.length = 0; options.forEach((option, i) => { var opt = document.createElement('option'); opt.value = i; opt.innerHTML = option.name; select.appendChild(opt); }) } const contracts = document.getElementById(contractsSelectId); const nodes = document.getElementById(nodesSelectId); const addB = document.getElementById(addNodeId); setOpts(contracts, contractsData); setOpts(nodes, contractsData[0] ? contractsData[0].pfunctions.map(func => func.pfunction.gapi) : []); contracts.onchange = () => { const cindex = parseInt(contracts.value); console.log('contracts.onchange', cindex); setOpts(nodes, contractsData[cindex].pfunctions.map(func => func.pfunction.gapi)); } addB.onclick = () => { const cindex = parseInt(contracts.value); const nindex = parseInt(nodes.value); const pclass = contractsData[cindex]; const pfunc = pclass.pfunctions[nindex]; fcontext[pfunc._id] = pclass.pfunctions[nindex]; graphobj.addFunction(pclass.pfunctions[nindex]); } }37:[] 31:{"id":"22ede4086aa886da","slug":"pipeos-web3-env","title":"pipeos web3 env","thumbnail":"9d25642738d7cbb75c9d2cd970c8274e87d996d8a140702370bb83e8600a9c8d","access_level":"public","create_time":"$D2019-12-21T01:22:49.187Z","update_time":"$D2020-02-01T16:46:42.946Z","view_time":null,"first_public_time":"$D2019-12-21T12:14:15.219Z","has_unpublished_edits":null,"fork":true,"stars":2,"starred":false,"owner":{"type":"team","id":"8e473715edf43be0","login":"loredanacirstea","name":"Loredana Cirstea","avatar_url":"https://avatars-next.observableusercontent.com/30df6a9b49f501ce4283eb407d3b1d74a80067b46312b7c55030e732e7f5f045","tier":"starter_2024"},"version":1213,"publish_version":1213,"role":null,"authored":false,"authors":[{"type":"individual","id":"63ee3dcd02874821","login":"loredanacirstea","name":"Loredana Cirstea","avatar_url":"https://avatars-next.observableusercontent.com/30df6a9b49f501ce4283eb407d3b1d74a80067b46312b7c55030e732e7f5f045","tier":null}],"members":[{"type":"individual","id":"63ee3dcd02874821","login":"loredanacirstea","name":"Loredana Cirstea","avatar_url":"https://avatars-next.observableusercontent.com/30df6a9b49f501ce4283eb407d3b1d74a80067b46312b7c55030e732e7f5f045","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"pipeos web3 env","cells":[{"id":0,"value":"md`# pipeos web3 env`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":929,"value":"md`#### This is a version 0.0.3 release and you might encounter bugs. If you find one or want to give us feedback, let us know at https://gitter.im/pipeos-one/pipeline`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"html `

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1109,"value":"md `## Tutorials\n1) graph & source code creation, use your own contracts\n\n2) navigation menu, fullscreen graph view, guiType, event filter support, multiple instance collaboration\n\n3) type-driven development & how to search the Pipeline database: https://youtu.be/PGAvFef7-wc\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":942,"value":"html `

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":917,"value":"md`**You can load a graph from Pipeline in testgraph:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"mutable testgraph = ({\"n\":{\"101\":{\"i\":101,\"id\":\"5c95397d4212cc40afeec91f\"},\"102\":{\"i\":102,\"id\":\"5c95397d4212cc40afeec922\"},\"103\":{\"i\":103,\"id\":\"5c95397d4212cc40afeec919\"},\"3000\":{\"i\":3000,\"id\":\"5bc59e192817116e84bdd8313000\"},\"3001\":{\"i\":3001,\"id\":\"5bc59e192817116e84bdd8313001\"}},\"e\":[[101,1,102,2],[101,1,103,1],[3000,1,101,1],[3000,1,103,3],[3000,1,101,1],[3000,1,103,3],[3000,1,102,1],[102,1,103,4],[3001,1,102,3],[3001,1,103,5]],\"r\":[]})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"mutable graphobj = initialize(testgraph)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"md`**This is the new graph object:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":623,"value":"gini = JSON.stringify(graphobj.getGraph().rich_graph.init)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"md`**Or you can load your own contract data, from which to add nodes to the graph:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":868,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":989,"value":"md `## Graph`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1135,"value":"md`**Share graph:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1178,"value":"mutable shareLink = createShareLink()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1157,"value":"md`### Save graph`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1141,"value":"html`name: `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1161,"value":"md`### Build graph\n\n- Open/close Pipeline DB search from top left button.\n- Search by input/output type & contract/function name -> click Search button\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1026,"value":"fullscreen = {\n const button = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":933,"value":"soliditySource = pipesource.sourceBuilder(pipesource.solidityBuilder)(graphobj.getGraph())('function00');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":936,"value":"web3jsSource = pipesource.sourceBuilder(pipesource.web3Builder)(graphobj.getGraph())('function00');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":984,"value":"md `## Run Graph`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"web3jsResult = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":791,"value":"html `

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":815,"value":"html `

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":972,"value":"md `## Html Actions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":843,"value":"{\n const solsource = document.getElementById('solsource');\n const web3source = document.getElementById('web3source');\n solsource.value = soliditySource.source;\n web3source.value = web3jsSource.source;\n document.getElementById('copysol').onclick = () => {\n solsource.select();\n document.execCommand(\"copy\");\n }\n document.getElementById('copyweb3').onclick = () => {\n web3source.select();\n document.execCommand(\"copy\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":900,"value":"{\n const clearGraph = document.getElementById('clearGraph');\n clearGraph.onclick = () => {\n graphobj.clear();\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1145,"value":"{\n const button = document.getElementById('saveGraphBtn');\n const input = document.getElementById('saveGraphName');\n button.onclick = () => saveGraph(graphobj.getGraph().rich_graph.init, input.value);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1148,"value":"{\n window.addEventListener(\"hashchange\", setGraphFromHash, false);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":978,"value":"md `## Actions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"setWeb3_dT()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":878,"value":"loadContractsData(contractsData)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":958,"value":"setPipeosMenu(document.getElementById('PipelineMenuDiv'))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1151,"value":"setGraphFromHash()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1154,"value":"setDbFilter()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":749,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":951,"value":"import {setPipeosMenu} from '@loredanacirstea/pipeos-ui'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"ethers = require('ethers');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":633,"value":"pipecanvas = (await require('@pipeos/pipecanvas@0.0.6/dist/pipecanvas.min.js')).default;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"pipesource = require('@pipeos/pipesource@0.0.3/dist/pipesource.min.js');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"import {getContext, getJSFunctions, prepPFunction, getPGraph, setPGraph, searchPFunctions, searchPClasses} from '@loredanacirstea/pipeline-utils'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"import {showControl , dT as dtype} from '@loredanacirstea/dtype-2';","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"// BN = require('https://bundle.run/bn.js');\nrequire('bn.js@5.1.1/lib/bn.js').catch(() => window[\"BN\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1114,"value":"// qrcode = require('https://bundle.run/qrcode@1.4.4')\n// qrcode = require('https://bundle.run/qrcode-generator@1.4.4')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":756,"value":"md`## Global Vars`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"mutable fcontext = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"mutable inputValues = ({value: [], type: 'tuple', name: 'inputs'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"typeOptions = ({\n \"number\": {color: \"#355\"},\n \"number[]\": {color: \"#463\"},\n \"function\": {color: \"#562\"},\n \"string\": {color: \"#662\"},\n \"address\": {color: \"#ccc\"},\n \"uint256\": {color: \"#ddd\"},\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1117,"value":"mutable parentLocation = ({href: 'https://observablehq.com/@loredanacirstea/pipeos-web3-env', graphid: decodeURIComponent(window.location.hash).substring(1)})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"md`## Utils`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"async function initialize(graph) {\n const fcontextt = await getContext(graph, fcontext);\n Object.assign(fcontext, fcontextt);\n \n const height = Math.floor(width * screen.height / screen.width) - 30;\n const newgraph = pipecanvas(fcontext, testgraph, {\n domid: `#graphCanvas`,\n width: width,\n height: height,\n type: typeOptions,\n font: 'Roboto Condensed',\n }\n );\n console.log('newgraph', newgraph);\n newgraph.onChange(new_gr => {\n console.log('graph changed', new_gr);\n // mutable graphobj = initialize(new_gr);\n // runGraph(newgraph);\n });\n newgraph.show();\n console.log('newgraph show', newgraph);\n return newgraph;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":874,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"function setWeb3_dT() {\n let inputs = {value: [], type: {}, name: 'inputs'}\n let outputControls;\n \n web3jsSource.inputs.forEach(inp => {\n inputs.type[inp.name] = inp.type;\n inputs.value.push(null);\n });\n\n inputs = dtype.t.apply(inputs, \"random\")\n inputs.name = 'inputs';\n\n const inputControls = showControl(inputs, \"controlInputs\", {\n randomize: true,\n gui: {align: 'left'},\n onChange: (typed) => {\n // console.log('controlInputs onChange', typed);\n inputs = typed;\n inputs.type = inputs.type;\n },\n buttons: [\n {type: \"button\", label: \"Run Graph\", action: async () => {\n console.log('-- run', inputs);\n document.getElementById(\"controlOutputs\").innerHTML = \"\";\n getWeb3Output(inputs);\n }}\n ]\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1048,"value":"function setWeb3Output(network, result) {\n const guiOptions = {gui: {align: 'right'}};\n console.log('web3jsResult result', result);\n web3jsResult.result = result;\n if (!result) return;\n const outputs = {value: [], type: {}, name: 'outputs'}\n\n web3jsSource.outputs.forEach((inp, i) => {\n if (!inp.temporary) {\n outputs.type[inp.name] = inp.type;\n outputs.value.push(result[i]);\n } else {\n let chainType = '';\n if (network.name !== 'mainnet') {\n chainType = `${network.name}.`;\n }\n guiOptions.buttons = [\n {type: \"button\", label: \"Etherscan\", action: () => {\n window.open(`https://${chainType}etherscan.io/tx/${result[i].hash}`, '_blank');\n }}\n ]\n }\n });\n showControl(outputs, \"controlOutputs\", guiOptions);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1049,"value":"async function getWeb3Output(typed) {\n const enabled = await ethereum.enable().catch(console.log);\n if (!enabled) return 'Run runWeb3() again and accept Metamask connection';\n const provider = new ethers.providers.Web3Provider(web3.currentProvider);\n const signer = provider.getSigner();\n const network = await provider.getNetwork();\n \n const pipedGraph = eval(`(function(){return ${web3jsSource.source}})()`);\n const {function00} = pipedGraph(...web3jsSource.arguments, provider, signer, ethers);\n \n const args = typed.value.map(v => {\n if (typeof v === 'string') return v;\n return ethers.utils.bigNumberify(v.toString())\n });\n console.log('args', args);\n \n const result = await function00(...args, (...eventArgs) => {\n setWeb3Output(network, eventArgs);\n });\n setWeb3Output(network, result);\n return result;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1120,"value":"async function setGraphFromHash() {\n const id = decodeURIComponent(window.location.hash).substring(1);\n if (!id || id === parentLocation.graphid) return;\n \n const graphObj = await getPGraph(id);\n if (graphObj && !graphObj.error) {\n let graph;\n try {\n graph = JSON.parse(graphObj.json);\n } catch (e) {\n console.error('setGraphFromHash', e);\n return;\n }\n mutable testgraph = graph[0];\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1124,"value":"async function saveGraph(graph, name) {\n const chainId = web3.currentProvider.networkVersion;\n const data = {json: JSON.stringify([graph]), name: name || 'T0', chainids: [chainId]}\n const response = await setPGraph(data);\n console.log('savedGraph', response)\n\n if (response && !response.error) {\n parentLocation.graphid = response._id;\n const link = `${parentLocation.href}#${parentLocation.graphid}`;\n console.log('link', link);\n mutable shareLink = createShareLink(link);\n // try {\n // mutable qrcodeGraph = generateQrcode(link);\n // } catch (e) {\n // mutable qrcodeGraph = html`

qrcode could not be created

`;\n // }\n \n } else {\n console.log(response)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1182,"value":"function createShareLink(link) {\n if(!link) link = `${parentLocation.href}#${parentLocation.graphid}`;\n return html`${link}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1125,"value":"function generateQrcode(link) {\n // return qrcode.toCanvas(`${parentLocation.href}#${parentLocation.graphid}`)\n \n // if (!link) link = `${parentLocation.href}#${parentLocation.graphid}`;\n // var typeNumber = 4;\n // var errorCorrectionLevel = 'L';\n // var qr = qrcode(typeNumber, errorCorrectionLevel);\n // qr.addData(link);\n // qr.make();\n // return html`${qr.createImgTag()}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1128,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1130,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":462,"value":"md`## Font`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"FontFaceObserver = require('https://bundle.run/fontfaceobserver@2.1.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"mutable font_loaded = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"{\n var font = new FontFaceObserver('Roboto Condensed', {\n weight: 400\n });\n font.load().then(function () {\n mutable font_loaded = true\n }, function () {\n console.log('Font is not available');\n });\n return 'font face observer set-up'\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"