Update static/index.html

static/index.html

@@ -168,6 +168,7 @@ textarea.code{direction:ltr;font-family:monospace;font-size:.72rem;height:120px;
         <option value="gallery">🖼️ معرض/دليل</option>
         <option value="dashboard">📊 لوحة تحكم</option>
         <option value="landing">🎯 صفحة هبوط</option>
+        <option value="webview">🌐 موقعي داخل التطبيق (WebView)</option>
       </select>
     </div>
     <div class="field"><label>رقم الإصدار</label>
@@ -175,6 +176,11 @@ textarea.code{direction:ltr;font-family:monospace;font-size:.72rem;height:120px;
       <div class="hint">صيغة SemVer مثل 1.0.0</div>
     </div>
   </div>
+  <div class="field" id="wrap_site_url" style="display:none"><label>🔗 رابط موقعك (يُعرض داخل التطبيق بملء الشاشة)</label>
+    <input type="url" id="f_site_url" placeholder="https://mysite.com">
+    <div class="hint">⚠️ يجب أن يسمح موقعك بالتضمين: أزل X-Frame-Options أو اجعله يسمح بالنطاقات</div>
+    <div class="err">أدخل URL صحيح يبدأ بـ http(s)://</div>
+  </div>
   <div class="field"><label>شعار التطبيق</label>
     <input type="file" id="f_logo" accept="image/*" class="hiddenfile">
     <div style="display:flex;gap:10px;align-items:center">
@@ -556,7 +562,12 @@ function restoreForm(){
   return true;
 }
 document.addEventListener('input', e=>{ if(e.target.id) saveForm(); });
-document.addEventListener('change', e=>{ if(e.target.id) saveForm(); });
+document.addEventListener('change', e=>{
+  if(e.target.id === 'f_app_type'){
+    $('wrap_site_url').style.display = e.target.value === 'webview' ? 'block' : 'none';
+  }
+  if(e.target.id) saveForm();
+});
 
 /* ---------- 2) التحقق اللحظي ---------- */
 const VALIDATORS = {
@@ -827,6 +838,15 @@ function appBody(){
     <div class="wrap"><h2>📊 ${name}</h2>
     <div class="cards"><div class="kpi">الزيارات<b id="k1">0</b></div><div class="kpi">المستخدمون<b id="k2">0</b></div><div class="kpi">الطلبات<b id="k3">0</b></div></div>
     <canvas id="ch" height="180"></canvas></div>`;
+  if(t==='webview') return `
+    <div class="wvbar" id="wvbar"><span id="wvtitle">${name}</span><button onclick="wvReload()">🔄</button><button onclick="wvExternal()">↗️</button></div>
+    <div class="wvload" id="wvload"><div class="spinner"></div><div>جارٍ تحميل الموقع...</div></div>
+    <iframe id="wv" class="wvframe" src="${esc($('f_site_url').value||'about:blank')}" allow="camera;microphone;geolocation;payment" sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals"></iframe>
+    <div class="wvblock" id="wvblock" style="display:none">
+      <div style="font-size:3rem">🚧</div><h3>الموقع منع التضمين</h3>
+      <p style="opacity:.7;font-size:.85rem">موقعك يرسل X-Frame-Options. اسمح بالتضمين من إعدادات خادمك أو افتح الموقع خارجيًا:</p>
+      <button class="cta" onclick="wvExternal()">↗️ فتح الموقع في المتصفح</button>
+    </div>`;
   return `
     <div class="wrap center"><img class="hero" id="heroLogo" alt="logo">
     <h1>${name}</h1><p id="tagline"></p>
@@ -946,6 +966,18 @@ const ctx=document.getElementById('ch');if(window.Chart&&ctx)new Chart(ctx,{type
   }
   if(t==='landing'){ s += `
 document.getElementById('tagline').textContent='مدعوم بـ SkyApp Builder';track('landing_view');`; }
+  if(t==='webview'){ s += `
+const SITE="${($('f_site_url').value||'').replace(/"/g,'')}";
+const wv=document.getElementById('wv');
+let loadTimer=setTimeout(wvBlocked,12000); // إن لم يحمّل خلال 12 ثانية افترض الحجب
+wv.addEventListener('load',()=>{clearTimeout(loadTimer);document.getElementById('wvload').style.display='none';track('wv_loaded');});
+function wvReload(){const b=document.getElementById('wvblock');b.style.display='none';document.getElementById('wvload').style.display='flex';wv.src=SITE+'?t='+Date.now();loadTimer=setTimeout(wvBlocked,12000);}
+function wvExternal(){window.open(SITE,'_blank');}
+function wvBlocked(){if(document.getElementById('wvload').style.display!=='none'){document.getElementById('wvload').style.display='none';document.getElementById('wvblock').style.display='flex';track('wv_blocked');}}
+// حقن Offline: عند فقدان النت أوقف المحاولة واعرض صفحتنا المخصصة
+window.addEventListener('offline',()=>{clearTimeout(loadTimer);});
+// حقن رسالة من الموقع المضمّن (لو استخدم postMessage)
+window.addEventListener('message',e=>{if(e.origin!==new URL(SITE).origin)return;try{const m=JSON.parse(e.data);if(m&&m.title)document.getElementById('wvtitle').textContent=m.title;}catch(x){}});`; }
 
   /* Backup/Restore */
   if(useBackup){
@@ -1007,7 +1039,14 @@ body{font-family:'${$('f_font').value}',sans-serif;background:var(--bg);color:va
 .splash{position:fixed;inset:0;background:var(--c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:700;z-index:300;transition:opacity .4s}
 .lockscr{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:400}
 .lockscr input{background:var(--pan);border:1px solid var(--bd);color:var(--tx);padding:12px;border-radius:10px;text-align:center;font-size:1rem}
-.lockscr button{background:var(--c);color:#fff;border:none;padding:11px 28px;border-radius:10px;cursor:pointer}`;
+.lockscr button{background:var(--c);color:#fff;border:none;padding:11px 28px;border-radius:10px;cursor:pointer}
+.wvframe{position:fixed;inset:0;width:100%;height:100%;border:none;background:#fff}
+.wvbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--c);color:#fff;padding:8px 14px;z-index:20;font-weight:700;font-size:.85rem}
+.wvbar button{background:rgba(255,255,255,.2);border:none;color:#fff;border-radius:8px;padding:4px 12px;cursor:pointer;margin-right:6px}
+.wvload{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);z-index:15}
+.spinner{width:44px;height:44px;border:4px solid var(--bd);border-top-color:var(--c);border-radius:50%;animation:sp 1s linear infinite}
+@keyframes sp{to{transform:rotate(360deg)}}
+.wvblock{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);z-index:18;text-align:center;padding:24px}`;
 }
 
 /* ---------- شاشات القفل ---------- */
@@ -1235,6 +1274,7 @@ $('btnGenLogo').onclick = async ()=>{
   const restored = restoreForm();
   saveForm();
   if(restored) toast('♻️ تم استرجاع جلستك السابقة');
+  $('wrap_site_url').style.display = $('f_app_type').value === 'webview' ? 'block' : 'none';
   $('f_app_id').value = $('f_app_id').value && FORM.f_app_id ? FORM.f_app_id : $('f_app_id').value;
 })();
 </script>