`;
}
var url=b.src||'';if(url){
- var src=url;
- try{var h=window.location.href.split('/').slice(0,3).join('/');var urlNoProto=url.replace(/^https?:\/\//,'');if(/^(youtube\.com|youtu\.be|vimeo\.com|loom\.com|figma\.com|google\.com\/maps|codepen\.io|miro\.com|open\.spotify\.com|soundcloud\.com|twitch\.tv|twitter\.com|x\.com|pinterest\.)/.test(urlNoProto.split('/')[0])){src=url;}}catch(e){}
+ var src=b.embed_src||url;
var height=b.height||520;
return `
`;
}
@@ -1036,7 +1035,20 @@ replaceBlock(idx,type){const b=this.blocks[idx];if(!b)return;this.sync();this.pu
if(u.trim()===cur.trim())return;
this.sync();this.pushHistory();b[field]=u.trim();this.dirty=true;this.autoSave();this.render();_rtSync();
},
- setEmbedUrl(bid){this._mediaPrompt(bid,'src','Embed');},
+ async setEmbedUrl(bid){
+ const idx=this.getIdx(bid); if(idx<0)return;
+ const b=this.blocks[idx]; if(!b)return;
+ const cur=b.src||''; const u=prompt('Embed URL (YouTube, Vimeo, Figma, Maps…):', cur);
+ if(u===null)return;
+ if(u.trim()===cur.trim())return;
+ this.sync();this.pushHistory();b.src=u.trim();b.embed_type='';this.dirty=true;
+ try{
+ const r=await fetch('/board/api/embed/resolve',{method:'POST',headers:{'Content-Type':'application/json','X-CSRF-Token':this.csrfTok()},body:JSON.stringify({url:u.trim()})});
+ const d=await r.json();
+ if(d&&d.ok&&d.src){b.embed_src=d.src;b.embed_provider=d.provider||'';}
+ }catch(e){}
+ this.render();this.autoSave();_rtSync();
+ },
setBookmarkUrl(bid){
const idx=this.getIdx(bid); if(idx<0)return;
const b=this.blocks[idx]; if(!b)return;
@@ -1048,7 +1060,7 @@ replaceBlock(idx,type){const b=this.blocks[idx];if(!b)return;this.sync();this.pu
},
async _fetchBookmarkPreview(bid, url){
try{
- const r=await fetch('/api/og/metadata',{method:'POST',headers:{'Content-Type':'application/json','X-CSRF-Token':this.csrfTok()},body:JSON.stringify({url})});
+ const r=await fetch('/board/api/og/metadata',{method:'POST',headers:{'Content-Type':'application/json','X-CSRF-Token':this.csrfTok()},body:JSON.stringify({url})});
const d=await r.json();
if(d&&d.ok){
const idx=this.getIdx(bid); if(idx<0)return;
@@ -1064,17 +1076,29 @@ replaceBlock(idx,type){const b=this.blocks[idx];if(!b)return;this.sync();this.pu
setVideoSrc(bid){this._mediaPrompt(bid,'src','Video');},
setAudioSrc(bid){this._mediaPrompt(bid,'src','Audio');},
- // ── v5.5.0: Image lightbox ──
+ // ── v5.5.0: Image lightbox (fullscreen + keyboard navigation) ──
_openLightbox(imgEl){
const full=imgEl.dataset.full||imgEl.src;
if(!full)return;
- const ov=document.createElement('div');ov.className='fd-lightbox';ov.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:5000;display:flex;align-items:center;justify-content:center;flex-direction:column;';
- ov.innerHTML='
Esc to close
';
- document.body.appendChild(ov);
- const close=()=>{document.body.removeChild(ov);document.removeEventListener('keydown',kd);};
- const kd=(e)=>{if(e.key==='Escape')close();};
+ const imgs=Array.from(document.querySelectorAll('.block-image img, .fd-img')).filter(i=>i.dataset.full||i.src);
+ let idx=imgs.indexOf(imgEl);
+ if(idx<0)idx=0;
+ const overlay=document.createElement('div');overlay.className='fd-lightbox';overlay.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:5000;display:flex;align-items:center;justify-content:center;flex-direction:column;';
+ overlay.innerHTML=''
+ +'