@@ -42,9 +39,7 @@
{$_("game_screen.loading")}
- {$sessionStore.players?.find(
- (player) => player.PlayerId == $sessionStore.userId,
- )?.Username}
+ {$sessionStore.players?.find((player) => player.PlayerId == $sessionStore.userId)?.Username}
{new SvelteDate().toLocaleString()}
diff --git a/frontend/src/routes/_module.svelte b/frontend/src/routes/_module.svelte
index 69b191d..d3256ed 100644
--- a/frontend/src/routes/_module.svelte
+++ b/frontend/src/routes/_module.svelte
@@ -88,11 +88,7 @@
}
.Header {
- background: linear-gradient(
- 180deg,
- var(--default-background-color) 30%,
- transparent 100%
- );
+ background: linear-gradient(180deg, var(--default-background-color) 30%, transparent 100%);
opacity: 1;
position: fixed;
height: 100px;
@@ -103,11 +99,7 @@
}
.Header-bg {
- background: linear-gradient(
- 180deg,
- var(--primary) 50%,
- transparent 100%
- );
+ background: linear-gradient(180deg, var(--primary) 50%, transparent 100%);
z-index: -1;
margin: 0px;
position: absolute;
diff --git a/frontend/src/stores/gameStore.ts b/frontend/src/stores/gameStore.ts
index 42b148f..e3e2220 100644
--- a/frontend/src/stores/gameStore.ts
+++ b/frontend/src/stores/gameStore.ts
@@ -1,4 +1,4 @@
-import { writable } from 'svelte/store';
+import { writable } from "svelte/store";
interface GameState {
isLobbyOverlayShown: boolean;
@@ -11,10 +11,10 @@ const initialState: GameState = {
const gameStore = writable(initialState);
export const toggleLobbyOverlay = () => {
- gameStore.update(state => ({
+ gameStore.update((state) => ({
...state,
isLobbyOverlayShown: !state.isLobbyOverlayShown,
}));
};
-export default gameStore;
\ No newline at end of file
+export default gameStore;
diff --git a/frontend/src/stores/pageoptions.ts b/frontend/src/stores/pageoptions.ts
index 2fe5775..77be129 100644
--- a/frontend/src/stores/pageoptions.ts
+++ b/frontend/src/stores/pageoptions.ts
@@ -1,7 +1,7 @@
-import { Gamepad2 } from 'lucide-svelte';
+import { Gamepad2 } from "lucide-svelte";
const options = {
page_icon: Gamepad2,
-}
+};
-export default options;
\ No newline at end of file
+export default options;
diff --git a/frontend/src/stores/roomStore.ts b/frontend/src/stores/roomStore.ts
index d03d7f2..2e4a5ec 100644
--- a/frontend/src/stores/roomStore.ts
+++ b/frontend/src/stores/roomStore.ts
@@ -1,5 +1,5 @@
-import { writable } from 'svelte/store';
-import { sessionStore } from './sessionStore';
+import { writable } from "svelte/store";
+import { sessionStore } from "./sessionStore";
export const loading = writable<"join" | "create" | false>(false);
export const join_error = writable(false);
@@ -143,4 +143,4 @@ export async function checkSessionData() {
rejoinRoomCode.set(lastSessionData.joinCode as string);
return;
}
-}
\ No newline at end of file
+}
diff --git a/frontend/src/stores/sessionStore.ts b/frontend/src/stores/sessionStore.ts
index 461b859..47e8c94 100644
--- a/frontend/src/stores/sessionStore.ts
+++ b/frontend/src/stores/sessionStore.ts
@@ -1,303 +1,303 @@
-import { writable, get } from 'svelte/store';
-import { io, Socket } from 'socket.io-client';
+import { writable, get } from "svelte/store";
+import { io, Socket } from "socket.io-client";
export enum GameState {
- Undefined = -1,
- Lobby,
- Running,
- Ended
+ Undefined = -1,
+ Lobby,
+ Running,
+ Ended,
}
interface PlayerPermissionObj {
- isHost: boolean;
+ isHost: boolean;
}
-interface GameOptions { }
+interface GameOptions {}
interface PlayerObj {
- PlayerId: string;
- Username: string;
- Permissions: number;
- IsConnected: boolean;
+ PlayerId: string;
+ Username: string;
+ Permissions: number;
+ IsConnected: boolean;
}
interface SessionData {
- roomId: string | null;
- joinCode: string | null;
- gameOptions: GameOptions;
- players: Array;
- cardDeckId: string | null;
- gameState: GameState;
- socket: Socket | null;
- connected: boolean;
- userId: string | null;
- messages: string[];
- sessionToken: string | null;
+ roomId: string | null;
+ joinCode: string | null;
+ gameOptions: GameOptions;
+ players: Array;
+ cardDeckId: string | null;
+ gameState: GameState;
+ socket: Socket | null;
+ connected: boolean;
+ userId: string | null;
+ messages: string[];
+ sessionToken: string | null;
}
interface RoomInfoObj {
- RoomId: string;
- JoinCode: string;
- TopCard: any;
- GameState: GameState;
- CardDeckId: number;
- Winner?: string;
- Players: PlayerObj[];
+ RoomId: string;
+ JoinCode: string;
+ TopCard: any;
+ GameState: GameState;
+ CardDeckId: number;
+ Winner?: string;
+ Players: PlayerObj[];
}
interface StatusInfoObj {
- IsError: boolean;
- StatusCode: string;
- Message: string;
+ IsError: boolean;
+ StatusCode: string;
+ Message: string;
}
class SessionManager {
- private store = writable({
- roomId: null,
- joinCode: null,
- gameState: -1,
- gameOptions: {},
- players: [],
- cardDeckId: null,
- socket: null,
- connected: false,
- userId: null,
- messages: [],
- sessionToken: null,
- });
-
- private socket: Socket | null = null;
-
- constructor() {
- const storedSessionIds = this.getStoredSessionIds();
- if (storedSessionIds) {
- console.info(`Found stored session: ${JSON.stringify(storedSessionIds)}`);
- // this.connect(storedSessionIds.sessionToken, storedSessionIds.userId);
- }
- }
-
- getState() {
- return get(this.store);
- }
-
- startGame() {
- this.socket?.emit("StartGame");
- }
-
- hasSessionData(): boolean {
- const state = this.getState();
- if (state.sessionToken && state.userId) return true;
- const sessionIds = localStorage.getItem('currentSessionIds');
- if (!sessionIds) return false;
- const sessionIdsJson = JSON.parse(sessionIds);
- return typeof sessionIdsJson.userId === "string" && typeof sessionIdsJson.sessionToken === "string";
- }
-
- private checkPermissionBit(permissionNumber: number, bitIndex: number): boolean {
- return (permissionNumber & (1 << bitIndex)) > 0;
- }
-
- getPlayerPermissions(PlayerId?: string): PlayerPermissionObj {
- if (!PlayerId) PlayerId = this.getState().userId ?? undefined;
- const playerPermissionNumber: number = this.getState().players?.find((player) => player.PlayerId == PlayerId)?.Permissions ?? 0;
- return {
- isHost: this.checkPermissionBit(playerPermissionNumber, 0)
- };
- }
-
- subscribe = this.store.subscribe;
-
- private getStoredSessionIds(): { sessionToken: string, userId: string } | null {
- if (typeof window === 'undefined') return null;
- const sessionIds = localStorage.getItem('currentSessionIds');
- if (!sessionIds) return null;
- const sessionIdsJson = JSON.parse(sessionIds);
- if (typeof sessionIdsJson.userId !== "string" || typeof sessionIdsJson.sessionToken !== "string") {
- return null;
- }
- return { sessionToken: sessionIdsJson.sessionToken, userId: sessionIdsJson.userId };
- }
-
- private saveSessionIds(sessionToken: string, userId: string) {
- if (typeof window !== 'undefined') {
- localStorage.setItem('currentSessionIds', JSON.stringify({ sessionToken, userId, joinCode: this.getState().joinCode }));
- }
- }
-
- private saveJoinCode() {
- const sessionIds = localStorage.getItem('currentSessionIds');
- if (!sessionIds) return;
- const sessionIdsJson = JSON.parse(sessionIds);
- localStorage.setItem('currentSessionIds', JSON.stringify({ sessionToken: sessionIdsJson.sessionToken, userId: sessionIdsJson.userId, joinCode: this.getState().joinCode }));
- }
-
- private clearSessionIds() {
- if (typeof window !== 'undefined') {
- const sessionIds = localStorage.getItem('currentSessionIds');
- if (!sessionIds) return;
- const sessionIdsJson = JSON.parse(sessionIds);
- const lastSessionData = { joinCode: sessionIdsJson.joinCode };
- localStorage.setItem('lastSessionIds', JSON.stringify(lastSessionData));
- localStorage.removeItem('currentSessionIds');
- }
- }
-
- isConnected(): boolean {
- return this.socket?.connected ?? false;
- }
-
- hasRoomData(): boolean {
- return get(this.store).gameState != -1;
- }
-
- getUserId(): string | undefined {
- return this.getState().userId ?? undefined;
- }
-
- getUser(playerId?: string): PlayerObj | undefined {
- if (!playerId) playerId = this.getUserId();
- return this.getState().players.find((player) => player.PlayerId == playerId);
- }
-
- kickPlayer(playerId: string) {
- if (!this.getPlayerPermissions().isHost) return;
- this.socket?.emit("KickPlayer", JSON.stringify({ PlayerId: playerId }));
- }
-
- renamePlayer(playerId: string | undefined, newName: string) {
- if (!playerId) playerId = this.getUserId();
- if (!this.getPlayerPermissions().isHost && playerId != this.getUserId()) return;
- this.socket?.emit("UpdatePlayer", JSON.stringify({ PlayerId: playerId, Username: newName }));
- }
-
- isCurrentPlayer(playerId: string): boolean {
- return this.getState().userId == playerId;
- }
-
- connect(sessionToken?: string, userId?: string) {
- if (!sessionToken) sessionToken = this.getState().sessionToken || undefined;
- if (!userId) userId = this.getState().userId || undefined;
-
- if (!sessionToken || !userId) {
- const storedSessionIds = this.getStoredSessionIds();
- if (!sessionToken) sessionToken = storedSessionIds?.sessionToken;
- if (!userId) userId = storedSessionIds?.userId;
- }
-
- if (this.socket) {
- console.warn(`Socket already connected! Rejecting new connection to ${sessionToken}`);
- return;
- }
-
- this.socket = io({
- transports: ['websocket'],
- query: { sessionToken },
+ private store = writable({
+ roomId: null,
+ joinCode: null,
+ gameState: -1,
+ gameOptions: {},
+ players: [],
+ cardDeckId: null,
+ socket: null,
+ connected: false,
+ userId: null,
+ messages: [],
+ sessionToken: null,
});
- this.setupSocketEventHandlers(sessionToken, userId);
- }
+ private socket: Socket | null = null;
- private setupSocketEventHandlers(sessionToken: string, userId: string) {
- this.socket?.on('connect', () => this.handleConnect(sessionToken, userId));
- this.socket?.on('disconnect', this.handleDisconnect.bind(this));
- this.socket?.on('Status', this.handleStatus.bind(this));
- this.socket?.on('RoomInfo', this.handleRoomInfo.bind(this));
- this.socket?.on('error', this.handleError.bind(this));
- }
-
- private handleConnect(sessionToken: string, userId: string) {
- console.info('Connected to room');
- this.saveSessionIds(sessionToken, userId);
- window.history.replaceState({}, "", "/Game");
- this.store.update((state) => ({
- ...state,
- socket: this.socket,
- userId,
- connected: true,
- sessionToken,
- }));
- }
-
- private handleDisconnect() {
- console.info('Disconnected from server');
- this.store.update((state) => ({ ...state, connected: false }));
- }
-
- private handleStatus(message: StatusInfoObj) {
- console.log("Status: ", message);
- if (message.IsError && message.StatusCode !== "connection_from_different_socket") {
- this.leaveRoom();
+ constructor() {
+ const storedSessionIds = this.getStoredSessionIds();
+ if (storedSessionIds) {
+ console.info(`Found stored session: ${JSON.stringify(storedSessionIds)}`);
+ // this.connect(storedSessionIds.sessionToken, storedSessionIds.userId);
+ }
}
- if (message.IsError) {
- this.socket = null;
- window.history.replaceState({}, "", "/");
- }
- this.store.update((state) => ({
- ...state,
- messages: [...state.messages, message],
- }));
- }
- private handleRoomInfo(message: RoomInfoObj) {
- console.log("RoomInfo: ", message);
- this.store.update((state) => ({
- ...state,
- roomId: message.RoomId,
- joinCode: message.JoinCode,
- gameState: message.GameState,
- cardDeckId: message.CardDeckId,
- players: message.Players,
- }));
- this.saveJoinCode();
- this.store.update((state) => ({
- ...state,
- messages: [...state.messages, message],
- }));
- }
-
- private handleError(error: string) {
- console.error('Socket error:', error);
- }
-
- sendMessage(message: string) {
- if (this.socket && message.trim()) {
- this.socket.emit('event', message);
+ getState() {
+ return get(this.store);
}
- }
- leaveRoom() {
- console.log("leave room");
- if (this.socket) {
- this.socket.disconnect();
- this.socket = null;
+ startGame() {
+ this.socket?.emit("StartGame");
}
- if (this.getState().sessionToken) {
- fetch(`/api/room/leave`, {
- method: "POST",
- body: JSON.stringify({
- SessionToken: this.getState().sessionToken
- }),
- headers: {
- "Content-Type": "application/json",
- },
- });
+
+ hasSessionData(): boolean {
+ const state = this.getState();
+ if (state.sessionToken && state.userId) return true;
+ const sessionIds = localStorage.getItem("currentSessionIds");
+ if (!sessionIds) return false;
+ const sessionIdsJson = JSON.parse(sessionIds);
+ return typeof sessionIdsJson.userId === "string" && typeof sessionIdsJson.sessionToken === "string";
+ }
+
+ private checkPermissionBit(permissionNumber: number, bitIndex: number): boolean {
+ return (permissionNumber & (1 << bitIndex)) > 0;
+ }
+
+ getPlayerPermissions(PlayerId?: string): PlayerPermissionObj {
+ if (!PlayerId) PlayerId = this.getState().userId ?? undefined;
+ const playerPermissionNumber: number = this.getState().players?.find((player) => player.PlayerId == PlayerId)?.Permissions ?? 0;
+ return {
+ isHost: this.checkPermissionBit(playerPermissionNumber, 0),
+ };
+ }
+
+ subscribe = this.store.subscribe;
+
+ private getStoredSessionIds(): { sessionToken: string; userId: string } | null {
+ if (typeof window === "undefined") return null;
+ const sessionIds = localStorage.getItem("currentSessionIds");
+ if (!sessionIds) return null;
+ const sessionIdsJson = JSON.parse(sessionIds);
+ if (typeof sessionIdsJson.userId !== "string" || typeof sessionIdsJson.sessionToken !== "string") {
+ return null;
+ }
+ return { sessionToken: sessionIdsJson.sessionToken, userId: sessionIdsJson.userId };
+ }
+
+ private saveSessionIds(sessionToken: string, userId: string) {
+ if (typeof window !== "undefined") {
+ localStorage.setItem("currentSessionIds", JSON.stringify({ sessionToken, userId, joinCode: this.getState().joinCode }));
+ }
+ }
+
+ private saveJoinCode() {
+ const sessionIds = localStorage.getItem("currentSessionIds");
+ if (!sessionIds) return;
+ const sessionIdsJson = JSON.parse(sessionIds);
+ localStorage.setItem("currentSessionIds", JSON.stringify({ sessionToken: sessionIdsJson.sessionToken, userId: sessionIdsJson.userId, joinCode: this.getState().joinCode }));
+ }
+
+ private clearSessionIds() {
+ if (typeof window !== "undefined") {
+ const sessionIds = localStorage.getItem("currentSessionIds");
+ if (!sessionIds) return;
+ const sessionIdsJson = JSON.parse(sessionIds);
+ const lastSessionData = { joinCode: sessionIdsJson.joinCode };
+ localStorage.setItem("lastSessionIds", JSON.stringify(lastSessionData));
+ localStorage.removeItem("currentSessionIds");
+ }
+ }
+
+ isConnected(): boolean {
+ return this.socket?.connected ?? false;
+ }
+
+ hasRoomData(): boolean {
+ return get(this.store).gameState != -1;
+ }
+
+ getUserId(): string | undefined {
+ return this.getState().userId ?? undefined;
+ }
+
+ getUser(playerId?: string): PlayerObj | undefined {
+ if (!playerId) playerId = this.getUserId();
+ return this.getState().players.find((player) => player.PlayerId == playerId);
+ }
+
+ kickPlayer(playerId: string) {
+ if (!this.getPlayerPermissions().isHost) return;
+ this.socket?.emit("KickPlayer", JSON.stringify({ PlayerId: playerId }));
+ }
+
+ renamePlayer(playerId: string | undefined, newName: string) {
+ if (!playerId) playerId = this.getUserId();
+ if (!this.getPlayerPermissions().isHost && playerId != this.getUserId()) return;
+ this.socket?.emit("UpdatePlayer", JSON.stringify({ PlayerId: playerId, Username: newName }));
+ }
+
+ isCurrentPlayer(playerId: string): boolean {
+ return this.getState().userId == playerId;
+ }
+
+ connect(sessionToken?: string, userId?: string) {
+ if (!sessionToken) sessionToken = this.getState().sessionToken || undefined;
+ if (!userId) userId = this.getState().userId || undefined;
+
+ if (!sessionToken || !userId) {
+ const storedSessionIds = this.getStoredSessionIds();
+ if (!sessionToken) sessionToken = storedSessionIds?.sessionToken;
+ if (!userId) userId = storedSessionIds?.userId;
+ }
+
+ if (this.socket) {
+ console.warn(`Socket already connected! Rejecting new connection to ${sessionToken}`);
+ return;
+ }
+
+ this.socket = io({
+ transports: ["websocket"],
+ query: { sessionToken },
+ });
+
+ this.setupSocketEventHandlers(sessionToken, userId);
+ }
+
+ private setupSocketEventHandlers(sessionToken: string, userId: string) {
+ this.socket?.on("connect", () => this.handleConnect(sessionToken, userId));
+ this.socket?.on("disconnect", this.handleDisconnect.bind(this));
+ this.socket?.on("Status", this.handleStatus.bind(this));
+ this.socket?.on("RoomInfo", this.handleRoomInfo.bind(this));
+ this.socket?.on("error", this.handleError.bind(this));
+ }
+
+ private handleConnect(sessionToken: string, userId: string) {
+ console.info("Connected to room");
+ this.saveSessionIds(sessionToken, userId);
+ window.history.replaceState({}, "", "/Game");
+ this.store.update((state) => ({
+ ...state,
+ socket: this.socket,
+ userId,
+ connected: true,
+ sessionToken,
+ }));
+ }
+
+ private handleDisconnect() {
+ console.info("Disconnected from server");
+ this.store.update((state) => ({ ...state, connected: false }));
+ }
+
+ private handleStatus(message: StatusInfoObj) {
+ console.log("Status: ", message);
+ if (message.IsError && message.StatusCode !== "connection_from_different_socket") {
+ this.leaveRoom();
+ }
+ if (message.IsError) {
+ this.socket = null;
+ window.history.replaceState({}, "", "/");
+ }
+ this.store.update((state) => ({
+ ...state,
+ messages: [...state.messages, message],
+ }));
+ }
+
+ private handleRoomInfo(message: RoomInfoObj) {
+ console.log("RoomInfo: ", message);
+ this.store.update((state) => ({
+ ...state,
+ roomId: message.RoomId,
+ joinCode: message.JoinCode,
+ gameState: message.GameState,
+ cardDeckId: message.CardDeckId,
+ players: message.Players,
+ }));
+ this.saveJoinCode();
+ this.store.update((state) => ({
+ ...state,
+ messages: [...state.messages, message],
+ }));
+ }
+
+ private handleError(error: string) {
+ console.error("Socket error:", error);
+ }
+
+ sendMessage(message: string) {
+ if (this.socket && message.trim()) {
+ this.socket.emit("event", message);
+ }
+ }
+
+ leaveRoom() {
+ console.log("leave room");
+ if (this.socket) {
+ this.socket.disconnect();
+ this.socket = null;
+ }
+ if (this.getState().sessionToken) {
+ fetch(`/api/room/leave`, {
+ method: "POST",
+ body: JSON.stringify({
+ SessionToken: this.getState().sessionToken,
+ }),
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ }
+ this.clearSessionIds();
+ this.store.set({
+ roomId: null,
+ joinCode: null,
+ gameState: -1,
+ gameOptions: {},
+ players: [],
+ cardDeckId: null,
+ socket: null,
+ connected: false,
+ userId: null,
+ messages: [],
+ sessionToken: null,
+ });
+ window.history.replaceState({}, "", "/");
}
- this.clearSessionIds();
- this.store.set({
- roomId: null,
- joinCode: null,
- gameState: -1,
- gameOptions: {},
- players: [],
- cardDeckId: null,
- socket: null,
- connected: false,
- userId: null,
- messages: [],
- sessionToken: null,
- });
- window.history.replaceState({}, "", "/");
- }
}
export const sessionStore = new SessionManager();
diff --git a/frontend/src/stores/theme.ts b/frontend/src/stores/theme.ts
index 658a57e..29cc1c1 100644
--- a/frontend/src/stores/theme.ts
+++ b/frontend/src/stores/theme.ts
@@ -1,6 +1,6 @@
-import { writable } from 'svelte/store';
+import { writable } from "svelte/store";
-const getSystemTheme = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+const getSystemTheme = () => (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
const storedTheme = localStorage.getItem("theme") as Theme | null;
const initialTheme: Theme = storedTheme === "dark" || storedTheme === "light" ? storedTheme : "system";
@@ -10,7 +10,7 @@ export const theme = writable(initialTheme);
const applyTheme = (value: Theme) => {
const resolvedTheme = value === "system" ? getSystemTheme() : value;
-
+
document.documentElement.classList.toggle("dark", resolvedTheme === "dark");
document.documentElement.setAttribute("data-theme", resolvedTheme);
document.body.classList.toggle("dark-theme", resolvedTheme === "dark");
@@ -24,7 +24,7 @@ theme.subscribe(applyTheme);
// Watch for system theme changes when "system" mode is enabled
const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
mediaQuery.addEventListener("change", () => {
- theme.update(current => {
+ theme.update((current) => {
if (current === "system") applyTheme("system");
return current;
});
@@ -35,7 +35,7 @@ export const setTheme = (value: Theme) => {
};
export const toggleTheme = () => {
- theme.update(current => {
+ theme.update((current) => {
if (current === "dark") return "light";
if (current === "light") return "system";
return "dark";
diff --git a/frontend/svelte.config.js b/frontend/svelte.config.js
index b0683fd..9a3adfb 100644
--- a/frontend/svelte.config.js
+++ b/frontend/svelte.config.js
@@ -1,7 +1,7 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
export default {
- // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
- // for more information about preprocessors
- preprocess: vitePreprocess(),
-}
+ // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
+ // for more information about preprocessors
+ preprocess: vitePreprocess(),
+};
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
index 536efed..c3064f5 100644
--- a/frontend/tsconfig.app.json
+++ b/frontend/tsconfig.app.json
@@ -1,21 +1,21 @@
{
- "extends": "@tsconfig/svelte/tsconfig.json",
- "compilerOptions": {
- "target": "ESNext",
- "useDefineForClassFields": true,
- "module": "ESNext",
- "resolveJsonModule": true,
- /**
- * Typecheck JS in `.svelte` and `.js` files by default.
- * Disable checkJs if you'd like to use dynamic types in JS.
- * Note that setting allowJs false does not prevent the use
- * of JS in `.svelte` files.
- */
- "allowJs": true,
- "checkJs": true,
- "isolatedModules": true,
- "moduleDetection": "force"
- },
- "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
- "exclude": [".routify"]
+ "extends": "@tsconfig/svelte/tsconfig.json",
+ "compilerOptions": {
+ "target": "ESNext",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "resolveJsonModule": true,
+ /**
+ * Typecheck JS in `.svelte` and `.js` files by default.
+ * Disable checkJs if you'd like to use dynamic types in JS.
+ * Note that setting allowJs false does not prevent the use
+ * of JS in `.svelte` files.
+ */
+ "allowJs": true,
+ "checkJs": true,
+ "isolatedModules": true,
+ "moduleDetection": "force"
+ },
+ "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
+ "exclude": [".routify"]
}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 1ffef60..eb69b0d 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,7 +1,4 @@
{
- "files": [],
- "references": [
- { "path": "./tsconfig.app.json" },
- { "path": "./tsconfig.node.json" }
- ]
+ "files": [],
+ "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
index db0becc..ff0dc7d 100644
--- a/frontend/tsconfig.node.json
+++ b/frontend/tsconfig.node.json
@@ -1,24 +1,24 @@
{
- "compilerOptions": {
- "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
- "target": "ES2022",
- "lib": ["ES2023"],
- "module": "ESNext",
- "skipLibCheck": true,
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "ES2022",
+ "lib": ["ES2023"],
+ "module": "ESNext",
+ "skipLibCheck": true,
- /* Bundler mode */
- "moduleResolution": "bundler",
- "allowImportingTsExtensions": true,
- "isolatedModules": true,
- "moduleDetection": "force",
- "noEmit": true,
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "isolatedModules": true,
+ "moduleDetection": "force",
+ "noEmit": true,
- /* Linting */
- "strict": true,
- "noUnusedLocals": true,
- "noUnusedParameters": true,
- "noFallthroughCasesInSwitch": true,
- "noUncheckedSideEffectImports": true
- },
- "include": ["vite.config.ts"]
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["vite.config.ts"]
}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 0161775..1f4ccc7 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,26 +1,28 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
-import routify from '@roxi/routify/vite-plugin'
-import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import routify from "@roxi/routify/vite-plugin";
+import tailwindcss from "@tailwindcss/vite";
export default defineConfig({
- plugins: [
- routify({/* config */ }),
- tailwindcss(),
- svelte()
- ],
- server: {
- host: true,
- proxy: {
- '/api': {
- target: 'http://10.10.39.145:3000',
- changeOrigin: true,
- },
- '/socket.io': {
- target: 'http://10.10.39.145:3000',
- ws: true,
- changeOrigin: true,
- }
- }
- }
-})
+ plugins: [
+ routify({
+ /* config */
+ }),
+ tailwindcss(),
+ svelte(),
+ ],
+ server: {
+ host: true,
+ proxy: {
+ "/api": {
+ target: "http://10.10.39.145:3000",
+ changeOrigin: true,
+ },
+ "/socket.io": {
+ target: "http://10.10.39.145:3000",
+ ws: true,
+ changeOrigin: true,
+ },
+ },
+ },
+});