المساعد الذكي

\n \n

\n {query && (\n

سؤالك: {query}

\n )}\n {response && (\n

الإجابة: {response}

\n )}\n

\n );\n}\n\n// Object Recognition Component\nfunction ObjectRecognition() {\n const [recognizedObjects, setRecognizedObjects] = useState([]);\n const [isScanning, setIsScanning] = useState(false);\n\n const startObjectRecognition = async () => {\n if (typeof navigator === 'undefined') return;\n\n setIsScanning(true);\n try {\n const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n const video = document.createElement('video');\n video.srcObject = stream;\n \n video.onloadedmetadata = async () => {\n const canvas = document.createElement('canvas');\n canvas.width = video.videoWidth;\n canvas.height = video.videoHeight;\n \n const context = canvas.getContext('2d');\n context.drawImage(video, 0, 0, canvas.width, canvas.height);\n \n const imageData = canvas.toDataURL('image/jpeg');\n \n const openai = new OpenAI();\n const response = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"system\",\n content: \"أنت نظام تعرف على الأشياء مخصص للمكفوفين. صف الأشياء بدقة وبطريقة واضحة.\"\n },\n {\n role: \"user\",\n content: [\n { type: \"text\", text: \"صف محتويات الصورة بالتفصيل\" },\n { type: \"image_url\", image_url: { url: imageData } }\n ]\n }\n ]\n });\n\n const description = response.choices[0].message.content;\n setRecognizedObjects([description]);\n AccessibilityUtils.speak(description, { rate: 0.7 });\n \n stream.getTracks().forEach(track => track.stop());\n setIsScanning(false);\n };\n \n video.play();\n } catch (error) {\n console.error(\"Object Recognition Error:\", error);\n setIsScanning(false);\n AccessibilityUtils.speak(\"عذرًا، حدث خطأ في التعرف على الأشياء\");\n }\n };\n\n return (\n

التعرف على الأشياء

\n \n {recognizedObjects.length > 0 && (\n

\n {recognizedObjects.map((obj, index) => (\n

{obj}

\n ))}\n

\n )}\n

\n );\n}\n\n// Navigation Assistance Component\nfunction NavigationAssistance() {\n const [currentLocation, setCurrentLocation] = useState(null);\n const [route, setRoute] = useState(null);\n const [destination, setDestination] = useState(\"\");\n\n const getCurrentLocation = () => {\n if (typeof navigator === 'undefined') return;\n\n if (\"geolocation\" in navigator) {\n navigator.geolocation.getCurrentPosition(\n (position) => {\n setCurrentLocation({\n latitude: position.coords.latitude,\n longitude: position.coords.longitude\n });\n AccessibilityUtils.speak(`موقعك الحالي: خط طول ${position.coords.longitude.toFixed(2)}, خط عرض ${position.coords.latitude.toFixed(2)}`)\n },\n (error) => {\n console.error(\"Location Error:\", error);\n AccessibilityUtils.speak(\"تعذر تحديد موقعك\");\n }\n );\n } else {\n AccessibilityUtils.speak(\"الموقع غير مدعوم في هذا المتصفح\");\n }\n };\n\n const generateRoute = async () => {\n if (!currentLocation) {\n AccessibilityUtils.speak(\"الرجاء تحديد موقعك أولاً\");\n return;\n }\n\n try {\n const openai = new OpenAI();\n const routeResponse = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n {\n role: \"system\",\n content: \"أنت مساعد ملاحة للمكفوفين. قدم تعليمات واضحة وتفصيلية للوصول.\"\n },\n {\n role: \"user\",\n content: `أوجد مسار من خط طول ${currentLocation.longitude} وخط عرض ${currentLocation.latitude} إلى ${destination}`\n }\n ]\n });\n\n const routeInstructions = routeResponse.choices[0].message.content;\n setRoute(routeInstructions);\n AccessibilityUtils.speak(routeInstructions, { rate: 0.7 });\n } catch (error) {\n console.error(\"Route Generation Error:\", error);\n AccessibilityUtils.speak(\"عذرًا، حدث خطأ في توليد المسار\");\n }\n };\n\n return (\n

المساعدة في التنقل

\n \n

\n setDestination(e.target.value)}\n />\n \n

\n {route && (\n

تعليمات الوصول:

{route}

\n )}\n

\n );\n}\n\n// Login Page Component\nfunction LoginPage({ onLogin }) {\n const [username, setUsername] = useState('');\n const [password, setPassword] = useState('');\n const [error, setError] = useState('');\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n try {\n const response = await fetch('/login', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ username, password })\n });\n\n const result = await response.json();\n\n if (result.success) {\n onLogin(result.user);\n } else {\n setError(result.message || 'فشل تسجيل الدخول');\n }\n } catch (err) {\n setError('حدث خطأ غير متوقع');\n }\n };\n\n return (\n

مرحبًا بك في منصة إمكانية الوصول

خدماتنا الرئيسية

المساعد الذكي
التعرف على الأشياء
المساعدة في التنقل

\n );\n}\n\n// Services Page Component\nfunction ServicesPage() {\n const services = [\n { name: \"المساعد الذكي\", description: \"مساعد ذكي يستجيب للأوامر الصوتية\" },\n { name: \"التعرف على الأشياء\", description: \"نظام متقدم للتعرف على الأشياء من حولك\" },\n { name: \"المساعدة في التنقل\", description: \"توجيهات دقيقة للتنقل والملاحة\" }\n ];\n\n return (\n

خدماتنا

\n {services.map((service, index) => (\n

{service.name}

{service.description}

\n ))}\n

\n );\n}\n\n// Tools Page Component\nfunction ToolsPage() {\n const tools = [\n { name: \"تكبير النص\", description: \"إمكانية تعديل حجم الخط\" },\n { name: \"التباين العالي\", description: \"وضع عالي التباين لتحسين الرؤية\" },\n { name: \"قارئ الشاشة\", description: \"دعم كامل لقراء الشاشة\" }\n ];\n\n return (\n

الأدوات المساعدة

\n {tools.map((tool, index) => (\n

{tool.name}

{tool.description}

\n ))}\n

\n );\n}\n\n// Main App Component\nfunction App() {\n const [user, setUser] = useState(null);\n const [activeTab, setActiveTab] = useState(\"home\");\n const [accessibilitySettings, setAccessibilitySettings] = useState({\n voiceMode: false,\n textSize: 16,\n highContrast: false,\n aiAssistantEnabled: true\n });\n\n const tabs = [\n { id: \"home\", label: \"الرئيسية\" },\n { id: \"services\", label: \"الخدمات\" },\n { id: \"tools\", label: \"الأدوات\" },\n { id: \"ai\", label: \"المساعد الذكي\" }\n ];\n\n const updateAccessibilitySettings = (newSettings) => {\n setAccessibilitySettings(prev => ({ ...prev, ...newSettings }));\n };\n\n return (\n \n

\n {!user ? (\n \n ) : (\n <>\n

\n \n

\n\n {activeTab === \"home\" && }\n {activeTab === \"services\" && }\n {activeTab === \"tools\" && }\n {activeTab === \"ai\" && (\n

\n \n \n \n

\n )}\n \n )}\n

\n \n );\n}\n\n// Client-side rendering\nfunction client() {\n if (typeof document !== 'undefined' && document.getElementById(\"root\")) {\n createRoot(document.getElementById(\"root\")).render();\n }\n}\n\n// Ensure client-side code only runs in browser\nif (typeof window !== 'undefined') {\n client();\n}\n\n// Default export for server-side handling\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"Blindaccess\";\n\n // Handle login requests\n if (request.method === 'POST') {\n const body = await request.json();\n const { username, password } = body;\n\n try {\n // Simulated login logic (replace with actual authentication)\n if (username && password) {\n return new Response(JSON.stringify({ \n success: true, \n user: { username } \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n } else {\n return new Response(JSON.stringify({ \n success: false, \n message: \"بيانات تسجيل الدخول غير صحيحة\" \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n } catch (error) {\n return new Response(JSON.stringify({ \n success: false, \n message: \"حدث خطأ أثناء المعالجة\" \n }), { \n headers: { 'Content-Type': 'application/json' } \n });\n }\n }\n\n // Create users table if not exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT UNIQUE NOT NULL,\n email TEXT UNIQUE NOT NULL,\n password TEXT NOT NULL,\n disability_type TEXT,\n preferred_voice_rate REAL DEFAULT 1.0,\n preferred_voice_pitch REAL DEFAULT 1.0,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Serve the HTML\n return new Response(\n `\n \n \n منصة إمكانية الوصول الذكية\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\n// CSS Styles\nconst css = `\nbody {\n font-family: 'Arabic', system-ui, sans-serif;\n direction: rtl;\n text-align: right;\n background-color: #f4f4f4;\n color: #333;\n margin: 0;\n padding: 0;\n}\n\n.accessibility-app {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\nheader nav {\n display: flex;\n justify-content: space-around;\n margin-bottom: 20px;\n}\n\nheader nav button {\n padding: 10px;\n background-color: #f0f0f0;\n border: none;\n cursor: pointer;\n}\n\nheader nav button[aria-selected=\"true\"] {\n background-color: #007bff;\n color: white;\n}\n\n.login-page, .home-page, .services-page, .tools-page {\n text-align: center;\n}\n\n.error-message {\n color: red;\n margin-bottom: 10px;\n}\n\ninput, button {\n width: 100%;\n padding: 10px;\n margin: 10px 0;\n border-radius: 5px;\n}\n\n.ai-tools {\n display: flex;\n flex-direction: column;\n gap: 20px;\n padding: 20px;\n}\n\n.high-contrast {\n background-color: black !important;\n color: white !important;\n}\n\n.listening {\n animation: pulse 1s infinite;\n}\n\n@keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Nour112/Blindaccess/code/main.tsx","extension","actionData","errors"]