Node 24

Author: microbit-matt-hillsdon

.github/workflows/build-docs.yml

@@ -13,6 +13,10 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '24.x'
+          cache: npm
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - run: npm ci

package-lock.json

@@ -1,15 +1,15 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { useCallback, useRef } from 'react';
-import { defaultMakeCodeProject } from '../../vanilla/examples.js';
-import { MakeCodeFrameDriver } from '../../vanilla/makecode-frame-driver.js';
 import {
   default as MakeCodeFrame,
   MakeCodeFrameProps,
 } from '../../react/MakeCodeFrame.js';
+import { defaultMakeCodeProject } from '../../vanilla/examples.js';
+import { MakeCodeFrameDriver } from '../../vanilla/makecode-frame-driver.js';
 import { MakeCodeProject } from '../../vanilla/pxt.js';
 import { controllerId } from '../config.js';
-import StoryWrapper from '../StoryWrapper.js';
 import MakeCodeToolbar from '../MakeCodeToolbar.js';
+import StoryWrapper from '../StoryWrapper.js';
 
 const meta: Meta<typeof MakeCodeFrame> = {
   title: 'stories/React/MakeCodeFrame',
@@ -44,6 +44,7 @@ const MakeCodeEditorWithControls = (
       <MakeCodeToolbar savedProjects={savedProjects} driver={ref} />
       <MakeCodeFrame
         ref={ref}
+        baseUrl="https://flag-keyboardcontrols.review-pxt.pages.dev?keyboardcontrols=1"
         controller={1}
         controllerId={controllerId}
         initialProjects={initialProjects}