fix(editor): save sequence

src/App.vue

@@ -9,8 +9,6 @@
   import { useDestroy } from '@/use/destroy'
   import { LoggerPlugin } from './plugin/logger'
 
-  const { t } = useI18n()
-
   const start = useStart()
   const destroy = useDestroy()
 

src/components/editor/main/EditorBaseHeader.vue

@@ -70,7 +70,7 @@
             :divider="true"
             :text="t('editor.bar.project.load')"
             shortcut="CTRL + P"
-            @action="local.onLoadProject"
+            @action="project.onLoadProject"
           />
           <EditorHeaderItem
             v-if="PROJECT.name !== env.projectEmpty()"

src/pages/Editor.vue

@@ -13,7 +13,6 @@
   import { useProjectStore } from '@/store/project'
   import { useEnv } from '@/use/env'
   import { useKeyboard } from '@/use/keyboard'
-  import { useLocalStorage } from '@/use/storage/local'
   import { useHead } from '@vueuse/head'
   import { computed, onUnmounted } from 'vue'
   import { useI18n } from 'vue-i18n'
@@ -24,9 +23,7 @@
   const keyboard = useKeyboard()
   const env = useEnv()
   const { t } = useI18n()
-  const local = useLocalStorage()
 
-  local.init()
   keyboard.init()
 
   onUnmounted(() => {

src/store/editor.ts

@@ -48,7 +48,7 @@ export const useEditorStore = defineStore('editor', {
       configuration: {
         dark: true,
         draggable: false,
-        auto: 'never',
+        auto: 5,
       },
       actives: {
         text: {

src/use/destroy.ts

@@ -1,10 +1,13 @@
 import { Callback } from '@/types/utils'
 import { useLocalStorage } from './storage/local'
+import { useProject } from './project'
 
 export const useDestroy = () => {
   const local = useLocalStorage()
+  const project = useProject()
 
   const init: Callback<any> = () => {
+    project.destroy()
     local.onSaveProject()
   }
 

src/use/keyboard.ts

@@ -66,7 +66,7 @@ export const useKeyboard = () => {
     keyboard.bind(SHORTCUTS.localLoadProject[1], async (e: Event) => {
       utils.prevent(e)
 
-      local.onLoadProject()
+      project.onLoadProject()
     })
   }
 

src/use/project.ts

@@ -4,15 +4,36 @@ import i18n from '@/lang'
 import { useProjectStore } from '@/store/project'
 import { useContextStore } from '@/store/context'
 import useEmitter from './emitter'
+import { useLocalStorage } from './storage/local'
+import { useEditorStore } from '@/store/editor'
+import { useLoggerStore } from '@/store/logger'
+import { usePDFStore } from '@/store/pdf'
+import { useAbsoluteStore } from '@/store/absolute'
+import { ProjectObject } from '@/types/project'
 
 export const useProject = () => {
   const PROJECT = useProjectStore()
   const CONTEXT = useContextStore()
+  const EDITOR = useEditorStore()
+  const LOGGER = useLoggerStore()
+  const PDF = usePDFStore()
+  const ABSOLUTE = useAbsoluteStore()
 
   const toast = useToast()
   const emitter = useEmitter()
+  const local = useLocalStorage()
   const { t } = i18n.global
 
+  let timer: NodeJS.Timer | null
+
+  const init = () => {
+    timer = local.onAutoSave(EDITOR.configuration.auto)
+  }
+
+  const destroy = () => {
+    clearInterval(timer as NodeJS.Timer)
+  }
+
   const create = (project: Record<string, any>) => {
     normalize().then(async () => {
       project.type === 'blank'
@@ -23,10 +44,43 @@ export const useProject = () => {
 
       CONTEXT.load(PROJECT.pages[0])
 
+      await nextTick
+
+      destroy()
+      init()
+
       toast.success(t('toast.project.create'))
     })
   }
 
+  const onLoadProject = async (context?: ProjectObject) => {
+    if (!context) context = local.getProject()
+
+    PROJECT.load(context.project)
+
+    await nextTick
+
+    CONTEXT.load(PROJECT.pages[0])
+
+    await nextTick
+
+    LOGGER.load(context.logger.content)
+
+    await nextTick
+
+    EDITOR.load(context.editor)
+
+    PDF.load(context.pdf)
+
+    await nextTick
+
+    init()
+
+    ABSOLUTE.aside = true
+
+    toast.success(t('toast.project.load'))
+  }
+
   const isBlankProject = () => {
     return PROJECT.type === 'blank'
   }
@@ -48,5 +102,13 @@ export const useProject = () => {
     await nextTick
   }
 
-  return { create, isBlankProject, isCreativeProject, normalize }
+  return {
+    init,
+    destroy,
+    create,
+    onLoadProject,
+    isBlankProject,
+    isCreativeProject,
+    normalize,
+  }
 }

src/use/storage/dropbox.ts

@@ -13,6 +13,8 @@ import useEmitter from '@/use/emitter'
 import isElectron from 'is-electron'
 import { useAbsoluteStore } from '@/store/absolute'
 import usePlugin from '../plugin/core'
+import { useProject } from '../project'
+import { ProjectObject } from '../../types/project'
 
 export const useDropbox = () => {
   const CONTEXT = useContextStore()
@@ -27,24 +29,13 @@ export const useDropbox = () => {
   const emitter = useEmitter()
   const env = useEnv()
   const plugin = usePlugin()
+  const project = useProject()
   const { t } = i18n.global
 
-  const loadContext = async (context: any) => {
+  const loadContext = async (context: ProjectObject) => {
     if (!context) return
 
-    PROJECT.load(context.project)
-
-    await nextTick
-
-    CONTEXT.load(PROJECT.pages[0])
-
-    await nextTick
-
-    LOGGER.load(context.logger.content)
-
-    PDF.load(context.pdf)
-
-    toast.success(t('toast.project.load'))
+    project.onLoadProject(context)
   }
 
   const save = async () => {

src/use/storage/local.ts

@@ -7,19 +7,15 @@ import { useProjectStore } from '@/store/project'
 import { useEditorStore } from '@/store/editor'
 import { useLoggerStore } from '@/store/logger'
 import { usePDFStore } from '@/store/pdf'
-import { useContextStore } from '@/store/context'
 import useEmitter from '@/use/emitter'
 import isElectron from 'is-electron'
-import { useAbsoluteStore } from '@/store/absolute'
 import usePlugin from '../plugin/core'
 
 export const useLocalStorage = () => {
-  const CONTEXT = useContextStore()
   const PROJECT = useProjectStore()
   const EDITOR = useEditorStore()
   const LOGGER = useLoggerStore()
   const PDF = usePDFStore()
-  const ABSOLUTE = useAbsoluteStore()
 
   const toast = useToast()
   const env = useEnv()
@@ -82,8 +78,10 @@ export const useLocalStorage = () => {
   }
 
   const onAutoSave = (time: number | 'never') => {
-    setInterval(() => {
-      if (PROJECT.name === env.projectEmpty() || time === 'never') return
+    if (time === 'never') return null
+
+    return setInterval(() => {
+      if (PROJECT.name === env.projectEmpty()) return
 
       setProject({
         project: PROJECT.$state,
@@ -97,37 +95,7 @@ export const useLocalStorage = () => {
       })
 
       plugin.emit('plugin-auto-save')
-    }, 1000 * 60 * (time === 'never' ? Infinity : time))
-  }
-
-  const onLoadProject = async () => {
-    const context = getProject()
-
-    if (!context) return
-
-    PROJECT.load(context.project)
-
-    await nextTick
-
-    CONTEXT.load(PROJECT.pages[0])
-
-    await nextTick
-
-    LOGGER.load(context.logger.content)
-
-    await nextTick
-
-    EDITOR.load(context.editor)
-
-    PDF.load(context.pdf)
-
-    ABSOLUTE.aside = true
-
-    toast.success(t('toast.project.load'))
-  }
-
-  const init = () => {
-    onAutoSave(EDITOR.configuration.auto)
+    }, 1000 * 60 * (time as number))
   }
 
   return {
@@ -136,8 +104,6 @@ export const useLocalStorage = () => {
     setProject,
     getProject,
     onSaveProject,
-    onLoadProject,
     onAutoSave,
-    init,
   }
 }