preserve chat spellcheck in settings

Author: zardoy

src/defaultOptions.ts

@@ -69,6 +69,7 @@ export const defaultOptions = {
   chatVanillaRestrictions: true,
   debugResponseTimeIndicator: false,
   chatPingExtension: true,
+  chatSpellCheckEnabled: false,
   // antiAliasing: false,
   topRightTimeDisplay: 'only-fullscreen' as 'only-fullscreen' | 'always' | 'never',
 

src/react/Chat.tsx

@@ -83,6 +83,8 @@ type Props = {
   debugChatScroll?: boolean
   getPingComplete?: (value: string) => Promise<string[]>
   currentPlayerName?: string
+  spellCheckEnabled?: boolean
+  onSpellCheckEnabledChange?: (enabled: boolean) => void
 }
 
 export const chatInputValueGlobal = proxy({
@@ -103,7 +105,9 @@ export default ({
   chatVanillaRestrictions,
   debugChatScroll,
   getPingComplete,
-  currentPlayerName
+  currentPlayerName,
+  spellCheckEnabled = false,
+  onSpellCheckEnabledChange
 }: Props) => {
   const playerNameValidated = useMemo(() => {
     if (!/^[\w\d_]+$/i.test(currentPlayerName ?? '')) return ''
@@ -112,7 +116,6 @@ export default ({
 
   const sendHistoryRef = useRef(JSON.parse(window.sessionStorage.chatHistory || '[]'))
   const [isInputFocused, setIsInputFocused] = useState(false)
-  const [spellCheckEnabled, setSpellCheckEnabled] = useState(false)
   const [preservedInputValue, setPreservedInputValue] = useState('')
   const [inputKey, setInputKey] = useState(0)
   const pingHistoryRef = useRef(JSON.parse(window.localStorage.pingHistory || '[]'))
@@ -458,7 +461,7 @@ export default ({
                 icon={pixelartIcons['text-wrap']}
                 onClick={() => {
                   setPreservedInputValue(chatInput.current?.value || '')
-                  setSpellCheckEnabled(!spellCheckEnabled)
+                  onSpellCheckEnabledChange?.(!spellCheckEnabled)
                   remountInput()
                 }}
               />

src/react/ChatProvider.tsx

@@ -18,7 +18,16 @@ export default () => {
   const lastMessageId = useRef(0)
   const lastPingTime = useRef(0)
   const usingTouch = useSnapshot(miscUiState).currentTouch
-  const { chatSelect, messagesLimit, chatOpacity, chatOpacityOpened, chatVanillaRestrictions, debugChatScroll, chatPingExtension } = useSnapshot(options)
+  const {
+    chatSelect,
+    messagesLimit,
+    chatOpacity,
+    chatOpacityOpened,
+    chatVanillaRestrictions,
+    debugChatScroll,
+    chatPingExtension,
+    chatSpellCheckEnabled
+  } = useSnapshot(options)
   const isUsingMicrosoftAuth = useMemo(() => !!lastConnectOptions.value?.authenticatedAccount, [])
   const { forwardChat } = useSnapshot(viewerVersionState)
   const { viewerConnection } = useSnapshot(gameAdditionalState)
@@ -62,6 +71,10 @@ export default () => {
     opened={isChatActive}
     placeholder={forwardChat || !viewerConnection ? undefined : 'Chat forwarding is not enabled in the plugin settings'}
     currentPlayerName={chatPingExtension ? bot.username : undefined}
+    spellCheckEnabled={chatSpellCheckEnabled}
+    onSpellCheckEnabledChange={(enabled) => {
+      options.chatSpellCheckEnabled = enabled
+    }}
     getPingComplete={async (value) => {
       const players = Object.keys(bot.players)
       return players.filter(name => (!value || name.toLowerCase().includes(value.toLowerCase())) && name !== bot.username).map(name => `@${name}`)