2a:null 2b:["$","title",null,{"children":"Public GitHub User Activity | Fabian Iwand | Observable"}] 30:T58d,This notebook displays a GitHub user's [most recent events](https://docs.github.com/en/rest/activity/events#list-public-events-for-a-user) within the last 30 days (up to 300 events), enabling you to discover adjacent projects and issues or to quickly return to a prior conversation. Unfortunately GitHub's API straight up serves wrong data in some cases, so make sure to read through the caveats listed below.

API bugs and limitations

- Some user actions are not directly available through the GitHub REST API: - reacting to an issue or comment - commenting on discussions or gists - close reasons when closing an issue - watching a repo - editing an issue title or description - the unassigned user when unassigning an issue or PR - PR related events can display the wrong date. - PR titles are not included in API responses and would require a separate fetch. - Merges are misattributed to the user instead of the maintainer. - Commits that got undone by later force pushes no longer appear in the timeline. - Updates are usually near-instant, but delays larger than the advertised window of 30s-6h have been observed. For references to issues or discussions see the [render() cell](/@mootari/github-user-activity/safe#render) (look for 💩 emojis). Tip: Shift-click a table row to log the event to the console.31:Td45,viewof repo = { const timeFormat = d3.timeFormat("%Y-%m-%d %H:%M:%S"); const {xField, xDomain, xGrid, xSort, xOffset} = { time: { xField: "created_at", xDomain: { type: "time", domain: timeDomain, clamp: true, label: null }, xGrid: Plot.gridX({interval: "monday"}), xSort: { earliest: {y: "x", reduce: "min"}, latest: {y: "-x", reduce: "max"}, }[sortBy] ?? {y: "invalid"}, xOffset: response.at(-1)?.created_at, }, sequence: { xField: Plot.indexOf, xDomain: {axis: false, reverse: true}, xSort: { earliest: {y: "-x", reduce: "max"}, latest: {y: "x", reduce: "min"}, }[sortBy] ?? {y: "invalid"}, xOffset: response.length - 1, }, }[arrangeBy]; const yValues = new Set(events.map(d => d.repo.name)); const categoryOf = d => categories[d.render.category]?.label ?? "other"; return Plot.plot({ width, // row height + top/bottom margin + top/bottom inset + magic number to fix Plot's weird sizing height: prefs.rowHeight * yValues.size + 1 + 30 + 4 + 2, marginLeft: 1, marginRight: 200, marginTop: 1, marginBottom: 30, inset: 2, insetLeft: 12, insetRight: 12, x: xDomain, y: {grid: true}, color: { legend: true, type: "categorical", ...categoryScale, unknown: "#aaa" }, style: {overflow: "visible"}, marks: [ Plot.frame({_strokeOpacity: .1}), // We may not get exactly 300 - leave some wiggle room response.length < FUZZY_LIMIT ? [] : [ Plot.ruleX([xOffset], {strokeDasharray: [3, 3], stroke: "red"}), ], // Highlight rows on hover Plot.rect(yValues, blockPointerDown( Plot.pointerY({ opacity: .1, y: d => d, maxRadius: Infinity, fill: "#000", insetRight: -200 }), // Don't sticky when links are clicked e => [e.target, e.target.parentElement].some(n => n.localName === "a")) ), xGrid, Plot.axisY({ anchor: "right", href: d => render._repoUrl({name: d}), target: "_blank", fill: "black", }), // Halos, stacked right to left Plot.dot( events, Plot.sort({channel: "-x"}, { x: xField, y: d => d.repo.name, fill: categoryOf, r: 7.5, fillOpacity: .2, }) ), // Dots, stacked left to right Plot.dot( events, Plot.sort({channel: "x"}, { x: xField, y: d => d.repo.name, stroke: categoryOf, fill: categoryOf, href: d => d.render.url ?? d.repo_url, target: "_blank", r: 2.5, stroke: "white", strokeOpacity: .5, paintOrder: "stroke", sort: xSort, }) ), // Prevent the pointer from // 1. ignoring pointermove when another mark is sticky, // 2. changing the Plot's value, // 3. stickying the tooltip Plot.tip(events, ignoreStickyState(blockDispatch(blockPointerDown(Plot.pointer({ x: xField, y: d => d.repo.name, anchor: "bottom-left", dy: -2.5, title: d => `${timeFormat(new Date(d.created_at))}\n\n${d.render.html.textContent}`, }))))), ], }); }32:T11dc,table = { const sortView = viewof repo; const categoryScale = viewof repo.scale("color"); const timeOffset = time => (time - timeDomain[0]) / (timeDomain[1] - timeDomain[0]); const clamp = (a, v, b) => v <= a ? a : v >= b ? b : v; const formatTime = d3.timeFormat("%Y-%m-%d %H:%M:%S"); const formatRepo = repo => { const [owner, name] = repo.name?.split("/") ?? ["?", "?"]; return render._link(render._frag`${owner}/${name}`, render._repoUrl(repo)); }; const rows = events.map(e => { const created = new Date(e.created_at); const category = categories[e.render.category]?.label ?? "other"; const group = e.render.group ? `${e.repo.name}:${e.render.group}` : null; const log = evt => {evt.shiftKey && console.log(e)}; return htl.html` ${ formatTime(new Date(e.created_at)) } ${ formatRepo(e.repo) } ${ e.render.html.cloneNode(true) } `; }); const scope = DOM.uid().id; let css = ` :scope { overflow: auto; } :scope table { font: 13px/1.5 var(--sans-serif); max-width: none; layout: auto; min-width: 100%; border-spacing: 1ch; tbody.top { background: hsl(54, 100%, 50%, .1); } tbody.top tr:last-child { border-bottom: 1px solid #ccc; } /* Date & time */ td:nth-child(1) { font-variant-numeric: tabular-nums; word-spacing: .5ch; position: relative; &::before { content: ""; position: absolute; width: calc((100% - 1.5ch) * var(--time-offset)); height: 100%; left: 0; top: 0; background: rgba(0,0,0,${ prefs.timeBarOpacity }); } } /* First two columns: time, project */ td:nth-child(-n + 2) { white-space: nowrap; padding-right: 1.5ch; } th:last-child, td:last-child { width: 100%; } /* org/project divider */ td:nth-child(2) span { padding: 0 4px; } a[title] span { ${prefs.titleOpacity ? `opacity: ${prefs.titleOpacity};` : `display: none;`} } td:last-child { padding-left: 8px; position: relative; &:before { content: ""; position: absolute; line-height: 1em; left: 0; top: 4px; bottom: 4px; width: 3px; background-color: var(--cat-color, transparent); } } ${ categoryScale.domain .map(v => `tr[data-category="${v}"] { --cat-color: ${categoryScale.apply(v)} }`) .join("\n") } } `; if(prefs.collapseThreshold >= 1) { const groups = d3.groups(rows.filter(n => n.dataset.group), n => n.dataset.group) .filter(d => d[1].length > prefs.collapseThreshold); for(const [, [first, ...siblings]] of groups) { const toggle = htl.html`

${siblings.length + 1}`; toggle.ontoggle = () => { siblings.forEach(n => n.style.display = toggle.open ? "" : "none"); }; toggle.ontoggle(); first.lastElementChild.prepend(toggle); } css += ` :scope table { details { display: inline-block; margin-right: 6px; & > summary { cursor: pointer; --c-closed: #444; span { display: inline-block; border-radius: 8px; background: var(--c-closed); border: 1px solid transparent; line-height: 1.2em; color: white; font-size: smaller; padding: 0 4px; background-clip: padding-box; user-select: none; } } &:open > summary span { background: none; color: var(--c-closed); border-color: var(--c-closed); } } ${ groups.map(([key]) => `tr[data-group="${key}"] ~ tr[data-group="${key}"]`).join(",\n ")} { background: rgb(0,0,0,.03); } } `; } const topRows = htl.html``; const bottomRows = htl.html`${rows}`; const reorderRows = () => { bottomRows.append(...rows); if(sortView.value) topRows.append(...rows.filter(n => n.dataset.repo === sortView.value)); } sortView.addEventListener("input", reorderRows); invalidation.then(() => { sortView.removeEventListener("input", reorderRows) }); reorderRows(); return htl.html`

${topRows} ${bottomRows}

Time	Project	Action

`; }33:T111d,viewof prefs = { const desc = (input, desc) => (input.append(htl.html`

${desc}`), input); return Inputs.form({ defaultUsername: desc( Inputs.text({label: "Default username", autocomplete: "off"}), `Multiple names can be specified. All are added as datalist items, with the first set as default name.` ), defaultOrder: Inputs.radio([null, "earliest", "latest"], {label: "Default order", format: d => d ?? "any", value: null}), defaultAxis: Inputs.radio([null, "time", "sequence"], {label: "Default axis", format: d => d ?? "any", value: null}), maxTitleLength: desc( Inputs.range([-1, 100], {label: "Max title length", step: 1, value: 30}), `Number of characters after which an issue or discussion title gets truncated. Set to -1 to disable.` ), titleOpacity: Inputs.range([0, 1], {label: "Title opacity", step: .1, value: .5}), timeBarOpacity: Inputs.range([0, 1], {label: "Time bar opacity", step: .01, value: .1}), rowHeight: Inputs.range([5, 30], {label: "Row height", step: 1, value: 18}), collapseThreshold: desc( Inputs.range([0, 20], { label: htl.html`Group threshold`, step: 1, value: 2, }), `Collapse more than N instances of the same event into one. Set to 0 to disable.` ) }, {template}); function initStorage({key, view, inputs, setStatus}) { // Load prefs try { const prefs = JSON.parse(localStorage[key] || "{}"); let updated = false; for(const key of Object.keys(prefs)) { if(prefs[key] == null) continue; inputs[key].value = prefs[key]; inputs[key].dispatchEvent(new Event("input", {bubbles: true})); updated = true; } if(updated) setStatus(true, "Previously saved preferences have been restored"); } catch(error) { setStatus(false, `Error loading user preferences: ${error.message}`); } // Save prefs view.addEventListener("input", () => { localStorage[key] = JSON.stringify(view.value); setStatus(true, "Saved preferences have been updated"); }); } function template(inputs) { const scope = DOM.uid().id; const css = ` .${scope} { display: flex; flex-direction: column; gap: 4px; font: 13px/1.5 var(--sans-serif); .title { font-size: larger; font-weight: bold; .status { opacity: 1; &[title] { cursor: help; } &[data-status] { opacity: .4; transition: 3s opacity; } &[data-status="ok"]::after { content: " ✅"; } &[data-status="error"]::after { content: " ⚠️"; } } } .section-title { font-weight: bold; margin-top: 8px; } .section-body { padding-left: 16px; display: grid; grid-template-columns: 120px 240px; column-gap: 6.5px; row-gap: 8px; form { display: grid; grid-template-columns: subgrid; grid-column: 1 / 3; row-gap: 4px; input[type="number"] { width: 10ch; } .desc { grid-column: 1 / 3; font-size: smaller; opacity: .7; } } } } `; const status = htl.html``; const setStatus = (ok, title = "") => { status.title = title; delete status.dataset.status; // To trigger the transition, wait two frames before applying the attribute. const raf = requestAnimationFrame; raf(() => raf(() => status.dataset.status = ok ? "ok" : "error")); }; const container = htl.html`

Preferences ${status}

Query

${[ inputs.defaultUsername ]}

Chart

${[ inputs.defaultOrder, inputs.defaultAxis, inputs.rowHeight ]}

List

${[ inputs.maxTitleLength, inputs.timeBarOpacity, inputs.titleOpacity, inputs.collapseThreshold ]}

`; if(!Object.values(inputs).every(n => n.parentElement)) throw new Error("Some inputs are hidden"); initStorage({key: "@mootari/github-user-activity:preferences", view: container, inputs, setStatus}); return container; } }34:T20d2,// Event reference: https://docs.github.com/en/rest/using-the-rest-api/github-event-types // // Conventions used: // - internal helpers start with" _" // - _*Url helpers *must* return a string, all other helpers must return Element or DocumentFragment // (the only exception is _placeholder(), which for convenience returns a render object) // - event renderers return {html: DocumentFragment | Element, url?: string | null, category?: string} // - html: consumers are required to call .cloneNode(true) // - url: should only be provided if it differs from the repo URL // - category: key of categories (separate cell) render = ({ _repoUrl(repo) { return `https://github.com/${repo.name}`; }, _prUrl(repo, pr) { return `${this._repoUrl(repo)}/pull/${pr.number}`; }, _commitUrl(repo, commitId) { return `${this._repoUrl(repo)}/commit/${commitId}`; }, _branchUrl(repo, ref) { return `${this._repoUrl(repo)}/activity?ref=${encodeURIComponent(ref)}`; }, _categoryUrl(repo, category) { return `${this._repoUrl(repo)}/discussions/categories/${category.slug}`; }, _link(label, href, title) { return htl.html`${label}`; }, _repo(repo) { return this._link(repo.name, this._repoUrl(repo)); }, _issue(issue) { const suffix = htl.html`${this._trim(` ${issue.title}`)}`; return this._link(this._frag`#${issue.number}${suffix}`, issue.html_url, issue.title); }, _discussion(discussion) { const suffix = htl.html`${this._trim(` ${discussion.title}`)}`; return this._link(this._frag`#${discussion.number}${suffix}`, discussion.html_url, discussion.title); }, _actor(actor) { return this._link(actor.login, actor.html_url); }, // 💩 PullRequestEvent payloads omit the title: https://github.com/orgs/community/discussions/177735 _pr(repo, pr) { return this._link(`#${pr.number}`, this._prUrl(repo, pr)); }, _frag: htl.html.fragment, _placeholder(e) { return {html: htl.html`🚧 ${e.type}`}; }, _trim(s, max = prefs.maxTitleLength) { if(!max) return ""; if(max < 0 || s.length < max) return s; // We could have truncated in the middle, but in practice the strings become less readable. return s.slice(0, max - 1).trimEnd() + "…"; }, CommitCommentEvent(e) { const {comment} = e.payload; const commitUrl = this._commitUrl(e.repo, comment.commit_id); const commentUrl = `${commitUrl}#r${comment.id}`; const $action = this._link("commented", commentUrl); const $commit = this._link(comment.commit_id.slice(0, 7), commitUrl); return { html: this._frag`${$action} on commit ${$commit}`, url: commentUrl, action: "COMMENT", group: `comment:commit:${comment.commit_id}`, }; }, CreateEvent(e) { const {ref, ref_type} = e.payload; const $ref = ref_type === "branch" ? this._link(ref, this._branchUrl(e.repo, ref)) : ref; return { html: this._frag`created ${ref_type} ${$ref}`, url: null, category: "BRANCH", }; }, DeleteEvent(e) { const {ref, ref_type} = e.payload; return { html: this._frag`deleted ${ref_type} ${ref}`, url: null, category: "BRANCH", }; }, DiscussionEvent(e) { const {action, discussion} = e.payload; const $category = this._link(discussion.category.name, this._categoryUrl(e.repo, discussion.category)); return { html: this._frag`${action} discussion ${this._discussion(discussion)} in ${$category}`, url: discussion.html_url, category: "DISCUSSION", }; }, ForkEvent(e) { const {forkee} = e.payload; return { html: this._frag`forked to ${this._repo({name: forkee.full_name})}`, url: null, category: "REPOSITORY", }; }, GollumEvent(e) { return this._placeholder(e); }, IssueCommentEvent(e) { const {comment: {html_url}, issue} = e.payload; const type = issue.pull_request ? "PR" : "issue"; return { html: this._frag`${this._link("commented", html_url)} on ${type} ${this._issue(issue)}`, url: html_url, category: "COMMENT", group: `comment:${issue.pull_request ? "pr" : "issue"}:${issue.number}`, }; }, // 💩 IssuesEvent docs are incomplete: https://github.com/github/docs/issues/44111 IssuesEvent(e) { const {action, issue, assignee} = e.payload; const $issue = this._frag`issue ${this._issue(issue)}`; // 💩 Can't link to the actual event because the issue timeline uses different event IDs. const url = issue.html_url; const category = "ISSUE"; switch(action) { case "assigned": return {html: this._frag`${action} ${$issue} to ${this._actor(assignee)}`, url, category}; // 💩 assignee is null on unassigned: https://github.com/orgs/community/discussions/195047 //case "unassigned": //return `${action} ${this._actor(assignee)} from ${issue}`; // 💩 The closing reason only captures the current state, not the one assigned to the action. //case "closed": { //const reason = {not_planned: "not planned"}[issue.state_reason] ?? issue.state_reason; //return {html: this._frag`${action} ${$issue}`, url, category}; //} default: return {html: this._frag`${action} ${$issue}`, url, category}; } }, MemberEvent(e) { const {action, member} = e.payload; return { html: this._frag`${action} member ${this._actor(member)}`, url: null, category: "REPOSITORY", }; }, PublicEvent(e) { return { html: this._frag`made public`, url: null, category: "REPOSITORY", }; }, // 💩 Wrong event date for closed PRs: https://github.com/orgs/community/discussions/194341 // 💩 Merge events appear in the PR author's events instead of the merging user's events. // 💩 "assigned" may have a wrong event date: https://github.com/orgs/community/discussions/194341#discussioncomment-16931179 PullRequestEvent(e) { const {action, pull_request: pr, assignee} = e.payload; const url = this._prUrl(e.repo, pr); const category = "PR"; switch(action) { case "assigned": return { html: this._frag`${action} PR ${this._pr(e.repo, pr)} to ${this._actor(assignee)}`, url, category, }; default: return { html: this._frag`${action} PR ${this._pr(e.repo, pr)}`, url, category, }; } }, PullRequestReviewEvent(e) { const {review, pull_request: pr} = e.payload; const url = this._prUrl(e.repo, pr); const $pr = this._frag`PR ${this._pr(e.repo, pr)}`; const category = "PR"; switch(review.state) { case "changes_requested": return {html: this._frag`requested changes for ${$pr}`, url, category}; case "dismissed": return {html: this._frag`dismissed ${this._link("review", review.html_url)} for ${$pr}`, url, category}; default: return {html: this._frag`${review.state} ${$pr}`, url, category}; } }, PullRequestReviewCommentEvent(e) { const {comment, pull_request: pr} = e.payload; return { html: this._frag`${this._link("commented", e.payload.comment.html_url)} on review of PR ${this._pr(e.repo, pr)}`, url: this._prUrl(e.repo, pr), category: "COMMENT", group: `comment:pr:${pr.number}`, }; }, PushEvent(e) { const {ref, before, head} = e.payload; const branch = ref.replace(/^refs\/heads\//, ""); const diffUrl = `${this._repoUrl(e.repo)}/compare/${before}...${head}`; return { html: this._frag`${this._link("pushed", diffUrl)} to branch ${this._link(branch, this._branchUrl(e.repo, branch))}`, url: diffUrl, category: "BRANCH", group: `push:${branch}`, }; }, ReleaseEvent(e) { const {action, release} = e.payload; return { html: this._frag`${action} release ${this._link(release.tag_name, release.html_url)}`, url: release.html_url, category: "RELEASE", }; }, // Legacy term, actually descibes starring. See https://github.com/github/docs/issues/44215 WatchEvent(e) { return { html: this._frag`starred`, url: null, category: "STAR", }; }, }) 35:[] 2e:{"id":"d751ca23db29909b","slug":"github-user-activity","title":"Public GitHub User Activity","thumbnail":"79f2733aadab3c3e18e391032339ff794b484a611a8bd79557892dd67d5f7179","access_level":"public","create_time":"$D2026-04-29T13:19:19.319Z","update_time":"$D2026-09-03T16:34:58.906Z","view_time":null,"first_public_time":"$D2026-05-07T14:27:08.379Z","fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"898d35f8860c7f03","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":"starter_2024"},"version":1268,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null}],"members":[{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null,"role":"editor"},{"type":"team","id":"898d35f8860c7f03","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"e3842c7642c32750","slug":"tools","title":"Tools & Techniques","owner":{"id":"898d35f8860c7f03","login":"mootari","name":"Fabian Iwand"}},"type":"notebook","body":{"title":"Public GitHub User Activity","cells":[{"id":0,"value":"# Public GitHub User Activity","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":205,"value":"$30","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":208,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":676,"value":"htl.html`Share these settings`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"viewof username = {\n const form = Inputs.text({\n submit: true,\n type: \"search\",\n required: true,\n autocomplete: \"off\",\n label: \"Username\",\n placeholder: \"Enter a login…\",\n ...(() => {\n const datalist = (param(\"username\") ?? prefs.defaultUsername).split(/[, ]+/).filter(Boolean);\n return {value: datalist[0], datalist};\n })(),\n });\n const reenable = () => form.elements[1].disabled = false;\n form.addEventListener(\"input\", reenable);\n reenable();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1035,"value":"viewof sortBy = Inputs.radio([\"earliest\", \"latest\"], {\n label: \"Sort by\",\n value: param(\"sortBy\") ?? prefs.defaultOrder ?? \"earliest\" \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":751,"value":"viewof arrangeBy = Inputs.radio([\"time\", \"sequence\"], {\n label: \"Arrange by\",\n value: param(\"arrangeBy\") ?? prefs.defaultAxis ?? \"time\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":155,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":85,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":846,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":816,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":6,"value":"octokit = new (await import(\"https://esm.run/@octokit/rest@22\")).Octokit()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":240,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":931,"value":"function param(name) {\n return new URL(document.baseURI).searchParams.get(name);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1199,"value":"### Debug","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":455,"value":"_dumpData = ({actor, render, repo_url, repo, org, public: _, ...e}) => JSON.stringify(e, null, 4)\n .replace(/\"([^\"]+)\":/g, \"$1:\")\n .replace(/^ {4}/gm, \"\")\n .slice(2, -2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":517,"value":"// \"PullRequestReviewCommentEvent\" -> \"pull request review comment\"\nfunction _formatEventType(type) {\n return type\n .slice(0, -\"Event\".length)\n .split(/(?=[A-Z])/)\n .join(\" \")\n .toLowerCase();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1192,"value":"### Plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":606,"value":"function blockDispatch(transform) {\n return {\n ...transform,\n render(index, scales, values, dims, context, next) {\n const _context = {...context, dispatchValue() {}};\n return transform.render.call(this, index, scales, values, dims, _context, next);\n }\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1153,"value":"// Prevents the wrapped render callback from accessing shared pointer state.\n// Required to keep tooltips responsive while another mark is stickied.\nfunction ignoreStickyState(transform) {\n return {\n ...transform,\n render(index, scales, values, dims, context, next) {\n const svg = context.ownerSVGElement;\n const proxy = {addEventListener: (...args) => svg.addEventListener(...args)};\n const _context = {...context, ownerSVGElement: proxy};\n return transform.render.call(this, index, scales, values, dims, _context, next);\n }\n }; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1174,"value":"function blockPointerDown(transform, shouldBlock = function(e) { return true }) {\n return {\n ...transform,\n render(index, scales, values, dims, context, next) {\n context.ownerSVGElement.addEventListener(\"pointerdown\", function(e) {\n if(shouldBlock.call(this, e)) e.stopImmediatePropagation();\n });\n return transform.render.call(this, index, scales, values, dims, context, next);\n }\n }; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":724,"value":"function mapValues(obj, map) {\n return Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, map(v, k)]));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":912,"value":"palette = {\n const p = Plot.scale({color: {type: \"categorical\", scheme: \"Observable10\"}}).range.map(c => d3.hsl(d3.color(c)));\n\n // yellow\n p[1].s += .2;\n // red\n p[2].h -= 15; p[2].l -= .1;\n // turquoise\n p[3].h += 15;\n p[3].l += .1;\n \n return p.map(c => c.hex());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":506,"value":"categories = mapValues(\n {\n DISCUSSION: {label: \"discussion\"}, // creating discussions\n STAR: {label: \"star\"}, // starring a repo\n PR: {label: \"pull request\"}, // managing the state and labels of a PR, approving or requesting changes\n COMMENT: {label: \"comment\"}, // commenting on issues, PRs or commits\n ISSUE: {label: \"issue\"}, // managing the state and labels of an issue\n BRANCH: {label: \"branch\"}, // creating / deleting / pushing to branches\n REPOSITORY: {label: \"repository\"}, // creating/forking or publishing a repository\n RELEASE: {label: \"release\"}, // creating a new release\n },\n (() => {\n const color = d3.scaleOrdinal(palette);\n return (v, key) => ({...v, key, color: v.color ?? color(v.label)});\n })()\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":741,"value":"Plot.legend({\n color: Plot.scale({\n color: {\n domain: Object.values(categories).map(d => d.label),\n range: Object.values(categories).map(d => d.color),\n }\n })\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":314,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1237,"value":"// The endpoint may not return all 300 events even if the earliest event would be within\n// the time frame. We set a lower bound at which we mark the feed as truncated.\nFUZZY_LIMIT = 280","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1069,"value":"mutable rateLimit = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1072,"value":"function trackRateLimit(res) {\n mutable rateLimit = {\n limit: +res.headers[\"x-ratelimit-limit\"],\n used: +res.headers[\"x-ratelimit-used\"],\n remaining: +res.headers[\"x-ratelimit-remaining\"],\n reset: new Date(+res.headers[\"x-ratelimit-reset\"] * 1000),\n resource: res.headers[\"x-ratelimit-resource\"],\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":9,"value":"response = octokit.paginate(\n octokit.rest.activity.listPublicEventsForUser,\n {username, per_page: 100},\n response => (trackRateLimit(response), response.data)\n)\n.catch(err => {\n if(err.name === \"HttpError\") trackRateLimit(err);\n throw err;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":159,"value":"events = response\n .filter((e, i, arr) => {\n const delay = (a, b) => new Date(b) - new Date(a);\n // Filter out automatically created labels.\n if(e.type === \"IssuesEvent\" && e.payload.action === \"labeled\") {\n return !(delay(e.payload.issue.created_at, e.created_at) < 3000);\n }\n // Filter out redundant events (covered by a preceding PullRequestReviewCommentEvent).\n if(e.type === \"PullRequestReviewEvent\" && e.payload.review.state === \"commented\") {\n return false;\n }\n return true;\n })\n .map(e => ({\n ...e,\n repo_url: render._repoUrl(e.repo),\n render: render[e.type](e)\n }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":698,"value":"categoryScale = {\n const available = new Set(events.map(d => d.render.category));\n const visible = Object.values(categories).filter(d => available.has(d.key));\n \n return {\n domain: visible.map(d => d.label),\n range: visible.map(d => d.color),\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1203,"value":"timeDomain = [d3.timeDay.offset(d3.timeDay(), -31), d3.timeDay.ceil(new Date())]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 2f:"$2e:body"