FEAT: Version Selection

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "smoothie",
-	"version": "0.1.1",
+	"version": "0.1.0",
 	"description": "",
 	"type": "module",
 	"scripts": {

src/lib/components/Splash.svelte

@@ -1,37 +0,0 @@
-<script>
-	import { load } from '@tauri-apps/plugin-store';
-
-	let { loadingState } = $props();
-</script>
-
-<div class="splash">
-	<div class="spinner">
-		<pre class="monospace">
-  ▄▄▄▄▄
- ██▀▀▀▀█▄                      █▄ █▄
- ▀██▄  ▄▀ ▄                   ▄██▄██    ▀▀
-   ▀██▄▄  ███▄███▄ ▄███▄ ▄███▄ ██ ████▄ ██ ▄█▀█▄
- ▄   ▀██▄ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██▄█▀
- ▀██████▀▄██ ██ ▀█▄▀███▀▄▀███▀▄██▄██ ██▄██▄▀█▄▄▄
-			</pre>
-	</div>
-	<p>{loadingState}</p>
-</div>
-
-<style>
-	.splash {
-		align-items: center;
-		justify-content: center;
-		flex-direction: column;
-		display: flex;
-		width: 100%;
-		height: 100%;
-	}
-	.spinner {
-	}
-	.monospace {
-		font-family: monospace;
-		color: var(--black);
-		letter-spacing: 1px;
-	}
-</style>

src/routes/+page.svelte

@@ -1,15 +1,10 @@
 <script>
-	// LIBS
-	import { getVersion } from '@tauri-apps/api/app';
-	import { onMount } from 'svelte';
-	import { fade } from 'svelte/transition';
 	import '@webtui/css/components/spinner.css';
-
-	// MODULES
 	import { setupTrayIcon } from '$lib/trayicon';
-	import { getSettings, currentSettings } from '$lib/settings';
+	import { fade } from 'svelte/transition';
+	import { onMount } from 'svelte';
+	import { getSettings, currentSettings } from '$lib/settings.js';
 	import { getBlenderReleases, blenderReleases } from '$lib/blenderfetch';
-
 	import { getInstalledVersions, installedVersionsStore } from '$lib/library.js';
 	import { downloadTasksStore } from '$lib/download.js';
 	import Library from '$lib/components/Library.svelte';
@@ -17,21 +12,17 @@
 	import Settings from '$lib/components/Settings.svelte';
 	import Popup from '$lib/components/Popup.svelte';
 	import Dialog from '$lib/components/Dialog.svelte';
-	import Splash from '$lib/components/Splash.svelte';
 
-	// states
 	let fadeInSettings = { duration: 100 };
 	let fadeOutSettings = { duration: 100, delay: fadeInSettings.duration };
-	let activeTab = $state('library');
-	let blenderVersions = $state([]);
-	let installedVersions = $state([]);
-	let downloadTasks = $state([]);
-	let settings = $state();
-	let initialized = $state(false);
-	let version = $state('');
-	let loadingState = $state('loading'); // load, update, initialized
+	let activeTab = 'library';
+	let blenderVersions = [];
+	let installedVersions = [];
+	let downloadTasks = [];
+	let settings = {};
+	let initialized = false;
 
-	async function initStoresListeners() {
+	function initStoresListeners() {
 		currentSettings.subscribe((value) => {
 			settings = value;
 			console.log('Loaded settings:', settings);
@@ -51,20 +42,26 @@
 	}
 
 	onMount(async () => {
-		loadingState = 'Checking for Updates';
-		version = await getVersion();
-		loadingState = 'Loading Settings';
+		const startTime = Date.now();
+
 		await getSettings();
-		loadingState = 'Fetching Blender Releases';
 		await getBlenderReleases();
-		loadingState = 'Loading your installs';
 		await getInstalledVersions();
-		loadingState = 'Setting up Tray';
 		await setupTrayIcon();
-		loadingState = 'initializing';
-		await initStoresListeners();
-		await setTimeout(() => {}, 1000);
-		loadingState = 'initialized';
+
+		initStoresListeners();
+		const elapsed = Date.now() - startTime;
+		if (elapsed < 2000) {
+			initialized = true;
+			/*			setTimeout(() => {
+			initialized = true;
+		}, 2000 - elapsed);*/
+		} else {
+			initialized = true;
+		}
+
+		//await getInstalledVersions();
+		//
 	});
 </script>
 
@@ -72,7 +69,7 @@
 <Dialog />
 
 <div id="main">
-	{#if loadingState == 'initialized'}
+	{#if initialized}
 		<div class="tablist" role="tablist">
 			<div
 				role="tab"
@@ -125,11 +122,8 @@
 				{/if}
 			</div>
 		</div>
-		<div class="version">v{version}</div>
 	{:else}
-		<div class="splash-wrapper" in:fade={{ duration: 100 }} out:fade={{ delay: 50, duration: 200 }}>
-			<Splash {loadingState} />
-		</div>
+		LOADING...
 	{/if}
 </div>
 
@@ -213,21 +207,4 @@
 		width: 100%;
 		height: 100%;
 	}
-	.version {
-		position: fixed;
-		bottom: 2rem;
-		right: 2rem;
-		z-index: 2;
-		text-align: right;
-		color: var(--light-accent);
-	}
-	.splash-wrapper {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background-color: var(--white);
-		z-index: 1;
-	}
 </style>