till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-14 21:21:10 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

feat(matrix-web): add SSO login button for Mana Core

Browse source 
Add "Sign in with Mana Core" button to Matrix web login page.
This allows users to authenticate via SSO instead of entering
Matrix credentials directly.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Till-JS 2026-01-29 13:02:58 +01:00
parent fe8d816c09
commit 176aa052b9
1 changed files with 31 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

32
apps/matrix/apps/web/src/routes/(auth)/login/+page.svelte
View file

@ -1,7 +1,8 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { browser } from '$app/environment';
import { loginWithPassword, discoverHomeserver, checkHomeserver, matrixStore } from '$lib/matrix';
import { Eye, EyeOff, Loader2, Server, User, Lock, AlertCircle } from 'lucide-svelte';
import { Eye, EyeOff, Loader2, Server, User, Lock, AlertCircle, LogIn } from 'lucide-svelte';
// Form state
let homeserver = $state('matrix.mana.how');
@ -11,10 +12,20 @@
// UI state
let loading = $state(false);
let loadingSSO = $state(false);
let checkingServer = $state(false);
let error = $state<string | null>(null);
let serverValid = $state<boolean | null>(null);
// SSO Login via Mana Core
function handleSSOLogin() {
if (!browser) return;
loadingSSO = true;
// Redirect to Matrix SSO endpoint which will redirect to Mana Core Auth
const redirectUrl = encodeURIComponent(window.location.origin + '/chat');
window.location.href = `https://matrix.mana.how/_matrix/client/v3/login/sso/redirect/oidc-manacore?redirectUrl=${redirectUrl}`;
}
// Auto-discover homeserver when username looks like a full Matrix ID
let discoverTimeout: ReturnType<typeof setTimeout>;
@ -190,6 +201,25 @@
</button>
</form>
<!-- Divider -->
<div class="divider my-4 text-base-content/40">OR</div>
<!-- SSO Login -->
<button
type="button"
class="btn btn-outline w-full gap-2"
onclick={handleSSOLogin}
disabled={loadingSSO}
>
{#if loadingSSO}
<Loader2 class="h-5 w-5 animate-spin" />
Redirecting...
{:else}
<LogIn class="h-5 w-5" />
Sign in with Mana Core
{/if}
</button>
<!-- Footer -->
<div class="mt-4 text-center text-sm text-base-content/60">
<p>