refactor: Show tutorial for all users (#327)

* refactor: Show onboarding again for all users * fix(tutorials): Improve tutorials store types
Hanziness · Jan 8, 2023 · dcd456c · dcd456c
1 parent c2453f0
commit dcd456c
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 7 deletions.
diff --git a/components/tutorial/_tutorialView.vue b/components/tutorial/_tutorialView.vue
@@ -2,7 +2,7 @@
 import { markRaw } from 'vue'
 import tutorialOnboarding from './tutorialOnboarding.vue'
 import { useTutorials } from '~~/stores/tutorials'
-import { useMain, flags } from '~~/stores/main'
+import { useMain } from '~~/stores/main'
 
 const tutorialsStore = useTutorials()
 const mainStore = useMain()
@@ -26,7 +26,7 @@ watch(() => tutorialsStore.currentTutorial, (newValue) => {
 onMounted(() => {
   state.enableComponent = tutorialsStore.currentTutorial != null
 
-  if (!mainStore.isFlagActive(flags.STORE_RESTORED)) {
+  if (!mainStore.restoredStores.includes('tutorials')) {
     tutorialsStore.openTutorial('onboarding')
   }
 })

diff --git a/plugins/store-persist.client.ts b/plugins/store-persist.client.ts
@@ -25,6 +25,14 @@ const breakingChanges: BreakingChange[] = [
       'The settings\' theming data was restructured.'
     ],
     affectedStores: ['settings']
+  },
+  {
+    from: '1.0.0',
+    to: '1.4.1',
+    reason: [
+      'The app was rebranded to FocusTide.'
+    ],
+    affectedStores: ['tutorials']
   }
 ]
 
@@ -74,6 +82,7 @@ function restoreStore (store: Store) {
 
     const mainStore = useMain()
     mainStore.registerFlag(flags.STORE_RESTORED)
+    mainStore.restoredStores.push(store.$id)
   }
 }
 

diff --git a/stores/main.ts b/stores/main.ts
@@ -9,7 +9,7 @@ export const useMain = defineStore('main', {
   state: () => ({
     version: useRuntimeConfig().public.PACKAGE_VERSION,
     flags: [] as string[],
-    skippedStores: {} as Record<string, string[]>
+    restoredStores: [] as string[]
   }),
 
   getters: {

diff --git a/stores/tutorials.ts b/stores/tutorials.ts
@@ -2,25 +2,25 @@ import { defineStore } from 'pinia'
 
 export const useTutorials = defineStore('tutorials', {
   state: () => ({
-    openTutorials: []
+    openTutorials: [] as string[]
   }),
 
   getters: {
     isTutorialOpen: (state) => {
-      return tutorialId => state.openTutorials.indexOf(tutorialId) === 0
+      return (tutorialId: string) => state.openTutorials.indexOf(tutorialId) === 0
     },
 
     currentTutorial: state => state.openTutorials[0] ?? null
   },
 
   actions: {
-    openTutorial (tutorialId) {
+    openTutorial (tutorialId: string) {
       if (!this.openTutorials.includes(tutorialId)) {
         this.openTutorials.push(tutorialId)
       }
     },
 
-    closeTutorial (tutorialId) {
+    closeTutorial (tutorialId: string) {
       const tutorialIndex = this.openTutorials.indexOf(tutorialId)
       if (tutorialIndex >= 0) {
         this.openTutorials.splice(tutorialIndex, 1)