From d7a015cb3aab7d9aa3629729dd8f219da6403203 Mon Sep 17 00:00:00 2001
From: dwelle <luzar.david@gmail.com>
Date: Fri, 26 Mar 2021 21:49:43 +0100
Subject: [PATCH] =?UTF-8?q?`autoSave`=20=E2=86=92=20`autosave`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/actions/actionExport.tsx                  |  14 +-
 src/actions/index.ts                          |   2 +-
 src/actions/types.ts                          |   2 +-
 src/appState.ts                               |   4 +-
 src/components/App.tsx                        |   6 +-
 src/components/ExportDialog.tsx               |   2 +-
 src/locales/en.json                           |   4 +-
 .../regressionTests.test.tsx.snap             | 134 +++++++++---------
 src/types.ts                                  |   2 +-
 9 files changed, 85 insertions(+), 85 deletions(-)

diff --git a/src/actions/actionExport.tsx b/src/actions/actionExport.tsx
index e430b4131..295584fb7 100644
--- a/src/actions/actionExport.tsx
+++ b/src/actions/actionExport.tsx
@@ -236,14 +236,14 @@ export const actionExportWithDarkMode = register({
   ),
 });
 
-export const actionToggleAutoSave = register({
-  name: "toggleAutoSave",
+export const actionToggleAutosave = register({
+  name: "toggleAutosave",
   perform(elements, appState) {
-    trackEvent("toggle", "autoSave");
+    trackEvent("toggle", "autosave");
     return {
       appState: {
         ...appState,
-        autoSave: !appState.autoSave,
+        autosave: !appState.autosave,
       },
       commitToHistory: false,
     };
@@ -253,12 +253,12 @@ export const actionToggleAutoSave = register({
       <label style={{ display: "flex" }}>
         <input
           type="checkbox"
-          checked={appState.autoSave}
+          checked={appState.autosave}
           onChange={(event) => updateData(event.target.checked)}
         />{" "}
-        {t("labels.toggleAutoSave")}
+        {t("labels.toggleAutosave")}
         <Tooltip
-          label={t("labels.toggleAutoSave_details")}
+          label={t("labels.toggleAutosave_details")}
           position="above"
           long={true}
         >
diff --git a/src/actions/index.ts b/src/actions/index.ts
index 404440b8b..4464b36d2 100644
--- a/src/actions/index.ts
+++ b/src/actions/index.ts
@@ -33,7 +33,7 @@ export { actionFinalize } from "./actionFinalize";
 export {
   actionChangeProjectName,
   actionChangeExportBackground,
-  actionToggleAutoSave,
+  actionToggleAutosave,
   actionSaveScene,
   actionSaveAsScene,
   actionLoadScene,
diff --git a/src/actions/types.ts b/src/actions/types.ts
index d13be26b6..529828566 100644
--- a/src/actions/types.ts
+++ b/src/actions/types.ts
@@ -48,7 +48,7 @@ export type ActionName =
   | "changeOpacity"
   | "changeFontSize"
   | "toggleCanvasMenu"
-  | "toggleAutoSave"
+  | "toggleAutosave"
   | "toggleEditMenu"
   | "undo"
   | "redo"
diff --git a/src/appState.ts b/src/appState.ts
index f1429bea8..954873450 100644
--- a/src/appState.ts
+++ b/src/appState.ts
@@ -13,7 +13,7 @@ export const getDefaultAppState = (): Omit<
   "offsetTop" | "offsetLeft"
 > => {
   return {
-    autoSave: false,
+    autosave: false,
     theme: "light",
     collaborators: new Map(),
     currentChartType: "bar",
@@ -93,7 +93,7 @@ const APP_STATE_STORAGE_CONF = (<
 >(
   config: { [K in keyof T]: K extends keyof AppState ? T[K] : never },
 ) => config)({
-  autoSave: { browser: true, export: false },
+  autosave: { browser: true, export: false },
   theme: { browser: true, export: false },
   collaborators: { browser: false, export: false },
   currentChartType: { browser: true, export: false },
diff --git a/src/components/App.tsx b/src/components/App.tsx
index 8d5088f51..92a2b6108 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -910,7 +910,7 @@ class App extends React.Component<ExcalidrawProps, AppState> {
       .querySelector(".excalidraw")
       ?.classList.toggle("theme--dark", this.state.theme === "dark");
 
-    if (this.state.autoSave && this.state.fileHandle && supported) {
+    if (this.state.autosave && this.state.fileHandle && supported) {
       this.saveLocalSceneDebounced(
         this.scene.getElementsIncludingDeleted(),
         this.state,
@@ -1051,14 +1051,14 @@ class App extends React.Component<ExcalidrawProps, AppState> {
 
   private saveLocalSceneDebounced = debounce(
     async (elements: readonly ExcalidrawElement[], state: AppState) => {
-      if (this.state.autoSave && this.state.fileHandle && supported) {
+      if (this.state.autosave && this.state.fileHandle && supported) {
         try {
           await saveAsJSON(elements, state);
         } catch (error) {
           // shouldn't (almost) ever happen, so let's log it
           console.error(error);
           this.setState({
-            autoSave: false,
+            autosave: false,
             errorMessage: t("toast.autosaveFailed"),
           });
         }
diff --git a/src/components/ExportDialog.tsx b/src/components/ExportDialog.tsx
index 21ea6e99d..65398dd19 100644
--- a/src/components/ExportDialog.tsx
+++ b/src/components/ExportDialog.tsx
@@ -202,7 +202,7 @@ const ExportModal = ({
             })}
           </Stack.Row>
         </div>
-        {actionManager.renderAction("toggleAutoSave")}
+        {actionManager.renderAction("toggleAutosave")}
         {actionManager.renderAction("changeExportBackground")}
         {someElementIsSelected && (
           <div>
diff --git a/src/locales/en.json b/src/locales/en.json
index 3d257e75a..0b27e40b1 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -78,8 +78,8 @@
     "ungroup": "Ungroup selection",
     "collaborators": "Collaborators",
     "showGrid": "Show grid",
-    "toggleAutoSave": "Auto save",
-    "toggleAutoSave_details": "Automatically save changes when working on an existing file.",
+    "toggleAutosave": "Autosave",
+    "toggleAutosave_details": "Automatically save changes when working on an existing file.",
     "addToLibrary": "Add to library",
     "removeFromLibrary": "Remove from library",
     "libraryLoadingMessage": "Loading library…",
diff --git a/src/tests/__snapshots__/regressionTests.test.tsx.snap b/src/tests/__snapshots__/regressionTests.test.tsx.snap
index 396588a05..9925cd72b 100644
--- a/src/tests/__snapshots__/regressionTests.test.tsx.snap
+++ b/src/tests/__snapshots__/regressionTests.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`given element A and group of elements B and given both are selected when user clicks on B, on pointer up only elements from B should be selected: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -464,7 +464,7 @@ exports[`given element A and group of elements B and given both are selected whe
 
 exports[`given element A and group of elements B and given both are selected when user shift-clicks on B, on pointer up only element A should be selected: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -932,7 +932,7 @@ exports[`given element A and group of elements B and given both are selected whe
 
 exports[`regression tests Cmd/Ctrl-click exclusively select element under pointer: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -1709,7 +1709,7 @@ exports[`regression tests Cmd/Ctrl-click exclusively select element under pointe
 
 exports[`regression tests Drags selected element when hitting only bounding box and keeps element selected: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -1914,7 +1914,7 @@ exports[`regression tests Drags selected element when hitting only bounding box
 
 exports[`regression tests adjusts z order when grouping: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -2373,7 +2373,7 @@ exports[`regression tests adjusts z order when grouping: [end of test] number of
 
 exports[`regression tests alt-drag duplicates an element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -2627,7 +2627,7 @@ exports[`regression tests alt-drag duplicates an element: [end of test] number o
 
 exports[`regression tests arrow keys: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -2792,7 +2792,7 @@ exports[`regression tests arrow keys: [end of test] number of renders 1`] = `19`
 
 exports[`regression tests can drag element that covers another element, while another elem is selected: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -3270,7 +3270,7 @@ exports[`regression tests can drag element that covers another element, while an
 
 exports[`regression tests change the properties of a shape: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
@@ -3507,7 +3507,7 @@ exports[`regression tests change the properties of a shape: [end of test] number
 
 exports[`regression tests click on an element and drag it: [dragged] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -3712,7 +3712,7 @@ exports[`regression tests click on an element and drag it: [dragged] number of r
 
 exports[`regression tests click on an element and drag it: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -3957,7 +3957,7 @@ exports[`regression tests click on an element and drag it: [end of test] number
 
 exports[`regression tests click to select a shape: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -4210,7 +4210,7 @@ exports[`regression tests click to select a shape: [end of test] number of rende
 
 exports[`regression tests click-drag to select a group: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -4572,7 +4572,7 @@ exports[`regression tests click-drag to select a group: [end of test] number of
 
 exports[`regression tests deselects group of selected elements on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -4868,7 +4868,7 @@ exports[`regression tests deselects group of selected elements on pointer down w
 
 exports[`regression tests deselects group of selected elements on pointer up when pointer hits common bounding box without hitting any element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -5176,7 +5176,7 @@ exports[`regression tests deselects group of selected elements on pointer up whe
 
 exports[`regression tests deselects selected element on pointer down when pointer doesn't hit any element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -5385,7 +5385,7 @@ exports[`regression tests deselects selected element on pointer down when pointe
 
 exports[`regression tests deselects selected element, on pointer up, when click hits element bounding box but doesn't hit the element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -5572,7 +5572,7 @@ exports[`regression tests deselects selected element, on pointer up, when click
 
 exports[`regression tests double click to edit a group: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -6026,7 +6026,7 @@ exports[`regression tests double click to edit a group: [end of test] number of
 
 exports[`regression tests drags selected elements from point inside common bounding box that doesn't hit any element and keeps elements selected after dragging: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -6345,7 +6345,7 @@ exports[`regression tests drags selected elements from point inside common bound
 
 exports[`regression tests draw every type of shape: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -8380,7 +8380,7 @@ exports[`regression tests draw every type of shape: [end of test] number of rend
 
 exports[`regression tests given a group of selected elements with an element that is not selected inside the group common bounding box when element that is not selected is clicked should switch selection to not selected element on pointer up: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -8743,7 +8743,7 @@ exports[`regression tests given a group of selected elements with an element tha
 
 exports[`regression tests given a selected element A and a not selected element B with higher z-index than A and given B partialy overlaps A when there's a shift-click on the overlapped section B is added to the selection: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
@@ -8999,7 +8999,7 @@ exports[`regression tests given a selected element A and a not selected element
 
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when clicking intersection between A and B B should be selected on pointer up: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
@@ -9253,7 +9253,7 @@ exports[`regression tests given selected element A with lower z-index than unsel
 
 exports[`regression tests given selected element A with lower z-index than unselected element B and given B is partially over A when dragging on intersection between A and B A should be dragged and keep being selected: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
@@ -9569,7 +9569,7 @@ exports[`regression tests given selected element A with lower z-index than unsel
 
 exports[`regression tests key 2 selects rectangle tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -9734,7 +9734,7 @@ exports[`regression tests key 2 selects rectangle tool: [end of test] number of
 
 exports[`regression tests key 3 selects diamond tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -9899,7 +9899,7 @@ exports[`regression tests key 3 selects diamond tool: [end of test] number of re
 
 exports[`regression tests key 4 selects ellipse tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -10064,7 +10064,7 @@ exports[`regression tests key 4 selects ellipse tool: [end of test] number of re
 
 exports[`regression tests key 5 selects arrow tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -10259,7 +10259,7 @@ exports[`regression tests key 5 selects arrow tool: [end of test] number of rend
 
 exports[`regression tests key 6 selects line tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -10454,7 +10454,7 @@ exports[`regression tests key 6 selects line tool: [end of test] number of rende
 
 exports[`regression tests key 7 selects draw tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -10649,7 +10649,7 @@ exports[`regression tests key 7 selects draw tool: [end of test] number of rende
 
 exports[`regression tests key a selects arrow tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -10844,7 +10844,7 @@ exports[`regression tests key a selects arrow tool: [end of test] number of rend
 
 exports[`regression tests key d selects diamond tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -11009,7 +11009,7 @@ exports[`regression tests key d selects diamond tool: [end of test] number of re
 
 exports[`regression tests key e selects ellipse tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -11174,7 +11174,7 @@ exports[`regression tests key e selects ellipse tool: [end of test] number of re
 
 exports[`regression tests key l selects line tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -11369,7 +11369,7 @@ exports[`regression tests key l selects line tool: [end of test] number of rende
 
 exports[`regression tests key r selects rectangle tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -11534,7 +11534,7 @@ exports[`regression tests key r selects rectangle tool: [end of test] number of
 
 exports[`regression tests key x selects draw tool: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -11729,7 +11729,7 @@ exports[`regression tests key x selects draw tool: [end of test] number of rende
 
 exports[`regression tests make a group and duplicate it: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -12446,7 +12446,7 @@ exports[`regression tests make a group and duplicate it: [end of test] number of
 
 exports[`regression tests noop interaction after undo shouldn't create history entry: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -12700,7 +12700,7 @@ exports[`regression tests noop interaction after undo shouldn't create history e
 
 exports[`regression tests pinch-to-zoom works: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -12803,7 +12803,7 @@ exports[`regression tests pinch-to-zoom works: [end of test] number of renders 1
 
 exports[`regression tests rerenders UI on language change: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -12904,7 +12904,7 @@ exports[`regression tests rerenders UI on language change: [end of test] number
 
 exports[`regression tests selecting 'Add to library' in context menu adds element to library: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -13069,7 +13069,7 @@ exports[`regression tests selecting 'Add to library' in context menu adds elemen
 
 exports[`regression tests selecting 'Bring forward' in context menu brings element forward: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -13378,7 +13378,7 @@ exports[`regression tests selecting 'Bring forward' in context menu brings eleme
 
 exports[`regression tests selecting 'Bring to front' in context menu brings element to front: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -13687,7 +13687,7 @@ exports[`regression tests selecting 'Bring to front' in context menu brings elem
 
 exports[`regression tests selecting 'Copy styles' in context menu copies styles: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -13852,7 +13852,7 @@ exports[`regression tests selecting 'Copy styles' in context menu copies styles:
 
 exports[`regression tests selecting 'Delete' in context menu deletes element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -14049,7 +14049,7 @@ exports[`regression tests selecting 'Delete' in context menu deletes element: [e
 
 exports[`regression tests selecting 'Duplicate' in context menu duplicates element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -14299,7 +14299,7 @@ exports[`regression tests selecting 'Duplicate' in context menu duplicates eleme
 
 exports[`regression tests selecting 'Group selection' in context menu groups selected elements: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -14624,7 +14624,7 @@ exports[`regression tests selecting 'Group selection' in context menu groups sel
 
 exports[`regression tests selecting 'Paste styles' in context menu pastes styles: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#e64980",
@@ -15346,7 +15346,7 @@ exports[`regression tests selecting 'Paste styles' in context menu pastes styles
 
 exports[`regression tests selecting 'Send backward' in context menu sends element backward: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -15655,7 +15655,7 @@ exports[`regression tests selecting 'Send backward' in context menu sends elemen
 
 exports[`regression tests selecting 'Send to back' in context menu sends element to back: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -15964,7 +15964,7 @@ exports[`regression tests selecting 'Send to back' in context menu sends element
 
 exports[`regression tests selecting 'Ungroup selection' in context menu ungroups selected group: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -16344,7 +16344,7 @@ exports[`regression tests selecting 'Ungroup selection' in context menu ungroups
 
 exports[`regression tests shift click on selected element should deselect it on pointer up: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -16512,7 +16512,7 @@ exports[`regression tests shift click on selected element should deselect it on
 
 exports[`regression tests shift-click to multiselect, then drag: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -16834,7 +16834,7 @@ exports[`regression tests shift-click to multiselect, then drag: [end of test] n
 
 exports[`regression tests should show fill icons when element has non transparent background: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "#fa5252",
@@ -17038,7 +17038,7 @@ exports[`regression tests should show fill icons when element has non transparen
 
 exports[`regression tests shows 'Group selection' in context menu for multiple selected elements: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -17294,7 +17294,7 @@ exports[`regression tests shows 'Group selection' in context menu for multiple s
 
 exports[`regression tests shows 'Ungroup selection' in context menu for group inside selected elements: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -17622,7 +17622,7 @@ exports[`regression tests shows 'Ungroup selection' in context menu for group in
 
 exports[`regression tests shows context menu for canvas: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -17723,7 +17723,7 @@ exports[`regression tests shows context menu for canvas: [end of test] number of
 
 exports[`regression tests shows context menu for element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -17888,7 +17888,7 @@ exports[`regression tests shows context menu for element: [end of test] number o
 
 exports[`regression tests single-clicking on a subgroup of a selected group should not alter selection: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -18710,7 +18710,7 @@ exports[`regression tests single-clicking on a subgroup of a selected group shou
 
 exports[`regression tests spacebar + drag scrolls the canvas: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -18811,7 +18811,7 @@ exports[`regression tests spacebar + drag scrolls the canvas: [end of test] numb
 
 exports[`regression tests supports nested groups: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -19544,7 +19544,7 @@ exports[`regression tests supports nested groups: [end of test] number of render
 
 exports[`regression tests switches from group of selected elements to another element on pointer down: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -19950,7 +19950,7 @@ exports[`regression tests switches from group of selected elements to another el
 
 exports[`regression tests switches selected element on pointer down: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -20246,7 +20246,7 @@ exports[`regression tests switches selected element on pointer down: [end of tes
 
 exports[`regression tests two-finger scroll works: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -20349,7 +20349,7 @@ exports[`regression tests two-finger scroll works: [end of test] number of rende
 
 exports[`regression tests undo/redo drawing an element: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -20848,7 +20848,7 @@ exports[`regression tests undo/redo drawing an element: [end of test] number of
 
 exports[`regression tests updates fontSize & fontFamily appState: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
@@ -20949,7 +20949,7 @@ exports[`regression tests updates fontSize & fontFamily appState: [end of test]
 
 exports[`regression tests zoom hotkeys: [end of test] appState 1`] = `
 Object {
-  "autoSave": false,
+  "autosave": false,
   "collaborators": Map {},
   "currentChartType": "bar",
   "currentItemBackgroundColor": "transparent",
diff --git a/src/types.ts b/src/types.ts
index ea0590bbb..09c631415 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -40,7 +40,7 @@ export type Collaborator = {
 };
 
 export type AppState = {
-  autoSave: boolean;
+  autosave: boolean;
   isLoading: boolean;
   errorMessage: string | null;
   draggingElement: NonDeletedExcalidrawElement | null;