blob: bbdecab5508f5cd411a64b0089e86b8051481802 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
import { Octokit } from "https://cdn.skypack.dev/octokit";
import "./style.css";
const colorStripContainer = document.getElementById("color-strip-container");
const colorStripText = "FANCYSTRIP";
for (let i = 0; i < 10; i++) {
const colorStripBlock = document.createElement("span");
const hsl = `hsl(${i * 36}, 100%, 50%)`;
colorStripBlock.classList.add("color-strip-block");
colorStripBlock.style.backgroundColor = hsl;
colorStripBlock.textContent = colorStripText[i];
colorStripContainer.appendChild(colorStripBlock);
}
document.addEventListener("DOMContentLoaded", async () => {
console.log("Try to fetch GitHub project(number: 2) of crupest.");
const todoMessage = document.getElementById("todo-message");
const todoContainer = document.getElementById("todo-container");
// TODO: we need another way to do this!
const octokit = new Octokit({
auth: "xxx",
});
try {
const res = await octokit.graphql(
`
{
user(login: "crupest") {
projectV2(number: 2) {
items(last: 100) {
nodes {
__typename
fieldValueByName(name: "Status")
content {
__typename
... on Issue {
title
closed
}
... on PullRequest {
title
closed
}
... on DraftIssue {
title
}
}
}
}
}
}
}
`
);
const items = res.user.projectV2.items.nodes.map((node) => node.content);
items.forEach((item) => {
if (item.__typename == "DraftIssue") {
item.closed = false;
}
const { title, closed } = item;
const li = document.createElement("li");
const span = document.createElement("span");
span.textContent = closed ? "Done:" : "Todo:";
span.style.color = closed ? "green" : "blue";
li.appendChild(span);
li.append(title);
todoContainer.appendChild(li);
});
todoMessage.parentElement.removeChild(todoMessage);
} catch (e) {
todoMessage.style.color = "red";
todoMessage.textContent = "Failed to fetch TODOs.";
console.log("Failed to get GitHub project info.", e);
}
});
|
