imarlott
imarlott_64059
Invisible

المهرطق — 9:42 AM
PrivateRoomTunnel.bat
@echo off
cd /d "%~dp0"
if not exist "cloudflared-windows-amd64 (1).exe" (
    echo Cloudflare file not found.
    pause
    exit /b
)
"cloudflared-windows-amd64 (1).exe" tunnel --url http://localhost:3000/
pause
imarlott — 9:49 AM
https://development-wait-intention-statistics.trycloudflare.com/
المهرطق — 9:53 AM
sexzipquingh01719810181544157867
المهرطق — 10:20 AM
@echo off
cd /d "%~dp0"
"cloudflared-windows-amd64 (1).exe" tunnel --url http://localhost:3000/
pause
imarlott — 10:40 AM
Attachment file type: archive
server.zip
14.87 KB
Forwarded
https://showed-africa-yale-engagement.trycloudflare.com/
المهرطق — 11:09 AM
Attachment file type: archive
site-amn-vercel.zip
1.68 KB
المهرطق — 11:56 AM
https://github.com/zero420a-cell/Null34
GitHub
GitHub - zero420a-cell/Null34
Contribute to zero420a-cell/Null34 development by creating an account on GitHub.
Contribute to zero420a-cell/Null34 development by creating an account on GitHub.
https://github.com/zero420a-cell/Null34
GitHub
GitHub - zero420a-cell/Null34
Contribute to zero420a-cell/Null34 development by creating an account on GitHub.
Contribute to zero420a-cell/Null34 development by creating an account on GitHub.
المهرطق — 12:08 PM
https://chatgpt.com/share/6ac93ba7-3a20-83eb-9721-1ee022f9ee03
https://chatgpt.com/share/6ac93ba7-3a20-83eb-9721-1ee022f9ee03
المهرطق — 12:18 PM
https://dash.cloudflare.com/login
imarlott — 12:32 PM
A project with this name already exists on this account. Please use a different name.
المهرطق — 12:32 PM
null34-private
المهرطق — 12:45 PM
Attachment file type: archive
null34-ready-files.zip
3.42 KB
imarlott — 12:46 PM
تعليمات مختصرة:
index.html يعيد بناء الواجهة الظاهرة بالصور ومشاركة الشاشة فقط؛ لم تتوفر نسخة أصلية كاملة، لذلك قد تختلف عن الميزات غير الظاهرة.
انشر worker.js كـ Cloudflare Worker.
أنشئ KV namespace واربطه باسم binding: SESSIONS.
Worker Settings > Variables and Secrets: أضف Secrets باسم OWNER_CODE و MEMBER_CODE، وضع قيم الأكواد هناك (لا تضعها في GitHub).
استبدل AUTH_URL داخل index.html بعنوان Worker الفعلي، ثم ارفع index.html إلى GitHub.
الرابط غير المعلن وحده ليس حماية.
المهرطق — 1:01 PM
$('enter').onclick=()=>{
$('enter').onclick = async () => {
  const name = $('roomName').value.trim();
  const code = $('secret').value.trim();

  if (!name || !code) {
    $('status').textContent = 'أدخل اسم الغرفة والكود السري';
    return;
  }

  $('status').textContent = 'التحقق من الكود جارٍ...';

  // يلزم ربط هذا الطلب بخدمة تحقق حقيقية على الخادم
};
Attachment file type: archive
null34-ready-files.zip
3.42 KB
imarlott — 1:09 PM
const cors={"Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type"};
function out(d,s=200){return new Response(JSON.stringify(d),{status:s,headers:{...cors,"Content-Type":"application/json","Cache-Control":"no-store"}})}
export default {async fetch(req,env){if(req.method==="OPTIONS")return new Response(null,{headers:cors});if(req.method!=="POST")return out({ok:false,error:"Method not allowed"},405);let u=new URL(req.url),b;try{b=await req.json()}catch{return out({ok:false,error:"Invalid request"},400)}
if(u.pathname==="/login"){let code=String(b.code""),room=String(b.room
"").trim(),role=code===env.OWNER_CODE?"owner":code===env.MEMBER_CODE?"member":"";if(!roomroom.length>80)return out({ok:false,error:"اسم الغرفة غير صحيح."},400);if(!role)return out({ok:false,error:"الكود السري غير صحيح."},401);let token=crypto.randomUUID()+"."+crypto.randomUUID(),s={role,room,expires:Date.now()+604800000};await env.SESSIONS.put(token,JSON.stringify(s),{expirationTtl:604800});return out({ok:true,role,token})}
if(u.pathname==="/session"){let token=String(b.token
""),room=String(b.room""),raw=token?await env.SESSIONS.get(token):null;if(!raw)return out({ok:false,error:"انتهت الجلسة. أدخل الكود مجددًا."},401);let s=JSON.parse(raw);if(s.room!==room
s.expires<Date.now())return out({ok:false,error:"الجلسة غير صالحة."},401);return out({ok:true,role:s.role,token})}return out({ok:false,error:"Not found"},404)}};
المهرطق — 1:15 PM
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Null34 | غرفة آمنة</title>
  <style>
    :root{color-scheme:dark;--bg:#080d18;--panel:#111a2b;--line:#263650;--text:#f3f6fc;--muted:#a7b3c8;--accent:#48d6b0;--danger:#ff7777}
    *{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#172641 0,#080d18 58%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);display:grid;place-items:center;padding:22px}
    .wrap{width:min(100%,520px)}.brand{text-align:center;margin-bottom:22px}.mark{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#48d6b0,#4b86ff);display:grid;place-items:center;margin:0 auto 14px;color:#07121d;font-size:29px;font-weight:900;box-shadow:0 10px 35px #48d6b022}h1{font-size:27px;margin:0 0 8px}.sub{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
    .card{background:#111a2bf0;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 24px 70px #0005}label{display:block;font-size:14px;color:#d9e2f2;margin:17px 0 8px}input{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #30415e;background:#0b1220;color:white;font-size:16px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #48d6b01c}button{border:0;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.primary{width:100%;margin-top:20px;background:var(--accent);color:#071a18}.secondary{background:#22304a;color:white}.danger{background:#3a202b;color:#ffb7c0}.note{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0 0}.status{font-size:13px;line-height:1.8;margin-top:14px;color:var(--muted);min-height:22px}.status.error{color:var(--danger)}.hidden{display:none!important}.roomhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.roomhead h2{font-size:20px;margin:0 0 5px;overflow-wrap:anywhere}.pill{font-size:12px;color:var(--accent);border:1px solid #48d6b055;border-radius:99px;padding:6px 10px;white-space:nowrap}.screen{width:100%;aspect-ratio:16/10;background:#070b12;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;overflow:hidden;color:var(--muted);text-align:center;padding:16px}.screen video{width:100%;height:100%;object-fit:contain}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions button{flex:1}.foot{text-align:center;color:#74829a;font-size:11px;margin-top:18px}
  </style>
</head>
<body>
  <main class="wrap">
    <header class="brand"><div class="mark">N</div><h1>Null34</h1><p class="sub">مكان آمن للتواصل للأصدقاء<br>برعاية أبو تراب</p></header>
    <section id="loginCard" class="card">
      <h2 style="font-size:19px;margin:0">الدخول إلى الغرفة</h2>
      <p class="sub" style="margin-top:8px">أدخل اسم الغرفة والكود السري المخصص لك.</p>
      <form id="loginForm">
        <label for="room">اسم الغرفة</label><input id="room" name="room" maxlength="80" autocomplete="off" placeholder="اكتب اسم الغرفة" required>
        <label for="code">الكود السري</label><input id="code" name="code" type="password" autocomplete="current-password" placeholder="أدخل الكود السري" required>
        <button class="primary" id="loginBtn" type="submit">دخول آمن</button>
      </form>
      <div id="loginStatus" class="status" role="status"></div>
      <p class="note">يجب إعداد خادم المصادقة أولًا. لا تضع الأكواد السرية داخل هذا الملف أو في مستودع عام.</p>
    </section>
    <section id="roomCard" class="card hidden">
      <div class="roomhead"><div><h2 id="roomTitle">الغرفة</h2><p class="sub" id="roleText">تم تسجيل الدخول</p></div><span class="pill">اتصال آمن</span></div>
      <div class="screen" id="screenArea"><span id="screenMessage">لم تبدأ مشاركة الشاشة بعد.</span><video id="preview" autoplay playsinline muted class="hidden"></video></div>
      <div class="actions"><button id="shareBtn" class="primary">مشاركة شاشتي</button><button id="stopBtn" class="secondary" disabled>إيقاف المشاركة</button><button id="logoutBtn" class="danger">تسجيل الخروج</button></div>
      <div id="roomStatus" class="status" role="status"></div>
      <p class="note">المعاينة الحالية تظهر على جهازك فقط. لإظهار الشاشة للطرف الآخر، يلزم إضافة اتصال WebRTC وإعداد خادم الإشارات.</p>
    </section>
    <footer class="foot">Null34 · غرفة خاصة</footer>
  </main>
<script>
  // ضع رابط Cloudflare Worker المنشور هنا، من دون إضافة /login في نهاية الرابط.
  const AUTH_URL = "https://YOUR-WORKER-NAME.YOUR-SUBDOMAIN.workers.dev";
  const $ = (id) => document.getElementById(id);
  let displayStream = null;

  function setStatus(id, message, error = false) {
    const el = $(id); el.textContent = message; el.classList.toggle('error', error);
  }
  function showRoom(room, role) {
    $('loginCard').classList.add('hidden'); $('roomCard').classList.remove('hidden');
    $('roomTitle').textContent = room; $('roleText').textContent = role === 'owner' ? 'الدور: المالك' : 'الدور: عضو';
    setStatus('roomStatus', 'تم التحقق من الجلسة.');
  }
  function clearSession() {
    sessionStorage.removeItem('null34_token'); sessionStorage.removeItem('null34_room');
    $('roomCard').classList.add('hidden'); $('loginCard').classList.remove('hidden'); $('code').value = '';
    stopSharing();
  }
  async function api(path, data) {
    if (!AUTH_URL || AUTH_URL.includes('YOUR-WORKER-NAME')) throw new Error('يجب وضع رابط Worker الصحيح داخل AUTH_URL أولًا.');
    const response = await fetch(AUTH_URL.replace(/\/$/, '') + path, {
      method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify(data)
    });
    let result; try { result = await response.json(); } catch { throw new Error('استجابة الخادم غير صالحة.'); }
    if (!response.ok || !result.ok) throw new Error(result.error || 'تعذر إكمال الطلب.');
    return result;
  }
  $('loginForm').addEventListener('submit', async (event) => {
    event.preventDefault(); const room = $('room').value.trim(); const code = $('code').value;
    if (!room || !code) return;
    $('loginBtn').disabled = true; setStatus('loginStatus', 'جارٍ التحقق من الكود...');
    try {
      const result = await api('/login', {room, code});
      sessionStorage.setItem('null34_token', result.token); sessionStorage.setItem('null34_room', room);
      $('code').value = ''; showRoom(room, result.role);
    } catch (error) { setStatus('loginStatus', error.message || 'تعذر تسجيل الدخول.', true); }
    finally { $('loginBtn').disabled = false; }
  });
  async function restoreSession() {
    const token = sessionStorage.getItem('null34_token'); const room = sessionStorage.getItem('null34_room');
    if (!token || !room) return;
    try { const result = await api('/session', {token, room}); showRoom(room, result.role); }
    catch { sessionStorage.removeItem('null34_token'); sessionStorage.removeItem('null34_room'); }
  }
  async function startSharing() {
    if (!navigator.mediaDevices || !navigator.mediaDevices.getDisplayMedia) {
      setStatus('roomStatus', 'مشاركة الشاشة غير مدعومة في هذا المتصفح. جرّب متصفحًا حديثًا وعلى اتصال HTTPS.', true); return;
    }
    try {
      displayStream = await navigator.mediaDevices.getDisplayMedia({video:true, audio:false});
      $('preview').srcObject = displayStream; $('preview').classList.remove('hidden'); $('screenMessage').classList.add('hidden');
      $('stopBtn').disabled = false; $('shareBtn').disabled = true;
      displayStream.getVideoTracks()[0].addEventListener('ended', stopSharing);
      setStatus('roomStatus', 'المعاينة تعمل على جهازك فقط؛ لم يتم إرسال الشاشة إلى الطرف الآخر.');
    } catch (error) { setStatus('roomStatus', error.name === 'NotAllowedError' ? 'تم إلغاء مشاركة الشاشة.' : 'تعذرت مشاركة الشاشة: ' + (error.message || ''), true); }
  }
  function stopSharing() {
    if (displayStream) { displayStream.getTracks().forEach(track => track.stop()); displayStream = null; }
    if ($('preview')) { $('preview').srcObject = null; $('preview').classList.add('hidden'); }
    if ($('screenMessage')) $('screenMessage').classList.remove('hidden');
    if ($('stopBtn')) $('stopBtn').disabled = true; if ($('shareBtn')) $('shareBtn').disabled = false;
  }
  $('shareBtn').addEventListener('click', startSharing);
... (7 lines left)

index.html
10 KB

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Null34 | غرفة آمنة</title>
  <style>
    :root{color-scheme:dark;--bg:#080d18;--panel:#111a2b;--line:#263650;--text:#f3f6fc;--muted:#a7b3c8;--accent:#48d6b0;--danger:#ff7777}
    *{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#172641 0,#080d18 58%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);display:grid;place-items:center;padding:22px}
    .wrap{width:min(100%,520px)}.brand{text-align:center;margin-bottom:22px}.mark{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#48d6b0,#4b86ff);display:grid;place-items:center;margin:0 auto 14px;color:#07121d;font-size:29px;font-weight:900;box-shadow:0 10px 35px #48d6b022}h1{font-size:27px;margin:0 0 8px}.sub{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
    .card{background:#111a2bf0;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 24px 70px #0005}label{display:block;font-size:14px;color:#d9e2f2;margin:17px 0 8px}input{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #30415e;background:#0b1220;color:white;font-size:16px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #48d6b01c}button{border:0;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.primary{width:100%;margin-top:20px;background:var(--accent);color:#071a18}.secondary{background:#22304a;color:white}.danger{background:#3a202b;color:#ffb7c0}.note{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0 0}.status{font-size:13px;line-height:1.8;margin-top:14px;color:var(--muted);min-height:22px}.status.error{color:var(--danger)}.hidden{display:none!important}.roomhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.roomhead h2{font-size:20px;margin:0 0 5px;overflow-wrap:anywhere}.pill{font-size:12px;color:var(--accent);border:1px solid #48d6b055;border-radius:99px;padding:6px 10px;white-space:nowrap}.screen{width:100%;aspect-ratio:16/10;background:#070b12;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;overflow:hidden;color:var(--muted);text-align:center;padding:16px}.screen video{width:100%;height:100%;object-fit:contain}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions button{flex:1}.foot{text-align:center;color:#74829a;font-size:11px;margin-top:18px}
  </style>
</head>
<body>
  <main class="wrap">
    <header class="brand"><div class="mark">N</div><h1>Null34</h1><p class="sub">مكان آمن للتواصل للأصدقاء<br>برعاية أبو تراب</p></header>
    <section id="loginCard" class="card">
      <h2 style="font-size:19px;margin:0">الدخول إلى الغرفة</h2>
      <p class="sub" style="margin-top:8px">أدخل اسم الغرفة والكود السري المخصص لك.</p>
      <form id="loginForm">
        <label for="room">اسم الغرفة</label><input id="room" name="room" maxlength="80" autocomplete="off" placeholder="اكتب اسم الغرفة" required>
        <label for="code">الكود السري</label><input id="code" name="code" type="password" autocomplete="current-password" placeholder="أدخل الكود السري" required>
        <button class="primary" id="loginBtn" type="submit">دخول آمن</button>
      </form>
      <div id="loginStatus" class="status" role="status"></div>
      <p class="note">يجب إعداد خادم المصادقة أولًا. لا تضع الأكواد السرية داخل هذا الملف أو في مستودع عام.</p>
    </section>
    <section id="roomCard" class="card hidden">
      <div class="roomhead"><div><h2 id="roomTitle">الغرفة</h2><p class="sub" id="roleText">تم تسجيل الدخول</p></div><span class="pill">اتصال آمن</span></div>
      <div class="screen" id="screenArea"><span id="screenMessage">لم تبدأ مشاركة الشاشة بعد.</span><video id="preview" autoplay playsinline muted class="hidden"></video></div>
      <div class="actions"><button id="shareBtn" class="primary">مشاركة شاشتي</button><button id="stopBtn" class="secondary" disabled>إيقاف المشاركة</button><button id="logoutBtn" class="danger">تسجيل الخروج</button></div>
      <div id="roomStatus" class="status" role="status"></div>
      <p class="note">المعاينة الحالية تظهر على جهازك فقط. لإظهار الشاشة للطرف الآخر، يلزم إضافة اتصال WebRTC وإعداد خادم الإشارات.</p>
    </section>
    <footer class="foot">Null34 · غرفة خاصة</footer>
  </main>
<script>
  // ضع رابط Cloudflare Worker المنشور هنا، من دون إضافة /login في نهاية الرابط.
  const AUTH_URL = "https://YOUR-WORKER-NAME.YOUR-SUBDOMAIN.workers.dev";
  const $ = (id) => document.getElementById(id);
  let displayStream = null;

  function setStatus(id, message, error = false) {
    const el = $(id); el.textContent = message; el.classList.toggle('error', error);
  }
  function showRoom(room, role) {
    $('loginCard').classList.add('hidden'); $('roomCard').classList.remove('hidden');
    $('roomTitle').textContent = room; $('roleText').textContent = role === 'owner' ? 'الدور: المالك' : 'الدور: عضو';
    setStatus('roomStatus', 'تم التحقق من الجلسة.');
  }
  function clearSession() {
    sessionStorage.removeItem('null34_token'); sessionStorage.removeItem('null34_room');
    $('roomCard').classList.add('hidden'); $('loginCard').classList.remove('hidden'); $('code').value = '';
    stopSharing();
  }
  async function api(path, data) {
    if (!AUTH_URL || AUTH_URL.includes('YOUR-WORKER-NAME')) throw new Error('يجب وضع رابط Worker الصحيح داخل AUTH_URL أولًا.');
    const response = await fetch(AUTH_URL.replace(/\/$/, '') + path, {
      method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify(data)
    });
    let result; try { result = await response.json(); } catch { throw new Error('استجابة الخادم غير صالحة.'); }
    if (!response.ok || !result.ok) throw new Error(result.error || 'تعذر إكمال الطلب.');
    return result;
  }
  $('loginForm').addEventListener('submit', async (event) => {
    event.preventDefault(); const room = $('room').value.trim(); const code = $('code').value;
    if (!room || !code) return;
    $('loginBtn').disabled = true; setStatus('loginStatus', 'جارٍ التحقق من الكود...');
    try {
      const result = await api('/login', {room, code});
      sessionStorage.setItem('null34_token', result.token); sessionStorage.setItem('null34_room', room);
      $('code').value = ''; showRoom(room, result.role);
    } catch (error) { setStatus('loginStatus', error.message || 'تعذر تسجيل الدخول.', true); }
    finally { $('loginBtn').disabled = false; }
  });
  async function restoreSession() {
    const token = sessionStorage.getItem('null34_token'); const room = sessionStorage.getItem('null34_room');
    if (!token || !room) return;
    try { const result = await api('/session', {token, room}); showRoom(room, result.role); }
    catch { sessionStorage.removeItem('null34_token'); sessionStorage.removeItem('null34_room'); }
  }
  async function startSharing() {
    if (!navigator.mediaDevices || !navigator.mediaDevices.getDisplayMedia) {
      setStatus('roomStatus', 'مشاركة الشاشة غير مدعومة في هذا المتصفح. جرّب متصفحًا حديثًا وعلى اتصال HTTPS.', true); return;
    }
    try {
      displayStream = await navigator.mediaDevices.getDisplayMedia({video:true, audio:false});
      $('preview').srcObject = displayStream; $('preview').classList.remove('hidden'); $('screenMessage').classList.add('hidden');
      $('stopBtn').disabled = false; $('shareBtn').disabled = true;
      displayStream.getVideoTracks()[0].addEventListener('ended', stopSharing);
      setStatus('roomStatus', 'المعاينة تعمل على جهازك فقط؛ لم يتم إرسال الشاشة إلى الطرف الآخر.');
    } catch (error) { setStatus('roomStatus', error.name === 'NotAllowedError' ? 'تم إلغاء مشاركة الشاشة.' : 'تعذرت مشاركة الشاشة: ' + (error.message || ''), true); }
  }
  function stopSharing() {
    if (displayStream) { displayStream.getTracks().forEach(track => track.stop()); displayStream = null; }
    if ($('preview')) { $('preview').srcObject = null; $('preview').classList.add('hidden'); }
    if ($('screenMessage')) $('screenMessage').classList.remove('hidden');
    if ($('stopBtn')) $('stopBtn').disabled = true; if ($('shareBtn')) $('shareBtn').disabled = false;
  }
  $('shareBtn').addEventListener('click', startSharing);
  $('stopBtn').addEventListener('click', stopSharing);
  $('logoutBtn').addEventListener('click', clearSession);
  restoreSession();
</script>
</body>
</html>
index.html
10 KB