Trixie

TRIXIECONTROL

SERVER CONNECTION

{connectionState}

ADDRESS

ADMINISTRATOR ACCESS

{#if authenticated}

AUTHENTICATED

{:else} USERNAME PASSWORD {#if authError}

{authError}

{/if} {/if}

TWITCH ACCOUNTS

{#if authenticated}

{#each ['streamer', 'bot'] as identity}

{identity.toUpperCase()}{oauthScopes[identity as 'streamer' | 'bot'].connected ? 'READY' : oauthScopes[identity as 'streamer' | 'bot'].reauthorization_required ? 'REAUTHORIZE' : 'NOT CONNECTED'}

{#if oauthScopes[identity as 'streamer' | 'bot'].missing_scopes.length}

Missing: {oauthScopes[identity as 'streamer' | 'bot'].missing_scopes.join(', ')}

{/if} {/each}

{#if oauthLink}

{oauthIdentity.toUpperCase()} AUTHORIZATION LINK

Open the copied link in the intended Twitch account session. It expires in 10 minutes.

{/if} {#if oauthError}

{oauthError}

{/if} {:else}

{/if}

{#if !authenticated}

AUTHENTICATION REQUIRED

⌁

Sign in to TrixieThe server connection is ready, but the dashboard requires administrator authentication.

{:else if mustReplaceCredentials}

FIRST-RUN SETUP

Replace the generated administrator credentials NEW USERNAME NEW PASSWORD {#if authError}

{authError}

{/if}

{:else}

STREAM PREVIEW

{#if playerSrc}{:else}

STREAM OFFLINE

CONNECT TWITCH TO BEGIN

{/if}

VIDEO PLAYER{playerSrc ? streamerName : 'OFFLINE'}

ACTIVITY FEED

{#if activityEvents.filter((event) => activityFilter === 'all' || event.event_type.startsWith('moderation.')).length}

{#each activityEvents.filter((event) => activityFilter === 'all' || event.event_type.startsWith('moderation.')) as event}

{event.event_type}{new Date(event.occurred_at).toLocaleTimeString()}

{/each}

{:else}

◌

Nothing here yet{activityFilter === 'moderation' ? 'Moderation events will appear here.' : 'Follows, subscriptions, raids, and server events will appear here.'}

{/if}

MY CHAT

{#if pinnedMessageIds.length}

PINNED{#each chatMessages.filter((message) => pinnedMessageIds.includes(message.message_id)) as message}

{message.user_name}{message.text}

{/each}

{/if}{#if chatMessages.length}

{#each chatMessages as message}

{#if message.fragments.length}{#each message.fragments as fragment}{#if fragment.type === 'emote' && fragment.emote_id}

{:else}{fragment.text}{/if}{/each}{:else}{message.text}{/if}

{/each}

{:else}

⌁

Chat is waitingConnect a streamer or bot account to begin.

{/if}

{#if chatReplyParent}

REPLYING TO @{chatReplyParent.user_name}

{/if}

{#if chatEmoteOptions.length}

{#each chatEmoteOptions as emote}{/each}

{/if}

searchChatEmotes(chatMessage)} onkeydown={(event) => event.key === 'Enter' && sendChatMessage()} />

{#if chatError}

{chatError}

{/if}

QUICK ACTIONS

{#if showCollaboration}

GUEST STAR SESSION

{#if collaborationSession}

ACTIVE · {collaborationSession.guests.length} GUESTS

GUEST TWITCH ID

{#if collaborationInvites.length}

PENDING INVITES

{#each collaborationInvites as invite}

{invite.user_id} · {invite.status}

{/each}{/if}{:else}

No active collaboration.

{/if}{#if collaborationError}

{collaborationError}

{/if}

{/if}{#if showStreamEditor}

TITLECATEGORY searchCategories(event.currentTarget.value)} autocomplete="off" placeholder="Search Twitch categories" />{#if categoryOptions.length}

{#each categoryOptions as category}{/each}

{/if}LANGUAGETAGSCLASSIFICATION LABELS{#if streamError}

{streamError}

{/if}

{/if}{#if showModeration}

ACTIONUSER IDMESSAGE ID (DELETE)TIMEOUT SECONDSREASON{#if moderationError}

{moderationError}

{/if}