@microbit/makecode-embed 0.0.0-alpha.2

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) YEAR AUTHOR
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,43 @@
+# React/JavaScript library for embedding Microsoft MakeCode as an iframe
+
+This project is a work in progress.
+
+It is intended to be used by other Micro:bit Educational Foundation projects
+that need to embed MakeCode and, when the API stabilises, to be useful to others
+who embed MakeCode.
+
+## Documentation
+
+There isn't any documentation yet. You can find a StoryBook demo of the
+components at https://microbit-foundation.github.io/makecode-embed/
+
+## License
+
+This software is under the MIT open source license.
+
+[SPDX-License-Identifier: MIT](LICENSE)
+
+We use dependencies via the NPM registry as specified by the package.json file under common Open Source licenses.
+
+The MakeCode/PXT types are derived from the [Microsoft MakeCode/PXT repository](https://github.com/Microsoft/pxt) as of 954d72b3a763608ca6f484807f511591ce48691a under a MIT license.
+
+Full details of each package can be found by running `license-checker`:
+
+```bash
+$ npx license-checker --direct --summary --production
+```
+
+Omit the flags as desired to obtain more detail.
+
+## Code of Conduct
+
+Trust, partnership, simplicity and passion are our core values we live and
+breathe in our daily work life and within our projects. Our open-source
+projects are no exception. We have an active community which spans the globe
+and we welcome and encourage participation and contributions to our projects
+by everyone. We work to foster a positive, open, inclusive and supportive
+environment and trust that our community respects the micro:bit code of
+conduct. Please see our [code of conduct](https://microbit.org/safeguarding/)
+which outlines our expectations for all those that participate in our
+community and details on how to report any concerns and what would happen
+should breaches occur.

package/dist/react/MakeCodeBlocksRendering.d.ts

@@ -0,0 +1,24 @@
+/**
+ * A React component
+ * to render MakeCode block snippets
+ */
+import React from 'react';
+import { BlockLayout, Project } from '../vanilla/pxt.js';
+export interface MakeCodeBlocksRenderingProps {
+    className?: string;
+    code?: string | Project;
+    packageId?: string;
+    package?: string;
+    snippetMode?: boolean;
+    layout?: BlockLayout;
+    loaderCmp?: React.ReactNode;
+}
+export interface MakeCodeBlocksRenderingState {
+    uri?: string;
+    width?: number;
+    height?: number;
+    error?: string;
+    rendering: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ loaderCmp, package: _package, packageId, snippetMode, layout, code, className, }: MakeCodeBlocksRenderingProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/react/MakeCodeBlocksRendering.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A React component
+ * to render MakeCode block snippets
+ */
+import React, { useState, useEffect } from 'react';
+import { useMakeCodeRenderBlocksContext } from './MakeCodeRenderBlocksProvider.js';
+const MakeCodeBlocksRendering = ({ loaderCmp, package: _package, packageId, snippetMode, layout, code, className, }) => {
+    const [state, setState] = useState({
+        rendering: true,
+    });
+    const { renderBlocks } = useMakeCodeRenderBlocksContext();
+    useEffect(() => {
+        let ignoreReponse = false;
+        async function intializeRendering() {
+            try {
+                const r = await renderBlocks({
+                    code: code || '',
+                    options: {
+                        packageId,
+                        package: _package,
+                        snippetMode,
+                        layout,
+                    },
+                });
+                if (!ignoreReponse) {
+                    setState({
+                        uri: r.uri,
+                        width: r.width,
+                        height: r.height,
+                        rendering: false,
+                    });
+                }
+            }
+            catch (e) {
+                if (!ignoreReponse) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    setState({ error: e.toString(), rendering: false });
+                }
+            }
+        }
+        if (typeof code === 'string' && !code.trim()) {
+            // If you render an empty string MakeCode responds with a smiley face, so we
+            // need to check first.
+            setState({
+                rendering: false,
+                height: 0,
+                width: 0,
+            });
+        }
+        else {
+            intializeRendering();
+        }
+        return () => {
+            ignoreReponse = true;
+        };
+    }, [code, packageId, _package, snippetMode, layout, renderBlocks]);
+    const { uri, width, height, error, rendering } = state;
+    let component;
+    if (width === 0 && height === 0) {
+        component = null;
+    }
+    else if (rendering) {
+        component = loaderCmp ? loaderCmp : _jsx("div", { children: "Loading..." });
+    }
+    else if (error) {
+        component = _jsx("div", { children: error });
+    }
+    else if (uri) {
+        component = (_jsx("img", { className: "ui image", alt: code === undefined || typeof code === 'string'
+                ? code
+                : code.text['main.ts'], src: uri, width: width, height: height }));
+    }
+    else {
+        throw new Error('Unexpected state.');
+    }
+    return (_jsx("div", { className: className, style: { overflow: 'auto' }, children: component }));
+};
+export default React.memo(MakeCodeBlocksRendering);
+//# sourceMappingURL=MakeCodeBlocksRendering.js.map

package/dist/react/MakeCodeBlocksRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MakeCodeBlocksRendering.js","sourceRoot":"","sources":["../../src/react/MakeCodeBlocksRendering.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAqBnF,MAAM,uBAAuB,GAAG,CAAC,EAC/B,SAAS,EACT,OAAO,EAAE,QAAQ,EACjB,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS,GACoB,EAAE,EAAE;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA+B;QAC/D,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,8BAA8B,EAAE,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,KAAK,UAAU,kBAAkB;YAC/B,IAAI,CAAC;gBACH,MAAM,CAAC,GAAG,MAAM,YAAY,CAAC;oBAC3B,IAAI,EAAE,IAAI,IAAI,EAAE;oBAChB,OAAO,EAAE;wBACP,SAAS;wBACT,OAAO,EAAE,QAAQ;wBACjB,WAAW;wBACX,MAAM;qBACP;iBACF,CAAC,CAAC;gBACH,IAAI,CAAC,aAAa,EAAE,CAAC;oBACnB,QAAQ,CAAC;wBACP,GAAG,EAAE,CAAC,CAAC,GAAG;wBACV,KAAK,EAAE,CAAC,CAAC,KAAK;wBACd,MAAM,EAAE,CAAC,CAAC,MAAM;wBAChB,SAAS,EAAE,KAAK;qBACjB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,IAAI,CAAC,aAAa,EAAE,CAAC;oBACnB,8DAA8D;oBAC9D,QAAQ,CAAC,EAAE,KAAK,EAAG,CAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC/D,CAAC;YACH,CAAC;QACH,CAAC;QACD,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YAC7C,4EAA4E;YAC5E,uBAAuB;YACvB,QAAQ,CAAC;gBACP,SAAS,EAAE,KAAK;gBAChB,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;aACT,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,OAAO,GAAG,EAAE;YACV,aAAa,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvD,IAAI,SAAoB,CAAC;IACzB,IAAI,KAAK,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,SAAS,GAAG,IAAI,CAAC;IACnB,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACrB,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uCAAqB,CAAC;IAC5D,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,SAAS,GAAG,wBAAM,KAAK,GAAO,CAAC;IACjC,CAAC;SAAM,IAAI,GAAG,EAAE,CAAC;QACf,SAAS,GAAG,CACV,cACE,SAAS,EAAC,UAAU,EACpB,GAAG,EACD,IAAI,KAAK,SAAS,IAAI,OAAO,IAAI,KAAK,QAAQ;gBAC5C,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,IAAK,CAAC,SAAS,CAAC,EAE3B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YACnD,SAAS,GACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/react/MakeCodeFrame.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { MakeCodeFrameDriver } from '../vanilla/makecode-frame-driver.js';
+import { EditorContentLoadedRequest, EditorEvent, EditorMessageTutorialEventRequest, EditorWorkspaceSaveRequest, EditorWorkspaceSyncRequest, Project, ProjectFilters } from '../vanilla/pxt.js';
+export interface MakeCodeFrameProps extends React.ComponentPropsWithoutRef<'iframe'> {
+    baseUrl?: string;
+    version?: string;
+    lang?: string;
+    controller?: 1 | 2;
+    queryParams?: Record<string, string>;
+    initialProjects: () => Promise<Project[]>;
+    controllerId?: string;
+    filters?: ProjectFilters;
+    searchBar?: boolean;
+    onDownload?: (download: {
+        name: string;
+        hex: string;
+    }) => void;
+    onSave?: (save: {
+        name: string;
+        hex: string;
+    }) => void;
+    onBack?: () => void;
+    onBackLongPress?: () => void;
+    onEditorContentLoaded?(event: EditorContentLoadedRequest): void;
+    onWorkspaceLoaded?(event: EditorWorkspaceSyncRequest): void;
+    onWorkspaceSync?(event: EditorWorkspaceSyncRequest): void;
+    /**
+     * This is only called via MakeCode UI that's not visible in embedded mode.
+     *
+     * It's intention is to delete all projects/settings.
+     */
+    onWorkspaceReset?(event: EditorWorkspaceSyncRequest): void;
+    onWorkspaceEvent?(event: EditorEvent): void;
+    onWorkspaceSave?(event: EditorWorkspaceSaveRequest): void;
+    onTutorialEvent?(event: EditorMessageTutorialEventRequest): void;
+}
+declare const MakeCodeFrame: React.ForwardRefExoticComponent<MakeCodeFrameProps & React.RefAttributes<MakeCodeFrameDriver>>;
+export default MakeCodeFrame;

package/dist/react/MakeCodeFrame.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
+import { createMakeCodeURL, MakeCodeFrameDriver, } from '../vanilla/makecode-frame-driver.js';
+const styles = {
+    iframe: {
+        width: '100%',
+        flexGrow: 1,
+        border: 'none',
+    },
+};
+const MakeCodeFrame = forwardRef(function MakeCode(props, ref) {
+    const { baseUrl = 'https://makecode.microbit.org', version, lang, controller, queryParams, initialProjects, controllerId, filters, searchBar, onDownload, onSave, onBack, onBackLongPress, onEditorContentLoaded, onWorkspaceLoaded, onWorkspaceSync, onWorkspaceReset, onWorkspaceEvent, onWorkspaceSave, onTutorialEvent, ...rest } = props;
+    const options = useMemo(() => {
+        return {
+            initialProjects,
+            controllerId,
+            filters,
+            searchBar,
+            onDownload,
+            onSave,
+            onBack,
+            onBackLongPress,
+            onEditorContentLoaded,
+            onWorkspaceLoaded,
+            onWorkspaceSync,
+            onWorkspaceReset,
+            onWorkspaceEvent,
+            onWorkspaceSave,
+            onTutorialEvent,
+        };
+    }, [
+        controllerId,
+        filters,
+        initialProjects,
+        onBack,
+        onBackLongPress,
+        onDownload,
+        onEditorContentLoaded,
+        onSave,
+        onTutorialEvent,
+        onWorkspaceEvent,
+        onWorkspaceLoaded,
+        onWorkspaceReset,
+        onWorkspaceSave,
+        onWorkspaceSync,
+        searchBar,
+    ]);
+    // Reload MakeCode if the URL changes
+    const src = createMakeCodeURL(baseUrl, version, lang, controller, queryParams);
+    return (_createElement(MakeCodeFrameInner, { ...rest, ref: ref, key: src, src: src, options: options }));
+});
+const MakeCodeFrameInner = forwardRef(function MakeCodeFrameInner(props, ref) {
+    const { options, style, ...rest } = props;
+    const iframeRef = useRef(null);
+    // We keep a fixed driver (which has state for messages) and update its options as needed.
+    const driverRef = useRef(new MakeCodeFrameDriver(options, () => iframeRef.current ?? undefined));
+    useEffect(() => {
+        const driver = driverRef.current;
+        driver.initialize();
+        return () => {
+            driver.dispose();
+        };
+    }, []);
+    useEffect(() => {
+        driverRef.current.setOptions(options);
+    }, [options]);
+    useImperativeHandle(ref, () => driverRef.current, []);
+    return (_jsx("iframe", { ref: iframeRef, title: "MakeCode", style: { ...styles.iframe, ...style }, allow: "usb; autoplay; camera; microphone;", ...rest }));
+});
+export default MakeCodeFrame;
+//# sourceMappingURL=MakeCodeFrame.js.map

package/dist/react/MakeCodeFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MakeCodeFrame.js","sourceRoot":"","sources":["../../src/react/MakeCodeFrame.tsx"],"names":[],"mappings":"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"}

package/dist/react/MakeCodeRenderBlocksProvider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { MakeCodeRenderBlocksOptions } from '../vanilla/makecode-render-blocks.js';
+import { UseMakeCodeRenderBlocksReturn } from './useMakeCodeRenderBlocks.js';
+export declare const MakeCodeRenderBlocksProvider: ({ options, children, }: {
+    options: MakeCodeRenderBlocksOptions;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useMakeCodeRenderBlocksContext: () => UseMakeCodeRenderBlocksReturn;

package/dist/react/MakeCodeRenderBlocksProvider.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import useMakeCodeRenderBlocks from './useMakeCodeRenderBlocks.js';
+const MakeCodeRenderBlocksContext = createContext({
+    renderBlocks: () => {
+        throw new Error('Configure MakeCodeRenderBlocksProvider.');
+    },
+});
+export const MakeCodeRenderBlocksProvider = ({ options, children, }) => {
+    const value = useMakeCodeRenderBlocks(options);
+    return (_jsx(MakeCodeRenderBlocksContext.Provider, { value: value, children: children }));
+};
+export const useMakeCodeRenderBlocksContext = () => useContext(MakeCodeRenderBlocksContext);
+//# sourceMappingURL=MakeCodeRenderBlocksProvider.js.map

package/dist/react/MakeCodeRenderBlocksProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MakeCodeRenderBlocksProvider.js","sourceRoot":"","sources":["../../src/react/MakeCodeRenderBlocksProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,uBAEN,MAAM,8BAA8B,CAAC;AAEtC,MAAM,2BAA2B,GAC/B,aAAa,CAAgC;IAC3C,YAAY,EAAE,GAAG,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;IAC7D,CAAC;CACF,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC/C,OAAO,CACL,KAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC/C,QAAQ,GAC4B,CACxC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,EAAE,CACjD,UAAU,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MakeCodeFrame, type MakeCodeFrameProps, } from './MakeCodeFrame.js';
+export { default as useMakeCodeRenderBlocks, type UseMakeCodeRenderBlocksReturn, } from './useMakeCodeRenderBlocks.js';
+export { defaultMakeCodeProject, emptyMakeCodeProject, } from '../vanilla/examples.js';
+export type { CreateEvent, EditorContentLoadedRequest, EditorEvent, EditorMessageTutorialCompletedEventRequest, EditorMessageTutorialEventRequest, EditorMessageTutorialExitEventRequest, EditorMessageTutorialLoadedEventRequest, EditorMessageTutorialProgressEventRequest, ImportExternalProjectOptions, ImportFileOptions, ImportProjectOptions, InfoMessage, LanguageRestriction, Project, ProjectCreationOptions, ProjectFilters, RenderBlocksOptions, RenderByBlockIdOptions, RenderXmlOptions, ShareResult, StartActivityOptions, ToolboxCategoryDefinition, ToolboxBlockDefinition, UIEvent, } from '../vanilla/pxt.js';

package/dist/react/index.js

@@ -0,0 +1,4 @@
+export { default as MakeCodeFrame, } from './MakeCodeFrame.js';
+export { default as useMakeCodeRenderBlocks, } from './useMakeCodeRenderBlocks.js';
+export { defaultMakeCodeProject, emptyMakeCodeProject, } from '../vanilla/examples.js';
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,aAAa,GAEzB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,OAAO,IAAI,uBAAuB,GAEnC,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/react/useMakeCodeRenderBlocks.d.ts

@@ -0,0 +1,6 @@
+import { MakeCodeRenderBlocksOptions, RenderBlocksRequest, RenderBlocksResponse } from '../vanilla/makecode-render-blocks.js';
+export interface UseMakeCodeRenderBlocksReturn {
+    renderBlocks: (req: RenderBlocksRequest) => Promise<RenderBlocksResponse>;
+}
+declare const useMakeCodeRenderBlocks: (options: MakeCodeRenderBlocksOptions) => UseMakeCodeRenderBlocksReturn;
+export default useMakeCodeRenderBlocks;

package/dist/react/useMakeCodeRenderBlocks.js

@@ -0,0 +1,16 @@
+import { useEffect, useMemo } from 'react';
+import createMakeCodeRenderBlocks from '../vanilla/makecode-render-blocks.js';
+const useMakeCodeRenderBlocks = (options) => {
+    const { disabled, lang, version } = options;
+    const memoizedOptions = useMemo(() => {
+        return { disabled, lang, version };
+    }, [disabled, lang, version]);
+    const returnValue = useMemo(() => createMakeCodeRenderBlocks(memoizedOptions), [memoizedOptions]);
+    useEffect(() => {
+        returnValue.initialize();
+        return () => returnValue.dispose();
+    }, [returnValue]);
+    return returnValue;
+};
+export default useMakeCodeRenderBlocks;
+//# sourceMappingURL=useMakeCodeRenderBlocks.js.map

package/dist/react/useMakeCodeRenderBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMakeCodeRenderBlocks.js","sourceRoot":"","sources":["../../src/react/useMakeCodeRenderBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,0BAKN,MAAM,sCAAsC,CAAC;AAM9C,MAAM,uBAAuB,GAAG,CAC9B,OAAoC,EACL,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC5C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAC9B,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,0BAA0B,CAAC,eAAe,CAAC,EACjD,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,UAAU,EAAE,CAAC;QACzB,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/vanilla/examples.d.ts

@@ -0,0 +1,3 @@
+import { Project } from './pxt.js';
+export declare const defaultMakeCodeProject: Project;
+export declare const emptyMakeCodeProject: Project;

package/dist/vanilla/examples.js

@@ -0,0 +1,17 @@
+export const defaultMakeCodeProject = {
+    text: {
+        'main.blocks': '<xml xmlns="http://www.w3.org/1999/xhtml">\n  <block type="pxt-on-start" id=",{,HjW]u:lVGcDRS_Cu|" x="-247" y="113"></block>\n</xml>',
+        'main.ts': '',
+        'README.md': ' ',
+        '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}',
+    },
+};
+export const emptyMakeCodeProject = {
+    text: {
+        'main.blocks': '<xml xmlns="http://www.w3.org/1999/xhtml">\n  <variables></variables>\n</xml>',
+        'main.ts': '\n',
+        'README.md': ' ',
+        '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}',
+    },
+};
+//# sourceMappingURL=examples.js.map

package/dist/vanilla/examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"examples.js","sourceRoot":"","sources":["../../src/vanilla/examples.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAY;IAC7C,IAAI,EAAE;QACJ,aAAa,EACX,sIAAsI;QACxI,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,GAAG;QAChB,UAAU,EACR,mNAAmN;KACtN;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAY;IAC3C,IAAI,EAAE;QACJ,aAAa,EACX,+EAA+E;QACjF,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,GAAG;QAChB,UAAU,EACR,mNAAmN;KACtN;CACF,CAAC"}

package/dist/vanilla/index.d.ts

@@ -0,0 +1,4 @@
+export { MakeCodeFrameDriver } from './makecode-frame-driver.js';
+export { default as useMakeCodeRenderBlocks, type MakeCodeRenderBlocksReturn, } from './makecode-render-blocks.js';
+export { defaultMakeCodeProject, emptyMakeCodeProject, } from '../vanilla/examples.js';
+export type { CreateEvent, EditorContentLoadedRequest, EditorEvent, EditorMessageTutorialCompletedEventRequest, EditorMessageTutorialEventRequest, EditorMessageTutorialExitEventRequest, EditorMessageTutorialLoadedEventRequest, EditorMessageTutorialProgressEventRequest, ImportExternalProjectOptions, ImportFileOptions, ImportProjectOptions, InfoMessage, LanguageRestriction, Project, ProjectCreationOptions, ProjectFilters, RenderBlocksOptions, RenderByBlockIdOptions, RenderXmlOptions, ShareResult, StartActivityOptions, ToolboxCategoryDefinition, ToolboxBlockDefinition, UIEvent, } from '../vanilla/pxt.js';

package/dist/vanilla/index.js

@@ -0,0 +1,4 @@
+export { MakeCodeFrameDriver } from './makecode-frame-driver.js';
+export { default as useMakeCodeRenderBlocks, } from './makecode-render-blocks.js';
+export { defaultMakeCodeProject, emptyMakeCodeProject, } from '../vanilla/examples.js';
+//# sourceMappingURL=index.js.map

package/dist/vanilla/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vanilla/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,EACL,OAAO,IAAI,uBAAuB,GAEnC,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}