sveltekit-auth-example 1.0.25 → 1.0.27

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Backlog
 * Add password complexity checking on /register and /profile pages (only checks for length currently despite what the pages say)
 
+# 1.0.27
+* Update dependencies
+
+# 1.0.26
+* On the client, track whether the login session has expired and if so, clear $loginSession
+* Update dependencies
+
 # 1.0.25
 * Bump dependencies
 * Simplify Sign In With Google

package/README.md

@@ -31,8 +31,8 @@ The forgot password / password reset functionality uses a JWT and [**SendInBlue*
 
 ## Prerequisites
 - PostgreSQL 14.5 or higher
-- Node.js 18.9.0 or higher
-- npm 8.19.1 or higher
+- Node.js 18.10.0 or higher
+- npm 8.19.2 or higher
 - Google API client
 - SendInBlue account (only used for emailing password reset link - the sample can run without it but forgot password will not work)
 

package/db_create.sql

@@ -158,7 +158,8 @@ SELECT json_build_object(
   'email', users.email,
   'firstName', users.first_name,
   'lastName', users.last_name,
-  'phone', users.phone
+  'phone', users.phone,
+  'expires', sessions.expires
 ) AS user
 FROM sessions
   INNER JOIN users ON sessions.user_id = users.id

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sveltekit-auth-example",
   "description": "SvelteKit Authentication Example",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "private": false,
   "author": "Nate Stuyvesant",
   "license": "https://github.com/nstuyvesant/sveltekit-auth-example/blob/master/LICENSE",
@@ -32,7 +32,7 @@
 		"format": "prettier --write ."
   },
   "engines": {
-    "node": "~18.9.1",
+    "node": "~18.10.0",
     "npm": "^8.19.2"
   },
   "type": "module",
@@ -42,26 +42,26 @@
   "devDependencies": {
     "@sveltejs/adapter-node": "latest",
     "@sveltejs/kit": "latest",
-    "@types/bootstrap": "5.2.4",
+    "@types/bootstrap": "5.2.5",
     "@types/google.accounts": "0.0.2",
     "@types/jsonwebtoken": "^8.5.9",
     "@types/pg": "^8.6.5",
-    "@typescript-eslint/eslint-plugin": "^5.38.0",
-    "@typescript-eslint/parser": "^5.38.0",
-    "bootstrap": "^5.2.1",
-    "eslint": "^8.24.0",
+    "@typescript-eslint/eslint-plugin": "^5.39.0",
+    "@typescript-eslint/parser": "^5.39.0",
+    "bootstrap": "^5.2.2",
+    "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "google-auth-library": "^8.5.2",
     "jsonwebtoken": "^8.5.1",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.7.0",
+    "prettier-plugin-svelte": "^2.7.1",
     "sass": "^1.55.0",
     "svelte": "^3.50.1",
-    "svelte-check": "^2.9.0",
+    "svelte-check": "^2.9.1",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.3"
+    "typescript": "^4.8.4",
+    "vite": "^3.1.6"
   }
 }

package/src/app.d.ts

@@ -91,6 +91,7 @@ interface SendInBlueRequest extends RequestInit {
 
 interface UserProperties {
   id: number
+  expires?: string // ISO-8601 datetime
   role: 'student' | 'teacher' | 'admin'
   password?: string
   firstName?: string
@@ -99,7 +100,7 @@ interface UserProperties {
   phone?: string
 }
 
-type User = UserProperties | undefined
+type User = UserProperties | undefined | null
 
 interface UserSession {
   id: string,

package/src/routes/+layout.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte'
   import type { LayoutServerData } from './$types'
-  import { goto } from '$app/navigation'
+  import { goto, beforeNavigate } from '$app/navigation'
   import { page } from '$app/stores'
   import { loginSession, toast } from '../stores'
   import { PUBLIC_GOOGLE_CLIENT_ID } from '$env/static/public'
@@ -15,6 +15,15 @@
 
   let Toast: any
 
+  beforeNavigate( () => {
+		let expirationDate = $loginSession?.expires ? new Date($loginSession.expires) : undefined
+
+		if (expirationDate && expirationDate < new Date()) {
+			console.log('Login session expired.')
+			$loginSession = null
+		}
+	})
+
   onMount(async () => {
     await import('bootstrap/js/dist/collapse') // lots of ways to load Bootstrap but prefer this approach to avoid SSR issues
     await import('bootstrap/js/dist/dropdown')