sveltekit-auth-example 2.0.8 → 2.1.1

package/.yarnrc.yml

@@ -1,3 +1 @@
 nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-4.4.1.cjs

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 - Add password complexity checking on /register and /profile pages (only checks for length currently despite what the pages say)
 
+# 2.1.0
+- Bump svelte, @sveltejs/kit, @sveltejs/adapter-node, @sveltejs/vite-plugin-svelte, @sendgrid/mail, pg, google-auth-library, @eslint/js, yarn, @types/google.accounts, @types/jsonwebtoken, @types/pg, eslint, eslint-plugin-svelte, globals, prettier-plugin-svelte, sass, svelte-check, tslib, typescript, typescript-eslint, vite, vitest
+- Change Typescript casting to use "as" since the Svelte 5 has an issue with angle brackets style
+
 # 2.0.8
 - Bump svelte, @sveltejs/kit, @sveltejs/vite-plugin-svelte, google-auth-library and other devDependencies
 

package/README.md

@@ -1,6 +1,6 @@
 # SvelteKit Authentication and Authorization Example
 
-**Updated for SvelteKit 2.5.26**
+**Updated for Svelte 5 and SvelteKit 2.7.3**
 
 This is an example of how to register, authenticate, and update users and limit their access to
 areas of the website by role (admin, teacher, student). It includes profile management and password resets via SendGrid.

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "sveltekit-auth-example",
 	"description": "SvelteKit Authentication Example",
-	"version": "2.0.8",
+	"version": "2.1.1",
 	"author": "Nate Stuyvesant",
 	"license": "https://github.com/nstuyvesant/sveltekit-auth-example/blob/master/LICENSE",
 	"repository": {
@@ -35,37 +35,37 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@sendgrid/mail": "^8.1.3",
-		"pg": "^8.12.0"
+		"@sendgrid/mail": "^8.1.4",
+		"pg": "^8.13.1"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.10.0",
-		"@sveltejs/adapter-node": "^5.2.2",
-		"@sveltejs/kit": "^2.5.26",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@eslint/js": "^9.13.0",
+		"@sveltejs/adapter-node": "^5.2.9",
+		"@sveltejs/kit": "^2.7.3",
+		"@sveltejs/vite-plugin-svelte": "^4.0.0",
 		"@types/bootstrap": "5.2.10",
-		"@types/google.accounts": "^0.0.14",
-		"@types/jsonwebtoken": "^9.0.6",
-		"@types/pg": "^8.11.8",
+		"@types/google.accounts": "^0.0.15",
+		"@types/jsonwebtoken": "^9.0.7",
+		"@types/pg": "^8.11.10",
 		"bootstrap": "^5.3.3",
-		"eslint": "^9.10.0",
+		"eslint": "^9.13.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-prettier": "^5.2.1",
-		"eslint-plugin-svelte": "^2.43.0",
-		"globals": "^15.9.0",
-		"google-auth-library": "^9.14.1",
+		"eslint-plugin-svelte": "^2.46.0",
+		"globals": "^15.11.0",
+		"google-auth-library": "^9.14.2",
 		"jsonwebtoken": "^9.0.2",
 		"prettier": "^3.3.3",
-		"prettier-plugin-svelte": "^3.2.6",
-		"sass": "^1.78.0",
-		"svelte": "^4.2.19",
-		"svelte-check": "^4.0.1",
-		"tslib": "^2.7.0",
-		"typescript": "^5.5.4",
-		"typescript-eslint": "^8.4.0",
-		"vite": "^5.4.3",
-		"vitest": "^2.0.5"
+		"prettier-plugin-svelte": "^3.2.7",
+		"sass": "^1.80.4",
+		"svelte": "^5.1.4",
+		"svelte-check": "^4.0.5",
+		"tslib": "^2.8.0",
+		"typescript": "^5.6.3",
+		"typescript-eslint": "^8.12.1",
+		"vite": "^5.4.10",
+		"vitest": "^2.1.4"
 	},
-	"packageManager": "yarn@4.4.1",
+	"packageManager": "yarn@4.5.1",
 	"prettier": "./prettier.config.mjs"
 }

package/src/routes/+layout.svelte

@@ -48,7 +48,7 @@
 
 	const openToast = (open: boolean) => {
 		if (open) {
-			const toastDiv = <HTMLDivElement>document.getElementById('authToast')
+			const toastDiv = document.getElementById('authToast') as HTMLDivElement
 			const t = new Toast(toastDiv)
 			t.show()
 		}
@@ -155,8 +155,7 @@
 	</div>
 </main>
 
-<style lang="scss" global>
-	// Make Retina displays crisper
+<style global>
 	* {
 		-webkit-font-smoothing: antialiased;
 		-moz-osx-font-smoothing: grayscale;

package/src/routes/auth/reset/[token]/+page.svelte

@@ -23,7 +23,7 @@
 
 	const resetPassword = async () => {
 		message = ''
-		const form = <HTMLFormElement>document.getElementById('reset')
+		const form = document.getElementById('reset') as HTMLFormElement
 
 		if (!passwordMatch()) {
 			confirmPassword.classList.add('is-invalid')
@@ -120,7 +120,7 @@
 	</div>
 </div>
 
-<style lang="scss">
+<style>
 	.card-body {
 		width: 25rem;
 	}

package/src/routes/forgot/+page.svelte

@@ -14,7 +14,7 @@
 
 	const sendPasswordReset = async () => {
 		message = ''
-		const form = <HTMLFormElement>document.getElementById('forgot')
+		const form = document.getElementById('forgot') as HTMLFormElement
 
 		if (form.checkValidity()) {
 			if (email.toLowerCase().includes('gmail.com')) {
@@ -81,7 +81,7 @@
 	</div>
 </div>
 
-<style lang="scss">
+<style>
 	.card-body {
 		width: 25rem;
 	}

package/src/routes/login/+page.svelte

@@ -15,7 +15,7 @@
 
 	async function login() {
 		message = ''
-		const form = <HTMLFormElement>document.getElementById('signIn')
+		const form = document.getElementById('signIn') as HTMLFormElement
 
 		if (form.checkValidity()) {
 			try {
@@ -145,7 +145,7 @@
 	</div>
 </div>
 
-<style lang="scss">
+<style>
 	.card-body {
 		width: 25rem;
 	}

package/src/routes/profile/+page.svelte

@@ -17,7 +17,7 @@
 
 	async function update() {
 		message = ''
-		const form = <HTMLFormElement>document.getElementById('profile')
+		const form = document.getElementById('profile') as HTMLFormElement
 
 		if (!user?.email?.includes('gmail.com') && !passwordMatch()) {
 			confirmPassword.classList.add('is-invalid')
@@ -156,7 +156,7 @@
 	</div>
 </div>
 
-<style lang="scss">
+<style>
 	.card-body {
 		width: 25rem;
 	}

package/src/routes/register/+page.svelte

@@ -20,7 +20,7 @@
 	let message: string
 
 	async function register() {
-		const form = <HTMLFormElement>document.getElementById('register')
+		const form = document.getElementById('register') as HTMLFormElement
 		message = ''
 
 		if (!passwordMatch()) {
@@ -197,7 +197,7 @@
 	</div>
 </div>
 
-<style lang="scss">
+<style>
 	.card-body {
 		width: 25rem;
 	}