[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_107":88,"_27":53,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","1da5f9ae-55ec-11f1-8d4b-ee650bb23af1","name","fileType","http","content","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n// 1. Initialize Database for Session Persistence\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS holberton_chat (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n message TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n`);\n\n// 2. Active connection pool for Real-Time Synchronization\nconst clients = new Set<(msg: string) => void>();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Endpoint: Persistent SSE stream connection\n if (url.pathname === \"/api/chat-stream\" && req.method === \"GET\") {\n let cleanup: () => void;\n const body = new ReadableStream({\n start(controller) {\n const pushData = (data: string) => {\n controller.enqueue(new TextEncoder().encode(`data: ${data}\\n\\n`));\n };\n clients.add(pushData);\n cleanup = () => {\n clients.delete(pushData);\n controller.close();\n };\n },\n cancel() {\n if (cleanup) cleanup();\n },\n });\n return new Response(body, {\n headers: {\n \"Content-Type\": \"text/event-stream\",\n \"Cache-Control\": \"no-cache\",\n \"Connection\": \"keep-alive\",\n },\n });\n }\n\n // Endpoint: Load History (Session Restoration)\n if (url.pathname === \"/api/messages\" && req.method === \"GET\") {\n const result = await sqlite.execute(\n \"SELECT username, message, timestamp FROM holberton_chat ORDER BY id ASC LIMIT 50\",\n );\n return new Response(JSON.stringify(result.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // Endpoint: Receive and Distribute Messages\n if (url.pathname === \"/api/messages\" && req.method === \"POST\") {\n try {\n const { username, message } = await req.json();\n if (!username || !message) {\n return new Response(\"Bad request\", { status: 400 });\n }\n\n // Save to SQLite for persistence\n await sqlite.execute({\n sql:\n `INSERT INTO holberton_chat (username, message) VALUES (:username, :message)`,\n args: { username, message },\n });\n\n // Sync across all users in real-time\n const payload = JSON.stringify({ username, message });\n for (const sendTo of clients) sendTo(payload);\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (e) {\n return new Response(\"Error\", { status: 400 });\n }\n }\n\n // 3. User Interface (HTML / CSS / JavaScript)\n return new Response(\n `\n\n\n\n \n \n Sync Portal\n \n\n\n\n

\n \n \n

\n\n

Assistance Request

\n \n \n

\n\n

Join Chat

\n \n \n

\n\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html; charset=UTF-8\" } },\n );\n}","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n// 1. Verilənlər bazasını yaradırıq (Mesajların yadda qalması üçün)\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS holberton_chat (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n message TEXT NOT NULL,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n`);\n\n// Canlı bağlantı quran istifadəçilərin siyahısı (Real-time üçün)\nconst clients = new Set<(msg: string) => void>();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // API: Canlı məlumat axını (SSE Stream)\n if (url.pathname === \"/api/chat-stream\" && req.method === \"GET\") {\n let cleanup: () => void;\n const body = new ReadableStream({\n start(controller) {\n const pushData = (data: string) => {\n controller.enqueue(new TextEncoder().encode(`data: ${data}\\n\\n`));\n };\n clients.add(pushData);\n cleanup = () => {\n clients.delete(pushData);\n controller.close();\n };\n },\n cancel() {\n if (cleanup) cleanup();\n },\n });\n return new Response(body, {\n headers: {\n \"Content-Type\": \"text/event-stream\",\n \"Cache-Control\": \"no-cache\",\n \"Connection\": \"keep-alive\",\n },\n });\n }\n\n // API: Keçmiş mesajları bazadan oxumaq\n if (url.pathname === \"/api/messages\" && req.method === \"GET\") {\n const result = await sqlite.execute(\n \"SELECT username, message FROM holberton_chat ORDER BY id ASC LIMIT 50\",\n );\n return new Response(JSON.stringify(result.rows), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // API: Yeni mesaj qəbulu və paylanması\n if (url.pathname === \"/api/messages\" && req.method === \"POST\") {\n try {\n const { username, message } = await req.json();\n if (!username || !message) {\n return new Response(\"Uğursuz sorğu\", { status: 400 });\n }\n\n // Bazaya yazırıq\n await sqlite.execute({\n sql:\n `INSERT INTO holberton_chat (username, message) VALUES (:username, :message)`,\n args: { username, message },\n });\n\n // Bütün aktiv istifadəçilərə eyni anda ötürürük\n const payload = JSON.stringify({ username, message });\n for (const sendTo of clients) sendTo(payload);\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (e) {\n return new Response(\"Xəta\", { status: 400 });\n }\n }\n\n // INTERFACE: HTML, CSS və JavaScript\n return new Response(\n `\n\n\n\n \n \n Giriş və Canlı Çat\n \n\n\n\n

\n \n \n

\n\n

Assistance Request

\n \n \n

\n\n

Join the Live Chat

Davam etmək üçün istifadəçi adı təyin edin:

\n \n \n

\n\n

\n Status: \n

\n \n \n

\n\n \n\n\n `,\n { headers: { \"Content-Type\": \"text/html; charset=UTF-8\" } },\n );\n}","createdAt",["D",1779461872166],"branchVersion","branchId","1d9a0db0-55ec-11f1-8d4b-ee650bb23af1","id","1d97787a-55ec-11f1-8d4b-ee650bb23af1","Holberton",["D",1779460802229],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","a138a351-814d-47ed-a9d4-9e9b86f66d1f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e3a11-7892-70bf-9681-889651274c36","tursoName","1d97787a55ec11f18d4bee650bb23af1","tursoHostname","1d97787a55ec11f18d4bee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789583507842],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":55,"_103":104,"_105":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned",17,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","amilars","handle","displayName","Amil K. Rustamli","avatar","https://avatars.githubusercontent.com/u/110093707?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":184,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":185,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":186,"_82":187,"_84":188,"_86":25},"tree",[156,159],"files",[156,157,158,159],"counts",{"_145":61,"_146":147,"_148":61,"_149":150,"_151":152},"contents",[129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":138,"_32":139,"_30":140,"_132":-5,"_41":42,"_40":141,"_133":124,"_38":142,"_13":61,"_33":143,"_35":-5,"_24":25,"_136":-5,"_27":144},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":134,"_13":135,"_33":34,"_35":37,"_24":25,"_136":-5,"_27":137},"9b558c0a-55ee-11f1-ad56-ee650bb23af1","parentId","latest",["D",1779461872166],11,"label",[28],"7a5c65ec-55ed-11f1-9a91-ee650bb23af1","frontend","7a5c66d2-55ed-11f1-9a91-ee650bb23af1",7,["D",1779461387359],"directory",[139],"pulls","branches",1,"forks","envVars",{"_153":61,"_155":61},"connections",{"_153":61,"_154":61},"count","unfilledCount","emptyCount",{"_43":138,"_32":139,"_30":140,"_132":-5,"_41":42,"_40":141,"_133":124,"_38":181,"_13":61,"_33":143,"_35":-5,"_24":25,"_136":-5,"_161":182,"_27":183},{"_43":172,"_32":173,"_30":174,"_132":140,"_41":42,"_40":175,"_133":124,"_38":176,"_13":61,"_33":177,"_35":178,"_24":25,"_136":-5,"_161":179,"_27":180},{"_43":164,"_32":165,"_30":166,"_132":140,"_41":42,"_40":167,"_133":124,"_38":168,"_13":61,"_33":20,"_35":169,"_24":25,"_136":-5,"_161":170,"_27":171},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":160,"_13":135,"_33":34,"_35":37,"_24":25,"_136":-5,"_161":162,"_27":163},["D",1779461872166],"children",[],[28],"7d3799ee-55ed-11f1-93b5-ee650bb23af1","index.html","7d379afc-55ed-11f1-93b5-ee650bb23af1",8,["D",1779461392152],"\n\n\n \n \n Holberton Portal\n \n \n \n \n\n\n

\n \n\n\n",[],[139,165],"90907b1e-55ed-11f1-8ed2-ee650bb23af1","app.tsx","90907bfa-55ed-11f1-8ed2-ee650bb23af1",9,["D",1779461424607],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nconst React = window.React;\nconst ReactDOM = window.ReactDOM;\nconst { useState, useEffect, useRef, useCallback } = React;\n\n// ─── Requests Tab ───\nfunction RequestsTab() {\n const [requests, setRequests] = useState([]);\n const [input, setInput] = useState(\"\");\n\n const loadRequests = useCallback(async () => {\n const res = await fetch(\"/api/requests\");\n if (res.ok) setRequests(await res.json());\n }, []);\n\n useEffect(() => { loadRequests(); }, []);\n\n const submit = async () => {\n const text = input.trim();\n if (!text) return;\n await fetch(\"/api/requests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n setInput(\"\");\n loadRequests();\n };\n\n return (\n

Assistance Request

\n setInput(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && submit()}\n />\n \n Submit\n \n

Submitted Requests

\n {requests.length === 0 ? (\n

No requests submitted yet.

\n ) : (\n requests.map((r) => (\n

\n {r.text}\n

\n ))\n )}\n

\n );\n}\n\n// ─── Chat Tab ───\nfunction ChatTab() {\n const [username, setUsername] = useState(\"\");\n const [joined, setJoined] = useState(false);\n const [messages, setMessages] = useState([]);\n const [msgInput, setMsgInput] = useState(\"\");\n const messagesEndRef = useRef(null);\n const latestIdRef = useRef(0);\n const pollRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n // Initial load\n const loadMessages = useCallback(async () => {\n const res = await fetch(\"/api/chat/messages\");\n if (res.ok) {\n const msgs = await res.json();\n setMessages(msgs);\n if (msgs.length > 0) latestIdRef.current = msgs[msgs.length - 1].id;\n }\n }, []);\n\n // Poll for new messages\n const pollMessages = useCallback(async () => {\n const res = await fetch(`/api/chat/messages?after=${latestIdRef.current}`);\n if (res.ok) {\n const newMsgs = await res.json();\n if (newMsgs.length > 0) {\n latestIdRef.current = newMsgs[newMsgs.length - 1].id;\n setMessages((prev) => [...prev, ...newMsgs]);\n }\n }\n }, []);\n\n useEffect(() => {\n if (joined) {\n loadMessages();\n pollRef.current = setInterval(pollMessages, 2000);\n return () => clearInterval(pollRef.current);\n }\n }, [joined]);\n\n useEffect(scrollToBottom, [messages]);\n\n const joinChat = () => {\n if (username.trim()) setJoined(true);\n };\n\n const sendMessage = async () => {\n const message = msgInput.trim();\n if (!message) return;\n await fetch(\"/api/chat/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username, message }),\n });\n setMsgInput(\"\");\n pollMessages(); // immediately fetch new messages\n };\n\n if (!joined) {\n return (\n

💬 Join Chat

Enter a username to start chatting

\n setUsername(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && joinChat()}\n autoFocus\n />\n \n Join\n \n

\n );\n }\n\n return (\n

💬 Chat Room

\n \n Logged in as {username}\n \n

\n {/* Messages area */}\n

\n {messages.length === 0 && (\n

No messages yet. Say hello! 👋

\n )}\n {messages.map((m) => {\n const isMe = m.username === username;\n return (\n

\n \n {!isMe && (\n

{m.username}

\n )}\n

{m.message}

\n {new Date(m.created_at + \"Z\").toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" })}\n

\n );\n })}\n

\n {/* Input area */}\n

\n setMsgInput(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && sendMessage()}\n autoFocus\n />\n \n Send\n \n

\n );\n}\n\n// ─── Main App with Tabs ───\nfunction App() {\n const [tab, setTab] = useState(\"requests\");\n\n const tabs = [\n { id: \"requests\", label: \"📋 Requests\" },\n { id: \"chat\", label: \"💬 Chat\" },\n ];\n\n return (\n

Holberton Portal

\n {/* Tab bar */}\n

\n {tabs.map((t) => (\n setTab(t.id)}\n className={`px-5 py-3 text-sm font-medium transition border-b-2 -mb-px ${\n tab === t.id\n ? \"border-blue-500 text-blue-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300\"\n }`}\n >\n {t.label}\n \n ))}\n

\n {/* Tab content */}\n {tab === \"requests\" ? : }\n {/* Footer */}\n

\n \n View Source\n \n

\n );\n}\n\nReactDOM.createRoot(document.getElementById(\"root\")).render();\n",[],[139,173],["D",1779461387359],[157,158],[139],["D",1779460802229],["D",1789583507842],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":55,"_103":104,"_105":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_126":222,"_223":224,"_225":226,"_227":25,"_228":25,"_229":25,"_230":124,"_231":-5,"_232":-7,"_233":-7,"_234":61,"_235":25,"_236":25,"_237":-5,"_238":25,"_239":25,"_240":25,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":88,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v15