feat: add updater to codebase

riderx · riderx · commit 50f85080aae1 · 2021-11-24T02:55:04.000Z
diff --git a/android/.idea/deploymentTargetDropDown.xml b/android/.idea/deploymentTargetDropDown.xml
diff --git a/android/app/src/main/assets/public/index.html b/android/app/src/main/assets/public/index.html
@@ -19,9 +19,9 @@
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-title" content="Mimesis" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <script type="module" crossorigin src="/assets/index.854554ee.js"></script>
-  <link rel="modulepreload" href="/assets/vendor.04f47e39.js">
-  <link rel="stylesheet" href="/assets/index.17452c15.css">
+  <script type="module" crossorigin src="/assets/index.a6ef221f.js"></script>
+  <link rel="modulepreload" href="/assets/vendor.3409d429.js">
+  <link rel="stylesheet" href="/assets/index.40ec6d51.css">
 </head>
 
 <body>
diff --git a/ios/App/App.xcodeproj/project.pbxproj b/ios/App/App.xcodeproj/project.pbxproj
@@ -368,12 +368,12 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 2.0.11;
+				CURRENT_PROJECT_VERSION = 2.0.12;
 				DEVELOPMENT_TEAM = UVTJ336J2D;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 2.0.11;
+				MARKETING_VERSION = 2.0.12;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = ee.forgr.mimesis;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -389,12 +389,12 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 2.0.11;
+				CURRENT_PROJECT_VERSION = 2.0.12;
 				DEVELOPMENT_TEAM = UVTJ336J2D;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 2.0.11;
+				MARKETING_VERSION = 2.0.12;
 				PRODUCT_BUNDLE_IDENTIFIER = ee.forgr.mimesis;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
diff --git a/src/services/capacitor.ts b/src/services/capacitor.ts
@@ -2,22 +2,24 @@ import { NativeAudio } from 'capacitor-native-audio'
 import { SplashScreen } from '@capacitor/splash-screen'
 import { StatusBar } from '@capacitor/status-bar'
 import { isPlatform } from '@ionic/vue'
-// import { App } from '@capacitor/app'
-// import { CapacitorUpdater } from 'capacitor-updater'
+import { App } from '@capacitor/app'
+import { CapacitorUpdater } from 'capacitor-updater'
+import { useMainStore } from '@/store/main'
 
 export const initCapacitor = (): void => {
   if (isPlatform('capacitor')) {
-    // Do the update when user lean app
-    // App.addListener('appStateChange', async (state) => {
-    //   if (!state.isActive) {
-    //     SplashScreen.show()
-    //     const version = await CapacitorUpdater.download({
-    //       url: 'https://github.com/Forgr-ee/Mimesis/releases/download/0.0.1/dist.zip',
-    //     })
-    //     await CapacitorUpdater.set(version)
-    //     SplashScreen.hide() // in case the set fail, otherwise the new app will have to hide it
-    //   }
-    // })
+    const main = useMainStore()
+    App.addListener('appStateChange', async (state) => {
+      if (!state.isActive && main.lastVersion.folder === '') {
+        SplashScreen.show()
+        const newFolder = await CapacitorUpdater.download({
+          url: main.lastVersion.path,
+        })
+        main.lastVersion.folder = newFolder.version
+        await CapacitorUpdater.set({ version: main.lastVersion.folder })
+        SplashScreen.hide() // in case set fail, otherwise the new app will have to hide it
+      }
+    })
     StatusBar.hide()
 
     NativeAudio.preload({
diff --git a/src/services/firebase.ts b/src/services/firebase.ts
@@ -43,6 +43,11 @@ export type GuessDb = {
   [key: string]: Guess[]
 }
 
+export interface Config {
+  version: string
+  versionPath: string
+}
+
 export type Guess = {
   title: string
   cover?: string
@@ -68,6 +73,7 @@ type Usefirebase = {
   getGuessesDb: (themes: Theme[], lang: string) => Promise<GuessDb>
   getThemes: () => Promise<Theme[]>
   getLangMessages: () => Promise<LangMessages>
+  getLastVersion: () => Promise<Config>
   addGame: (
     uid: string | undefined,
     lang: string,
@@ -112,6 +118,17 @@ export const useFirebase = (): Usefirebase => {
     }
     return value
   }
+  const getLastVersion = async (): Promise<Config> => {
+    try {
+      const config = (
+        await firebase.firestore().collection(`config`).doc('app').get()
+      ).data() as Config
+      return config
+    } catch (err: any) {
+      console.error('getLastVersion', err)
+      throw new Error(err)
+    }
+  }
   const getGuessesDb = async (
     themes: Theme[],
     lang: string
@@ -206,6 +223,7 @@ export const useFirebase = (): Usefirebase => {
   return {
     firebase,
     getGuessesDb,
+    getLastVersion,
     getThemes,
     getLangMessages,
     addGame,
diff --git a/src/store/main.ts b/src/store/main.ts
@@ -1,3 +1,4 @@
+import { CapacitorUpdater } from 'capacitor-updater'
 import { randomSelect } from '../services/random'
 import { defineStore } from 'pinia'
 
@@ -10,19 +11,30 @@ import {
 } from '../services/firebase'
 import { useGameStore } from './game'
 
-const { getLangMessages, getThemes, getGuessesDb } = useFirebase()
+const { getLangMessages, getThemes, getGuessesDb, getLastVersion } =
+  useFirebase()
 
 const filterListByTitle = (list: Guess[], past: string[]) => {
   const filtered = list.filter((n) => !past.includes(n.title))
   return filtered
 }
+interface Version {
+  version: string
+  path: string
+  folder: string
+}
 
 export const useMainStore = defineStore('main', {
   // other options...
   state: () => ({
     error: false,
     loading: false,
-    version: '',
+    lastVersion: {
+      version: '',
+      path: '',
+      folder: '',
+    } as Version,
+    versions: [] as Version[],
     lastUpdate: '',
     initialized: false,
     currentPath: '/home',
@@ -66,7 +78,11 @@ export const useMainStore = defineStore('main', {
         return
       this.loading = true
       try {
-        await Promise.all([this.initLangMessages(), this.initThemes()])
+        await Promise.all([
+          this.initLangMessages(),
+          this.initThemes(),
+          this.getLastVersion(),
+        ])
         await this.initGuessTheme()
         this.initialized = true
       } catch (err: any) {
@@ -76,6 +92,15 @@ export const useMainStore = defineStore('main', {
       this.lastUpdate = new Date().toISOString()
       this.loading = false
     },
+    async getLastVersion() {
+      const newVersion = await getLastVersion()
+      if (newVersion.version !== this.lastVersion.version) {
+        this.lastVersion.version = newVersion.version
+        this.lastVersion.path = newVersion.versionPath
+        this.lastVersion.folder = ''
+        this.versions.push(this.lastVersion)
+      }
+    },
     async initGuessTheme() {
       this.guessDb = await getGuessesDb(this.themes, this.lang)
     },
diff --git a/src/views/Game.vue b/src/views/Game.vue
@@ -486,10 +486,7 @@
   const setupCanvas = () => {
     const options = {
       useWorker: true,
-      resize: true,
-    }
-    if (isPlatform('android') && isPlatform('capacitor')) {
-      options.resize = false
+      resize: !isPlatform('android'),
     }
     confetti = createConfetti(null as unknown as HTMLCanvasElement, options)
   }

Original file line number	Diff line number	Diff line change
`@@ -486,10 +486,7 @@`
`486`	`486`	`const setupCanvas = () => {`
`487`	`487`	`const options = {`
`488`	`488`	`useWorker: true,`
`489`		`- resize: true,`
`490`		`- }`
`491`		`- if (isPlatform('android') && isPlatform('capacitor')) {`
`492`		`- options.resize = false`
	`489`	`+ resize: !isPlatform('android'),`
`493`	`490`	`}`
`494`	`491`	`confetti = createConfetti(null as unknown as HTMLCanvasElement, options)`
`495`	`492`	`}`