31:T4ee,viewof url = { const textarea = html`

${new URLSearchParams(html`<a href>`.search).get("url") || `https://api.github.com/users/observablehq/repos`}`;
  textarea.oninput = () => {
    textarea.style.height = "auto";
    textarea.style.height = `${textarea.scrollHeight}px`;
  };
  yield textarea;
  textarea.oninput();
  yield textarea;
}

// viewof url = {
//   const textarea = html`<textarea style='display: block;
//   box-sizing: border-box;
//   width: calc(100% + 28px);
//   font: var(--mono_fonts);
//   min-height: 33px;
//   border: none;
//   padding: 6px 10px;
//   margin: 0 -14px;
//   background: rgb(247,247,249);
//   tab-size: 2;
//   resize: none;' rows=1>${new URLSearchParams(html`<a href>`.search).get("url") || `https://api.github.com/users/observablehq/repos`}`;
//   textarea.oninput = () => {
//     textarea.style.height = "auto";
//     textarea.style.height = `${textarea.scrollHeight}px`;
//   };
//   yield textarea;
//   textarea.oninput();
//   yield textarea;
// }
32:[]
2f:{"title":"NASA Api Explorer","cells":[{"id":0,"value":"Top = md`# NASA Api Explorer\n\nA blatent rip off, I mean fork, of work by <a href=\"https://beta.observablehq.com/@peter-hartmann\">Peter Hartmann</a> in his <a href=\"https://beta.observablehq.com/@peter-hartmann/json-api-explorer\">GitHub Api Explorer</a>.\n\n\nThe initial Api Url can be provided as Url paramerer of this notebook i.e.: '?url=...'.\n\n\n### You can learn more about the particulars of the various NASA APIs at <a href=\"https://api.nasa.gov/index.html#apply-for-an-api-key\">API.nasa.gov</a>\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"md `Note the NASA API service limits Api requests to 1000 per 24 hour period based on unique key per unique IP address, see x-ratelimit in the response header below. (Currently  ${response.headers['x-ratelimit-remaining']} api requests remaining)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"md `For this notebook, the API key used is defined at the bottom of this notebook. If you fork this notebook or use it a lot, please get your own API key <a href=\"https://api.nasa.gov/index.html\">here</a>. If this notebook doesn't run, first thing to try would be to put in your own API key at bottom.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"md `#### You can pick from all the NASA APIs listed on <a href=\"https://api.nasa.gov/api#DONKI\">https://api.nasa.gov/api</a>`","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"md `or copy and past the examples below. The key is added automatically`","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"html `Some examples:<ul><li><b>Use the DONKI space weather API to look up coronal mass ejections between a date range</b> https://api.nasa.gov/DONKI/CME?startDate=2017-01-25&endDate=2017-02-01&api_key=</li>\n\n<li><b>Find some astroids based on date rate using Near Earth Objects Web Service or NEO</b> https://api.nasa.gov/neo/rest/v1/feed?startDate=2017-01-25&endDate=2017-02-01&api_key=</li>\n\n<li><b>Or check in on your favorite astroid, again using NEO</b> https://api.nasa.gov/neo/rest/v1/neo/3542519?api_key=</li>\n\n\n\n\n\n</ul>`","pinned":false,"hidden":false,"mode":"ojs"},{"id":343,"value":"md `_place the url of the API call below_`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":342,"value":"md `_ The resulting url sent out when combined with the key is _`","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"url+switch_with_your_key","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"md `### and the response!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"response = {\n  const resp = await fetch(url+switch_with_your_key);\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"},{"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"},{"id":20,"value":"html`${json2table(response.headers)}`","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":11,"value":"html`${json2table(response.data)}`","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":228,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":154,"value":"html`<img src=${response.image}></img>`","pinned":true,"hidden":false,"mode":"ojs"},{"id":282,"value":"","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":189,"value":"// import { pageAnalytics } from '@peter-hartmann/page-analytics'","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"// pageAnalytics","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"switch_with_your_key0 = \"zLQyfmaclId2Zub8LTHrXFOjSknWfsUfzzHp0Wgx\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":349,"value":"switch_with_your_key = \"DEMO_KEY\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}
</article></body></html>