Chat App Source Code

# Chat App Example using Nahir UI
import NahirUI
import WebSocket

# Chat App component
component ChatApp {
  state = {
    currentUser: null,
    messages: [],
    channels: [],
    currentChannel: "general",
    newMessage: "",
    connected: false
  }
  
  # Initialize WebSocket connection
  function init() {
    # Connect to WebSocket server
    this.socket = WebSocket.connect("wss://api.k2lang.org/chat")
    
    # Set up event handlers
    this.socket.onOpen(function() {
      state.connected = true
      updateState()
    })
    
    this.socket.onMessage(function(data) {
      const message = JSON.parse(data)
      
      if (message.type == "message") {
        receiveMessage(message)
      } else if (message.type == "channel_list") {
        state.channels = message.channels
        updateState()
      }
    })
    
    # Request channel list
    this.socket.send(JSON.stringify({
      type: "get_channels"
    }))
  }
  
  # More code will be available soon...
}