Add browser support to the issue template (#386)

Also move "learn more" to the end to keep the feedback section
prominent.

Author: foolip

scripts/update-issues.ts

@@ -66,20 +66,32 @@ async function* iterateIssues(octokit: Octokit, params: IterateIssuesParams) {
   }
 }
 
+const dateFormat = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
+
 function issueBody(id: string, data: (typeof features)[string]) {
+  const supportLines = [];
+  for (const [browser, { name, releases }] of Object.entries(browsers)) {
+    const version = data.status.support[browser];
+    if (version) {
+      const date = releases.find((r) => r.version === version)!.date;
+      const dateString = dateFormat.format(new Date(date));
+      supportLines.push(`${name} ${version} (${dateString})`);
+    } else {
+      supportLines.push(`${name}: not supported`);
+    }
+  }
+  const supportBlock = supportLines.map((l) => `- ${l}`).join("\n");
+
   // TODO: include MDN links (before caniuse link) when we have web-features-mappings
   // as a dependency (see above).
   return dedent`
     _This GitHub issue is for collecting web developer signals for ${data.name}._
 
     ${data.description_html}
 
-    To learn more about this feature:
+    ## Browser support
 
-    ${data.caniuse ? `- [caniuse.com](https://caniuse.com/${data.caniuse})` : ""}
-    - [web features explorer](https://web-platform-dx.github.io/web-features-explorer/features/${id})
-    - [webstatus.dev](https://webstatus.dev/features/${id})
-    - [Specification](${data.spec})
+    ${supportBlock}
 
     ## Give us feedback
 
@@ -103,6 +115,15 @@ function issueBody(id: string, data: (typeof features)[string]) {
     -->
     \`\`\`
 
+    ## Learn more
+
+    You can learn more about this feature here:
+
+    ${data.caniuse ? `- [caniuse.com](https://caniuse.com/${data.caniuse})` : ""}
+    - [web features explorer](https://web-platform-dx.github.io/web-features-explorer/features/${id})
+    - [webstatus.dev](https://webstatus.dev/features/${id})
+    - [Specification](${data.spec})
+
     <!-- web-features:${id} -->
   `;
 }