Skip to content

Status Chart: Dark mode with Primer CSS #2835

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
StephanTLavavej merged 17 commits into from
Jul 1, 2022
Merged

Status Chart: Dark mode with Primer CSS #2835

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
a281d3a
Primer CSS, part 1.
StephanTLavavej Jun 21, 2022
b777531
Primer CSS, part 2: Label styling.
StephanTLavavej Jun 21, 2022
bab5880
es-module-shims 1.5.8.
StephanTLavavej Jun 28, 2022
5224c18
Weekly updates.
StephanTLavavej Jun 25, 2022
19f36bc
Extract make_yAxis().
StephanTLavavej Jun 25, 2022
85f355f
Rename HiddenInfo to DatasetInfo.
StephanTLavavej Jun 28, 2022
284c0f5
Rename get_label_and_hidden() to get_dataset_properties().
StephanTLavavej Jun 28, 2022
4f8ca42
Move yAxisID into DatasetInfo.
StephanTLavavej Jun 28, 2022
ccaa61f
Move color into DatasetInfo.
StephanTLavavej Jun 28, 2022
7bc98c9
Drop `borderWidth: 1` on `merge_bar`.
StephanTLavavej Jun 28, 2022
6c05ccb
Extract make_common_options().
StephanTLavavej Jun 28, 2022
7fe8f7a
Fuse common_options, common_plugins, common_title into make_common_op…
StephanTLavavej Jun 28, 2022
a71db16
Use colors from Primer CSS.
StephanTLavavej Jun 28, 2022
0b58e67
Use solid orange for cxx17.
StephanTLavavej Jun 28, 2022
084cfab
Update dark mode dynamically.
StephanTLavavej Jun 28, 2022
5b9cc0e
npm update
StephanTLavavej Jun 30, 2022
bb9766e
npm install [dependencies]@latest
StephanTLavavej Jun 30, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 29 additions & 43 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,32 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" data-color-mode="auto" data-light-theme="light" data-dark-theme="dark">

<head>
<meta charset="utf-8" />
<!-- Copyright (c) Microsoft Corporation. -->
<!-- SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception -->
<title>STL Status Chart</title>
<style>
body {
font-family: sans-serif;
line-height: 1.5;
}

button {
font-size: larger;
}

hr {
background-color: #000000;
border: none;
height: 1px;
}

span.currentValue {
font-weight: bold;
}
</style>
<script async src="https://cdn.jsdelivr.net/npm/es-module-shims@1.5.6/dist/es-module-shims.min.js"
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@primer/css@20.2.3/dist/primer.min.css" />
<script async src="https://cdn.jsdelivr.net/npm/es-module-shims@1.5.8/dist/es-module-shims.min.js"
crossorigin="anonymous"></script>
<script type="importmap">
{ "imports": {
Expand All @@ -38,10 +19,10 @@
<script type="module" src="built/status_chart.mjs"></script>
</head>

<body>
<body class="container-xl markdown-body pt-2 px-3 pb-3">
<canvas id="statusChart"></canvas>
<button id="moreHistory">More History</button>
<button id="lessHistory">Less History</button>
<button class="btn" id="moreHistory" type="button">More History</button>
<button class="btn" id="lessHistory" type="button">Less History</button>

<h1>Explanation</h1>
<p>This tracks the progress of the <a href="https://github.com/microsoft/STL">microsoft/STL</a> repo.
Expand All @@ -54,45 +35,50 @@ <h1>Explanation</h1>
<ul>
<li>Right axis:
<ul>
<li>(<span class="currentValue">0</span>)
<li><span class="Counter">0</span>
C++17 STL features remaining to be implemented. This reached zero when we implemented
<a href="https://www.reddit.com/r/cpp/comments/dgj89g/cppcon_2019_stephan_t_lavavej_floatingpoint/"
rel="nofollow"><code>&lt;charconv&gt;</code>, C++17's final boss</a>.
</li>
<li>(<span class="currentValue" id="currentValue-cxx20"></span>)
<li><span class="Counter" id="currentValue-cxx20"></span>
<a href="https://github.com/microsoft/STL/issues?q=is%3Aopen+is%3Aissue+label%3Acxx20">
C++20 STL features remaining to be implemented.</a>
This increased whenever more features were voted into the Working Paper at
<a href="https://isocpp.org/std/meetings-and-participation" rel="nofollow">WG21 meetings</a>.
</li>
<li>(<span class="currentValue" id="currentValue-cxx23"></span>)
<li><span class="Counter" id="currentValue-cxx23"></span>
<a href="https://github.com/microsoft/STL/issues?q=is%3Aopen+is%3Aissue+label%3Acxx23">
C++23 STL features remaining to be implemented.</a> Also increases after WG21 meetings.
</li>
<li>(<span class="currentValue" id="currentValue-lwg"></span>) <a
<li><span class="Counter" id="currentValue-lwg"></span> <a
href="https://github.com/microsoft/STL/issues?q=is%3Aopen+is%3Aissue+label%3ALWG+-label%3AvNext+-label%3Ablocked">
LWG issue resolutions remaining to be implemented.</a> Also increases after WG21 meetings.</li>
<li>(<span class="currentValue" id="currentValue-pr"></span>)
<li><span class="Counter" id="currentValue-pr"></span>
<a href="https://github.com/microsoft/STL/pulls">Open pull requests.</a>
</li>
</ul>
</li>
<li>Left axis:
<ul>
<li>(<span class="currentValue" id="currentValue-vso"></span>)
<li><span class="Counter" id="currentValue-vso"></span>
Active "old bugs" in our Microsoft-internal database. We're keeping them active while
porting them to GitHub, unless they're discovered to be duplicates or already fixed.</li>
<li>(<span class="currentValue" id="currentValue-bug"></span>)
<li><span class="Counter" id="currentValue-bug"></span>
<a href="https://github.com/microsoft/STL/issues?q=is%3Aopen+is%3Aissue+label%3Abug">
Open GitHub bugs.</a> That is, only GitHub issues that have <b>bug</b> labels.
Open GitHub bugs.</a> That is, only GitHub issues that have
<span class="Label Label--danger">bug</span> labels.
</li>
<li>(<span class="currentValue" id="currentValue-issue"></span>) <a
<li><span class="Counter" id="currentValue-issue"></span> <a
href="https://github.com/microsoft/STL/issues?q=is%3Aopen+is%3Aissue+-label%3Acxx20+-label%3Acxx23+-label%3ALWG">
Open GitHub issues.</a> That is, all GitHub issues including <b>bug</b>,
<b>documentation</b>, <b>enhancement</b>, <b>performance</b>, <b>throughput</b>, etc.
and excluding only <b>cxx20</b>, <b>cxx23</b>, and <b>LWG</b> to avoid double-counting.
Open GitHub issues.</a> That is, all GitHub issues including
<span class="Label Label--danger">bug</span>,
<span class="Label Label--accent">performance</span>,
<span class="Label Label--done">throughput</span>, etc. and excluding only
<span class="Label Label--attention">cxx20</span>,
<span class="Label Label--severe">cxx23</span>, and
<span class="Label Label--success">LWG</span> to avoid double-counting.
</li>
<li>(<span class="currentValue" id="currentValue-libcxx"></span>)
<li><span class="Counter" id="currentValue-libcxx"></span>
<a href="https://github.com/microsoft/STL/blob/main/tests/libcxx/expected_results.txt">
Skipped/failing tests in the libcxx test suite.</a> There are many reasons for such tests:
STL bugs, test bugs, compiler bugs, missing STL features, missing compiler features, etc.
Expand All @@ -116,19 +102,19 @@ <h1>Explanation</h1>
<ul>
<li>Left axis:
<ul>
<li>(<span class="currentValue" id="currentValue-avg_age"></span>)
<li><span class="Counter" id="currentValue-avg_age"></span>
The average age of open pull requests, in days.</li>
<li>(<span class="currentValue" id="currentValue-avg_wait"></span>)
<li><span class="Counter" id="currentValue-avg_wait"></span>
The average "waiting time" of open pull requests, in days. This measures how long it's been since a
maintainer submitted a review requesting changes. Any other activity doesn't reset this clock.</li>
</ul>
</li>
<li>Right axis:
<ul>
<li>(<span class="currentValue" id="currentValue-sum_age"></span>)
<li><span class="Counter" id="currentValue-sum_age"></span>
The combined age of open pull requests. The unit is PR-months (like kilowatt-hours);
for example, 5 PRs that were all opened 2 months ago have a combined age of 10 PR-months.</li>
<li>(<span class="currentValue" id="currentValue-sum_wait"></span>)
<li><span class="Counter" id="currentValue-sum_wait"></span>
The combined "waiting time" of open pull requests, in PR-months.</li>
</ul>
</li>
Expand All @@ -143,7 +129,7 @@ <h1>Explanation</h1>
and excludes PRs that were closed without being merged, which are rare.</p>

<ul>
<li>(<span class="currentValue" id="currentValue-merged"></span>)
<li><span class="Counter" id="currentValue-merged"></span>
Line: How many PRs have been merged over the past month.
This uses a "30 day" sliding window, with some smoothing:
<ul>
Expand Down
Loading