Releases v1.0.1: Update navigation method in auth.js and Navbar.svelte

package.json

@@ -1,7 +1,7 @@
 {
   "name": "libraryroombookingsystem",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "LibraryRoomBookingSystem"
-version = "1.0.0"
+version = "1.0.1"
 description = "A Library Room Booking System built with Tauri and Rust"
 authors = ["Lim Shi Song limshisong123@gmail.com"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "library-room-booking-system",
-    "version": "1.0.0"
+    "version": "1.0.1"
   },
   "tauri": {
     "allowlist": {

src/lib/auth.js

@@ -1,4 +1,5 @@
 import { invoke } from "@tauri-apps/api/tauri";
+import { goto } from "$app/navigation";
 import { hashPassword, verify } from "./crypto/hashing";
 import Cookies from "js-cookie";
 import { getDB } from "./db";
@@ -19,7 +20,7 @@ export async function login(email, password, usertype, link) {
 
     let expiredDate = new Date(token.exp * 1000);
     Cookies.set("token", token.token, { expires: expiredDate });
-    window.location.href = link;
+    goto(link);
 };
 
 export async function register(email, password, phone, usertype) {

src/lib/components/Navbar.svelte

@@ -16,13 +16,14 @@
         NavLink,
     } from "@sveltestrap/sveltestrap";
     import { user } from "$lib/store.js";
+    import { goto } from "$app/navigation";
 
     let isOpen = false;
     export let size = "md";
 
     function logout() {
         Cookies.remove("token");
-        window.location.href = "/";
+        goto("/");
     }
 
     function handleUpdate(event) {

src/routes/(admin)/+layout.js

@@ -4,20 +4,14 @@ export const ssr = false
 import Cookies from 'js-cookie';
 import { error } from '@sveltejs/kit';
 import { invoke } from '@tauri-apps/api/tauri';
-import { user, theme } from '$lib/store';
+import { user } from '$lib/store';
 import { get } from 'svelte/store';
-import { Styles } from '@sveltestrap/sveltestrap';
-import Spinner from '$lib/components/Spinner.svelte';
 
 export async function load() {
-    const styles = new Styles({ target: document.head, props: { theme: get(theme) } });
-    const spinner = new Spinner({ target: document.body });
     let token = Cookies.get('token');
     if (!token) return error(403, 'You are not logged in or your session has expired');
     user.set(await invoke('check_auth', { token }));
     if (get(user).usertype != 'admin') {
         return error(403, 'Unauthorized');
     }
-    styles.$destroy();
-    spinner.$destroy();
 }

src/routes/(authed)/+layout.js

@@ -4,19 +4,12 @@ export const ssr = false
 import Cookies from 'js-cookie';
 import { redirect } from '@sveltejs/kit';
 import { invoke } from '@tauri-apps/api/tauri';
-import { theme, user } from '$lib/store';
-import { get } from 'svelte/store';
-import Spinner from '$lib/components/Spinner.svelte';
-import { Styles } from '@sveltestrap/sveltestrap';
+import { user } from '$lib/store';
 
 export async function load() {
-    const styles = new Styles({ target: document.head, props: { theme: get(theme) } });
-    const spinner = new Spinner({ target: document.body });
     let token = Cookies.get('token');
     if (!token) {
         return redirect(301, '/');
     }
     user.set(await invoke('check_auth', { token }));
-    styles.$destroy();
-    spinner.$destroy();
 }

src/routes/+layout.svelte

@@ -1,6 +1,18 @@
 <script>
   import { theme } from "$lib/store";
   import { Styles } from "@sveltestrap/sveltestrap";
+  import { onNavigate } from "$app/navigation";
+
+  onNavigate((navigation) => {
+    if (!document.startViewTransition) return;
+
+    return new Promise((resolve) => {
+      document.startViewTransition(async () => {
+        resolve();
+        await navigation.complete;
+      });
+    });
+  });
 </script>
 
 <Styles theme={$theme} />