feat(frontend)!: sveltekit 3 on the v0.7.0 template, typescript 6, adapter-auto dropped; backend base moves to trixie

frontend/src/lib/stores/accounts.svelte.ts

@@ -1,10 +1,10 @@
-import { browser } from "$app/environment";
 import {
   listAccounts,
   logoutAccount,
   renameAccountDevice,
-} from "$lib/api/endpoints";
-import type { Account } from "$lib/api/types";
+} from "#lib/api/endpoints.js";
+import type { Account } from "#lib/api/types.js";
+import { browser } from "$app/env";
 
 const STORAGE_KEY = "bg.account";
 

frontend/src/lib/stores/auth.svelte.ts

@@ -1,4 +1,4 @@
-import { browser } from "$app/environment";
+import { browser } from "$app/env";
 
 const STORAGE_KEY = "bg.token";
 

frontend/src/lib/stores/chat-picker.svelte.ts

@@ -1,5 +1,5 @@
-import { listChats } from "$lib/api/endpoints";
-import type { Chat } from "$lib/api/types";
+import { listChats } from "#lib/api/endpoints.js";
+import type { Chat } from "#lib/api/types.js";
 
 const DEBOUNCE_MS = 250;
 const LIMIT = 40;

frontend/src/lib/stores/chats.svelte.ts

@@ -4,12 +4,12 @@ import {
   getChatsBatch,
   getJob,
   listChats,
-} from "$lib/api/endpoints";
-import type { Chat, LiveEvent } from "$lib/api/types";
-import { folderContains } from "$lib/format/folders";
-import { accounts } from "$lib/stores/accounts.svelte";
-import { events } from "$lib/stores/events.svelte";
-import { folders } from "$lib/stores/folders.svelte";
+} from "#lib/api/endpoints.js";
+import type { Chat, LiveEvent } from "#lib/api/types.js";
+import { folderContains } from "#lib/format/folders.js";
+import { accounts } from "#lib/stores/accounts.svelte.js";
+import { events } from "#lib/stores/events.svelte.js";
+import { folders } from "#lib/stores/folders.svelte.js";
 
 const POLL_INTERVAL = 1500;
 const POLL_MAX = 12;

frontend/src/lib/stores/discover.svelte.ts

@@ -1,6 +1,6 @@
-import { getDiscoverItem } from "$lib/api/endpoints";
-import type { DiscoverItem } from "$lib/api/types";
-import { accounts } from "$lib/stores/accounts.svelte";
+import { getDiscoverItem } from "#lib/api/endpoints.js";
+import type { DiscoverItem } from "#lib/api/types.js";
+import { accounts } from "#lib/stores/accounts.svelte.js";
 
 function createDiscover() {
   let items = $state<Record<number, DiscoverItem>>({});

frontend/src/lib/stores/events.svelte.ts

@@ -1,8 +1,9 @@
-import { browser } from "$app/environment";
-import type { LiveEvent } from "$lib/api/types";
-import { auth } from "$lib/stores/auth.svelte";
+import type { LiveEvent } from "#lib/api/types.js";
+import { auth } from "#lib/stores/auth.svelte.js";
+import { browser } from "$app/env";
+import { PUBLIC_API_BASE_URL } from "$app/env/public";
 
-const BASE = import.meta.env.VITE_API_BASE ?? "/api";
+const BASE = PUBLIC_API_BASE_URL;
 const RECONNECT_DELAY = 2000;
 const STALL_TIMEOUT = 45_000;
 

frontend/src/lib/stores/folders.svelte.ts

@@ -1,6 +1,6 @@
-import { listFolders } from "$lib/api/endpoints";
-import type { Folder } from "$lib/api/types";
-import { accounts } from "$lib/stores/accounts.svelte";
+import { listFolders } from "#lib/api/endpoints.js";
+import type { Folder } from "#lib/api/types.js";
+import { accounts } from "#lib/stores/accounts.svelte.js";
 
 function createFolders() {
   let list = $state<Folder[]>([]);

frontend/src/lib/stores/peers.svelte.ts

@@ -1,6 +1,6 @@
-import { getPeers } from "$lib/api/endpoints";
-import type { PeerView } from "$lib/api/types";
-import { accounts } from "$lib/stores/accounts.svelte";
+import { getPeers } from "#lib/api/endpoints.js";
+import type { PeerView } from "#lib/api/types.js";
+import { accounts } from "#lib/stores/accounts.svelte.js";
 
 const BATCH_DELAY = 40;
 

frontend/src/lib/stores/search.svelte.ts

@@ -1,5 +1,9 @@
-import { discoverPeers, listChats, searchMessages } from "$lib/api/endpoints";
-import type { Chat, DiscoverItem, SearchHit } from "$lib/api/types";
+import {
+  discoverPeers,
+  listChats,
+  searchMessages,
+} from "#lib/api/endpoints.js";
+import type { Chat, DiscoverItem, SearchHit } from "#lib/api/types.js";
 
 const DEBOUNCE_MS = 250;
 const REMOTE_DEBOUNCE_MS = 700;

frontend/src/lib/stores/shares.svelte.ts

@@ -1,4 +1,4 @@
-import type { ShareSubject } from "$lib/api/types";
+import type { ShareSubject } from "#lib/api/types.js";
 
 function createShareUi() {
   let open = $state(false);

frontend/src/lib/stores/theme.svelte.ts

@@ -1,4 +1,4 @@
-import { browser } from "$app/environment";
+import { browser } from "$app/env";
 
 type Preference = "light" | "dark" | "system";
 type Resolved = "light" | "dark";