30 lines
960 B
JavaScript
30 lines
960 B
JavaScript
import React from "react";
|
|
import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
|
|
import initialData from "@site/src/initialData";
|
|
import { useColorMode } from "@docusaurus/theme-common";
|
|
|
|
let ExcalidrawComp = {};
|
|
if (ExecutionEnvironment.canUseDOM) {
|
|
ExcalidrawComp = require("@excalidraw/excalidraw");
|
|
}
|
|
const Excalidraw = React.forwardRef((props, ref) => {
|
|
const { colorMode } = useColorMode();
|
|
return <ExcalidrawComp.Excalidraw theme={colorMode} {...props} ref={ref} />;
|
|
});
|
|
// Add react-live imports you need here
|
|
const ExcalidrawScope = {
|
|
React,
|
|
...React,
|
|
Excalidraw,
|
|
Footer: ExcalidrawComp.Footer,
|
|
useDevice: ExcalidrawComp.useDevice,
|
|
MainMenu: ExcalidrawComp.MainMenu,
|
|
WelcomeScreen: ExcalidrawComp.WelcomeScreen,
|
|
LiveCollaborationTrigger: ExcalidrawComp.LiveCollaborationTrigger,
|
|
Sidebar: ExcalidrawComp.Sidebar,
|
|
exportToCanvas: ExcalidrawComp.exportToCanvas,
|
|
initialData,
|
|
};
|
|
|
|
export default ExcalidrawScope;
|