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

Save scene in URL (#220)

Browse source 
Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>
This commit is contained in:
Timur Khazamov 2020-01-07 08:08:23 +05:00 • committed by Christopher Chedeau
parent abbc04df0e
commit db973c61e8
3 changed files with 40 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/index.tsx
View file

@ -25,6 +25,8 @@ import {
exportAsPNG,
restoreFromLocalStorage,
saveToLocalStorage,
restoreFromURL,
saveToURL,
hasBackground,
hasStroke,
getElementAtPosition,
@ -122,7 +124,8 @@ class App extends React.Component<{}, AppState> {
document.addEventListener("keydown", this.onKeyDown, false);
window.addEventListener("resize", this.onResize, false);
const savedState = restoreFromLocalStorage(elements);
const savedState =
restoreFromURL(elements) || restoreFromLocalStorage(elements);
if (savedState) {
this.setState(savedState);
}
@ -997,6 +1000,11 @@ class App extends React.Component<{}, AppState> {
}));
};
private saveDebounced = debounce(() => {
saveToLocalStorage(elements, this.state);
saveToURL(elements, this.state);
}, 300);
private addElementsFromPaste = (paste: string, x?: number, y?: number) => {
let parsedElements;
try {
@ -1037,7 +1045,7 @@ class App extends React.Component<{}, AppState> {
scrollY: this.state.scrollY,
viewBackgroundColor: this.state.viewBackgroundColor
});
saveToLocalStorage(elements, this.state);
this.saveDebounced();
if (history.isRecording()) {
history.pushEntry(history.generateCurrentEntry(elements));
history.clearRedoStack();
@ -1046,6 +1054,14 @@ class App extends React.Component<{}, AppState> {
}
}
function debounce<T extends any[]>(fn: (...args: T) => void, timeout: number) {
let handle = 0;
return (...args: T) => {
clearTimeout(handle);
handle = window.setTimeout(() => fn(...args), timeout);
};
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
const canvas = document.getElementById("canvas") as HTMLCanvasElement;