Extension edit tutorial by jhauga · Pull Request #2806 · github/awesome-copilot

jhauga · 2026-08-26T00:35:41Z

Pull Request Checklist

I have read and followed the CONTRIBUTING.md guidelines.
I have read and followed the Guidance for submissions involving paid services.
My contribution adds a new instruction, prompt, agent, skill, workflow, or canvas extension file in the correct directory.
The file follows the required naming convention.
The content is clearly structured and follows the example format.
I have tested my instructions, prompt, agent, skill, workflow, or canvas extension with GitHub Copilot.
I have run npm start and verified that README.md is up to date.
I am targeting the main branch for this pull request.

Description

Canvas extension where Copilot tutors the user on code changes so that they can
understand the updates applied to the codebase.

Test Conditions

Evaluation Context

Session Target: GitHub Copilot
Agent: Default Agent
Model: Claude Sonnet 4.6
Number of Prompts: 1
Post Edits: None

Copilot Pro+ Plan Credit Usage

Start Credits: 77%
End Credits: 83%

Prompt

Make a patch update for the "Runway Landing" game mode. The runway is not
rendering. Start first level off with runway within a reasonable view of the 
ircraft. Start an edit tutorial for the update.

Results

Good. The patch to the repo pilot-matter worked. It got creative with the test, making math variations.

Below are screenshots of the tutorial it gave me.

Note

The images were resized, so slightly distorted; in order for each screenshot
to fit on the same composition.

Type of Contribution

By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.

github-actions · 2026-08-26T00:36:08Z

🔒 PR Risk Scan Results

Scanned 7 changed file(s).

Severity	Count
🔴 High	0
🟠 Medium	1
ℹ️ Info	0

Severity	Rule	File	Line	Match
🟠	`unpinned-version-indicator`	`extensions/edit-tutorial/package.json`	8	`"@github/copilot-sdk": "latest"`

Skipped non-text or missing files

extensions/edit-tutorial/assets/icon.png
extensions/edit-tutorial/assets/preview.png

This is an automated soft-gate report. Findings indicate review targets and do not block merge by themselves.

Copilot

Pull request overview

Adds an installable canvas extension that turns Copilot code edits into interactive tutorials.

Changes:

Implements walkthroughs, quizzes, exercises, progress persistence, and agent review.
Registers and documents the new plugin.
Adds marketplace metadata and visual assets.

Reviewed changes

Copilot reviewed 8 out of 10 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
`extensions/edit-tutorial/extension.mjs`	Implements the canvas and local server.
`extensions/edit-tutorial/package.json`	Defines extension dependencies.
`extensions/edit-tutorial/copilot-extension.json`	Declares extension metadata.
`extensions/edit-tutorial/README.md`	Documents setup and usage.
`extensions/edit-tutorial/assets/icon.png`	Provides extension iconography.
`extensions/edit-tutorial/assets/preview.png`	Provides the plugin preview.
`plugins/edit-tutorial/plugin.json`	Registers the installable plugin.
`plugins/edit-tutorial/README.md`	Documents plugin installation.
`docs/README.plugins.md`	Adds the plugin to documentation.
`.github/plugin/marketplace.json`	Adds the marketplace entry.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

+    const server = createServer(async (req, res) => {
+        const url = new URL(req.url, "http://localhost");
+        const state = getState(instanceId);


+  var bset = {}, aset = {};
+  b.forEach(function (l) { if (l.trim()) bset[l.trim()] = true; });
+  a.forEach(function (l) { if (l.trim()) aset[l.trim()] = true; });


+
+        if (url.pathname === "/request-tutorial" && req.method === "POST") {
+            if (sessionRef) {
+                try { await sessionRef.send(buildTutorialRequestPrompt()); } catch {}


Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 8 out of 10 changed files in this pull request and generated 4 comments.

Suppressed comments (1)

extensions/edit-tutorial/extension.mjs:603

When the exercise is active, that state is represented only by CSS, so assistive technology cannot determine which step is current. Expose the active state with aria-current="step" here as well.

  if (view.kind === "exercise") exCls += " active";
  if (S.progress.exercise.completed) exCls += " done";
  html += '<button class="' + exCls + '" onclick="gotoExercise()">' +
    (S.progress.exercise.completed ? "&#10003; " : "") + "Exercise</button>";

+  var allPass = true;
+  lastCheckResults = ex.checks.map(function (c) {
+    var pass = false;
+    try { pass = new RegExp(c.pattern, c.flags || "m").test(codeText); } catch (err) { pass = false; }


Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 8 out of 10 changed files in this pull request and generated 1 comment.

Suppressed comments (3)

extensions/edit-tutorial/extension.mjs:978

The synchronous fallback defeats the hard time budget. screenPattern accepts catastrophic bounded alternations such as ^(a|aa){50}$, so when Blob workers are unavailable this loop can freeze the canvas on learner input. Treat unfinished checks as stalled rather than evaluating them on the UI thread, including the equivalent worker.onerror fallback.

  var inline = function () {
    var out = [], k;
    for (k = 0; k < checks.length; k++) {
      try { out.push(new RegExp(checks[k].pattern, checks[k].flags || "m").test(codeText)); }
      catch (err) { out.push(false); }

extensions/edit-tutorial/extension.mjs:1058

A timeout produces null results and is presented as “could not be run,” but it still increments failedAttempts. Three infrastructure stalls therefore unlock the reference solution even though the learner has not failed a check. Increment this counter only when at least one check actually returned false.

    } else {
      pe.failedAttempts++;
    }

extensions/edit-tutorial/extension.mjs:1039

A learner can keep editing while the worker runs, but this guard only detects tutorial replacement/reset. If the captured codeText passes and the editor has since changed to failing code, the callback still marks the current attempt complete. Also compare the current exercise code with codeText and discard stale results.

    if (!S.tutorial || !S.progress || S.tutorial.exercise.checks !== ex.checks) {

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated 2 comments.

+  if (index < 0 || index >= info.count || index === info.index) return;
+  var forward = index > (info.index || 0);
+  lessonSwitching = true;
+  api("/lesson", { method: "POST", body: JSON.stringify({ index: index }) })


Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated 1 comment.

+  postProgress()
+    .catch(function () {})
+    .then(function () {
+      return api("/lesson", { method: "POST", body: JSON.stringify({ index: index }) });


Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated 2 comments.

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated 1 comment.

aaronpowell · 2026-08-27T02:22:49Z

There's still some HIGH flagged comments from CCR, can you review those and action any that are relevant still

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated 3 comments.

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated no new comments.

jhauga · 2026-08-27T03:47:51Z

Tested and found bug. Resolving.

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated 1 comment.

Copilot

Pull request overview

Copilot reviewed 7 out of 10 changed files in this pull request and generated no new comments.

jhauga added 4 commits August 25, 2026 19:23

canvas-extension: new edit-tutorial extension

f8f9684

Merge branch 'main' into extension-edit-tutorial

aa8aa13

canvas-extension: new edit-tutorial extension

4231c0a

canvas-extension: new edit-tutorial extension

f38d3c4

Copilot AI balanced review requested due to automatic review settings August 26, 2026 00:35

jhauga requested a review from aaronpowell as a code owner August 26, 2026 00:35

github-actions Bot added canvas-extension PR touches canvas extensions new-submission PR adds at least one new contribution plugin PR touches plugins labels Aug 26, 2026

Copilot started reviewing on behalf of jhauga August 26, 2026 00:36 View session

Copilot AI reviewed Aug 26, 2026

View reviewed changes

jhauga marked this pull request as draft August 26, 2026 00:41

jhauga and others added 3 commits August 25, 2026 21:22

Apply suggestions from code review

afa86ed

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Apply edits from code review

43bf364

Merge branch 'main' into extension-edit-tutorial

8031ef7

jhauga marked this pull request as ready for review August 26, 2026 01:55

Copilot AI review requested due to automatic review settings August 26, 2026 01:55

Copilot started reviewing on behalf of jhauga August 26, 2026 01:56 View session

Copilot AI reviewed Aug 26, 2026

View reviewed changes

jhauga marked this pull request as draft August 26, 2026 02:02

jhauga and others added 2 commits August 25, 2026 22:05

Apply suggestions from code review

0037e22

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Apply edits from code review

0a55f57

jhauga marked this pull request as ready for review August 26, 2026 02:31

Copilot AI review requested due to automatic review settings August 26, 2026 02:31

Copilot started reviewing on behalf of jhauga August 26, 2026 02:32 View session

Copilot AI reviewed Aug 26, 2026

View reviewed changes

Comment thread extensions/edit-tutorial/extension.mjs Outdated

jhauga marked this pull request as draft August 26, 2026 02:37

jhauga and others added 2 commits August 25, 2026 22:38

Potential fix for pull request finding

78fc61e

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Apply edits from code review

56a5e60

jhauga and others added 2 commits August 26, 2026 17:59

Apply suggestions from code review

3153d89

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Apply edit from code review

f3e5614

jhauga marked this pull request as ready for review August 26, 2026 22:11

Copilot AI review requested due to automatic review settings August 26, 2026 22:11

Copilot started reviewing on behalf of jhauga August 26, 2026 22:12 View session

Copilot AI reviewed Aug 26, 2026

View reviewed changes

jhauga marked this pull request as draft August 26, 2026 22:17

jhauga and others added 2 commits August 26, 2026 18:17

Potential fix for pull request finding

739b000

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Apply edit from code review

bdf1b85

jhauga marked this pull request as ready for review August 26, 2026 22:21

Copilot AI review requested due to automatic review settings August 26, 2026 22:21

Copilot started reviewing on behalf of jhauga August 26, 2026 22:21 View session

Copilot AI reviewed Aug 26, 2026

View reviewed changes

Comment thread extensions/edit-tutorial/extension.mjs Outdated

Comment on lines +1621 to +1624

postProgress()

.catch(function () {})

.then(function () {

return api("/lesson", { method: "POST", body: JSON.stringify({ index: index }) });

Apply edit from code review

2b2eecb

Copilot AI review requested due to automatic review settings August 26, 2026 22:32

Copilot started reviewing on behalf of jhauga August 26, 2026 22:33 View session

Copilot AI reviewed Aug 26, 2026

View reviewed changes

Comment thread extensions/edit-tutorial/extension.mjs

Comment thread extensions/edit-tutorial/extension.mjs

Apply edits from code review

85471d1

Copilot AI reviewed Aug 27, 2026

View reviewed changes

Comment thread extensions/edit-tutorial/extension.mjs

Apply edits from code review

3a851c1

Copilot AI reviewed Aug 27, 2026

View reviewed changes

Comment thread extensions/edit-tutorial/extension.mjs Outdated

Comment thread extensions/edit-tutorial/extension.mjs

Comment thread extensions/edit-tutorial/extension.mjs

jhauga and others added 2 commits August 26, 2026 23:01

Apply suggestions from code review

7827603

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Apply edits from code review

4fe5624

Copilot AI reviewed Aug 27, 2026

View reviewed changes

resolve: reviewed formatting error

e5fde0e

Copilot AI reviewed Aug 27, 2026

View reviewed changes

Comment thread extensions/edit-tutorial/extension.mjs

Apply edit from code review

9ba576d

Copilot AI reviewed Aug 27, 2026

View reviewed changes

Uh oh!

Conversation

jhauga commented Aug 26, 2026

Pull Request Checklist

Description

Test Conditions

Evaluation Context

Copilot Pro+ Plan Credit Usage

Prompt

Results

Type of Contribution

Uh oh!

github-actions Bot commented Aug 26, 2026

🔒 PR Risk Scan Results

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

aaronpowell commented Aug 27, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

jhauga commented Aug 27, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!