smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Factor out collaboration code (#2313)

Browse source 
Co-authored-by: Lipis <lipiridis@gmail.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Aakansha Doshi 2020-12-05 20:00:53 +05:30 • committed by GitHub
parent d8a0dc3b4d
commit e617ccc252
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
41 changed files with 2250 additions and 2018 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/packages/excalidraw/index.tsx
View file

@ -1,13 +1,14 @@
import React, { useEffect, forwardRef } from "react";
import { InitializeApp } from "../../components/InitializeApp";
import App, { ExcalidrawImperativeAPI } from "../../components/App";
import App from "../../components/App";
import "../../css/app.scss";
import "../../css/styles.scss";
import { ExcalidrawProps } from "../../types";
import { ExcalidrawAPIRefValue, ExcalidrawProps } from "../../types";
import { IsMobileProvider } from "../../is-mobile";
import { noop } from "../../utils";
const Excalidraw = (props: ExcalidrawProps) => {
const {
@ -18,8 +19,10 @@ const Excalidraw = (props: ExcalidrawProps) => {
onChange,
initialData,
user,
onUsernameChange,
forwardedRef,
excalidrawRef,
onCollabButtonClick = noop,
isCollaborating,
onPointerUpdate,
} = props;
useEffect(() => {
@ -51,8 +54,10 @@ const Excalidraw = (props: ExcalidrawProps) => {
onChange={onChange}
initialData={initialData}
user={user}
onUsernameChange={onUsernameChange}
forwardedRef={forwardedRef}
excalidrawRef={excalidrawRef}
onCollabButtonClick={onCollabButtonClick}
isCollaborating={isCollaborating}
onPointerUpdate={onPointerUpdate}
/>
</IsMobileProvider>
</InitializeApp>
@ -79,7 +84,12 @@ const areEqual = (
};
const forwardedRefComp = forwardRef<
ExcalidrawImperativeAPI,
ExcalidrawAPIRefValue,
PublicExcalidrawProps
>((props, ref) => <Excalidraw {...props} forwardedRef={ref} />);
>((props, ref) => <Excalidraw {...props} excalidrawRef={ref} />);
export default React.memo(forwardedRefComp, areEqual);
export {
getSceneVersion,
getSyncableElements,
getElementMap,
} from "../../element";