- Elasticvue {{ version }}-{{ VERSION_NAME }} |
-
- {{ t('base.app_footer.changelog') }}
-
+
+ Elasticvue {{ version }}-{{ VERSION_NAME }}
+
+
+ ©{{ new Date().getFullYear() }} - Carsten König
- ©{{ new Date().getFullYear() }} - Carsten König
diff --git a/src/components/base/UpdateCheck.vue b/src/components/base/UpdateCheck.vue
new file mode 100644
index 00000000..a6df4702
--- /dev/null
+++ b/src/components/base/UpdateCheck.vue
@@ -0,0 +1,56 @@
+
+
+
+
+
+ {{ t('update_check.heading') }}
+
+
+
+
+
+
+
+
+ {{ t('update_check.downloading', { progress: Math.floor(downloadProgress * 100) }) }}
+
+
+
+ {{ t('update_check.installing') }}
+
+
+ {{ t('update_check.update_info', { version: updateInfo.version }) }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/composables/UpdateCheck.ts b/src/composables/UpdateCheck.ts
new file mode 100644
index 00000000..56132ad0
--- /dev/null
+++ b/src/composables/UpdateCheck.ts
@@ -0,0 +1,64 @@
+import { Ref, ref } from 'vue'
+import { check, Update } from '@tauri-apps/plugin-updater'
+import { relaunch } from '@tauri-apps/plugin-process'
+
+type UpdateInfo = {
+ version: string
+}
+
+export const useUpdateCheck = () => {
+ const dialog = ref(false)
+ const downloading = ref(false)
+ const downloadProgress = ref(0)
+ const installing = ref(false)
+ const updateInfo: Ref
= ref(null)
+ let update: Update | null = null
+
+ const checkUpdate = async () => {
+ update = await check()
+
+ if (update) {
+ updateInfo.value = { version: update.version }
+ dialog.value = true
+ } else {
+ updateInfo.value = null
+ }
+ }
+
+ const downloadUpdate = async () => {
+ if (!update) return
+
+ let downloaded = 0
+ let contentLength = 0
+
+ downloading.value = true
+
+ await update.downloadAndInstall((event) => {
+ switch (event.event) {
+ case 'Started':
+ contentLength = event.data.contentLength || -1
+ break
+ case 'Progress':
+ downloaded += event.data.chunkLength
+ downloadProgress.value = downloaded / contentLength
+ break
+ case 'Finished':
+ downloading.value = false
+ installing.value = true
+ break
+ }
+ })
+
+ await relaunch()
+ }
+
+ return {
+ checkUpdate,
+ downloadUpdate,
+ dialog,
+ downloading,
+ downloadProgress,
+ installing,
+ updateInfo
+ }
+}
\ No newline at end of file
diff --git a/src/locales/cn.json b/src/locales/cn.json
index 95b12382..c1734d7d 100644
--- a/src/locales/cn.json
+++ b/src/locales/cn.json
@@ -1,8 +1,7 @@
{
"base": {
"app_footer": {
- "homepage": "主页",
- "changelog": "变更日志"
+ "homepage": "主页"
},
"app_header": {
"navigation": {
@@ -641,6 +640,13 @@
}
}
},
+ "update_check": {
+ "downloading": "下载中... {progress}%",
+ "heading": "一个新的 elasticvue 版本可用。",
+ "installing": "正在安装更新，请稍候...",
+ "update_info": "Elasticvue {version} 可用。您现在想安装吗？",
+ "yes": "是"
+ },
"welcome": {
"import_backup": {
"heading": "导入 elasticvue 的备份"
diff --git a/src/locales/en.json b/src/locales/en.json
index 49b7b674..28454c93 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,8 +1,7 @@
{
"base": {
"app_footer": {
- "homepage": "Homepage",
- "changelog": "Changelog"
+ "homepage": "Homepage"
},
"app_header": {
"navigation": {
@@ -641,6 +640,13 @@
}
}
},
+ "update_check": {
+ "downloading": "Downloading... {progress}%",
+ "heading": "A new version of elasticvue is available.",
+ "installing": "Installing update, please wait...",
+ "update_info": "Elasticvue {version} is available. Do you want to install it now?",
+ "yes": "Yes"
+ },
"welcome": {
"import_backup": {
"heading": "Import elasticvue backup"
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 11193387..a3b2efa4 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1,8 +1,7 @@
{
"base": {
"app_footer": {
- "homepage": "Site web",
- "changelog": "Changelog"
+ "homepage": "Site web"
},
"app_header": {
"navigation": {
@@ -641,6 +640,13 @@
}
}
},
+ "update_check": {
+ "downloading": "Téléchargement... {progress}%",
+ "heading": "Une nouvelle version d'elasticvue est disponible.",
+ "installing": "Installation de la mise à jour, veuillez patienter...",
+ "update_info": "Elasticvue {version} est disponible. Voulez-vous l'installer maintenant ?",
+ "yes": "Oui"
+ },
"welcome": {
"import_backup": {
"heading": "Importer une sauvegarde Elasticvue"
diff --git a/yarn.lock b/yarn.lock
index 1144d597..1f510d6d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1133,6 +1133,13 @@
dependencies:
"@tauri-apps/api" "^2.0.0"
+"@tauri-apps/plugin-process@~2":
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/@tauri-apps/plugin-process/-/plugin-process-2.2.0.tgz#e9f9b510374250967d2ba7d343a08c9024bdd473"
+ integrity sha512-uypN2Crmyop9z+KRJr3zl71OyVFgTuvHFjsJ0UxxQ/J5212jVa5w4nPEYjIewcn8bUEXacRebwE6F7owgrbhSw==
+ dependencies:
+ "@tauri-apps/api" "^2.0.0"
+
"@tauri-apps/plugin-updater@^2.0.0":
version "2.0.0"
resolved "https://registry.yarnpkg.com/@tauri-apps/plugin-updater/-/plugin-updater-2.0.0.tgz#38cb3e735da28cd1726a3c0e13f032117e4db111"