Automate AVM1 API percentages in the compatibility page

Author: danielhjacobs

package-lock.json

@@ -15,6 +15,7 @@
     "@next/bundle-analyzer": "^14.1.0",
     "@tabler/icons-react": "^2.46.0",
     "next": "14.1.0",
+    "node-html-parser": "^6.1.12",
     "react": "^18",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18",

package.json

@@ -6,7 +6,7 @@ import React from "react";
 import { Title } from "@mantine/core";
 import { List, ListItem } from "@mantine/core";
 import { WeeklyContributions } from "@/app/compatibility/weekly_contributions";
-import { fetchReport, getWeeklyContributions } from "@/app/downloads/github";
+import { fetchReport, getAVM1Progress, getWeeklyContributions } from "@/app/downloads/github";
 
 export default async function Downloads() {
   const contributions = await getWeeklyContributions();
@@ -16,13 +16,14 @@ export default async function Downloads() {
       Commits: item.total,
     };
   });
+  const avm1ApiDone = await getAVM1Progress();
   const report = await fetchReport();
   const summary = report ? report.summary : undefined;
   const maxPoints = summary ? summary.max_points : NaN;
   const implPoints = summary ? summary.impl_points : NaN;
   const stubPenalty = summary ? summary.stub_penalty : NaN;
-  const done = Math.round((implPoints - stubPenalty) / maxPoints * 100);
-  const stubbed = Math.round(stubPenalty / maxPoints * 100);
+  const avm2ApiDone = Math.round((implPoints - stubPenalty) / maxPoints * 100);
+  const avm2ApiStubbed = Math.round(stubPenalty / maxPoints * 100);
 
   return (
     <Container size="xl" className={classes.container}>
@@ -72,7 +73,7 @@ export default async function Downloads() {
           <AvmBlock
             name="AVM 1: ActionScript 1 & 2"
             language={{ done: 95 }}
-            api={{ done: 75 }}
+            api={{ done: avm1ApiDone }}
             info_link_target="_blank"
             info_link="https://github.com/ruffle-rs/ruffle/issues/310"
           >
@@ -91,11 +92,11 @@ export default async function Downloads() {
             </Text>
           </AvmBlock>
 
-          {!Number.isNaN(done) && !Number.isNaN(stubbed) && (
+          {!Number.isNaN(avm2ApiDone) && !Number.isNaN(avm2ApiStubbed) && (
             <AvmBlock
               name="AVM 2: ActionScript 3"
               language={{ done: 75 }}
-              api={{ done: done, stubbed: stubbed }}
+              api={{ done: avm2ApiDone, stubbed: avm2ApiStubbed }}
               info_link="/compatibility/avm2"
             >
               <Text>

src/app/compatibility/page.tsx

@@ -11,6 +11,7 @@ import {
 } from "@/app/downloads/config";
 import { Octokit } from "octokit";
 import { RestEndpointMethodTypes } from "@octokit/plugin-rest-endpoint-methods";
+import { parse } from "node-html-parser";
 
 function createGithubAuth() {
   if (process.env.GITHUB_TOKEN) {
@@ -87,3 +88,45 @@ export async function fetchReport(): Promise<AVM2Report | undefined> {
   // the type is set incorrectly. This converts to the proper type.
   return await new Response(asset.data as unknown as ReadableStream).json();
 }
+
+export async function getAVM1Progress(): Promise<number> {
+  const octokit = new Octokit({ authStrategy: createGithubAuth });
+  const issue = await octokit.rest.issues.get({
+    owner: repository.owner,
+    repo: repository.repo,
+    issue_number: 310,
+    headers: {
+      accept: "application/vnd.github.html+json",
+    },
+  });
+  const topLevelContent = issue.data.body_html;
+  if (!topLevelContent) {
+    return 0;
+  }
+  const topLevelRoot = parse(topLevelContent);
+  let totalItems = topLevelRoot.querySelectorAll("input.task-list-item-checkbox").length;
+  let completedItems = topLevelRoot.querySelectorAll("input.task-list-item-checkbox:checked").length;
+  const linkedIssues = topLevelRoot.querySelectorAll(`a[href^='https://github.com/${repository.owner}/${repository.repo}/issues/']`);
+  for (let i = 0; i < linkedIssues.length; i++) {
+    const issue = linkedIssues[i];
+    const issue_href = issue.getAttribute("href");
+    const issue_number = issue_href ? parseInt(issue_href.replace(`https://github.com/${repository.owner}/${repository.repo}/issues/`, '')) : Number.NaN;
+    if (!Number.isNaN(issue_number)) {
+      const linkedIssue = await octokit.rest.issues.get({
+        owner: repository.owner,
+        repo: repository.repo,
+        issue_number: issue_number,
+        headers: {
+          accept: "application/vnd.github.html+json",
+        },
+      });
+      const linkedContent = linkedIssue.data.body_html;
+      if (linkedContent) {
+        const linkedRoot = parse(linkedContent);
+        totalItems += linkedRoot.querySelectorAll("input.task-list-item-checkbox").length;
+        completedItems += linkedRoot.querySelectorAll("input.task-list-item-checkbox:checked").length;
+      }
+    }
+  }
+  return Math.round(completedItems/totalItems*100);
+}