Breaking: Rename Project -> MakeCodeProject (#2)

* Breaking: Rename Project -> MakeCodeProject

* Remove unused import that wasn't renamed

Author: microbit-matt-hillsdon

docs/vanilla.md

@@ -32,7 +32,6 @@ Use {@link vanilla.MakeCodeFrameDriver | MakeCodeFrameDriver} class to create a
 
 ```js
 import {
-  Project,
   MakeCodeFrameDriver,
   createMakeCodeURL,
 } from "@microbit/makecode-embed/vanilla";

src/react/MakeCodeBlocksRendering.tsx

@@ -4,11 +4,11 @@
  */
 import React, { useState, useEffect, ReactNode } from 'react';
 import { useMakeCodeRenderBlocksContext } from './MakeCodeRenderBlocksProvider.js';
-import { BlockLayout, Project } from '../vanilla/pxt.js';
+import { BlockLayout, MakeCodeProject } from '../vanilla/pxt.js';
 
 export interface MakeCodeBlocksRenderingProps {
   className?: string;
-  code?: string | Project;
+  code?: string | MakeCodeProject;
   packageId?: string;
   package?: string;
   snippetMode?: boolean;

src/react/MakeCodeFrame.tsx

@@ -16,7 +16,7 @@ import {
   EditorMessageTutorialEventRequest,
   EditorWorkspaceSaveRequest,
   EditorWorkspaceSyncRequest,
-  Project,
+  MakeCodeProject,
   ProjectFilters,
 } from '../vanilla/pxt.js';
 
@@ -38,7 +38,7 @@ export interface MakeCodeFrameProps
   // https://github.com/microsoft/pxt-microbit/blob/master/pxtarget.json#L605C6-L605C14
   queryParams?: Record<string, string>;
 
-  initialProjects: () => Promise<Project[]>;
+  initialProjects: () => Promise<MakeCodeProject[]>;
 
   controllerId?: string;
   filters?: ProjectFilters;

src/react/index.ts

@@ -42,7 +42,7 @@ export type {
   ImportProjectOptions,
   InfoMessage,
   LanguageRestriction,
-  Project,
+  MakeCodeProject,
   ProjectCreationOptions,
   ProjectFilters,
   RenderBlocksOptions,

src/stories/MakeCodeToolbar.tsx

@@ -1,7 +1,7 @@
 import { MutableRefObject, RefObject } from 'react';
 import { MakeCodeFrameDriver } from '../vanilla/makecode-frame-driver.js';
 import { defaultMakeCodeProject } from '../vanilla/examples.js';
-import { Project } from '../vanilla/pxt.js';
+import { MakeCodeProject } from '../vanilla/pxt.js';
 
 const toolbarRowStyle = {
   fontFamily: 'sans-serif',
@@ -16,7 +16,7 @@ const MakeCodeToolbar = ({
   savedProjects,
 }: {
   driver: RefObject<MakeCodeFrameDriver>;
-  savedProjects: MutableRefObject<Map<string, Project>>;
+  savedProjects: MutableRefObject<Map<string, MakeCodeProject>>;
 }) => {
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>

src/stories/fixtures.ts

@@ -1,4 +1,4 @@
-import { Project } from '../vanilla/pxt.js';
+import { MakeCodeProject } from '../vanilla/pxt.js';
 
 export const project = {
   text: {
@@ -9,7 +9,7 @@ export const project = {
     'pxt.json':
       '{\n    "name": "Untitled",\n    "dependencies": {\n        "core": "*"\n , "radio": "*"\n   },\n    "description": "",\n    "files": [\n        "main.blocks",\n        "main.ts",\n        "README.md"\n    ]\n}',
   },
-} as Project;
+} as MakeCodeProject;
 
 export const projectWithLayout = {
   text: {
@@ -63,9 +63,9 @@ export const projectWithLayout = {
     </block>
   </xml>`,
   },
-} as Project;
+} as MakeCodeProject;
 
-export const projectWithExtensionBlock: Project = {
+export const projectWithExtensionBlock: MakeCodeProject = {
   text: {
     'README.md': '',
     'main.blocks':
@@ -136,7 +136,7 @@ export const initialProject = {
   },
 };
 
-export const projectWithCustomBlock: Project = {
+export const projectWithCustomBlock: MakeCodeProject = {
   text: {
     'README.md': '',
     'custom.ts':
@@ -149,7 +149,7 @@ export const projectWithCustomBlock: Project = {
   },
 };
 
-export const projectWithUserLayout: Project = {
+export const projectWithUserLayout: MakeCodeProject = {
   text: {
     'README.md': '',
     'main.blocks':

src/stories/react/MakeCodeBlocksRendering.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { ReactNode, useState } from 'react';
 import MakeCodeBlocksRendering from '../../react/MakeCodeBlocksRendering.js';
 import { MakeCodeRenderBlocksProvider } from '../../react/MakeCodeRenderBlocksProvider.js';
-import { BlockLayout, Project } from '../../vanilla/pxt.js';
+import { BlockLayout, MakeCodeProject } from '../../vanilla/pxt.js';
 import {
   initialProject,
   project,
@@ -190,7 +190,7 @@ export const Robust: Story = {
     return (
       <StoryWrapper key={version}>
         <MakeCodeRenderBlocksProvider version={adaptStorybookVersion(version)}>
-          <MakeCodeBlocksRendering code={{} as Project} />
+          <MakeCodeBlocksRendering code={{} as MakeCodeProject} />
         </MakeCodeRenderBlocksProvider>
       </StoryWrapper>
     );
@@ -229,7 +229,7 @@ export const EmptyToBlocksTransition: Story = {
   name: 'Empty to blocks transition',
   render: (args) => {
     const { version } = args;
-    const [project, setProject] = useState<Project>(initialProject);
+    const [project, setProject] = useState<MakeCodeProject>(initialProject);
     return (
       <StoryWrapper key={version}>
         <div style={{ display: 'grid', gridTemplateColumns: '50% 50%' }}>

src/stories/react/MakeCodeFrame.stories.tsx

@@ -6,7 +6,7 @@ import {
   default as MakeCodeFrame,
   MakeCodeFrameProps,
 } from '../../react/MakeCodeFrame.js';
-import { Project } from '../../vanilla/pxt.js';
+import { MakeCodeProject } from '../../vanilla/pxt.js';
 import { controllerId } from '../config.js';
 import StoryWrapper from '../StoryWrapper.js';
 import MakeCodeToolbar from '../MakeCodeToolbar.js';
@@ -30,7 +30,7 @@ type Story = StoryObj<typeof MakeCodeFrame>;
 const MakeCodeEditorWithControls = (
   props: Omit<MakeCodeFrameProps, 'initialProjects'>
 ) => {
-  const savedProjects = useRef<Map<string, Project>>(new Map());
+  const savedProjects = useRef<Map<string, MakeCodeProject>>(new Map());
   const ref = useRef<MakeCodeFrameDriver>(null);
   const initialProjects = useCallback(async () => {
     if (savedProjects.current.size === 0) {

src/stories/vanilla/makecode-frame-driver.stories.tsx

@@ -6,7 +6,7 @@ import {
   MakeCodeFrameDriver,
   Options,
 } from '../../vanilla/makecode-frame-driver.js';
-import { Project } from '../../vanilla/pxt.js';
+import { MakeCodeProject } from '../../vanilla/pxt.js';
 import MakeCodeToolbar from '../MakeCodeToolbar.js';
 import StoryWrapper from '../StoryWrapper.js';
 
@@ -17,7 +17,7 @@ interface StoryArgs {
     controller?: 1 | 2;
     queryParams?: Record<string, string>;
   };
-  project?: Project;
+  project?: MakeCodeProject;
   callbacks?: Partial<Options>;
 }
 
@@ -30,7 +30,7 @@ export default meta;
 type Story = StoryObj<StoryArgs>;
 
 const renderEditor = (args: StoryArgs) => {
-  const savedProjects = useRef<Map<string, Project>>(new Map());
+  const savedProjects = useRef<Map<string, MakeCodeProject>>(new Map());
   const ref = useRef<MakeCodeFrameDriver | null>(null);
   const cbRef = (div: HTMLElement | null) => {
     if (!div) {
@@ -50,7 +50,7 @@ const renderEditor = (args: StoryArgs) => {
     iframe.height = '100%';
     div.appendChild(iframe);
 
-    const savedProjects: Map<string, Project> = new Map();
+    const savedProjects: Map<string, MakeCodeProject> = new Map();
 
     // Create and initialise an instance of MakeCodeFrameDriver.
     ref.current = new MakeCodeFrameDriver(

src/stories/vanilla/makecode-render-blocks.stories.tsx

@@ -13,12 +13,12 @@ import {
   projectWithMelody,
   projectWithTwoExtensions,
 } from '../fixtures.js';
-import { Project } from '../../vanilla/pxt.js';
+import { MakeCodeProject } from '../../vanilla/pxt.js';
 import StoryWrapper from '../StoryWrapper.js';
 
 interface StoryArgs {
   options: MakeCodeRenderBlocksOptions | undefined;
-  project: Project;
+  project: MakeCodeProject;
 }
 
 const meta: Meta<StoryArgs> = {