WIP: Separate this into individual commits!

Author: HighPriest

README.md

@@ -1,3 +1,45 @@
 # LiveMatrix ChatBox client
 
 A chatbox client written in Svelte, to be paired with LiveMatrix Server binary
+
+## Configuration
+Take the sample config and modify it according to your server configuration.
+
+### Proto(col)
+For prot(col) you really have two options, either `http`, or `https`, depending on your server configuration.
+The same goes for websocket proto(col). If the LiveMatrix Server instance is behind a reverse_proxy, you are going to want to use `wss`, or `ws` when both the JS application and LiveMatrix server, run on the same, local, development machine.
+
+### Host & Port
+If you are connecting to the LiveMatrix server **through a domain name**, leave the `port` empty, to avoid errors!
+
+### Permitting CORS
+> This configuration is going to help you, if you need to host the **LiveMatrix Server** under a different domain / IP, or access server from dev instance
+#### Caddy reverse proxy
+```Caddyfile
+(cors) { // Put this macro on top of your configuration file
+	@cors_preflight method OPTIONS
+	@cors header Origin {args.0}
+
+	handle @cors_preflight {
+		header Access-Control-Allow-Origin "{args.0}"
+		header Access-Control-Allow-Methods "GET, POST, PUT, PATCH, DELETE"
+		header Access-Control-Allow-Headers "Content-Type, Authorization, X-CSRFToken"
+		header Access-Control-Allow-Credentials "true"
+		header Access-Control-Max-Age "3600"
+		respond "" 204
+	}
+
+	handle @cors {
+		header Access-Control-Allow-Origin "{args.0}"
+		header Access-Control-Expose-Headers "Link"
+		header defer
+	}
+}
+
+lm_server.domain.com {
+    import cors https://lm_client.example.com // Also works with http://localhost:5173, etc.
+    reverse_proxy localhost:3002 { // This points to the interface bound by your livematrix server application
+		header_down Set-Cookie (.*) "$1; SameSite=None; Secure"
+		header_down Access-Control-Allow-Credentials "true"
+	}
+}

TODO.md

@@ -0,0 +1,19 @@
+# TODO
+> Completed tasks should be pushed in description of a commit
+## Fixes
+- [ ] Make the styling work correctly.
+    - [ ] Fix font & its color
+- [ ] Make the app embedable into a user defined container 
+    - [ ] Allow user to adjust positioning of the UI
+    - [ ] Allow user to adjust scaling of the UI
+- [ ] Configurable branding
+    - [ ] Configurable logo
+    - [ ] Configurable Username
+- [x] Make the bubble disappear when (catState.isChatboxOpen) ✅ v0.2.3
+
+## Features
+- [ ] Close UI with ESC
+- [ ] Notifications worker for new messages
+- [ ] Make a smooth transition between bubble and chatbox view
+- [ ] Call to action bubble, pointing that the Chat here is available
+- [x] Implement messages clustering

package.json

@@ -35,26 +35,27 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^1.2.5",
-		"@eslint/js": "^9.18.0",
-		"@sveltejs/adapter-auto": "^6.0.0",
-		"@sveltejs/kit": "^2.22.0",
-		"@sveltejs/package": "^2.0.0",
+		"@eslint/compat": "^1.3.1",
+		"@eslint/js": "^9.32.0",
+		"@sveltejs/adapter-auto": "^6.0.1",
+		"@sveltejs/kit": "^2.27.1",
+		"@sveltejs/package": "^2.4.0",
 		"@sveltejs/vite-plugin-svelte": "^6.1.0",
-		"eslint": "^9.18.0",
-		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^3.0.0",
-		"globals": "^16.0.0",
-		"prettier": "^3.4.2",
-		"prettier-plugin-svelte": "^3.3.3",
-		"publint": "^0.3.2",
-		"sass-embedded": "^1.89.2",
-		"svelte": "^5.0.0",
-		"svelte-check": "^4.0.0",
+		"eslint": "^9.32.0",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.11.0",
+		"globals": "^16.3.0",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"publint": "^0.3.12",
+		"sass-embedded": "^1.90.0",
+		"svelte": "^5.37.3",
+		"svelte-check": "^4.3.1",
+		"svelte-outside": "^0.0.3",
 		"svelte-standalone": "2.3.1-beta",
-		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.20.0",
-		"vite": "^7.0.4",
+		"typescript": "^5.9.2",
+		"typescript-eslint": "^8.39.0",
+		"vite": "^7.0.6",
 		"vite-plugin-devtools-json": "^0.4.1"
 	},
 	"keywords": [