Add contributor attribution to canvas extension cards

eng/generate-website-data.mjs

@@ -101,6 +101,25 @@ function normalizeText(value, fallback = "") {
   return typeof value === "string" ? value.trim() : fallback;
 }
 
+/**
+ * Normalize an author value (npm string form or { name, url } object) to
+ * { name, url? } | null. Returns null when no usable name is present.
+ */
+function normalizeAuthor(value) {
+  if (!value) return null;
+  if (typeof value === "string") {
+    const name = value.trim();
+    return name ? { name } : null;
+  }
+  if (typeof value === "object") {
+    const name = normalizeText(value.name);
+    if (!name) return null;
+    const url = normalizeText(value.url);
+    return url ? { name, url } : { name };
+  }
+  return null;
+}
+
 /**
  * Find the latest git-modified date for any file under a directory.
  */
@@ -1044,6 +1063,7 @@ function generateCanvasManifest(gitDates, commitSha) {
         installUrl,
         sourceUrl: null,
         external: false,
+        author: normalizeAuthor(packageJson.author),
         keywords,
       });
     }
@@ -1116,6 +1136,7 @@ function generateCanvasManifest(gitDates, commitSha) {
             installUrl,
             sourceUrl: sourceUrl || null,
             external: true,
+            author: normalizeAuthor(ext?.author),
             keywords,
           });
         }

extensions/accessibility-kanban/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "Aaron Powell", "url": "https://github.com/aaronpowell" },
   "dependencies": {
     "@github/copilot-sdk": "latest"
   },

extensions/arcade-canvas/package.json

@@ -2,7 +2,7 @@
   "name": "arcade-canvas",
   "version": "1.0.0",
   "main": "extension.mjs",
-  "author": "Dan Wahlin",
+  "author": { "name": "Dan Wahlin", "url": "https://github.com/DanWahlin" },
   "license": "MIT",
   "type": "module",
   "dependencies": {

extensions/backlog-swipe-triage/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "James Montemagno", "url": "https://github.com/jamesmontemagno" },
   "dependencies": {
     "@github/copilot-sdk": "1.0.1"
   },

extensions/chromium-control-canvas/package.json

@@ -2,7 +2,7 @@
   "name": "chromium-control-canvas",
   "version": "1.0.0",
   "main": "extension.mjs",
-  "author": "Andrea Griffiths",
+  "author": { "name": "Andrea Griffiths", "url": "https://github.com/AndreaGriffiths11" },
   "license": "MIT",
   "type": "module",
   "dependencies": {

extensions/color-orb/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "Aaron Powell", "url": "https://github.com/aaronpowell" },
   "dependencies": {
     "@github/copilot-sdk": "latest"
   },

extensions/diagram-viewer/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "Aaron Powell", "url": "https://github.com/aaronpowell" },
   "dependencies": {
     "@github/copilot-sdk": "latest"
   },

extensions/external.json

@@ -3,6 +3,7 @@
     "id": "coffilot",
     "name": "Coffilot",
     "description": "Java-focused Copilot canvas extension from jdubois.",
+    "author": { "name": "Julien Dubois", "url": "https://github.com/jdubois" },
     "keywords": [
       "java",
       "canvas",

extensions/feedback-themes/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "Aaron Powell", "url": "https://github.com/aaronpowell" },
   "dependencies": {
     "@github/copilot-sdk": "latest"
   },

extensions/gesture-review/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "Aaron Powell", "url": "https://github.com/aaronpowell" },
   "dependencies": {
     "@github/copilot-sdk": "latest"
   },

extensions/release-notes-showcase/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "James Montemagno", "url": "https://github.com/jamesmontemagno" },
   "dependencies": {
     "@github/copilot-sdk": "1.0.1"
   },

extensions/where-was-i/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "type": "module",
   "main": "extension.mjs",
+  "author": { "name": "Aaron Powell", "url": "https://github.com/aaronpowell" },
   "description": "Reconstruct your dev context (branch, commits, uncommitted work, PR clues) and trigger a resume prompt to continue quickly.",
   "keywords": [
     "interrupt-recovery",

website/src/scripts/pages/extensions-render.ts

@@ -1,4 +1,4 @@
-import { escapeHtml, getGitHubUrl, getLastUpdatedHtml } from "../utils";
+import { escapeHtml, getGitHubUrl, getLastUpdatedHtml, sanitizeUrl } from "../utils";
 import { renderEmptyStateHtml, renderSharedCardHtml } from "./card-render";
 
 export interface RenderableExtension {
@@ -34,6 +34,7 @@ export interface RenderableExtension {
   installUrl?: string | null;
   sourceUrl?: string | null;
   external?: boolean;
+  author?: { name: string; url?: string } | null;
 }
 
 export type ExtensionSortOption = "title" | "lastUpdated";
@@ -92,8 +93,21 @@ export function renderExtensionsHtml(items: RenderableExtension[]): string {
         </div>
       `;
 
+      const authorHtml = item.author?.name
+        ? `<span class="resource-tag resource-author">by ${
+            item.author.url
+              ? `<a href="${sanitizeUrl(
+                  item.author.url
+                )}" target="_blank" rel="noopener noreferrer">${escapeHtml(
+                  item.author.name
+                )}</a>`
+              : escapeHtml(item.author.name)
+          }</span>`
+        : "";
+
       const metaHtml = `
         ${item.external ? '<span class="resource-tag">External</span>' : ""}
+        ${authorHtml}
         ${getLastUpdatedHtml(item.lastUpdated)}
       `;
 

website/src/scripts/pages/extensions.ts

@@ -15,6 +15,7 @@ import {
   getGitHubUrl,
   getQueryParam,
   getQueryParamValues,
+  sanitizeUrl,
   showToast,
   updateQueryParams,
 } from "../utils";
@@ -178,6 +179,19 @@ function openDetailsModal(
   if (item.external) {
     metaParts.push('<span class="resource-tag">External</span>');
   }
+  if (item.author?.name) {
+    metaParts.push(
+      item.author.url
+        ? `<span class="resource-author">by <a href="${sanitizeUrl(
+            item.author.url
+          )}" target="_blank" rel="noopener noreferrer">${escapeHtml(
+            item.author.name
+          )}</a></span>`
+        : `<span class="resource-author">by ${escapeHtml(
+            item.author.name
+          )}</span>`
+    );
+  }
   if (item.lastUpdated) {
     metaParts.push(
       `<span class="last-updated">Updated ${escapeHtml(