Reorganize src/lib

src/App.svelte

@@ -6,7 +6,7 @@
     import { theme } from './lib/theme';
     import Sidebar from './Sidebar.svelte';
     import InviteButton from './InviteButton.svelte';
-    import { localBoolean } from './lib/localStore';
+    import { localBoolean } from './lib/stores/localStore';
     
     const joinId = new URLSearchParams(window.location.search).get('join')
     

src/Game.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
     import { readonly, writable } from 'svelte/store';
     import { defaultState, winnerOf, type Mark, type Nine, type Result, type SubGrid as SubGridData } from './lib/data';
-    import SubGrid from './lib/SubGrid.svelte';
+    import SubGrid from './lib/ttt/SubGrid.svelte';
     import { setContext } from 'svelte';
-    import CellGrid from './lib/CellGrid.svelte';
+    import CellGrid from './lib/ttt/CellGrid.svelte';
 
     export let gameState = defaultState()
     

src/InviteButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import QRCode from '@castlenine/svelte-qrcode';
-import DialogButton from './lib/DialogButton.svelte';
+    import DialogButton from './lib/ui/DialogButton.svelte';
     import { debouncedDelay } from './lib/debouncedDelay';
     import { ClipboardCheckIcon, ClipboardIcon, InviteIcon } from './lib/icons/icons';
 

src/NetworkGame.svelte

@@ -2,7 +2,7 @@
     import Game from './Game.svelte';
     import { defaultState } from './lib/data';
     import { debouncedDelay } from './lib/debouncedDelay';
-    import { peerClient, peerHost } from './lib/peer';
+    import { peerClient, peerHost } from './lib/stores/peer';
 
     export let host: boolean = false;
     export let id: string

src/Sidebar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { createEventDispatcher } from 'svelte';
     import ThemeButton from './ThemeButton.svelte';
-    import TooltipButton from './lib/TooltipButton.svelte';
+    import TooltipButton from './lib/ui/TooltipButton.svelte';
     import { ExitIcon } from './lib/icons/icons';
     import type { ThemeSetting } from './lib/theme';
     

src/ThemeButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import DialogButton from "./lib/DialogButton.svelte";
-    import MultiButton from './lib/MultiButton.svelte';
+    import DialogButton from "./lib/ui/DialogButton.svelte";
+    import MultiButton from './lib/ui/MultiButton.svelte';
     import { ContrastIcon, DarkModeIcon, LightModeIcon, MonitorIcon, NoContrastIcon, ThemeIcon } from './lib/icons/icons';
     import type { ThemeSetting } from './lib/theme';
 

src/lib/theme.ts

@@ -1,6 +1,6 @@
 import { onDestroy } from 'svelte';
 import { readonly, writable, type Readable, type Writable } from 'svelte/store';
-import { localString } from './localStore';
+import { localString } from './stores/localStore';
 
 export type ThemeSetting = 'light' | 'dark' | 'system';
 

src/lib/Mark.svelte → src/lib/ttt/Mark.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { createEventDispatcher, getContext } from 'svelte';
-    import type { Mark } from './data';
+    import type { Mark } from '../data';
     import OMark from './OMark.svelte';
     import XMark from './XMark.svelte';
     import type { Readable } from 'svelte/store';

src/lib/SubGrid.svelte → src/lib/ttt/SubGrid.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { createEventDispatcher } from 'svelte';
     import Mark from './Mark.svelte';
-    import { winnerOf, type MarkEventData, type SubGrid, type Mark as MarkData } from './data';
+    import { winnerOf, type SubGrid, type Mark as MarkData } from '../data';
     import OMark from './OMark.svelte';
     import XMark from './XMark.svelte';
     import CellGrid from './CellGrid.svelte';

src/lib/Dialog.svelte → src/lib/ui/Dialog.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { scale } from 'svelte/transition';
-    import { CloseIcon } from './icons/icons';
+    import { CloseIcon } from '../icons/icons';
 
     export let open = false;