Add GLM-4 Plus as a model option

app/constants.ts

@@ -1,5 +1,6 @@
 import { AnthropicIcon } from './src/components/AnthropicIcon'
 import { GeminiIcon } from './src/components/GeminiIcon'
+import { GlmIcon } from './src/components/GlmIcon'
 import { OpenAIIcon } from './src/components/OpenAIIcon'
 
 const normalizeDomain = (value?: string) => {
@@ -41,6 +42,7 @@ export const MODELS = {
   gpt52: { name: 'GPT 5.2', label: 'gpt52', icon: OpenAIIcon },
   gpt5Mini: { name: 'GPT 5 Mini', label: 'gpt5Mini', icon: OpenAIIcon },
   gemini: { name: 'Gemini', label: 'gemini', icon: GeminiIcon },
+  glm4Plus: { name: 'GLM-4 Plus', label: 'glm4Plus', icon: GlmIcon },
 }
 
 export const IMAGE_MODELS = {

app/src/components/GlmIcon.tsx

@@ -0,0 +1,29 @@
+import Svg, { Path } from 'react-native-svg';
+
+interface IGlmIcon {
+  size: number
+  theme: any
+  selected: boolean
+}
+
+export function GlmIcon({
+  size,
+  theme,
+  selected,
+  ...props
+}: IGlmIcon) {
+  const fill = selected ? theme.tintTextColor : theme.textColor
+  return (
+    <Svg
+      {...props}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+    >
+      <Path
+        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

app/src/components/index.ts

@@ -2,5 +2,6 @@ export { Icon } from './Icon'
 export { Header } from './Header'
 export { AnthropicIcon } from './AnthropicIcon'
 export { GeminiIcon } from './GeminiIcon'
+export { GlmIcon } from './GlmIcon'
 export { OpenAIIcon } from './OpenAIIcon'
 export { ChatModelModal } from './ChatModelModal'

app/src/screens/chat.tsx

@@ -67,6 +67,8 @@ export function Chat() {
       generateGptResponse()
     } else if (chatType.label.includes('gemini')) {
       generateGeminiResponse()
+    } else if (chatType.label.includes('glm')) {
+      generateGlmResponse()
     }
   }
   async function generateGptResponse() {
@@ -307,6 +309,81 @@ export function Chat() {
     es.addEventListener("error", listener)
   }
 
+  async function generateGlmResponse() {
+    if (!input) return
+    Keyboard.dismiss()
+    let localResponse = ''
+    const modelLabel = chatType.label
+    const currentState = getChatState(modelLabel)
+
+    let messageArray = [
+      ...currentState.messages, {
+        user: input,
+      }
+    ] as [{user: string, assistant?: string}]
+
+    updateChatState(modelLabel, prev => ({
+      ...prev,
+      messages: JSON.parse(JSON.stringify(messageArray))
+    }))
+
+    setLoading(true)
+    setTimeout(() => {
+      scrollViewRef.current?.scrollToEnd({
+        animated: true
+      })
+    }, 1)
+    setInput('')
+
+    const eventSourceArgs = {
+      body: {
+        prompt: input,
+        model: chatType.label
+      },
+      type: getChatType(chatType),
+    }
+
+    const es = await getEventSource(eventSourceArgs)
+
+    const listener = (event) => {
+      if (event.type === "open") {
+        console.log("Open SSE connection.")
+        setLoading(false)
+      } else if (event.type === "message") {
+        if (event.data !== "[DONE]") {
+          if (localResponse.length < 850) {
+            scrollViewRef.current?.scrollToEnd({
+              animated: true
+            })
+          }
+          const data = JSON.parse(event.data)
+          if (typeof data === 'string') {
+            localResponse = localResponse + data
+          } else if (data?.content) {
+            localResponse = localResponse + data.content
+          }
+          messageArray[messageArray.length - 1].assistant = localResponse
+          updateChatState(modelLabel, prev => ({
+            ...prev,
+            messages: JSON.parse(JSON.stringify(messageArray))
+          }))
+        } else {
+          setLoading(false)
+          es.close()
+        }
+      } else if (event.type === "error") {
+        console.error("Connection error:", event.message)
+        setLoading(false)
+      } else if (event.type === "exception") {
+        console.error("Error:", event.message, event.error)
+        setLoading(false)
+      }
+    }
+    es.addEventListener("open", listener)
+    es.addEventListener("message", listener)
+    es.addEventListener("error", listener)
+  }
+
   async function copyToClipboard(text) {
     await Clipboard.setStringAsync(text)
   }

app/src/utils.ts

@@ -49,5 +49,8 @@ export function getChatType(type: Model) {
   if (type.label.includes('gemini')) {
     return 'gemini'
   }
+  if (type.label.includes('glm')) {
+    return 'glm'
+  }
   else return 'claude'
 }

server/.env.example

@@ -1,3 +1,4 @@
 ANTHROPIC_API_KEY=""
 OPENAI_API_KEY=""
 GEMINI_API_KEY=""
+GLM_API_KEY=""

server/src/chat/chatRouter.ts

@@ -1,11 +1,13 @@
 import express from 'express'
 import { claude } from './claude'
+import { glm } from './glm'
 import { gpt } from './gpt'
 import { gemini } from './gemini'
 
 const router = express.Router()
 
 router.post('/claude', claude)
+router.post('/glm', glm)
 router.post('/gpt', gpt)
 router.post('/gemini', gemini)
 

server/src/chat/glm.ts

@@ -0,0 +1,95 @@
+import { Request, Response } from "express"
+import asyncHandler from 'express-async-handler'
+
+type ModelLabel = 'glm4Plus'
+type ModelName = 'glm-4-plus'
+
+const models: Record<ModelLabel, ModelName> = {
+  glm4Plus: 'glm-4-plus',
+}
+
+interface RequestBody {
+  prompt: string;
+  model: ModelLabel;
+}
+
+export const glm = asyncHandler(async (req: Request, res: Response) => {
+  try {
+    res.writeHead(200, {
+      'Content-Type': 'text/event-stream',
+      'Connection': 'keep-alive',
+      'Cache-Control': 'no-cache'
+    })
+
+    const { prompt, model }: RequestBody = req.body
+    const selectedModel = models[model]
+
+    if (!selectedModel) {
+      res.write('data: [DONE]\n\n')
+      res.end()
+      return
+    }
+
+    const decoder = new TextDecoder()
+    const response = await fetch('https://open.bigmodel.cn/api/paas/v4/chat/completions', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${process.env.GLM_API_KEY || ''}`
+      },
+      body: JSON.stringify({
+        model: selectedModel,
+        messages: [{ role: 'user', content: prompt }],
+        stream: true
+      })
+    })
+
+    const reader = response.body?.getReader()
+    if (reader) {
+      let brokenLine = ''
+
+      while (true) {
+        const { done, value } = await reader.read()
+
+        if (done) {
+          break
+        }
+
+        let chunk = decoder.decode(value, {stream: true})
+
+        if (brokenLine) {
+          chunk = brokenLine + chunk
+          brokenLine = ''
+        }
+
+        const lines = chunk.split('\n')
+
+        for (const line of lines) {
+          const trimmed = line.trim()
+          if (!trimmed || !trimmed.startsWith('data: ')) continue
+          const data = trimmed.replace('data: ', '')
+          if (data === '[DONE]') continue
+
+          try {
+            const parsed = JSON.parse(data)
+            if (parsed.choices?.[0]?.delta?.content) {
+              res.write(`data: ${JSON.stringify(parsed.choices[0].delta)}\n\n`)
+            }
+          } catch {
+            brokenLine = line
+          }
+        }
+      }
+
+      res.write('data: [DONE]\n\n')
+      res.end()
+    } else {
+      res.write('data: [DONE]\n\n')
+      res.end()
+    }
+  } catch (err) {
+    console.log('error in GLM chat: ', err)
+    res.write('data: [DONE]\n\n')
+    res.end()
+  }
+})