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

initial commit

Browse source
This commit is contained in:
kbariotis 2021-02-14 23:42:54 +02:00
parent e6cd97c4f2
commit 98a7707e26
8 changed files with 47 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/App.tsx
View file

@ -21,6 +21,7 @@ import {
actionSelectAll,
actionSendBackward,
actionSendToBack,
actionToggleAutoSave,
actionToggleGridMode,
actionToggleStats,
actionToggleZenMode,
@ -52,13 +53,14 @@ import {
MIME_TYPES,
POINTER_BUTTON,
SCROLL_TIMEOUT,
AUTO_SAVE_TIMEOUT,
TAP_TWICE_TIMEOUT,
TEXT_TO_CENTER_SNAP_THRESHOLD,
TOUCH_CTX_MENU_TIMEOUT,
ZOOM_STEP,
} from "../constants";
import { loadFromBlob } from "../data";
import { isValidLibrary } from "../data/json";
import { saveAsJSON, isValidLibrary } from "../data/json";
import { Library } from "../data/library";
import { restore } from "../data/restore";
import {
@ -879,6 +881,13 @@ class App extends React.Component<ExcalidrawProps, AppState> {
.querySelector(".excalidraw")
?.classList.toggle("Appearance_dark", this.state.appearance === "dark");
if (this.state.autoSave) {
this.saveLocalSceneDebounced(
this.scene.getElementsIncludingDeleted(),
this.state,
);
}
if (
this.state.editingLinearElement &&
!this.state.selectedElementIds[this.state.editingLinearElement.elementId]
@ -1004,6 +1013,13 @@ class App extends React.Component<ExcalidrawProps, AppState> {
this.setState({ ...this.getCanvasOffsets() });
}, SCROLL_TIMEOUT);
private saveLocalSceneDebounced = debounce(
(elements: readonly ExcalidrawElement[], state: AppState) => {
saveAsJSON(elements, state);
},
AUTO_SAVE_TIMEOUT,
);
// Copy/paste
private onCut = withBatchedUpdates((event: ClipboardEvent) => {
@ -3716,6 +3732,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
typeof this.props.zenModeEnabled === "undefined" && actionToggleZenMode,
typeof this.props.viewModeEnabled === "undefined" &&
actionToggleViewMode,
actionToggleAutoSave,
actionToggleStats,
];
@ -3762,6 +3779,8 @@ class App extends React.Component<ExcalidrawProps, AppState> {
actionToggleZenMode,
typeof this.props.viewModeEnabled === "undefined" &&
actionToggleViewMode,
actionToggleAutoSave,
separator,
actionToggleStats,
],
top: clientY,