30:[] 2e:{"title":"Hello graphql.js","cells":[{"id":0,"value":"md`# Hello [graphql.js](https://github.com/graphql/graphql-js)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":260,"value":"md`\nThanks to https://www.kiva.org/ for its open [graphql server](https://api.kivaws.org/graphql)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"graphqlServer = \"https://api.kivaws.org/graphql\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":268,"value":"md`\n### Connect \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"graph = graphql(graphqlServer)","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"md`\n### Write Query \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"countries = [\"US\", \"BR\", \"FR\", \"UR\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"lendsQuery = graph(`\n{\n lend {\n loans (filters: {country: ${JSON.stringify(countries)}}, limit: 20) {\n totalCount\n values {\n name\n id\n loanAmount\n image {\n url(presetSize: loan_default)\n }\n activity {\n name\n }\n geocode {\n country {\n isoCode\n name\n }\n }\n lenders (limit: 0) {\n totalCount\n }\n ... on LoanPartner {\n partnerName\n }\n ... on LoanDirect {\n trusteeName\n }\n }\n }\n }\n}\n`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":278,"value":"md`\n### Run query \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":253,"value":"data = lendsQuery()","pinned":true,"hidden":false,"mode":"ojs"},{"id":287,"value":"html`\n

Lend to

\n${data.lend.loans.values.map(e => {\n const div = document.createElement('div');\n const img = document.createElement('img');\n div.style.cssText = \"flex-basis: 33%\";\n div.appendChild(html`\n \n

${e.name}

$${e.loanAmount}

\n \n `);\n return div;\n})}\n \n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"md`\n### Imports \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"graphql = require(\"graphql.js\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}