Merge pull request #222 from time9683/feature/settings-autosave-local…

…storage

Add option to enable or disable autosave in localstorage

index.html

@@ -449,6 +449,18 @@
                   </label>
                 </div>
               </div>
+              <div class="settings-item">
+                <strong>
+                  <span class="settings-type">Features › autosave localstorage
+                <div>
+                  <label class="checkbox">
+                    <input name="saveLocalstorage" type="checkbox" />
+                    <span
+                      >Automatically save URL to local storage for fast content loading</span
+                    >
+                  </label>
+                </div>
+              </div>
             </div>
           </form>
         </div>

src/constants/initial-settings.js

@@ -14,6 +14,7 @@ export const DEFAULT_INITIAL_SETTINGS = {
   wordWrap: 'on',
   zipFileName: 'codi.link',
   zipInSingleFile: false,
+  saveLocalstorage: true,
   layout: {
     gutters: DEFAULT_LAYOUT,
     style: DEFAULT_GRID_TEMPLATE,

src/main.js

@@ -21,7 +21,7 @@ import { BUTTON_ACTIONS } from './constants/button-actions.js'
 import './components/layout-preview/layout-preview.js'
 import './components/codi-editor/codi-editor.js'
 
-const { layout: currentLayout, sidebar, theme } = getState()
+const { layout: currentLayout, sidebar, theme, saveLocalstorage } = getState()
 
 setGridLayout(currentLayout)
 setSidebar(sidebar)
@@ -33,7 +33,7 @@ const editorElements = $$('codi-editor')
 
 let { pathname } = window.location
 
-if (pathname === '/') {
+if (pathname === '/' && saveLocalstorage === true) {
   const hashedCode = window.localStorage.getItem('hashedCode') ?? ''
   window.history.replaceState(null, null, `/${hashedCode}`)
   pathname = window.location.pathname
@@ -106,7 +106,9 @@ function update ({ notReload } = {}) {
   updateCss()
 
   debouncedUpdateHash(values)
-  saveCode(values)
+  if (saveLocalstorage) {
+    saveCode(values)
+  }
   updateButtonAvailabilityIfContent(values)
 }