Require authentication to participate in chat (#4762)

* feat(chat): require authentication to participate in chat

* fix: it's pretty much impossible to bypass the auth requirement, addressing review feedback anyway

* feat(chat): render chat text input as disabled if chat auth is required

* Commit updated API documentation

---------

Co-authored-by: Owncast <owncast@owncast.online>

core/chat/server.go

@@ -397,6 +397,14 @@ func (s *Server) eventReceived(event chatClientEvent) {
 		return
 	}
 
+	// Check if authentication is required for chat
+	if configRepository.GetChatRequireAuthentication() {
+		if u == nil || (!u.Authenticated && !u.IsModerator()) {
+			s.sendActionToClient(c, "Authentication is required to participate in chat.")
+			return
+		}
+	}
+
 	var typecheck map[string]interface{}
 	if err := json.Unmarshal(event.data, &typecheck); err != nil {
 		log.Debugln(err)

openapi.yaml

@@ -1514,6 +1514,35 @@ paths:
       responses:
         '204':
           $ref: '#/components/responses/204'
+  /admin/config/chat/requireauthentication:
+    post:
+      summary: Set require authentication for chat
+      operationId: SetChatRequireAuthentication
+      tags: ['Internal', 'Admin', 'Chat']
+      security:
+        - BasicAuth: []
+      requestBody:
+        $ref: '#/components/requestBodies/AdminConfigValue'
+      responses:
+        '200':
+          description: Require authentication setting updated
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/BaseAPIResponse'
+        '400':
+          $ref: '#/components/responses/400'
+        '401':
+          $ref: '#/components/responses/401BasicAuth'
+        default:
+          $ref: '#/components/responses/Default'
+    options:
+      operationId: SetChatRequireAuthenticationOptions
+      x-internal: true
+      tags: ['Objects', 'Internal', 'Admin', 'Chat']
+      responses:
+        '204':
+          $ref: '#/components/responses/204'
   /admin/config/video/codec:
     post:
       summary: Set video codec
@@ -3660,6 +3689,9 @@ components:
           type: boolean
         chatDisabled:
           type: boolean
+        chatRequireAuthentication:
+          type: boolean
+          description: Whether users must authenticate before sending chat messages
         nsfw:
           type: boolean
         authentication:

persistence/configrepository/configkeys.go

@@ -46,6 +46,7 @@ const (
 	chatEstablishedUsersOnlyModeKey = "chat_established_users_only_mode"
 	chatSpamProtectionEnabledKey    = "chat_spam_protection_enabled"
 	chatSlurFilterEnabledKey        = "chat_slur_filter_enabled"
+	chatRequireAuthenticationKey    = "chat_require_authentication"
 	notificationsEnabledKey         = "notifications_enabled"
 	discordConfigurationKey         = "discord_configuration"
 	browserPushConfigurationKey     = "browser_push_configuration"

persistence/configrepository/configrepository.go

@@ -67,6 +67,8 @@ type ConfigRepository interface {
 	GetChatSpamProtectionEnabled() bool
 	SetChatSlurFilterEnabled(enabled bool) error
 	GetChatSlurFilterEnabled() bool
+	SetChatRequireAuthentication(enabled bool) error
+	GetChatRequireAuthentication() bool
 	GetExternalActions() []models.ExternalAction
 	SetExternalActions(actions []models.ExternalAction) error
 	SetCustomStyles(styles string) error

persistence/configrepository/sqlconfigrepository.go

@@ -541,6 +541,21 @@ func (r *SqlConfigRepository) GetChatSlurFilterEnabled() bool {
 	return false
 }
 
+// SetChatRequireAuthentication will set if authentication is required for chat.
+func (r *SqlConfigRepository) SetChatRequireAuthentication(enabled bool) error {
+	return r.datastore.SetBool(chatRequireAuthenticationKey, enabled)
+}
+
+// GetChatRequireAuthentication will return if authentication is required for chat.
+func (r *SqlConfigRepository) GetChatRequireAuthentication() bool {
+	enabled, err := r.datastore.GetBool(chatRequireAuthenticationKey)
+	if err == nil {
+		return enabled
+	}
+
+	return false
+}
+
 // GetExternalActions will return the registered external actions.
 func (r *SqlConfigRepository) GetExternalActions() []models.ExternalAction {
 	configEntry, err := r.datastore.Get(externalActionsKey)

test/automated/api/005_chatmoderation.test.js

@@ -119,3 +119,68 @@ test('verify message is in the chat feed', async () => {
 
 	expect(message.length).toBe(0);
 });
+
+// Chat authentication requirement tests
+const unauthenticatedUserFailedChatMessage = {
+	body:
+		'this unauthenticated message should fail ' +
+		Math.floor(Math.random() * 100),
+	type: 'CHAT',
+};
+
+const unauthenticatedUserSucceedChatMessage = {
+	body:
+		'this unauthenticated message should succeed ' +
+		Math.floor(Math.random() * 100),
+	type: 'CHAT',
+};
+
+test('enable chat require authentication mode', async () => {
+	await sendAdminRequest('config/chat/requireauthentication', true);
+});
+
+test('send a message after require authentication is enabled', async () => {
+	const registration = await registerChat();
+	const accessToken = registration.accessToken;
+
+	await sendChatMessage(unauthenticatedUserFailedChatMessage, accessToken);
+});
+
+test('verify unauthenticated message is not in the chat feed', async () => {
+	await new Promise((r) => setTimeout(r, 1000));
+
+	const res = await getAdminResponse('chat/messages');
+	const expectedBody =
+		`<p>` + unauthenticatedUserFailedChatMessage.body + `</p>`;
+
+	const message = res.body.filter((obj) => {
+		return obj.body === expectedBody;
+	});
+
+	expect(message.length).toBe(0);
+});
+
+test('disable chat require authentication mode', async () => {
+	await sendAdminRequest('config/chat/requireauthentication', false);
+});
+
+test('send a message after require authentication is disabled', async () => {
+	const registration = await registerChat();
+	const accessToken = registration.accessToken;
+
+	await sendChatMessage(unauthenticatedUserSucceedChatMessage, accessToken);
+});
+
+test('verify message from unauthenticated user is now in the chat feed', async () => {
+	await new Promise((r) => setTimeout(r, 1000));
+
+	const res = await getAdminResponse('chat/messages');
+	const expectedBody =
+		`<p>` + unauthenticatedUserSucceedChatMessage.body + `</p>`;
+
+	const message = res.body.filter((obj) => {
+		return obj.body === expectedBody;
+	});
+
+	expect(message.length).toBe(1);
+});

test/automated/api/009_configmanagement.test.js

@@ -1,6 +1,6 @@
 var request = require('supertest');
 var bcrypt = require('bcrypt');
-var shajs = require("sha.js");
+var shajs = require('sha.js');
 
 const sendAdminRequest = require('./lib/admin').sendAdminRequest;
 const failAdminRequest = require('./lib/admin').failAdminRequest;
@@ -330,6 +330,24 @@ test('disable search indexing', async () => {
 	);
 });
 
+test('set chat require authentication enabled', async () => {
+	await sendAdminRequest('config/chat/requireauthentication', true);
+});
+
+test('verify chat require authentication is enabled in config', async () => {
+	const res = await getAdminResponse('serverconfig');
+	expect(res.body.chatRequireAuthentication).toBe(true);
+});
+
+test('set chat require authentication disabled', async () => {
+	await sendAdminRequest('config/chat/requireauthentication', false);
+});
+
+test('verify chat require authentication is disabled in config', async () => {
+	const res = await getAdminResponse('serverconfig');
+	expect(res.body.chatRequireAuthentication).toBe(false);
+});
+
 test('change admin password', async () => {
 	await sendAdminRequest('config/adminpass', newAdminPassword);
 });
@@ -366,7 +384,7 @@ test('change admin password >72 bytes', async () => {
 test('verify admin password change (>72 bytes)', async () => {
 	const res = await getAdminResponse(
 		'serverconfig',
-		(adminPassword = newAdminPasswordLong)
+		(adminPassword = newAdminPasswordLong),
 	);
 
 	bcrypt.compare(
@@ -374,7 +392,7 @@ test('verify admin password change (>72 bytes)', async () => {
 		res.body.adminPassword,
 		function (err, result) {
 			expect(result).toBe(true);
-		}
+		},
 	);
 });
 
@@ -382,7 +400,7 @@ test('reset admin password (>72)', async () => {
 	await sendAdminRequest(
 		'config/adminpass',
 		defaultAdminPassword,
-		(adminPassword = newAdminPasswordLong)
+		(adminPassword = newAdminPasswordLong),
 	);
 });
 

web/components/chat/ChatContainer/ChatContainer.stories.tsx

@@ -618,6 +618,22 @@ export const ChatDisabled = {
   },
 };
 
+export const AuthenticationRequired = {
+  render: Template,
+
+  args: {
+    loading: false,
+    messages,
+    usernameToHighlight: 'testuser',
+    chatUserId: 'testuser',
+    isModerator: false,
+    showInput: true,
+    chatAvailable: true,
+    inputEnabled: false,
+    inputDisabledPlaceholder: 'Authenticate to chat',
+  },
+};
+
 export const SingleMessage = {
   render: Template,
 

web/components/chat/ChatContainer/ChatContainer.tsx

@@ -34,6 +34,8 @@ export type ChatContainerProps = {
   focusInput?: boolean;
   desktop?: boolean;
   readonly?: boolean;
+  inputEnabled?: boolean;
+  inputDisabledPlaceholder?: string;
 };
 
 let resizeWindowCallback: () => void;
@@ -82,11 +84,15 @@ export const ChatContainer: FC<ChatContainerProps> = ({
   isModerator,
   showInput = true,
   height = 'auto',
-  chatAvailable: chatEnabled,
+  chatAvailable,
   desktop,
   focusInput = true,
   readonly = false,
+  inputEnabled,
+  inputDisabledPlaceholder,
 }) => {
+  // If inputEnabled is explicitly set, use that; otherwise fall back to chatAvailable
+  const chatInputEnabled = inputEnabled !== undefined ? inputEnabled : chatAvailable;
   const [showScrollToBottomButton, setShowScrollToBottomButton] = useState(false);
   const [isAtBottom, setIsAtBottom] = useState(false);
 
@@ -366,7 +372,11 @@ export const ChatContainer: FC<ChatContainerProps> = ({
         {MessagesTable}
         {showInput && (
           <div className={styles.chatTextField}>
-            <ChatTextField enabled={chatEnabled} focusInput={focusInput} />
+            <ChatTextField
+              enabled={chatInputEnabled}
+              focusInput={focusInput}
+              disabledPlaceholder={inputDisabledPlaceholder}
+            />
           </div>
         )}
         {desktop && (

web/components/chat/ChatTextField/ChatTextField.tsx

@@ -30,6 +30,7 @@ export type ChatTextFieldProps = {
   defaultText?: string;
   enabled: boolean;
   focusInput: boolean;
+  disabledPlaceholder?: string;
 };
 
 const characterLimit = 300;
@@ -119,7 +120,12 @@ const getTextContent = node => {
   return text;
 };
 
-export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText, enabled, focusInput }) => {
+export const ChatTextField: FC<ChatTextFieldProps> = ({
+  defaultText,
+  enabled,
+  focusInput,
+  disabledPlaceholder,
+}) => {
   const [inputDraft, setInputDraft] = useRecoilState(chatInputDraftAtom);
   const [characterCount, setCharacterCount] = useState(defaultText?.length);
   const websocketService = useRecoilValue<WebsocketService>(websocketServiceAtom);
@@ -276,7 +282,9 @@ export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText, enabled, fo
         <ContentEditable
           id="chat-input-content-editable"
           html={defaultText || ''}
-          placeholder={enabled ? 'Send a message to chat' : 'Chat is disabled'}
+          placeholder={
+            enabled ? 'Send a message to chat' : disabledPlaceholder || 'Chat is disabled'
+          }
           disabled={!enabled}
           onKeyDown={onKeyDown}
           onContentChange={handleChange}

web/components/modals/ChatModal/ChatModal.tsx

@@ -14,9 +14,17 @@ export type ChatModalProps = {
   messages: ChatMessage[];
   currentUser: CurrentUser;
   handleClose: () => void;
+  inputEnabled?: boolean;
+  inputDisabledPlaceholder?: string;
 };
 
-export const ChatModal: FC<ChatModalProps> = ({ messages, currentUser, handleClose }) => {
+export const ChatModal: FC<ChatModalProps> = ({
+  messages,
+  currentUser,
+  handleClose,
+  inputEnabled = true,
+  inputDisabledPlaceholder,
+}) => {
   if (!currentUser) {
     return null;
   }
@@ -58,6 +66,8 @@ export const ChatModal: FC<ChatModalProps> = ({ messages, currentUser, handleClo
           chatUserId={id}
           isModerator={isModerator}
           chatAvailable
+          inputEnabled={inputEnabled}
+          inputDisabledPlaceholder={inputDisabledPlaceholder}
           focusInput={false}
         />
       </Modal>

web/components/ui/Content/Content.tsx

@@ -4,9 +4,11 @@ import MessageFilled from '@ant-design/icons/MessageFilled';
 import { FC, useEffect, useState } from 'react';
 import dynamic from 'next/dynamic';
 import classnames from 'classnames';
+import { useTranslation } from 'next-export-i18n';
 import ActionButtons from './ActionButtons';
 import { LOCAL_STORAGE_KEYS, getLocalStorage, setLocalStorage } from '../../../utils/localStorage';
 import { canPushNotificationsBeSupported } from '../../../utils/browserPushNotifications';
+import { Localization } from '../../../types/localization';
 
 import {
   clientConfigStateAtom,
@@ -19,6 +21,7 @@ import {
   serverStatusState,
   isChatAvailableSelector,
   visibleChatMessagesSelector,
+  chatAuthenticatedAtom,
 } from '../../stores/ClientConfigStore';
 import { ClientConfig } from '../../../interfaces/client-config.model';
 
@@ -97,6 +100,7 @@ const ExternalModal = ({ externalActionToDisplay, setExternalActionToDisplay })
 };
 
 export const Content: FC = () => {
+  const { t } = useTranslation();
   const appState = useRecoilValue<AppStateOptions>(appStateAtom);
   const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
   const chatState = useRecoilValue<ChatState>(chatStateAtom);
@@ -106,6 +110,7 @@ export const Content: FC = () => {
   const messages = useRecoilValue<ChatMessage[]>(visibleChatMessagesSelector);
   const online = useRecoilValue<boolean>(isOnlineSelector);
   const isChatAvailable = useRecoilValue<boolean>(isChatAvailableSelector);
+  const isUserAuthenticated = useRecoilValue<boolean>(chatAuthenticatedAtom);
 
   const { viewerCount, lastConnectTime, lastDisconnectTime, streamTitle } =
     useRecoilValue<ServerStatus>(serverStatusState);
@@ -118,6 +123,7 @@ export const Content: FC = () => {
     externalActions,
     offlineMessage,
     chatDisabled,
+    chatRequireAuthentication,
     federation,
     notifications,
   } = clientConfig;
@@ -219,6 +225,16 @@ export const Content: FC = () => {
 
   const showChat = isChatAvailable && !chatDisabled && chatState === ChatState.VISIBLE;
 
+  // Determine if chat input should be enabled based on authentication requirements.
+  // Moderators bypass the authentication requirement.
+  const chatInputEnabled = !!(
+    isChatAvailable &&
+    (!chatRequireAuthentication || isUserAuthenticated || currentUser?.isModerator)
+  );
+  const chatInputDisabledMessage = chatRequireAuthentication
+    ? t(Localization.Frontend.Chat.authenticateToChat)
+    : t(Localization.Frontend.chatDisabled);
+
   return (
     <div className={styles.main}>
       <div className={styles.mainColumn}>
@@ -325,6 +341,8 @@ export const Content: FC = () => {
           isModerator={currentUser.isModerator}
           chatAvailable={isChatAvailable}
           showInput={!!currentUser}
+          inputEnabled={chatInputEnabled}
+          inputDisabledPlaceholder={chatInputDisabledMessage}
           desktop
         />
       )}
@@ -351,6 +369,8 @@ export const Content: FC = () => {
           messages={messages}
           currentUser={currentUser}
           handleClose={() => setShowChatModal(false)}
+          inputEnabled={chatInputEnabled}
+          inputDisabledPlaceholder={chatInputDisabledMessage}
         />
       )}
       {isMobile && isChatAvailable && !chatDisabled && (

web/i18n/en/translation.json

@@ -166,6 +166,7 @@
 			"unsupportedLocal": "Browser notifications are not supported for local servers."
 		},
 		"Chat": {
+			"authenticateToChat": "Authenticate to chat",
 			"moderatorNotification": "You are now a moderator.",
 			"nameChangeText": "is now known as",
 			"userJoined": "joined the chat.",

web/interfaces/client-config.model.ts

@@ -9,6 +9,7 @@ export interface ClientConfig {
   extraPageContent: string;
   socialHandles: SocialHandle[];
   chatDisabled: boolean;
+  chatRequireAuthentication: boolean;
   externalActions: any[];
   customStyles: string;
   appearanceVariables: Map<string, string>;
@@ -55,6 +56,7 @@ export function makeEmptyClientConfig(): ClientConfig {
     extraPageContent: '',
     socialHandles: [],
     chatDisabled: false,
+    chatRequireAuthentication: false,
     externalActions: [],
     customStyles: '',
     appearanceVariables: new Map(),

web/pages/admin/config-chat.tsx

@@ -19,6 +19,7 @@ import {
   FIELD_PROPS_ENABLE_CHAT_SLUR_FILTER,
   CHAT_ESTABLISHED_USER_MODE,
   FIELD_PROPS_DISABLE_CHAT,
+  FIELD_PROPS_CHAT_REQUIRE_AUTHENTICATION,
   postConfigUpdateToAPI,
   RESET_TIMEOUT,
   TEXTFIELD_PROPS_CHAT_FORBIDDEN_USERNAMES,
@@ -47,6 +48,7 @@ export default function ConfigChat() {
     chatEstablishedUserMode,
     chatSpamProtectionEnabled,
     chatSlurFilterEnabled,
+    chatRequireAuthentication,
   } = serverConfig;
   const { welcomeMessage } = instanceDetails;
 
@@ -77,6 +79,10 @@ export default function ConfigChat() {
     handleFieldChange({ fieldName: 'chatSlurFilterEnabled', value: enabled });
   }
 
+  function handleChatRequireAuthenticationChange(enabled: boolean) {
+    handleFieldChange({ fieldName: 'chatRequireAuthentication', value: enabled });
+  }
+
   function resetForbiddenUsernameState() {
     setForbiddenUsernameSaveState(null);
   }
@@ -169,6 +175,7 @@ export default function ConfigChat() {
       chatEstablishedUserMode,
       chatSpamProtectionEnabled,
       chatSlurFilterEnabled,
+      chatRequireAuthentication,
     });
   }, [serverConfig]);
 
@@ -250,6 +257,12 @@ export default function ConfigChat() {
               checked={formDataValues.chatSlurFilterEnabled}
               onChange={handleChatSlurFilterChange}
             />
+            <ToggleSwitch
+              fieldName="chatRequireAuthentication"
+              {...FIELD_PROPS_CHAT_REQUIRE_AUTHENTICATION}
+              checked={formDataValues.chatRequireAuthentication}
+              onChange={handleChatRequireAuthenticationChange}
+            />
           </div>
         </Col>
       </Row>

web/pages/embed/chat/readwrite/index.tsx

@@ -2,6 +2,7 @@
 import { useRecoilValue } from 'recoil';
 import { useEffect } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
+import { useTranslation } from 'next-export-i18n';
 import { ChatMessage } from '../../../../interfaces/chat-message.model';
 import { ChatContainer } from '../../../../components/chat/ChatContainer/ChatContainer';
 import {
@@ -12,6 +13,7 @@ import {
   appStateAtom,
   serverStatusState,
   isChatAvailableSelector,
+  chatAuthenticatedAtom,
 } from '../../../../components/stores/ClientConfigStore';
 import Header from '../../../../components/ui/Header/Header';
 import { ClientConfig } from '../../../../interfaces/client-config.model';
@@ -19,8 +21,10 @@ import { AppStateOptions } from '../../../../components/stores/application-state
 import { ServerStatus } from '../../../../interfaces/server-status.model';
 import { Theme } from '../../../../components/theme/Theme';
 import { ComponentError } from '../../../../components/ui/ComponentError/ComponentError';
+import { Localization } from '../../../../types/localization';
 
 export default function ReadWriteChatEmbed() {
+  const { t } = useTranslation();
   const currentUser = useRecoilValue(currentUserAtom);
   const messages = useRecoilValue<ChatMessage[]>(visibleChatMessagesSelector);
   const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
@@ -28,8 +32,19 @@ export default function ReadWriteChatEmbed() {
 
   const appState = useRecoilValue<AppStateOptions>(appStateAtom);
   const isChatAvailable = useRecoilValue(isChatAvailableSelector);
+  const isUserAuthenticated = useRecoilValue<boolean>(chatAuthenticatedAtom);
 
-  const { name, chatDisabled } = clientConfig;
+  const { name, chatDisabled, chatRequireAuthentication } = clientConfig;
+
+  // Determine if chat input should be enabled based on authentication requirements.
+  // Moderators bypass the authentication requirement.
+  const chatInputEnabled = !!(
+    isChatAvailable &&
+    (!chatRequireAuthentication || isUserAuthenticated || currentUser?.isModerator)
+  );
+  const chatInputDisabledMessage = chatRequireAuthentication
+    ? t(Localization.Frontend.Chat.authenticateToChat)
+    : t(Localization.Frontend.chatDisabled);
   const { videoAvailable } = appState;
   const { streamTitle, online } = clientStatus;
 
@@ -73,6 +88,8 @@ export default function ReadWriteChatEmbed() {
               showInput
               height="92vh"
               chatAvailable={isChatAvailable}
+              inputEnabled={chatInputEnabled}
+              inputDisabledPlaceholder={chatInputDisabledMessage}
             />
           </div>
         )}

web/stories/ReadwriteChat.stories.tsx

@@ -31,6 +31,7 @@ const Page = () => {
 
   const fakeConfig: ClientConfig = {
     chatDisabled: false,
+    chatRequireAuthentication: false,
     name: 'Fake Owncast Server',
     summary: '',
     logo: '',

web/types/config-section.ts

@@ -154,6 +154,7 @@ export interface ConfigDetails {
   chatDisabled: boolean;
   chatSpamProtectionEnabled: boolean;
   chatSlurFilterEnabled: boolean;
+  chatRequireAuthentication: boolean;
   federation: Federation;
   notifications: NotificationsConfig;
   chatJoinMessagesEnabled: boolean;

web/types/localization.ts

@@ -68,8 +68,7 @@ export const Localization = {
       deniedTitle: 'Frontend.BrowserNotifyModal.deniedTitle',
       deniedDescription: 'Frontend.BrowserNotifyModal.deniedDescription',
       mainDescription: 'Frontend.BrowserNotifyModal.mainDescription',
-      learnMoreAboutNotifications:
+      learnMoreAboutNotifications: 'Frontend.BrowserNotifyModal.learnMoreAboutNotifications',
-        'Frontend.BrowserNotifyModal.learnMoreAboutNotifications',
       errorTitle: 'Frontend.BrowserNotifyModal.errorTitle',
       errorMessage: 'Frontend.BrowserNotifyModal.errorMessage',
     },
@@ -107,6 +106,7 @@ export const Localization = {
       userLeft: 'Frontend.Chat.userLeft',
       nameChangeText: 'Frontend.Chat.nameChangeText',
       moderatorNotification: 'Frontend.Chat.moderatorNotification',
+      authenticateToChat: 'Frontend.Chat.authenticateToChat',
     },
 
     // Follow modal component

web/utils/config-constants.tsx

@@ -40,6 +40,7 @@ const API_CHAT_JOIN_MESSAGES_ENABLED = '/chat/joinmessagesenabled';
 const API_CHAT_ESTABLISHED_MODE = '/chat/establishedusermode';
 const API_CHAT_SPAM_PROTECTION_ENABLED = '/chat/spamprotectionenabled';
 const API_CHAT_SLUR_FILTER_ENABLED = '/chat/slurfilterenabled';
+const API_CHAT_REQUIRE_AUTHENTICATION = '/chat/requireauthentication';
 const API_DISABLE_SEARCH_INDEXING = '/disablesearchindexing';
 const API_SOCKET_HOST_OVERRIDE = '/sockethostoverride';
 const API_VIDEO_SERVING_ENDPOINT = '/videoservingendpoint';
@@ -292,6 +293,14 @@ export const CHAT_ESTABLISHED_USER_MODE = {
   useSubmit: true,
 };
 
+export const FIELD_PROPS_CHAT_REQUIRE_AUTHENTICATION = {
+  apiPath: API_CHAT_REQUIRE_AUTHENTICATION,
+  configPath: '',
+  label: 'Require Authentication',
+  tip: 'Only users who have authenticated may chat.',
+  useSubmit: true,
+};
+
 export const TEXTFIELD_PROPS_CHAT_FORBIDDEN_USERNAMES = {
   apiPath: API_CHAT_FORBIDDEN_USERNAMES,
   placeholder: 'username',

web/utils/server-status-context.tsx

@@ -71,6 +71,7 @@ const initialServerConfigState: ConfigDetails = {
   chatDisabled: false,
   chatSpamProtectionEnabled: true,
   chatSlurFilterEnabled: false,
+  chatRequireAuthentication: false,
   chatJoinMessagesEnabled: true,
   chatEstablishedUserMode: false,
   hideViewerCount: false,
@@ -127,6 +128,7 @@ const ServerStatusProvider: FC<ServerStatusProviderProps> = ({ children }) => {
 
       setStatus({ ...result, error: { type: null, msg: null } });
     } catch (error) {
+      console.error('Failed to fetch server status:', error);
       setStatus(initialStatus => ({
         ...initialStatus,
         error: {
@@ -134,7 +136,6 @@ const ServerStatusProvider: FC<ServerStatusProviderProps> = ({ children }) => {
           msg: 'Cannot connect to the Owncast service. Please check you are connected to the internet and the Owncast server is running.',
         },
       }));
-      // todo
     }
   };
   const getConfig = async () => {

webserver/handlers/admin/config.go

@@ -877,6 +877,25 @@ func SetChatSlurFilterEnabled(w http.ResponseWriter, r *http.Request) {
 	webutils.WriteSimpleResponse(w, true, "chat message slur filter changed")
 }
 
+// SetChatRequireAuthentication will enable or disable requiring authentication for chat.
+func SetChatRequireAuthentication(w http.ResponseWriter, r *http.Request) {
+	if !requirePOST(w, r) {
+		return
+	}
+
+	configValue, success := getValueFromRequest(w, r)
+	if !success {
+		return
+	}
+
+	configRepository := configrepository.Get()
+	if err := configRepository.SetChatRequireAuthentication(configValue.Value.(bool)); err != nil {
+		webutils.WriteSimpleResponse(w, false, err.Error())
+		return
+	}
+	webutils.WriteSimpleResponse(w, true, "chat authentication requirement changed")
+}
+
 func requirePOST(w http.ResponseWriter, r *http.Request) bool {
 	if r.Method != http.MethodPost {
 		webutils.WriteSimpleResponse(w, false, r.Method+" not supported")

webserver/handlers/admin/serverConfig.go

@@ -66,6 +66,7 @@ func GetServerConfig(w http.ResponseWriter, r *http.Request) {
 		ChatEstablishedUserMode:   configRepository.GetChatEstbalishedUsersOnlyMode(),
 		ChatSpamProtectionEnabled: configRepository.GetChatSpamProtectionEnabled(),
 		ChatSlurFilterEnabled:     configRepository.GetChatSlurFilterEnabled(),
+		ChatRequireAuthentication: configRepository.GetChatRequireAuthentication(),
 		HideViewerCount:           configRepository.GetHideViewerCount(),
 		DisableSearchIndexing:     configRepository.GetDisableSearchIndexing(),
 		VideoSettings: videoSettings{
@@ -129,6 +130,7 @@ type serverConfigAdminResponse struct {
 	ChatEstablishedUserMode   bool                        `json:"chatEstablishedUserMode"`
 	ChatSpamProtectionEnabled bool                        `json:"chatSpamProtectionEnabled"`
 	ChatSlurFilterEnabled     bool                        `json:"chatSlurFilterEnabled"`
+	ChatRequireAuthentication bool                        `json:"chatRequireAuthentication"`
 	DisableSearchIndexing     bool                        `json:"disableSearchIndexing"`
 	StreamKeyOverridden       bool                        `json:"streamKeyOverridden"`
 	HideViewerCount           bool                        `json:"hideViewerCount"`

webserver/handlers/config.go

@@ -36,6 +36,7 @@ type webConfigResponse struct {
 	HideViewerCount            bool                         `json:"hideViewerCount"`
 	ChatDisabled               bool                         `json:"chatDisabled"`
 	ChatSpamProtectionDisabled bool                         `json:"chatSpamProtectionDisabled"`
+	ChatRequireAuthentication  bool                         `json:"chatRequireAuthentication"`
 	NSFW                       bool                         `json:"nsfw"`
 	Authentication             authenticationConfigResponse `json:"authentication"`
 }
@@ -134,6 +135,7 @@ func getConfigResponse() webConfigResponse {
 		SocialHandles:              socialHandles,
 		ChatDisabled:               configRepository.GetChatDisabled(),
 		ChatSpamProtectionDisabled: configRepository.GetChatSpamProtectionEnabled(),
+		ChatRequireAuthentication:  configRepository.GetChatRequireAuthentication(),
 		ExternalActions:            configRepository.GetExternalActions(),
 		CustomStyles:               configRepository.GetCustomStyles(),
 		MaxSocketPayloadSize:       config.MaxSocketPayloadSize,

webserver/handlers/configInterface.go

@@ -127,6 +127,14 @@ func (*ServerInterfaceImpl) SetChatSlurFilterEnabledOptions(w http.ResponseWrite
 	middleware.RequireAdminAuth(admin.SetChatSlurFilterEnabled)(w, r)
 }
 
+func (*ServerInterfaceImpl) SetChatRequireAuthentication(w http.ResponseWriter, r *http.Request) {
+	middleware.RequireAdminAuth(admin.SetChatRequireAuthentication)(w, r)
+}
+
+func (*ServerInterfaceImpl) SetChatRequireAuthenticationOptions(w http.ResponseWriter, r *http.Request) {
+	middleware.RequireAdminAuth(admin.SetChatRequireAuthentication)(w, r)
+}
+
 func (*ServerInterfaceImpl) SetVideoCodec(w http.ResponseWriter, r *http.Request) {
 	middleware.RequireAdminAuth(admin.SetVideoCodec)(w, r)
 }

webserver/handlers/generated/generated-types.gen.go

@@ -1,6 +1,6 @@
 // Package generated provides primitives to interact with the openapi HTTP API.
 //
-// Code generated by github.com/oapi-codegen/oapi-codegen/v2 version v2.3.0 DO NOT EDIT.
+// Code generated by github.com/oapi-codegen/oapi-codegen/v2 version v2.5.1 DO NOT EDIT.
 package generated
 
 import (
@@ -918,6 +918,9 @@ type SetForbiddenUsernameListJSONRequestBody SetForbiddenUsernameListJSONBody
 // SetChatJoinMessagesEnabledJSONRequestBody defines body for SetChatJoinMessagesEnabled for application/json ContentType.
 type SetChatJoinMessagesEnabledJSONRequestBody = AdminConfigValue
 
+// SetChatRequireAuthenticationJSONRequestBody defines body for SetChatRequireAuthentication for application/json ContentType.
+type SetChatRequireAuthenticationJSONRequestBody = AdminConfigValue
+
 // SetChatSlurFilterEnabledJSONRequestBody defines body for SetChatSlurFilterEnabled for application/json ContentType.
 type SetChatSlurFilterEnabledJSONRequestBody = AdminConfigValue