2b:null 2c:["$","title",null,{"children":"GitHub Api Explorer | Peter Hartmann | Observable"}] 31:[] 2f:{"id":"90a6b35221b2ff69","slug":"json-api-explorer","title":"GitHub Api Explorer","thumbnail":"fb2766547f319061a823ea9307a3ab2cfdd71e796f88878ed852e24701aa2acc","access_level":"public","create_time":"$D2018-11-11T23:26:09.785Z","update_time":"$D2018-11-14T04:58:11.023Z","view_time":null,"first_public_time":"$D2018-11-12T00:40:22.084Z","fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"5c0a52d3e83418d1","login":"peter-hartmann","name":"Peter Hartmann","avatar_url":"https://avatars-next.observableusercontent.com/74843a9536569440e53295206b417c4ad0f4e8bc8e7e6a1719652c56973a3456","tier":"starter_2024"},"version":193,"publish_version":193,"role":null,"authored":false,"authors":[{"type":"individual","id":"66e2f9d5104ea5d6","login":"peter-hartmann","name":"Peter Hartmann","avatar_url":"https://avatars-next.observableusercontent.com/74843a9536569440e53295206b417c4ad0f4e8bc8e7e6a1719652c56973a3456","tier":null}],"members":[{"type":"individual","id":"66e2f9d5104ea5d6","login":"peter-hartmann","name":"Peter Hartmann","avatar_url":"https://avatars-next.observableusercontent.com/74843a9536569440e53295206b417c4ad0f4e8bc8e7e6a1719652c56973a3456","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"title":"GitHub Api Explorer","cells":[{"id":0,"value":"Top = md`# GitHub Api Explorer\nGiven a Url it fetches a Json Api and shows the result as recursive table.\n\nAny urls returned by the Api will be clickable. (Url substitutions in the form of '...{var}' are stripped out in an attempt to get a valid Api call.) \n\nThe initial Api Url can be provided as Url paramerer of this notebook i.e.: '?url=...'.\n\nNote GitHub limits Api requests per hour when not using an API key, see x-ratelimit in the response header below. (Currently ${response.headers['x-ratelimit-remaining']} api requests remaining)\n\nIndex:\n- [Request Url](#RequestUrl)\n- [Api Response Headers](#ApiHeaders)\n- [Api Response Data](#ApiData)\n- [Api Response Image](#ApiImage)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"RequestUrl = md`

\n## Change the request Api call here:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"viewof url = {\n const textarea = html`

${new URLSearchParams(html`<a href>`.search).get(\"url\") || `https://api.github.com/users/observablehq/repos`}`;\n  textarea.oninput = () => {\n    textarea.style.height = \"auto\";\n    textarea.style.height = `${textarea.scrollHeight}px`;\n  };\n  yield textarea;\n  textarea.oninput();\n  yield textarea;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"response = {\n  const resp = await fetch(url);\n  const headers = [...resp.headers.entries()].reduce((_, v) => (_[v[0]] = v[1], _), {});\n  let data, error, image;\n  if (false) {}\n  else if (headers['content-type'].match(/json/)) {\n    const text = await resp.text();\n    try { data = JSON.parse(text); }\n    catch (e) { error = e; }\n  }\n  else if (headers['content-type'].match(/image/)) {\n    const buffer = await resp.arrayBuffer();\n    const bytes = [].slice.call(new Uint8Array(buffer));\n    const binary = bytes.reduce((a,v)=>(a+=String.fromCharCode(v),a),'');\n    image = 'data:image/jpeg;base64,' + window.btoa(binary);\n  }\n  return { headers, data, image, error };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"ApiHeaders = md`<div style=\"text-align: right\"><a href='#Top'>Top</a></div>\n## Api Response Headers:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"html`${json2table(response.headers)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"ApiData = md`<div style=\"text-align: right\"><a href='#Top'>Top</a></div>\n## Api Response Data:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"html`${json2table(response.data)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":172,"value":"ApiImage = md`<div style=\"text-align: right\"><a href='#Top'>Top</a></div>\n## Api Response Image:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":154,"value":"html`<img src=${response.image}></img>`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"function json2table(json) {\n  if (json && typeof(json) === \"object\") return `<table>${Object.keys(json).reduce((_, k) => `${_}<tr><td>${k}</td><td>${json2table(json[k])}</td></tr>`, \"\")}</table>`;\n  let text = `${json}`;\n  if (!text.match(/^https?\\:\\/\\//)) return `<pre>${text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')}</pre>`;\n  return `<a href=\"?url=${text.split(\"{\",1)[0]}\">${text}</a>`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":189,"value":"import { pageAnalytics } from '@peter-hartmann/page-analytics'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":192,"value":"pageAnalytics","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}}
30:"$2f:body"
</article></body></html>