style: Better organization in /src/lib/

src/lib/components/message.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { type TypeMessage } from '$lib';
+  import { type TypeMessage } from '$lib/types';
   const { message, imageSrc, user }: TypeMessage = $props();
 </script>
 

src/lib/functions/clientWebsocket.svelte.ts

@@ -1,4 +1,4 @@
-import type { TypeMessage, TypeFullMessage } from '$lib';
+import type { TypeMessage, TypeFullMessage } from '$lib/types';
 import type { Socket } from 'socket.io-client';
 
 class Websocket {

src/lib/functions/websocketConfig.ts

@@ -2,7 +2,7 @@ import { Server as SocketIOServer } from 'socket.io';
 import type { HttpServer } from 'vite';
 // Don't try to replace with $lib alias. Since this
 // file gets loaded as a vite plugin, it will crash
-import { db } from './server/db/';
+import { db } from '$lib/server/db';
 import { v4 as uuidv4 } from 'uuid';
 
 let io: SocketIOServer | undefined;

src/lib/hooks.server.ts

@@ -1,7 +1,7 @@
 import { building } from '$app/environment';
 import type { Handle } from '@sveltejs/kit';
 import { Server as SocketIOServer } from 'socket.io';
-import { startupSocketIOServer } from '$lib/websocketConfig';
+import { startupSocketIOServer } from '$lib/functions/websocketConfig';
 
 let io: SocketIOServer | undefined;
 export const handle = (async ({ event, resolve }) => {

src/lib/types/index.ts

@@ -1,5 +1,3 @@
-// place files you want to import through the `$lib` alias in this folder.
-
 export interface TypeMessage {
   message: string;
   imageSrc: string;

src/routes/channel/[channel]/+page.server.ts

@@ -1,4 +1,4 @@
-import type { TypeMessage } from '$lib';
+import type { TypeMessage } from '$lib/types';
 import { error } from '@sveltejs/kit';
 import { db } from '$lib/server/db';
 

src/routes/channel/[channel]/+page.svelte

@@ -2,14 +2,14 @@
   import { io } from 'socket.io-client';
   import { onMount } from 'svelte';
   import { v4 as uuidv4 } from 'uuid';
-  import type { TypeMessage, TypeFullMessage } from '$lib';
+  import type { TypeMessage } from '$lib/types';
   import type { PageData } from './$types';
   import { Input } from '$lib/components/ui/input/index';
   import { Button } from '$lib/components/ui/button/index';
   import Send from 'lucide-svelte/icons/send';
   import Message from '$lib/components/message.svelte';
   import { page } from '$app/state';
-  import Websocket from '$lib/clientWebsocket.svelte';
+  import Websocket from '$lib/functions/clientWebsocket.svelte';
 
   const { data }: { data: PageData } = $props();
 

vite.config.ts

@@ -1,6 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
-import { startupSocketIOServer } from './src/lib/websocketConfig';
+import { startupSocketIOServer } from './src/lib/functions/websocketConfig';
 
 export default defineConfig({
   plugins: [