Automate prettier, made carousel unselectable and updated README

.husky/pre-commit

@@ -0,0 +1 @@
+bunx lint-staged

.vscode/settings.json

@@ -1,17 +1,19 @@
 {
-    "typescript.validate.enable": true,
-    "editor.formatOnPaste": false,
-    "editor.formatOnType": true,
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": null,
-    "editor.detectIndentation": false,
-    "editor.insertSpaces": true,
-    "editor.codeActionsOnSave": {
-        "source.organizeImports": "explicit"
-    },
-    "typescript.suggest.autoImports": true,
-    "explorer.fileNesting.enabled": true,
-    "explorer.fileNesting.patterns": {
-        "*.ts": "${capture}.css"
-    }
-}
+	"typescript.validate.enable": true,
+	"editor.formatOnPaste": false,
+	"editor.formatOnType": true,
+	"editor.formatOnSave": true,
+	"editor.defaultFormatter": null,
+	"editor.detectIndentation": false,
+	"editor.insertSpaces": true,
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": "explicit"
+	},
+	"typescript.suggest.autoImports": true,
+	"explorer.fileNesting.enabled": true,
+	"explorer.fileNesting.patterns": {
+		"*.ts": "${capture}.css"
+	},
+	"colorWheel.settings.workspaceColor": "hsl(108,55%,55%)",
+	"cSpell.words": ["contactability", "Criticz", "Deezer", "Redz"]
+}

README.md

@@ -4,15 +4,35 @@
 
 The BBN Website.
 
-## External submissions
+## External Contributions
 
-We are happy for external submissions, so PRs are welcome!
+We welcome external contributions! Please feel free to open a pull request.
 
-### Setup
+## Setup
 
-1. Install Bun from <https://bun.com>
-2. deno task start
-3. Set overrides to prod server
+1. **Install [Bun](https://bun.com)**
+   - Follow the instructions on the Bun website to install Bun for your platform.
 
-   1. `localStorage.setItem("OVERRIDE_BASE_URL", "https://bbn.music/")`
-   2. `localStorage.setItem("OVERRIDE_WS_URL", "wss://bbn.music/ws")`
+2. **Install dependencies:**
+
+   ```sh
+   bun install
+   ```
+
+3. **Start the development server:**
+
+   ```sh
+   bun run dev
+   ```
+
+4. **Set API overrides to use the production server:**
+   Open your browser console and run:
+
+   ```js
+   localStorage.setItem('OVERRIDE_BASE_URL', 'https://bbn.music/');
+   localStorage.setItem('OVERRIDE_WS_URL', 'wss://bbn.music/ws');
+   ```
+
+---
+
+If you have any questions or issues, please open an issue or reach out via PR!

package.json

@@ -1,39 +1,44 @@
 {
-    "name": "bbn.music",
-    "private": true,
-    "version": "0.0.1",
-    "type": "module",
-    "scripts": {
-        "dev": "vite dev",
-        "build": "vite build",
-        "preview": "vite preview",
-        "prepare": "svelte-kit sync || echo ''",
-        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-        "format": "prettier --write ./src",
-        "api:generate": "bun scripts/generate-api.ts"
-    },
-    "devDependencies": {
-        "@hey-api/openapi-ts": "^0.88.2",
-        "@sveltejs/adapter-auto": "^7.0.0",
-        "@sveltejs/adapter-node": "^5.4.0",
-        "@sveltejs/kit": "^2.49.2",
-        "@sveltejs/vite-plugin-svelte": "^6.2.1",
-        "@tailwindcss/postcss": "^4.1.18",
-        "autoprefixer": "^10.4.23",
-        "postcss": "^8.5.6",
-        "prettier": "^3.7.4",
-        "prettier-plugin-svelte": "^3.4.1",
-        "svelte": "^5.46.1",
-        "svelte-check": "^4.3.5",
-        "tailwindcss": "^4.1.18",
-        "typescript": "^5.9.3",
-        "vite": "^7.3.0"
-    },
-    "dependencies": {
-        "flowbite-svelte-icons": "^3.0.1",
-        "libphonenumber-js": "^1.12.33",
-        "posthog-js": "^1.310.1",
-        "zod": "^4.2.1"
-    }
-}
+	"name": "bbn.music",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "husky",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write ./src",
+		"api:generate": "bun scripts/generate-api.ts"
+	},
+	"lint-staged": {
+		"**/*": "prettier --write --ignore-unknown"
+	},
+	"devDependencies": {
+		"@hey-api/openapi-ts": "^0.88.2",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/adapter-node": "^5.4.0",
+		"@sveltejs/kit": "^2.49.2",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@tailwindcss/postcss": "^4.1.18",
+		"autoprefixer": "^10.4.23",
+		"husky": "^9.1.7",
+		"lint-staged": "^16.2.7",
+		"postcss": "^8.5.6",
+		"prettier": "^3.7.4",
+		"prettier-plugin-svelte": "^3.4.1",
+		"svelte": "^5.46.1",
+		"svelte-check": "^4.3.5",
+		"tailwindcss": "^4.1.18",
+		"typescript": "^5.9.3",
+		"vite": "^7.3.0"
+	},
+	"dependencies": {
+		"flowbite-svelte-icons": "^3.0.1",
+		"libphonenumber-js": "^1.12.33",
+		"posthog-js": "^1.310.1",
+		"zod": "^4.2.1"
+	}
+}

src/hooks.server.ts

@@ -6,7 +6,7 @@ export const handle: Handle = async ({ event, resolve }) => {
 			// Add crossorigin="anonymous" to stylesheet links for PostHog session replay CSS capture
 			return html.replace(
 				/<link\s+rel="stylesheet"(?![^>]*crossorigin)/g,
-				'<link rel="stylesheet" crossorigin="anonymous"'
+				'<link rel="stylesheet" crossorigin="anonymous"',
 			);
 		},
 	});