Create main.py

main.py

@@ -0,0 +1,69 @@
+import flet as ft
+
+class Message:
+    def __init__(self, user: str, text: str, type: str):
+        self.user = user
+        self.text = text
+        self.type = type
+
+def main(page: ft.Page):
+    page.title = "دردشة تقنية"
+    page.rtl = True
+    page.theme_mode = ft.ThemeMode.DARK
+    page.bgcolor = "#111b21"  # لون خلفية واتساب غامق
+    
+    chat_list = ft.Column(expand=True, scroll=ft.ScrollMode.ALWAYS, spacing=10)
+    
+    def on_message(msg: Message):
+        if msg.type == "chat":
+            alignment = ft.MainAxisAlignment.START
+            color = "#202c33"
+            if msg.user == page.session.get("username"):
+                alignment = ft.MainAxisAlignment.END
+                color = "#005c4b"
+            
+            chat_list.controls.append(
+                ft.Row(
+                    [ft.Container(
+                        content=ft.Text(f"{msg.user}: {msg.text}", color="white"),
+                        padding=10, border_radius=10, bgcolor=color
+                    )],
+                    alignment=alignment
+                )
+            )
+        else:
+            chat_list.controls.append(ft.Text(msg.text, italic=True, color="grey", size=12, text_align="center"))
+        page.update()
+
+    page.pubsub.subscribe(on_message)
+    msg_input = ft.TextField(hint_text="اكتب رسالة...", expand=True, border_radius=20)
+
+    def send_click(e):
+        if msg_input.value:
+            page.pubsub.send_all(Message(page.session.get("username"), msg_input.value, "chat"))
+            msg_input.value = ""
+            page.update()
+
+    def join_click(e):
+        if name_input.value:
+            page.session.set("username", name_input.value)
+            page.dialog.open = False
+            page.pubsub.send_all(Message(name_input.value, f"⚡ {name_input.value} دخل الدردشة الآن", "info"))
+            page.add(
+                ft.AppBar(title=ft.Text("دردشة تقنية"), bgcolor="#202c33"),
+                ft.Container(content=chat_list, expand=True, padding=20),
+                ft.Row([msg_input, ft.FloatingActionButton(icon=ft.icons.SEND, on_click=send_click)], padding=10)
+            )
+            page.update()
+
+    name_input = ft.TextField(label="اكتب اسمك المستعار للدخول", border_radius=10)
+    page.dialog = ft.AlertDialog(
+        title=ft.Text("مرحباً بك!"),
+        content=name_input,
+        actions=[ft.ElevatedButton("دخول", on_click=join_click)],
+        modal=True
+    )
+    page.dialog.open = True
+    page.update()
+
+ft.app(target=main, view=ft.AppView.WEB_BROWSER, host="0.0.0.0", port=7860)