sveltekit-auth-example 2.0.8 → 2.1.0

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/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "sveltekit-auth-example",
 	"description": "SvelteKit Authentication Example",
-	"version": "2.0.8",
+	"version": "2.1.0",
 	"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;
 	}