sveltekit-auth-example 1.0.39 → 1.0.40

package/.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

package/README.md

@@ -1,8 +1,7 @@
 # SvelteKit Authentication and Authorization Example
 
 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). As almost every recent release of SvelteKit introduced breaking changes, this project attempts to
-maintain compatibility with the latest release and leverage new APIs.
+areas of the website by role (admin, teacher, student). It includes profile management and password resets via SendGrid.
 
 It's a Single Page App (SPA) built with SvelteKit and a PostgreSQL database back-end. Code is TypeScript and the website is styled using Bootstrap. PostgreSQL functions handle password hashing and UUID generation for the session ID. Unlike most authentication examples, this SPA does not use callbacks that redirect back to the site (causing the website to be reloaded with a visual flash).
 
@@ -31,8 +30,8 @@ The forgot password / password reset functionality uses a JWT and [**SendGrid**]
 
 ## Prerequisites
 - PostgreSQL 14.5 or higher
-- Node.js 18.11.0 or higher
-- npm 9.1.1 or higher
+- Node.js 18.12.1 or higher
+- npm 9.2.0 or higher
 - Google API client
 - Twilio SendGrid account (only used for emailing password reset link - the sample can run without it but forgot password will not work)
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sveltekit-auth-example",
   "description": "SvelteKit Authentication Example",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "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.11.0",
+    "node": ">=18.12.1",
     "npm": "^9.2.0"
   },
   "type": "module",
@@ -41,14 +41,14 @@
     "pg": "^8.8.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-node": "latest",
-    "@sveltejs/kit": "latest",
+    "@sveltejs/adapter-node": "^1.0.0",
+    "@sveltejs/kit": "^1.0.0",
     "@types/bootstrap": "5.2.6",
     "@types/google.accounts": "0.0.4",
     "@types/jsonwebtoken": "^8.5.9",
     "@types/pg": "^8.6.5",
-    "@typescript-eslint/eslint-plugin": "^5.46.0",
-    "@typescript-eslint/parser": "^5.46.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
+    "@typescript-eslint/parser": "^5.46.1",
     "bootstrap": "^5.2.3",
     "eslint": "^8.29.0",
     "eslint-config-prettier": "^8.5.0",
@@ -58,11 +58,11 @@
     "prettier": "^2.8.1",
     "prettier-plugin-svelte": "^2.9.0",
     "sass": "^1.56.2",
-    "svelte": "^3.54.0",
+    "svelte": "^3.55.0",
     "svelte-check": "^2.10.2",
-    "svelte-preprocess": "^5.0.0",
     "tslib": "^2.4.1",
     "typescript": "^4.9.4",
-    "vite": "^4.0.0"
+    "vite": "^4.0.1",
+    "vitest": "^0.25.3"
   }
 }

package/src/app.d.ts

@@ -1,8 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-/// <reference types="bootstrap" />
-/// <reference types="google.accounts" />
-
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 // and what to do when importing types
@@ -55,9 +52,3 @@ interface UserSession {
   id: string,
   user: User
 }
-
-interface Window {
-  google?: any
-  grecaptcha: any
-  bootstrap: Bootstrap
-}

package/src/routes/+layout.svelte

@@ -2,7 +2,6 @@
   import { onMount } from 'svelte'
   import type { LayoutServerData } from './$types'
   import { goto, beforeNavigate } from '$app/navigation'
-  import { page } from '$app/stores'
   import { loginSession, toast } from '../stores'
   import { initializeGoogleAccounts } from '$lib/google'
 

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

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { onMount } from 'svelte'
   import { goto } from '$app/navigation'
-  import { page } from '$app/stores'
   import { loginSession } from '../../stores'
   import { focusOnFirstError } from '$lib/focus'
   import { initializeGoogleAccounts, renderGoogleButton } from '$lib/google'

package/svelte.config.js

@@ -1,5 +1,5 @@
 import adapter from '@sveltejs/adapter-node'
-import preprocess from 'svelte-preprocess'
+import { vitePreprocess } from '@sveltejs/kit/vite';
 
 const production = process.env.NODE_ENV === 'production'
 
@@ -15,7 +15,7 @@ if (!production) baseCsp.push('ws://localhost:3000')
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	preprocess: preprocess(),
+	preprocess: vitePreprocess(),
 
 	kit: {
 		adapter: adapter({

package/.env-sample

@@ -1,6 +0,0 @@
-DATABASE_URL=postgres://REPLACE_WITH_USER:REPLACE_WITH_PASSWORD@localhost:5432/auth
-DOMAIN=http://localhost:3000
-JWT_SECRET=replace_with_your_own
-SENDGRID_KEY=replace_with_your_own
-SENDGRID_SENDER=replace_with_your_own
-PUBLIC_GOOGLE_CLIENT_ID=REPLACE_WITH_YOUR_OWN