Upgrade SvelteKit (#65)

* Staging upgrades to sveltekit and adapter-static

Preparation for routes migration

* svelte-migrate: renamed files

* svelte-migrate: updated files

* Upgrade to latest kit and adapter-static

* Rename app/env to app/environment

* Migrate rendering and prerendering behavior

* Extend SvelteKit tsconfig

package.json

@@ -12,8 +12,8 @@
     "format": "prettier --write --plugin-search-dir=. ."
   },
   "devDependencies": {
-    "@sveltejs/adapter-static": "1.0.0-next.36",
-    "@sveltejs/kit": "1.0.0-next.373",
+    "@sveltejs/adapter-static": "1.0.0-next.43",
+    "@sveltejs/kit": "1.0.0-next.489",
     "@tailwindcss/typography": "^0.5.2",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
@@ -57,6 +57,6 @@
     "webnative": "^0.34.1"
   },
   "engines": {
-    "node": ">=16.9"
+    "node": ">=16.14"
   }
 }

src/hooks.ts

@@ -1,8 +0,0 @@
-/** @type {import('@sveltejs/kit').Handle} */
-export async function handle({ event, resolve }) {
-  const response = await resolve(event, {
-    ssr: false
-  })
-
-  return response
-}

src/lib/theme.ts

@@ -1,4 +1,4 @@
-import { browser } from '$app/env'
+import { browser } from '$app/environment'
 
 export type Theme = 'light' | 'dark'
 

src/routes/+layout.js

@@ -0,0 +1,3 @@
+export const csr = true
+export const ssr = false
+export const prerender = true

src/routes/delegate-account/+page.svelte

@@ -5,7 +5,7 @@
 
   import { addNotification } from '$lib/notifications'
   import { createAccountLinkingProducer } from '$lib/auth/linking'
-  import { filesystemStore, sessionStore, themeStore } from '../stores'
+  import { filesystemStore, sessionStore, themeStore } from '../../stores'
   import { getBackupStatus, setBackupStatus } from '$lib/auth/backup'
   import ConnectBackupDevice from '$components/auth/delegate-account/ConnectBackupDevice.svelte'
   import DelegateAccount from '$components/auth/delegate-account/DelegateAccount.svelte'

src/routes/gallery/+page.svelte

@@ -2,7 +2,7 @@
   import { goto } from '$app/navigation'
   import { onDestroy } from 'svelte'
 
-  import { galleryStore, sessionStore, themeStore } from '../stores'
+  import { galleryStore, sessionStore, themeStore } from '../../stores'
   import { AREAS } from '$lib/gallery'
   import Dropzone from '$components/gallery/upload/Dropzone.svelte'
   import ImageGallery from '$components/gallery/imageGallery/ImageGallery.svelte'

src/routes/register/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { sessionStore } from '../stores'
+  import { sessionStore } from '../../stores'
 
   import Register from '$components/auth/register/Register.svelte'
   import Welcome from '$components/auth/register/Welcome.svelte'

svelte.config.js

@@ -7,8 +7,10 @@ const config = {
     postcss: true,
   }),
   kit: {
-    adapter: adapter(),
-  }
+    adapter: adapter({
+      fallback: 'index.html'
+    })
+  },
 }
 
 export default config

tsconfig.json

@@ -28,5 +28,6 @@
       "$static/*": ["static/*"]
     }
   },
+  "extends": "./.svelte-kit/tsconfig.json",
   "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
 }