Update worker with click by coordinates

README.md

@@ -1,10 +1,39 @@
----
-title: Lukas Worker
-emoji: 🤖
-colorFrom: blue
-colorTo: purple
-sdk: docker
-pinned: false
----
-
-# Lukas Worker
+# Lukas Worker - Browser Automation Engine
+
+هذا المجلد يحتوي على "عضلات" لوكاس - السيرفر المسؤول عن تشغيل المتصفح والبث المباشر.
+
+## 🚀 الرفع على Hugging Face Spaces
+
+1. أنشئ Space جديد على [Hugging Face](https://huggingface.co/new-space)
+2. اختر **Docker** كـ SDK
+3. ارفع محتويات هذا المجلد
+4. أضف Environment Variable:
+   - `WORKER_SECRET` = (نفس القيمة في Vercel)
+
+## ⚙️ Environment Variables
+
+| المتغير | الوصف |
+|---------|-------|
+| `WORKER_SECRET` | كلمة السر للاتصال الآمن مع "المخ" |
+| `PORT` | البورت (افتراضي: 7860) |
+
+## 🔌 الأوامر المتاحة (Socket.io Events)
+
+| الحدث | الوصف |
+|-------|-------|
+| `browser:goto` | الذهاب لرابط معين |
+| `browser:click` | الضغط على عنصر |
+| `browser:type` | الكتابة في حقل |
+| `browser:scroll` | التمرير لأعلى/لأسفل |
+| `browser:screenshot` | أخذ لقطة شاشة |
+| `browser:getContent` | جلب محتوى الصفحة |
+| `stream:frame` | (صادر) إطار البث المباشر |
+
+## 🧪 التشغيل المحلي
+
+```bash
+cd worker
+npm install
+npx playwright install chromium
+npm start
+```

index.js

@@ -179,10 +179,20 @@ io.on('connection', async (socket) => {
 
     socket.on('browser:click', async (data, callback) => {
         try {
-            const { selector } = data;
-            console.log(`🖱️ Clicking: ${selector}`);
+            const { selector, x, y } = data;
+
+            if (x !== undefined && y !== undefined) {
+                // Click by coordinates
+                console.log(`🖱️ Clicking at coordinates: (${x}, ${y})`);
+                await activePage.mouse.click(x, y);
+            } else if (selector) {
+                // Click by selector
+                console.log(`🖱️ Clicking selector: ${selector}`);
+                await activePage.click(selector, { timeout: 10000 });
+            } else {
+                throw new Error('Either selector or x,y coordinates required');
+            }
 
-            await activePage.click(selector, { timeout: 10000 });
             callback({ success: true });
         } catch (error) {
             console.error('❌ Click error:', error.message);
@@ -192,10 +202,18 @@ io.on('connection', async (socket) => {
 
     socket.on('browser:type', async (data, callback) => {
         try {
-            const { selector, text, delay = 50 } = data;
-            console.log(`⌨️ Typing in: ${selector}`);
+            const { selector, text } = data;
+
+            if (selector) {
+                // Type into specific element
+                console.log(`⌨️ Typing in selector: ${selector}`);
+                await activePage.fill(selector, text);
+            } else {
+                // Type using keyboard (to focused element)
+                console.log(`⌨️ Typing text: ${text.substring(0, 20)}...`);
+                await activePage.keyboard.type(text, { delay: 30 });
+            }
 
-            await activePage.fill(selector, text);
             callback({ success: true });
         } catch (error) {
             console.error('❌ Type error:', error.message);