From 1328d925858a7c8eb9b9d1b16e0d10cfe10a5a74 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Mon, 16 Feb 2026 13:56:10 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(lightwrite):=20add=20LightWr?=
 =?UTF-8?q?iteLogo=20to=20shared-branding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add lightwrite to AppId type
- Add lightwrite branding config (orange theme, music note icon)
- Create LightWriteLogo.svelte component
- Update login/register pages to use proper logo component
- Fixes type-check errors in @lightwrite/web
---
 .../apps/web/src/routes/(auth)/login/+page.svelte   |  6 +-----
 .../web/src/routes/(auth)/register/+page.svelte     |  6 +-----
 packages/shared-branding/src/config.ts              | 13 +++++++++++++
 packages/shared-branding/src/index.ts               |  1 +
 .../shared-branding/src/logos/LightWriteLogo.svelte | 13 +++++++++++++
 packages/shared-branding/src/logos/index.ts         |  1 +
 packages/shared-branding/src/types.ts               |  3 ++-
 7 files changed, 32 insertions(+), 11 deletions(-)
 create mode 100644 packages/shared-branding/src/logos/LightWriteLogo.svelte

diff --git a/apps/lightwrite/apps/web/src/routes/(auth)/login/+page.svelte b/apps/lightwrite/apps/web/src/routes/(auth)/login/+page.svelte
index 1fea96704..5325881c4 100644
--- a/apps/lightwrite/apps/web/src/routes/(auth)/login/+page.svelte
+++ b/apps/lightwrite/apps/web/src/routes/(auth)/login/+page.svelte
@@ -4,13 +4,9 @@
 	import { browser } from '$app/environment';
 	import { LoginPage } from '@manacore/shared-auth-ui';
 	import { getLoginTranslations } from '@manacore/shared-i18n';
+	import { LightWriteLogo } from '@manacore/shared-branding';
 	import { authStore } from '$lib/stores/auth.svelte';
 
-	// Simple LightWrite Logo component
-	function LightWriteLogo() {
-		return null; // Will use appName text instead
-	}
-
 	// Get redirect URL from query params or sessionStorage
 	const redirectTo = $derived.by(() => {
 		const queryRedirect = $page.url.searchParams.get('redirectTo');
diff --git a/apps/lightwrite/apps/web/src/routes/(auth)/register/+page.svelte b/apps/lightwrite/apps/web/src/routes/(auth)/register/+page.svelte
index 9e915e423..0c120c750 100644
--- a/apps/lightwrite/apps/web/src/routes/(auth)/register/+page.svelte
+++ b/apps/lightwrite/apps/web/src/routes/(auth)/register/+page.svelte
@@ -3,13 +3,9 @@
 	import { browser } from '$app/environment';
 	import { RegisterPage } from '@manacore/shared-auth-ui';
 	import { getRegisterTranslations } from '@manacore/shared-i18n';
+	import { LightWriteLogo } from '@manacore/shared-branding';
 	import { authStore } from '$lib/stores/auth.svelte';
 
-	// Simple LightWrite Logo component
-	function LightWriteLogo() {
-		return null; // Will use appName text instead
-	}
-
 	// Get redirect URL from sessionStorage
 	const redirectTo = $derived.by(() => {
 		if (browser) {
diff --git a/packages/shared-branding/src/config.ts b/packages/shared-branding/src/config.ts
index 4ed119918..503b17a4b 100644
--- a/packages/shared-branding/src/config.ts
+++ b/packages/shared-branding/src/config.ts
@@ -271,6 +271,19 @@ export const APP_BRANDING: Record<AppId, AppBranding> = {
 		logoStroke: true,
 		logoStrokeWidth: 1.5,
 	},
+	lightwrite: {
+		id: 'lightwrite',
+		name: 'LightWrite',
+		tagline: 'Beat & Lyrics Editor',
+		primaryColor: '#f97316',
+		secondaryColor: '#fb923c',
+		// Musical note with waveform icon
+		logoPath:
+			'M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3',
+		logoViewBox: '0 0 24 24',
+		logoStroke: true,
+		logoStrokeWidth: 1.5,
+	},
 };
 
 /**
diff --git a/packages/shared-branding/src/index.ts b/packages/shared-branding/src/index.ts
index 0458b0684..40ad81c33 100644
--- a/packages/shared-branding/src/index.ts
+++ b/packages/shared-branding/src/index.ts
@@ -35,6 +35,7 @@ export {
 	SkillTreeLogo,
 	PlantaLogo,
 	PlaygroundLogo,
+	LightWriteLogo,
 } from './logos';
 
 // Configuration
diff --git a/packages/shared-branding/src/logos/LightWriteLogo.svelte b/packages/shared-branding/src/logos/LightWriteLogo.svelte
new file mode 100644
index 000000000..682ef9456
--- /dev/null
+++ b/packages/shared-branding/src/logos/LightWriteLogo.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import AppLogo from '../AppLogo.svelte';
+
+	interface Props {
+		size?: number;
+		color?: string;
+		class?: string;
+	}
+
+	let { size = 55, color, class: className = '' }: Props = $props();
+</script>
+
+<AppLogo app="lightwrite" {size} {color} class={className} />
diff --git a/packages/shared-branding/src/logos/index.ts b/packages/shared-branding/src/logos/index.ts
index 2b830052f..96bb5d939 100644
--- a/packages/shared-branding/src/logos/index.ts
+++ b/packages/shared-branding/src/logos/index.ts
@@ -22,3 +22,4 @@ export { default as QuestionsLogo } from './QuestionsLogo.svelte';
 export { default as SkillTreeLogo } from './SkillTreeLogo.svelte';
 export { default as PlantaLogo } from './PlantaLogo.svelte';
 export { default as PlaygroundLogo } from './PlaygroundLogo.svelte';
+export { default as LightWriteLogo } from './LightWriteLogo.svelte';
diff --git a/packages/shared-branding/src/types.ts b/packages/shared-branding/src/types.ts
index 1b1d72f37..987a14d56 100644
--- a/packages/shared-branding/src/types.ts
+++ b/packages/shared-branding/src/types.ts
@@ -22,7 +22,8 @@ export type AppId =
 	| 'questions'
 	| 'skilltree'
 	| 'planta'
-	| 'playground';
+	| 'playground'
+	| 'lightwrite';
 
 /**
  * App branding configuration