31:[] 2f:{"title":"Github API Widget","cells":[{"id":0,"value":"# Github API Widget","pinned":false,"hidden":false,"mode":"md"},{"id":204,"value":"organizations = githubOrgGrid([\"curiousbeams\", \"msa-em\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"users = githubUserGrid([\"gvarnavi\", \"willemdkleijne\", \"mathijsdoel\"])","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"repos = githubReposGrid([\n \"electronmicroscopy/quantem\",\n \"abtem/abtem\",\n \"libertem/libertem-parallax\"\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":130,"value":"githubUserGrid = async (usernames) => {\n const users = await fetchGithubUsers(usernames);\n return html`\n

\n ${users.map((u) => githubUserCard(u))}\n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":234,"value":"githubReposGrid = async (reponames) => {\n const repos = await fetchGithubRepos(reponames);\n return html`\n

\n ${repos.map((u) => githubRepoCard(u))}\n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"githubOrgGrid = async (orgnames) => {\n const orgs = await fetchGithubOrganizations(orgnames);\n const stats = await fetchGithubOrgStats(orgnames);\n return html`\n

\n ${orgs.map((org, i) => githubOrgCard(org, stats[i]))}\n

\n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"githubCard = ({ href, maxWidth = 360, content }) => html`\n\n ${content}\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"githubOrgCard = (orgData, stats) =>\n githubCard({\n href: orgData.html_url,\n maxWidth: 350,\n content: html`\n

\n ${orgData.name || orgData.login}
\n ${orgData.description || \"\"}\n

\n\n

${icon(\"repo\", 16)} ${stats.repoCount} repos

${icon(\"star\", 16)} ${stats.stars} stars

${icon(\"git-branch\", 16)} ${stats.forks} forks

\n\n

\n Top repositories\n

${r.name} ${icon(\"star\", 16)}${r.stargazers_count}

\n `\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"githubUserCard = (userData) =>\n githubCard({\n href: userData.html_url,\n maxWidth: 350,\n content: html`\n

\n ${userData.name || userData.login}
\n @${userData.login}\n

\n\n

${icon(\"repo\", 16)} ${userData.public_repos} repos

${icon(\"people\", 16)} ${userData.followers} followers

${icon(\"people\", 16)} ${userData.following} following

\n `\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":241,"value":"githubRepoCard = (repoData) =>\n githubCard({\n href: repoData.html_url,\n maxWidth: 350,\n content: html`\n

\n ${repoData.name}\n ${repoData.owner.login}
\n ${repoData.description || \"\"}\n

\n\n

${icon(\"star\", 16)} ${repoData.stargazers_count}

${icon(\"git-branch\", 16)} ${repoData.forks_count}

${icon(\"repo\", 16)} ${repoData.language || \"\"}

\n `\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"fetchGithubOrgStats = async (orgnames) => {\n const repos = await Promise.all(\n orgnames.map((org) =>\n fetch(`https://api.github.com/orgs/${org}/repos?per_page=100`).then((r) =>\n r.json()\n )\n )\n );\n return repos.map((repo) => orgStats(repo));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"orgStats = (orgRepos) => ({\n repoCount: orgRepos.length,\n stars: orgRepos.reduce((s, r) => s + r.stargazers_count, 0),\n forks: orgRepos.reduce((s, r) => s + r.forks_count, 0),\n watchers: orgRepos.reduce((s, r) => s + r.watchers_count, 0),\n topRepos: [...orgRepos]\n .sort((a, b) => b.stargazers_count - a.stargazers_count)\n .slice(0, 3)\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"fetchGithubOrganizations = async (orgnames) => {\n const orgs = await Promise.all(\n orgnames.map((org) =>\n fetch(`https://api.github.com/orgs/${org}`).then((r) => r.json())\n )\n );\n return orgs;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"fetchGithubUsers = async (usernames) => {\n const users = await Promise.all(\n usernames.map((u) =>\n fetch(`https://api.github.com/users/${u}`).then((r) => r.json())\n )\n );\n return users;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"fetchGithubRepos = async (reponames) => {\n const repos = await Promise.all(\n reponames.map((u) =>\n fetch(`https://api.github.com/repos/${u}`).then((r) => r.json())\n )\n );\n return repos;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"icon = (name, size = 16) => html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"githubCardStyles = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}