Study Session Composer — Build Evidence-Based Study Plans

Super generates helpful tools and automates fact-checking across the internet proactively. If you enjoyed this tool, build your own with Super and share it with a friend.

`; } function download(filename,content,type="text/plain"){ const blob=new Blob([content],{type}); const url=URL.createObjectURL(blob); const a=document.createElement("a"); a.href=url; a.download=filename; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); } function showPreview(){ const md=exportMarkdown(); $("#preview-content").textContent=md; $("#preview-modal").classList.add("open"); } function hidePreview(){ $("#preview-modal").classList.remove("open"); } function debounce(fn,ms){let t;return(...a)=>{clearTimeout(t);t=setTimeout(()=>fn(...a),ms);};} function setupPaletteDrag(){ $$(".tech-card").forEach(card=>{ card.addEventListener("dragstart",e=>{ isDraggingFromPalette=true; const techId=card.dataset.tech; const tech=TECHNIQUES[techId]; const duration=tech.defaultDuration; const proxy=createBlockObject(techId,duration); proxy.techId=techId; proxy.duration=duration; proxy.selectable=false; proxy.evented=false; canvas.add(proxy); dragProxy=proxy; canvas.defaultCursor="grabbing"; e.dataTransfer.effectAllowed="copy"; e.dataTransfer.setData("text/plain",techId); }); card.addEventListener("dragend",()=>{ if(dragProxy){canvas.remove(dragProxy);dragProxy=null;} isDraggingFromPalette=false; canvas.defaultCursor="default"; canvas.renderAll(); }); card.addEventListener("click",()=>{ if(window.innerWidth<=1024){ const techId=card.dataset.tech; const tech=TECHNIQUES[techId]; addBlock(techId,tech.defaultDuration); } }); card.addEventListener("keydown",e=>{ if(e.key==="Enter"||e.key===" "){ e.preventDefault(); card.click(); } }); }); } $("#template-select").addEventListener("change",e=>loadPreset(e.target.value)); $("#btn-new").addEventListener("click",newSession); $("#btn-replay").addEventListener("click",replayBuild); $("#btn-export-md").addEventListener("click",()=>download("study-session.md",exportMarkdown(),"text/markdown")); $("#btn-export-json").addEventListener("click",()=>download("study-session.json",exportJSON(),"application/json")); $("#btn-export-html").addEventListener("click",()=>download("study-session.html",exportHTML(),"text/html")); $("#btn-preview").addEventListener("click",showPreview); $("#preview-close").addEventListener("click",hidePreview); $("#preview-modal").addEventListener("click",e=>{if(e.target===$("#preview-modal"))hidePreview();}); $("#inspector-close").addEventListener("click",()=>{$("#inspector").classList.remove("open");}); $("#block-duration").addEventListener("input",e=>{$("#block-duration-val").textContent=e.target.value+" min";updateInspectorDuration(e.target.value);}); document.addEventListener("keydown",e=>{if(e.key==="Escape")hidePreview();if(e.key==="Delete"&&selectedBlock){removeBlock(selectedBlock.id);selectBlock(null);}}); document.addEventListener("click",e=>{if(e.target.closest(".tech-card")&&window.innerWidth>1024){}}); function init(){ initCanvas(); setupPaletteDrag(); loadState(); if(blocks.length===0)loadPreset("exam-prep"); if(window.innerWidth<=1024){ canvas.on("mouse:down",()=>{$("#inspector").classList.add("open");}); } } if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",init); else init();