Fix: Copy lab folder to docs during deployment

- Update deploy workflow to copy lab/ into docs/lab/
- Fix markdown and image paths in step.html
- Trigger on lab/** changes too

Author: jamesmontemagno

.github/workflows/deploy-pages.yml

@@ -7,6 +7,7 @@ on:
     branches: ["main"]
     paths:
       - 'docs/**'
+      - 'lab/**'
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -32,6 +33,9 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
+      - name: Copy lab files to docs
+        run: cp -r lab docs/
+
       - name: Setup Pages
         uses: actions/configure-pages@v5
 

docs/step.html

@@ -608,8 +608,8 @@
         // Process markdown - fix image paths and handle special syntax
         function processMarkdown(md) {
             // Fix image paths - images are in lab/images/
-            md = md.replace(/!\[([^\]]*)\]\(\.\/images\//g, '![$1](../lab/images/');
-            md = md.replace(/!\[([^\]]*)\]\(images\//g, '![$1](../lab/images/');
+            md = md.replace(/!\[([^\]]*)\]\(\.\/images\//g, '![$1](lab/images/');
+            md = md.replace(/!\[([^\]]*)\]\(images\//g, '![$1](lab/images/');
 
             // Convert GitHub-style checkboxes: 1. [] becomes checkbox
             md = md.replace(/^(\d+)\.\s*\[\s*\]\s*/gm, '$1. <input type="checkbox"> ');
@@ -639,8 +639,8 @@
             document.title = `${step.title} | VS GitHub Copilot Lab`;
 
             try {
-                // Fetch markdown from lab folder
-                const response = await fetch(`../lab/${step.file}`);
+                // Fetch markdown from lab folder (copied to docs/lab during deploy)
+                const response = await fetch(`lab/${step.file}`);
                 if (!response.ok) throw new Error('Failed to load');
 
                 let md = await response.text();