Spythere/genera-tor
1
0
Fork 0
mirror of https://github.com/Spythere/genera-tor.git synced 2026-05-03 05:28:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: app component

Browse Source
This commit is contained in:
Spythere
2025-09-27 22:24:47 +02:00
parent 81f484793f
commit 98fda8e849
1 changed files with 69 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+69 -84
View File
@@ -18,99 +18,84 @@
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts" setup>
import UpdateCard from './components/Global/UpdateCard.vue';
import { defineComponent } from 'vue';
import packageInfo from '../package.json'; import packageInfo from '../package.json';
import { useStore } from './store/store';
import orderStorageMixin from './mixins/orderStorageMixin';
import StorageManager from './managers/storageManager';
import axios from 'axios'; import axios from 'axios';
import { useStore } from './store/store';
import UpdateCard from './components/Global/UpdateCard.vue';
import UpdatePrompt from './components/Global/UpdatePrompt.vue'; import UpdatePrompt from './components/Global/UpdatePrompt.vue';
import AppFooter from './components/App/AppFooter.vue';
import AppNavbar from './components/App/AppNavbar.vue'; import AppNavbar from './components/App/AppNavbar.vue';
import StorageManager from './managers/storageManager';
import { onMounted } from 'vue';
const STORAGE_VERSION_KEY = 'app_version'; const STORAGE_VERSION_KEY = 'app_version';
export default defineComponent({ const store = useStore();
components: { UpdateCard, UpdatePrompt, AppFooter, AppNavbar }, const appVersion = packageInfo.version;
mixins: [orderStorageMixin], onMounted(() => {
loadLang();
data() { loadSettings();
return { appVersion: packageInfo.version, store: useStore() }; checkAppVersion();
}, handleQueries();
created() {
this.init();
},
methods: {
init() {
this.loadLang();
this.loadSettings();
this.checkAppVersion();
this.handleQueries();
},
loadSettings() {
document.title = `GeneraTOR ${this.appVersion}`;
this.store.orderDarkMode = StorageManager.getBooleanValue('dark-mode');
},
handleQueries() {
const query = new URLSearchParams(window.location.search);
const id = query.get('sceneryId');
if (id != null) {
this.store.panelMode = 'OrderTrainPicker';
}
},
async checkAppVersion() {
const storageVersion = StorageManager.getStringValue(STORAGE_VERSION_KEY);
try {
const releaseData = await (
await axios.get('https://api.github.com/repos/Spythere/genera-tor/releases/latest')
).data;
if (!releaseData) return;
this.store.appUpdateData.version = this.appVersion;
this.store.appUpdateData.changelog = releaseData.body;
this.store.appUpdateData.releaseURL = releaseData.html_url;
this.store.updateCardOpen =
(storageVersion != '' && storageVersion != this.appVersion) ||
import.meta.env.VITE_UPDATE_TEST === 'test';
} catch (error) {
console.error(`Wystąpił błąd podczas pobierania danych z API GitHuba: ${error}`);
}
StorageManager.setStringValue(STORAGE_VERSION_KEY, this.appVersion);
},
loadLang() {
const storageLang = StorageManager.getStringValue('lang');
if (storageLang) {
this.store.changeLang(storageLang);
return;
}
if (!window.navigator.language) return;
const naviLanguage = window.navigator.language.toString();
if (!naviLanguage.startsWith('pl')) {
this.store.changeLang('en');
}
}
}
}); });
function loadSettings() {
document.title = `GeneraTOR ${appVersion}`;
store.orderDarkMode = StorageManager.getBooleanValue('dark-mode');
}
function handleQueries() {
const query = new URLSearchParams(window.location.search);
const id = query.get('sceneryId');
if (id != null) {
store.panelMode = 'OrderTrainPicker';
}
}
async function checkAppVersion() {
const storageVersion = StorageManager.getStringValue(STORAGE_VERSION_KEY);
try {
const releaseData = await (
await axios.get('https://api.github.com/repos/Spythere/genera-tor/releases/latest')
).data;
if (!releaseData) return;
store.appUpdateData.version = appVersion;
store.appUpdateData.changelog = releaseData.body;
store.appUpdateData.releaseURL = releaseData.html_url;
store.updateCardOpen =
(storageVersion != '' && storageVersion != appVersion) ||
import.meta.env.VITE_UPDATE_TEST === 'test';
} catch (error) {
console.error(`Wystąpił błąd podczas pobierania danych z API GitHuba: ${error}`);
}
StorageManager.setStringValue(STORAGE_VERSION_KEY, appVersion);
}
function loadLang() {
const storageLang = StorageManager.getStringValue('lang');
if (storageLang) {
store.changeLang(storageLang);
return;
}
if (!window.navigator.language) return;
const naviLanguage = window.navigator.language.toString();
if (!naviLanguage.startsWith('pl')) {
store.changeLang('en');
}
}
</script> </script>
<style lang="scss"> <style lang="scss">