Respect message length limit (256, 100 for <1.11).

src/App.tsx

@@ -82,7 +82,7 @@ const App = () => {
   const [connection, setConnection] = React.useState<Connection | undefined>()
 
   const [settings, setSettings] = useJsonAsyncStorage<Settings>('@settings', {
-    // TODO: Better defaults and settings.
+    // TODO: Better defaults and settings e.g. join message is 140 chars (bad for <1.11).
     joinMessage:
       'I connected using EnderChat, an ad-free, easy to use and well-built ' +
       'alternative to ChatCraft for Android! Even this message can be disabled!',

src/components/Setting.tsx

@@ -11,13 +11,15 @@ const Setting = <T extends string | boolean>({
   value,
   onClick,
   setValue,
-  multiline
+  multiline,
+  maxLength
 }: {
   name: string
   value: T
   onClick?: () => void
   setValue?: (newValue: T) => void
   multiline?: boolean
+  maxLength?: number
 }) => {
   const da = useDarkMode()
   const [modalOpen, setModalOpen] = useState(false)
@@ -44,6 +46,7 @@ const Setting = <T extends string | boolean>({
       {typeof value === 'string' && setValue && (
         <TextFieldDialog
           name={name}
+          maxLength={maxLength}
           placeholder={name}
           multiline={multiline}
           modalOpen={modalOpen}

src/components/TextFieldDialog.tsx

@@ -9,6 +9,7 @@ import useDarkMode from '../context/useDarkMode'
 const TextFieldDialog = ({
   name,
   multiline,
+  maxLength,
   modalOpen,
   closeModal,
   placeholder,
@@ -17,6 +18,7 @@ const TextFieldDialog = ({
 }: {
   name: string
   modalOpen: boolean
+  maxLength?: number
   multiline?: boolean
   placeholder: string
   closeModal: () => void
@@ -38,6 +40,7 @@ const TextFieldDialog = ({
       <Text style={styles.modalTitle}>{name}</Text>
       <TextField
         value={modalContent}
+        maxLength={maxLength}
         multiline={multiline}
         placeholder={placeholder}
         onChangeText={setModalContent}

src/minecraft/connection.ts

@@ -29,21 +29,32 @@ export declare interface ServerConnection {
     ((event: string, listener: Function) => this)
 }
 
+export interface ConnectionOptions {
+  host: string
+  port: number
+  username: string
+  protocolVersion: number
+  selectedProfile?: string
+  accessToken?: string
+}
+
 export class ServerConnection extends events.EventEmitter {
   bufferedData: Buffer = Buffer.from([])
   compressionThreshold = -1
   compressionEnabled = false
   loggedIn = false
   closed = false
   socket: net.Socket
+  options: ConnectionOptions
   disconnectTimer?: NodeJS.Timeout
   disconnectReason?: string
   aesDecipher?: Decipher
   aesCipher?: Cipher
 
-  constructor(socket: net.Socket) {
+  constructor(socket: net.Socket, options: ConnectionOptions) {
     super()
     this.socket = socket
+    this.options = options
   }
 
   async writePacket(
@@ -73,18 +84,11 @@ export class ServerConnection extends events.EventEmitter {
   }
 }
 
-const initiateConnection = async (opts: {
-  host: string
-  port: number
-  username: string
-  protocolVersion: number
-  selectedProfile?: string
-  accessToken?: string
-}) => {
+const initiateConnection = async (opts: ConnectionOptions) => {
   const [host, port] = await resolveHostname(opts.host, opts.port)
   return await new Promise<ServerConnection>((resolve, reject) => {
     const socket = net.createConnection({ host, port })
-    const conn = new ServerConnection(socket)
+    const conn = new ServerConnection(socket, opts)
     let resolved = false
     const { accessToken, selectedProfile } = opts
     socket.on('connect', () => {

src/screens/ChatScreen.tsx

@@ -83,7 +83,11 @@ const ChatScreen = ({ navigation }: { navigation: ChatNavigationProp }) => {
   const [message, setMessage] = useState('')
   const loggedInRef = useRef(false)
 
-  const colorMap = mojangColorMap
+  const charLimit =
+    connection && connection.connection.options.protocolVersion >= 306 // 16w38a
+      ? 256
+      : 100
+  const colorMap = darkMode ? mojangColorMap : lightColorMap
   const addMessage = (text: MinecraftChat) =>
     setMessages(m => {
       const trunc = m.length > 500 ? m.slice(0, 499) : m
@@ -104,7 +108,10 @@ const ChatScreen = ({ navigation }: { navigation: ChatNavigationProp }) => {
         )
         if (settings.sendJoinMessage) {
           connection.connection
-            .writePacket(0x03, concatPacketData([settings.joinMessage]))
+            .writePacket(
+              0x03,
+              concatPacketData([settings.joinMessage.substring(charLimit)])
+            )
             .catch(errorHandler)
         }
         if (settings.sendSpawnCommand) {
@@ -131,6 +138,7 @@ const ChatScreen = ({ navigation }: { navigation: ChatNavigationProp }) => {
     }
   }, [
     colorMap,
+    charLimit,
     connection,
     settings.joinMessage,
     settings.sendJoinMessage,
@@ -208,6 +216,7 @@ const ChatScreen = ({ navigation }: { navigation: ChatNavigationProp }) => {
           <View style={darkMode ? styles.textAreaDark : styles.textArea}>
             <TextField
               value={message}
+              maxLength={charLimit}
               onChangeText={setMessage}
               style={styles.textField}
               onSubmitEditing={sendMessage}

src/screens/settings/SettingScreen.tsx

@@ -24,6 +24,7 @@ const SettingScreen = (props: { button?: JSX.Element }) => {
         {/* <Text>Hermes in use: {(global as any).HermesInternal ? 'true' : 'false'}</Text> */}
         <Setting
           multiline
+          maxLength={256}
           name='Join message'
           value={settings.joinMessage}
           setValue={joinMessage => setSettings({ joinMessage })}