minimあ

B Bold⌘B

I Italic⌘I

U Underline⌘U

🖊 Highlight

✕ Remove highlight

COLOR

CHANGE HIGHLIGHT

'; }).join(''); } function pickColor(c){ selectedColor=c; document.querySelectorAll('.color-opt').forEach(function(o){o.classList.toggle('active',o.style.background===c||o.style.backgroundColor===c);}); } function openFolderModal(){ editingFolderId=null; document.getElementById('folder-modal-title').textContent='New Folder'; document.getElementById('folder-modal-ok').textContent='Create'; document.getElementById('folder-name-inp').value=''; buildColorPalette(PALETTE[S.folders.length%PALETTE.length]); openModal('folder-modal'); setTimeout(function(){document.getElementById('folder-name-inp').focus();},100); } function openEditFolderModal(){ closeCtx(); if(!editingFolderId)return; var f=S.folders.find(function(x){return x.id===editingFolderId;}); if(!f)return; document.getElementById('folder-modal-title').textContent='Edit Folder'; document.getElementById('folder-modal-ok').textContent='Save'; document.getElementById('folder-name-inp').value=f.name; buildColorPalette(f.color); openModal('folder-modal'); setTimeout(function(){document.getElementById('folder-name-inp').focus();},100); } function confirmFolder(){ var name=document.getElementById('folder-name-inp').value.trim(); if(!name){toast('Enter a folder name');return;} if(editingFolderId){ var f=S.folders.find(function(x){return x.id===editingFolderId;}); if(f){f.name=name;f.color=selectedColor;} } else { S.folders.push({id:Date.now(),name:name,color:selectedColor,open:true}); } sv();renderNotes();closeModal('folder-modal'); toast(editingFolderId?'Folder updated ✓':'Folder created ✓'); } function openMoveFolderModal(){ var targetNote=ctxNoteId||curNote; if(!targetNote)return; if(ctxNoteId){curNote=ctxNoteId;} if(!curNote)return; var el=document.getElementById('move-choices'); var choices='

' +'

' +'No folder

'; choices+=S.folders.map(function(f){ return '

' +'

'+f.name+'

'; }).join(''); el.innerHTML=choices; openModal('move-modal'); } function moveNote(fid){ var n=S.notes.find(function(x){return x.id===curNote;}); if(n){n.folderId=fid||null;sv();renderNotes();updateFolderBadge(n.folderId);} closeModal('move-modal');toast('Note moved ✓'); } /* Folder context menu */ var ctxFolderId=null,ctxNoteId=null; function showCtx(e,fid){ e.preventDefault();e.stopPropagation(); ctxFolderId=fid;ctxNoteId=null;editingFolderId=fid; document.getElementById('ctx-edit-folder').style.display=''; document.getElementById('ctx-move-note').style.display='none'; var m=document.getElementById('ctx-menu'); m.style.top=e.clientY+'px';m.style.left=e.clientX+'px'; m.classList.add('on'); } function showNoteCtx(e,nid){ e.preventDefault();e.stopPropagation(); ctxNoteId=nid;ctxFolderId=null; document.getElementById('ctx-edit-folder').style.display='none'; document.getElementById('ctx-move-note').style.display=''; var m=document.getElementById('ctx-menu'); m.style.top=e.clientY+'px';m.style.left=e.clientX+'px'; m.classList.add('on'); } function ctxDelete(){ closeCtx(); if(ctxNoteId){ var id=ctxNoteId;ctxNoteId=null; var n=S.notes.find(function(x){return x.id===id;}); var sub=n?(n.title||'Untitled')+' will be moved to trash.':'Note will be moved to trash.'; showConfirm('Move to Trash',sub,'Move to Trash',function(){trashNote(id);}); } else if(ctxFolderId){ deleteFolder(); } } function closeCtx(){document.getElementById('ctx-menu').classList.remove('on');} function deleteFolder(){ if(!ctxFolderId)return; var f=S.folders.find(function(x){return x.id===ctxFolderId;}); var name=f?'"'+f.name+'"':'this folder'; var noteCount=S.notes.filter(function(n){return n.folderId===ctxFolderId;}).length; var sub='Folder '+name+(noteCount?' and '+noteCount+' note'+(noteCount>1?'s':''):'') +' will be moved to trash. You can restore them from there.'; closeCtx(); showConfirm('Delete '+name,sub,'Move to Trash',function(){ trashFolder(ctxFolderId); ctxFolderId=null; }); } function newNote(fid){ var n={id:Date.now(),title:'',body:'',folderId:fid||null,date:new Date().toLocaleDateString('en-US',{month:'short',day:'numeric'})}; S.notes.unshift(n);sv();renderNotes();openNote(n.id); } function updateFolderBadge(fid){ var b=document.getElementById('ne-fbadge');if(!b)return; if(fid){var f=S.folders.find(function(x){return x.id===fid;});if(f){b.textContent='📁 '+f.name;b.style.color=f.color;return;}} b.textContent='No folder';b.style.color=''; } function saveNote(){ if(!curNote)return; var n=S.notes.find(function(x){return x.id===curNote;});if(!n)return; n.title=document.getElementById('ne-ti').value; // Collect all pages var pages=document.querySelectorAll('.ne-page-body'); var body=''; pages.forEach(function(p){body+=p.innerHTML+'

';}); n.body=body; sv();renderNotes();updateCounts(); } function delNote(){ if(!curNote)return; var n=S.notes.find(function(x){return x.id===curNote;}); var name=n?'"'+(n.title||'Untitled')+'"':'this note'; showConfirm('Delete '+name,'This note will be moved to the trash. You can restore it from there.','Move to Trash',function(){ trashNote(curNote); }); } function strip(h){var d=document.createElement('div');d.innerHTML=h;return d.textContent||d.innerText||'';} function renderNotes(){ var el=document.getElementById('ns-list');if(!el)return; if(!S.folders)S.folders=[]; var html=''; S.folders.forEach(function(f){ var fN=S.notes.filter(function(n){return n.folderId===f.id;}); var open=f.open!==false; html+='

' +'›' +'

' +''+f.name+'' +''+fN.length+'

' +'

'+fN.map(noteItem).join('')+'

'; }); var unfiled=S.notes.filter(function(n){return !n.folderId;}); if(unfiled.length){ if(S.folders.length)html+='

Unfiled

'; html+=unfiled.map(noteItem).join(''); } if(!S.notes.length&&!S.folders.length)html='

No notes yet.
Press + to start.

'; el.innerHTML=html; } function noteItem(n){ var isSelected = bulkSelected.has(n.id); var clickHandler = bulkMode ? 'toggleBulkSelect('+n.id+',event)' : 'openNote('+n.id+')'; return '

'+ '

'+(n.title||'Untitled')+'

'+ '

'+strip(n.body||'').slice(0,40)+'

'+ '

'+n.date+'

'+ '

'; } function toggleFolder(id){var f=S.folders.find(function(x){return x.id===id;});if(f){f.open=!f.open;sv();renderNotes();}} /* DRAG AND DROP */ var dragId=null; function dragStart(e,id){dragId=id;e.dataTransfer.effectAllowed='move';} function dragEnd(){dragId=null;document.querySelectorAll('.folder-head').forEach(function(el){el.style.background='';});} document.addEventListener('dragover',function(e){ var fh=e.target.closest('.folder-head'); document.querySelectorAll('.folder-head').forEach(function(el){el.style.background='';}); if(fh&&dragId!==null){e.preventDefault();fh.style.background='var(--accent2)';} }); document.addEventListener('drop',function(e){ var fh=e.target.closest('.folder-head'); if(fh&&dragId!==null){ var fid=parseInt(fh.getAttribute('onclick').match(/\d+/)[0]); var n=S.notes.find(function(x){return x.id===dragId;}); if(n){n.folderId=fid;sv();renderNotes();toast('Note moved ✓');} } dragEnd(); }); /* FORMATTING */ function getActivePage(){return window._activePage||document.querySelector('.ne-page-body');} function fmt(cmd,val){ var b=getActivePage();if(b)b.focus(); document.execCommand(cmd,false,val||null); saveNote();updateTOC(); } function setFont(cls){ var wrap=document.getElementById('ne-body-wrap');if(!wrap)return; wrap.classList.remove('font-serif','font-sans','font-mono');wrap.classList.add(cls);saveNote(); } function changeFont(fontFamily){ if(!fontFamily)return; var sel=window.getSelection(); var page=getActivePage()||document.querySelector('.ne-page-body'); if(sel&&!sel.isCollapsed&&page){ // Apply to selection document.execCommand('styleWithCSS',false,true); document.execCommand('fontName',false,fontFamily.replace(/'/g,'')); // Replace browser font elements with styled spans page.querySelectorAll('font[face]').forEach(function(f){ var span=document.createElement('span'); span.style.fontFamily=f.getAttribute('face'); while(f.firstChild)span.appendChild(f.firstChild); f.parentNode&&f.parentNode.replaceChild(span,f); }); } else if(page){ // Apply to whole page body page.style.fontFamily=fontFamily; } saveNote(); } function setFSize(cls){ var wrap=document.getElementById('ne-body-wrap');if(!wrap)return; wrap.classList.remove('fsize-sm','fsize-md','fsize-lg','fsize-xl');wrap.classList.add(cls);saveNote(); } /* HIGHLIGHT */ function toggleTOC(){ tocVisible=!tocVisible; var p=document.getElementById('toc-panel'),b=document.getElementById('toc-btn'); if(p)p.classList.toggle('hidden',!tocVisible); if(b)b.classList.toggle('on',tocVisible); } /* TASKS */ function addTask(){ var inp=document.getElementById('t-inp'),txt=inp.value.trim(); if(!txt){toast('Type a task first');return;} S.tasks.push({id:Date.now(),text:txt,done:false,p:document.getElementById('t-prio').value}); inp.value='';sv();renderTasks();updateCounts();updateFTasks(); } function toggleTask(id){var t=S.tasks.find(function(x){return x.id===id;});if(t){t.done=!t.done;sv();renderTasks();updateCounts();}} function delTask(id){S.tasks=S.tasks.filter(function(x){return x.id!==id;});sv();renderTasks();updateCounts();updateFTasks();} function renderTasks(){ var pcls={h:'ph',m:'pm',l:'pl'},ptxt={h:'HIGH',m:'MED',l:'LOW'}; function row(t){return'

'+'

'+t.text+'

'+ptxt[t.p]+'

';} var active=S.tasks.filter(function(t){return !t.done;}),done=S.tasks.filter(function(t){return t.done;}); document.getElementById('t-active').innerHTML=active.length?active.map(row).join(''):'

No active tasks

'; document.getElementById('t-done').innerHTML=done.length?done.map(row).join(''):'

Nothing completed yet

'; } function updateFTasks(){var sel=document.getElementById('f-task-sel');sel.innerHTML=''+S.tasks.filter(function(t){return !t.done;}).map(function(t){return'';}).join('');} function updateCounts(){document.getElementById('sb-nc').textContent=S.notes.length;document.getElementById('sb-tc').textContent=S.tasks.filter(function(t){return !t.done;}).length;} /* SCHEDULE */ var DAYS=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],MONTHS=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; /* TIMER */ var TM={w:25,b:5,tot:1500,left:1500,running:false,isBreak:false,sess:1,totSess:4,iv:null}; function setMode(w,b,btn){document.querySelectorAll('.fmode').forEach(function(x){x.classList.remove('on');});btn.classList.add('on');TM.w=w;TM.b=b;resetT();} function toggleT(){ if(TM.running){clearInterval(TM.iv);TM.running=false;document.getElementById('t-start').textContent='Resume';document.getElementById('f-lbl').textContent='Paused';} else{TM.running=true;document.getElementById('t-start').textContent='Pause';document.getElementById('f-lbl').textContent=TM.isBreak?'Taking a break':'Deep focus';TM.iv=setInterval(tick,1000);} } function startT(){if(!TM.running)toggleT();} function tick(){TM.left--;updateTUI();if(TM.left<=0)phaseEnd();} function skipPhase(){ clearInterval(TM.iv);TM.iv=null;TM.running=false; TM.left=0; phaseEnd(); } function resetT(){clearInterval(TM.iv);TM.running=false;TM.isBreak=false;TM.sess=1;TM.left=TM.w*60;TM.tot=TM.w*60;document.getElementById('t-start').textContent='Start';document.getElementById('f-lbl').textContent='Ready to focus';updateTUI();updateDots();} function updateTUI(){ var m=Math.floor(TM.left/60),s=TM.left%60; document.getElementById('t-time').textContent=(m<10?'0':'')+m+':'+(s<10?'0':'')+s; document.getElementById('t-sess').textContent='Session '+TM.sess+' of '+TM.totSess; var pct=TM.left/TM.tot; document.getElementById('t-circle').style.strokeDashoffset=565*(1-pct); document.getElementById('t-circle').style.stroke=TM.isBreak?'var(--amber)':'var(--accent)'; } function updateDots(){ var el=document.getElementById('sess-dots');el.innerHTML=''; for(var i=1;i<=TM.totSess;i++){var d=document.createElement('div');d.className='sdot'+(TM.isBreak?i<=TM.sess:i=5){toast('5 free messages used today');return;} inp.value='';addBub(txt,'user');aiH.push({role:'user',content:txt});aiC++;localStorage.setItem('m_aic',aiC); var lid=addLoading(); var ctx=''; if(S.notes.length)ctx+='\n\nNotes:\n'+S.notes.slice(0,3).map(function(n){return(n.title||'Untitled')+': '+strip(n.body||'').slice(0,150);}).join('\n'); if(S.tasks.filter(function(t){return !t.done;}).length)ctx+='\n\nTasks: '+S.tasks.filter(function(t){return !t.done;}).map(function(t){return t.text;}).join(', '); try{ var res=await fetch('https://api.anthropic.com/v1/messages',{method:'POST',headers:{'Content-Type':'application/json','anthropic-dangerous-direct-browser-access':'true'},body:JSON.stringify({model:'claude-sonnet-4-20250514',max_tokens:700,system:'You are minimあ AI — a calm, smart study tutor. Help students understand concepts, quiz them, create study plans. Use **bold** for key terms. Be warm and concise.',messages:aiH.map(function(m,i){return{role:m.role,content:m.content+(i===aiH.length-1&&m.role==='user'?ctx:'')};})})}); var data=await res.json();removeLoading(lid); if(data.error)throw new Error(data.error.message); var reply=data.content&&data.content[0]?data.content[0].text:'No response.'; reply=reply.replace(/\*\*(.*?)\*\*/g,'$1').replace(/\n/g,'
'); addBub(reply,'ai');aiH.push({role:'assistant',content:data.content[0].text}); }catch(e){removeLoading(lid);addBub('Error: '+e.message,'ai');} } function addBub(text,role){var msgs=document.getElementById('ai-msgs');var d=document.createElement('div');d.className='ai-msg'+(role==='user'?' user':'');d.innerHTML='

'+(role==='ai'?'あ':'me')+'

'+text+'

';msgs.appendChild(d);msgs.scrollTop=msgs.scrollHeight;} function addLoading(){var msgs=document.getElementById('ai-msgs'),id='l'+Date.now();var d=document.createElement('div');d.className='ai-msg';d.id=id;d.innerHTML='

あ

';msgs.appendChild(d);msgs.scrollTop=msgs.scrollHeight;return id;} function removeLoading(id){var el=document.getElementById(id);if(el)el.remove();} /* PAGED EDITOR */ var PAGE_HEIGHT=900; // px, matches .ne-page min-height /* IMAGE INSERT + RESIZE */ function insertImage(){ document.getElementById('img-input').click(); } function onImageSelected(e){ var file=e.target.files&&e.target.files[0]; if(!file)return; if(!file.type.startsWith('image/')){toast('Please select an image file');return;} var reader=new FileReader(); reader.onload=function(ev){ // Get active page or first page var activePage=window._activePage||document.querySelector('.ne-page'); if(!activePage)return; activePage.focus(); var wrap=makeImgWrap(ev.target.result,260); // Place absolutely inside the page - doesn't affect text flow activePage.appendChild(wrap); saveNote();toast('Image inserted — drag to position ✓'); }; reader.readAsDataURL(file); e.target.value=''; } function makeImgWrap(src,width){ var wrap=document.createElement('div'); wrap.className='ne-img-wrap'; wrap.contentEditable='false'; wrap.style.width=(width||260)+'px'; wrap.style.top='20px'; wrap.style.left='20px'; // Image toolbar var tb=document.createElement('div'); tb.className='img-toolbar'; tb.innerHTML= ''+ '

'+ ''+ '

'+ ''; wrap.appendChild(tb); // Image var img=document.createElement('img'); img.src=src;img.style.width='100%';img.draggable=false; wrap.appendChild(img); // Resize handles ['tl','tr','bl','br'].forEach(function(pos){ var h=document.createElement('div'); h.className='resize-handle '+pos; h.addEventListener('mousedown',function(e){e.stopPropagation();startResize(e,wrap,pos);}); wrap.appendChild(h); }); // Select on click wrap.addEventListener('mousedown',function(e){ if(e.target.classList.contains('resize-handle'))return; e.stopPropagation(); selectImg(wrap); if(!e.target.classList.contains('img-tb-btn')&&e.target!==tb){ startDragImg(e,wrap); } }); return wrap; } function selectImg(wrap){ document.querySelectorAll('.ne-img-wrap').forEach(function(w){w.classList.remove('selected');}); wrap.classList.add('selected'); } function deleteImg(e){ e.preventDefault();e.stopPropagation(); var wrap=e.target.closest('.ne-img-wrap'); if(wrap){wrap.remove();saveNote();toast('Image deleted');} } function resizeImgToFit(e){ e.preventDefault();e.stopPropagation(); var wrap=e.target.closest('.ne-img-wrap'); if(wrap){ var page=wrap.closest('.ne-page'); if(page) wrap.style.width=(page.clientWidth-104)+'px'; wrap.style.left='0px'; saveNote(); } } function resizeImgSmall(e){ e.preventDefault();e.stopPropagation(); var wrap=e.target.closest('.ne-img-wrap'); if(wrap){wrap.style.width='160px';saveNote();} } var _resizing=null; function startResize(e,wrap,corner){ e.preventDefault();e.stopPropagation(); var startX=e.clientX,startW=wrap.offsetWidth; function onMove(ev){ var dx=ev.clientX-startX; var newW=Math.max(80,startW+(corner.includes('r')?dx:-dx)); wrap.style.width=newW+'px'; } function onUp(){ document.removeEventListener('mousemove',onMove); document.removeEventListener('mouseup',onUp); saveNote(); } document.addEventListener('mousemove',onMove); document.addEventListener('mouseup',onUp); } var _dragging=null; function startDragImg(e,wrap){ e.preventDefault(); var startX=e.clientX,startY=e.clientY; var style=wrap.style; var startLeft=parseInt(style.marginLeft)||0; var startTop=parseInt(style.marginTop)||0; wrap.classList.add('selected'); function onMove(ev){ var dx=ev.clientX-startX,dy=ev.clientY-startY; wrap.style.marginLeft=(startLeft+dx)+'px'; wrap.style.marginTop=(startTop+dy)+'px'; } function onUp(){ document.removeEventListener('mousemove',onMove); document.removeEventListener('mouseup',onUp); saveNote(); } document.addEventListener('mousemove',onMove); document.addEventListener('mouseup',onUp); } // Deselect images when clicking elsewhere document.addEventListener('click',function(e){ if(!e.target.closest('.ne-img-wrap')){ document.querySelectorAll('.ne-img-wrap').forEach(function(w){w.classList.remove('selected');}); } }); /* PAGE NUMBERS */ /* IMAGE CONTEXT MENU */ var _ctxImg=null; function showImgCtx(e,wrap){ _ctxImg=wrap; var m=document.getElementById('img-ctx-menu'); if(!m)return; m.style.top=e.clientY+'px'; m.style.left=e.clientX+'px'; m.classList.add('on'); } function closeImgCtx(){ var m=document.getElementById('img-ctx-menu'); if(m)m.classList.remove('on'); } function resizeImgToFitCtx(){ if(!_ctxImg)return; var page=_ctxImg.closest('.ne-page'); if(page)_ctxImg.style.width=(page.clientWidth-104)+'px'; _ctxImg.style.left='0px'; saveNote();closeImgCtx(); } function resizeImgSmallCtx(){ if(!_ctxImg)return; _ctxImg.style.width='160px'; saveNote();closeImgCtx(); } function deleteImgCtx(){ if(!_ctxImg)return; _ctxImg.remove(); saveNote(); toast('Image deleted'); closeImgCtx(); _ctxImg=null; } /* TEXT RESIZE */ function changeFontSize(delta){ var neWrap=document.getElementById('ne-body-wrap'); var scrollEl=neWrap?neWrap.closest('.panel,.scroll-body,[style*="overflow"]'):null; var savedScroll=0; if(scrollEl)savedScroll=scrollEl.scrollTop; var activePage=getActivePage(); var sel=window.getSelection(); if(!sel||sel.isCollapsed){ var body=activePage;if(!body)return; var current=parseInt(window.getComputedStyle(body).fontSize)||14; var newSize=Math.max(8,Math.min(72,current+delta)); body.style.fontSize=newSize+'px'; var el=document.getElementById('font-size-val');if(el)el.value=newSize; saveNote(); } else { var el=document.getElementById('font-size-val'); var current=el?parseInt(el.value)||14:14; var newSize=Math.max(8,Math.min(72,current+delta)); var activePg=activePage||document.querySelector('.ne-page-body'); document.execCommand('fontSize',false,'7'); var scope=activePg||document.querySelector('.ne-page-body'); (scope?scope.querySelectorAll('font[size="7"]'):document.querySelectorAll('.ne-page-body font[size="7"]')).forEach(function(f){ var span=document.createElement('span');span.style.fontSize=newSize+'px'; while(f.firstChild)span.appendChild(f.firstChild); f.parentNode&&f.parentNode.replaceChild(span,f); }); if(el)el.value=newSize; saveNote(); } requestAnimationFrame(function(){if(scrollEl)scrollEl.scrollTop=savedScroll;}); } var _savedSel=null; function saveSelForSize(){ var sel=window.getSelection(); if(sel&&sel.rangeCount&&!sel.isCollapsed){ _savedSel=sel.getRangeAt(0).cloneRange(); } } function restoreSel(){ if(_savedSel){ var sel=window.getSelection(); if(sel){sel.removeAllRanges();sel.addRange(_savedSel);} } } function setExactFontSize(val){ var size=Math.max(8,Math.min(72,parseInt(val)||14)); document.getElementById('font-size-val').value=size; // Restore selection before applying restoreSel(); var sel=window.getSelection(); if(sel&&!sel.isCollapsed){ document.execCommand('fontSize',false,'7'); var fonts=document.querySelectorAll('.ne-page-body font[size="7"]'); fonts.forEach(function(f){ var span=document.createElement('span'); span.style.fontSize=size+'px'; while(f.firstChild)span.appendChild(f.firstChild); f.parentNode.replaceChild(span,f); }); } else { var body=getActivePage(); if(body)body.style.fontSize=size+'px'; } _savedSel=null; saveNote(); } // Remove old setFSize - replaced by direct size control /* TEXT SELECTION CONTEXT MENU */ var _textCtxSel=null; document.addEventListener('click',function(e){ if(!e.target.closest('.text-ctx-menu'))closeTextCtx(); }); /* TEXT COLOR */ var _colorPickerOpen=false; function toggleColorPicker(e){ e.stopPropagation(); saveSelForSize(); // save selection var dd=document.getElementById('color-dropdown'); var btn=document.getElementById('color-dot-btn'); _colorPickerOpen=!_colorPickerOpen; if(_colorPickerOpen){ var rect=btn.getBoundingClientRect(); dd.style.top=(rect.bottom+4)+'px'; dd.style.left=rect.left+'px'; dd.classList.add('on'); } else { dd.classList.remove('on'); } } function applyColor(color){ _colorPickerOpen=false; document.getElementById('color-dropdown').classList.remove('on'); restoreSel(); if(color==='auto'){ document.execCommand('foreColor',false,'inherit'); document.getElementById('cur-color-swatch').style.background='#2C2416'; } else { document.execCommand('foreColor',false,color); document.getElementById('cur-color-swatch').style.background=color; } saveNote(); } document.addEventListener('click',function(e){ if(_colorPickerOpen&&!e.target.closest('.color-picker-wrap')){ _colorPickerOpen=false; var dd=document.getElementById('color-dropdown'); if(dd)dd.classList.remove('on'); } }); /* PASTE FORMATTING - strip external styles */ /* BULK SELECT */ var bulkMode = false; var bulkSelected = new Set(); function toggleBulkMode(){ bulkMode = !bulkMode; bulkSelected.clear(); var btn = document.getElementById('bulk-toggle'); var bar = document.getElementById('bulk-bar'); var list = document.getElementById('ns-list'); if(btn) btn.classList.toggle('on', bulkMode); if(bar) bar.classList.toggle('on', bulkMode); if(list) list.classList.toggle('bulk-mode', bulkMode); updateBulkCount(); renderNotes(); // re-render to show/hide checkboxes } function toggleBulkSelect(id, e){ e.stopPropagation(); if(bulkSelected.has(id)){bulkSelected.delete(id);} else{bulkSelected.add(id);} // Update visual var el = document.getElementById('ni-'+id); if(el) el.classList.toggle('bulk-selected', bulkSelected.has(id)); var cb = el && el.querySelector('.bulk-check'); if(cb) cb.classList.toggle('bulk-selected', bulkSelected.has(id)); updateBulkCount(); } function updateBulkCount(){ var el = document.getElementById('bulk-count'); if(el) el.textContent = bulkSelected.size + ' selected'; } function bulkTrash(){ if(!bulkSelected.size){toast('Select notes first');return;} var count = bulkSelected.size; showConfirm( 'Move to Trash', count+' note'+(count>1?'s':'')+' will be moved to trash.', 'Move to Trash', function(){ bulkSelected.forEach(function(id){trashNote(id);}); bulkSelected.clear(); toggleBulkMode(); toast(count+' note'+(count>1?'s':'')+' moved to trash'); } ); } function bulkMove(){ if(!bulkSelected.size){toast('Select notes first');return;} if(!S.folders||!S.folders.length){toast('Create a folder first');return;} // Show move modal with folder choices var el = document.getElementById('move-choices'); var ids = Array.from(bulkSelected); var count = ids.length; el.innerHTML = '

' +'

' +'No folder (unfiled)

' +S.folders.map(function(f){ return '

' +'

'+f.name+'

'; }).join(''); openModal('move-modal'); } function bulkMoveConfirm(fid){ var count = bulkSelected.size; bulkSelected.forEach(function(id){ var n = S.notes.find(function(x){return x.id===id;}); if(n) n.folderId = fid || null; }); sv(); bulkSelected.clear(); closeModal('move-modal'); toggleBulkMode(); toast(count+' note'+(count>1?'s':'')+' moved ✓'); } /* CONFIRM DIALOG */ var confirmCallback = null; function showConfirm(title, sub, okText, cb){ document.getElementById('confirm-title').textContent = title; document.getElementById('confirm-sub').textContent = sub || 'This cannot be undone.'; document.getElementById('confirm-ok').textContent = okText || 'Delete'; confirmCallback = cb; document.getElementById('confirm-ok').onclick = function(){ closeModal('confirm-modal'); if(confirmCallback) confirmCallback(); }; openModal('confirm-modal'); } /* TRASH */ function updateTrashCount(){ var el = document.getElementById('sb-trash-c'); if(el) el.textContent = (S.trash||[]).length; } function trashNote(id){ var n = S.notes.find(function(x){return x.id===id;}); if(!n) return; if(!S.trash) S.trash=[]; S.trash.push({type:'note',item:JSON.parse(JSON.stringify(n)),deletedAt:new Date().toLocaleDateString()}); S.notes = S.notes.filter(function(x){return x.id!==id;}); if(curNote===id){ curNote=null; document.getElementById('ne-ph').style.display='flex'; document.getElementById('ne-active').style.display='none'; } sv(); renderNotes(); updateCounts(); updateTrashCount(); toast('Note moved to trash'); } function trashFolder(id){ var f = S.folders.find(function(x){return x.id===id;}); if(!f) return; if(!S.trash) S.trash=[]; // Trash all notes in folder too var fNotes = S.notes.filter(function(n){return n.folderId===id;}); fNotes.forEach(function(n){ S.trash.push({type:'note',item:JSON.parse(JSON.stringify(n)),deletedAt:new Date().toLocaleDateString()}); }); S.notes = S.notes.filter(function(n){return n.folderId!==id;}); S.trash.push({type:'folder',item:JSON.parse(JSON.stringify(f)),deletedAt:new Date().toLocaleDateString()}); S.folders = S.folders.filter(function(x){return x.id!==id;}); sv(); renderNotes(); updateCounts(); updateTrashCount(); toast('Folder moved to trash'); } function openTrash(){ var el = document.getElementById('trash-list'); if(!S.trash||!S.trash.length){ el.innerHTML='

Trash is empty

'; } else { el.innerHTML = S.trash.map(function(item,i){ var icon = item.type==='folder'?'📁':'✦'; var name = item.type==='folder'?item.item.name:(item.item.title||'Untitled'); return '

' +''+icon+'' +'

' +'

'+name+'

' +'

Deleted '+item.deletedAt+'

' +'

' +'' +'

'; }).join(''); } openModal('trash-modal'); } function restoreTrashItem(idx){ var item = S.trash[idx]; if(!item) return; if(item.type==='note'){ S.notes.unshift(item.item); } else if(item.type==='folder'){ S.folders.push(item.item); } S.trash.splice(idx,1); sv(); renderNotes(); updateCounts(); updateTrashCount(); openTrash(); toast('Restored ✓'); } function emptyTrash(){ showConfirm('Empty Trash','Permanently delete all '+( S.trash||[]).length+' items? This cannot be undone.','Empty',function(){ S.trash=[];sv();updateTrashCount();openTrash();toast('Trash emptied'); }); } /* LEGAL */ var LEGAL={ privacy:'

Data: Notes, tasks, and schedule stored locally in your browser.

AI: Messages processed by Anthropic Claude API. Do not share passwords or sensitive data.

COPPA: Not for users under 13. Contact: privacy@financesnap.net

', terms:'

By using minimあ you agree to these terms. Must be 13+.

Subscription: $4.99/mo or $39.99/yr. Auto-renews. No refunds for partial periods.

Governed by Nevada law. Contact: legal@financesnap.net

', disclaimer:'

Educational Disclaimer

AI Tutor may be inaccurate. Always verify with official course materials and instructors.

Not endorsed by any institution. Using AI for assignments may violate academic integrity policies.

' }; function showLegal(type){document.getElementById('legal-content').innerHTML=LEGAL[type];openModal('legal-modal');} /* DELETE PAGE */ /* INIT */ try{ ld(); renderNotes();renderTasks();renderWeek();updateTUI();updateDots();updateCounts();updateFTasks(); attachBodyEvents(); }catch(e){console.error('minimあ init error:',e);} /* ─────────────────────────────────────────────── ALL ADDED FEATURES - appended to base JS ─────────────────────────────────────────────── */ /* TOC */ var tocVisible=true; function updateTOC(){ var panel=document.getElementById('toc-scroll');if(!panel)return; var pages=document.querySelectorAll('.ne-page-body'); var heads=[]; pages.forEach(function(p){Array.from(p.querySelectorAll('h1,h2,h3')).forEach(function(h){heads.push(h);});}); if(!heads.length){panel.innerHTML='

Add H1/H2/H3 headings
to build a table of contents

';return;} var html=heads.map(function(h,i){var tag=h.tagName.toLowerCase(),txt=h.textContent.trim();if(!txt)return'';h.id='hd-'+i;return'

'+txt+'

';}).filter(Boolean).join(''); panel.innerHTML=html; panel.querySelectorAll('.toc-item').forEach(function(el){el.addEventListener('click',function(){var e=document.getElementById(el.getAttribute('data-hd'));if(e)e.scrollIntoView({behavior:'smooth',block:'start'});});}); } /* HIGHLIGHT */ var hlMode=null; function onBodyMouseUp(){ if(!hlMode)return; var sel=window.getSelection();if(!sel||sel.isCollapsed||!sel.rangeCount)return; var r=sel.getRangeAt(0).cloneRange(); if(hlMode==='add')applyHighlight(r); else if(hlMode==='remove')removeHL(r); } function toggleHL(mode){ hlMode=(hlMode===mode)?null:mode; var a=document.getElementById('hl-off-btn'),b=document.getElementById('hl-on-btn'),c=document.getElementById('hl-remove-btn'); if(a){a.classList.remove('hl-mode-add');a.style.display='';} if(b){b.classList.remove('hl-mode-add');b.style.display='none';} if(c)c.classList.remove('hl-mode-remove'); if(hlMode==='add'){if(a)a.style.display='none';if(b){b.style.display='';b.classList.add('hl-mode-add');}toast('Highlight ON');} else if(hlMode==='remove'){if(c)c.classList.add('hl-mode-remove');toast('Remove highlight — select text');} else toast('Highlighter OFF'); } function _highlightRange(range,color){ if(!range||range.collapsed)return; var sc=range.startContainer,ec=range.endContainer,so=range.startOffset,eo=range.endOffset; if(sc.nodeType===1){var scChild=sc.childNodes[so]||sc.firstChild;if(scChild&&scChild.nodeType===3)sc=scChild;else if(scChild&&scChild.firstChild&&scChild.firstChild.nodeType===3)sc=scChild.firstChild;} if(ec.nodeType===1){var ecChild=ec.childNodes[eo>0?eo-1:0]||ec.lastChild;if(ecChild&&ecChild.nodeType===3)ec=ecChild;else if(ecChild&&ecChild.lastChild&&ecChild.lastChild.nodeType===3)ec=ecChild.lastChild;if(ec.nodeType===3&&eo>ec.length)eo=ec.length;} var root=sc.nodeType===1?sc:sc.parentElement; while(root&&(root.className||'').indexOf('ne-page-body')<0&&root.parentElement)root=root.parentElement; if(!root||(root.className||'').indexOf('ne-page-body')<0)root=document.querySelector('.ne-page-body'); if(!root)return; var nodes=[]; var walk=document.createTreeWalker(root,NodeFilter.SHOW_TEXT,null,false); var n;while(n=walk.nextNode()){try{var nr=document.createRange();nr.selectNode(n);if(nr.compareBoundaryPoints(Range.END_TO_START,range)<=0&&nr.compareBoundaryPoints(Range.START_TO_END,range)>=0)nodes.push(n);}catch(ex){try{if(range.intersectsNode(n))nodes.push(n);}catch(e2){}}} nodes.forEach(function(tn){ if(!tn||!tn.parentNode)return; if(tn.parentNode.dataset&&tn.parentNode.dataset.hl==='1')return; var s=tn===sc?so:0,e=tn===ec?eo:tn.length; if(range.startContainer.nodeType===1&&range.startContainer.contains(tn))s=0; if(range.endContainer.nodeType===1&&range.endContainer.contains(tn))e=tn.length; if(s<0)s=0;if(e>tn.length)e=tn.length;if(s>=e)return; try{if(e0?tn.splitText(s):tn;var span=document.createElement('span');span.dataset.hl='1';span.style.cssText='background:'+color+';border-radius:2px;';target.parentNode.insertBefore(span,target);span.appendChild(target);}catch(ex){} }); } function applyHighlight(r){var range=r||window.getSelection().getRangeAt(0);if(!range||range.collapsed)return;_highlightRange(range,'rgba(255,214,10,0.45)');var s=window.getSelection();if(s)s.removeAllRanges();saveNote();} function applyHighlightColor(range,color){if(!range||range.collapsed)return;_highlightRange(range,color);saveNote();} function removeHL(capturedRange){ var range=capturedRange;if(!range){var sel=window.getSelection();if(!sel||sel.isCollapsed||!sel.rangeCount)return;range=sel.getRangeAt(0).cloneRange();} var root=range.startContainer.nodeType===1?range.startContainer:range.startContainer.parentElement; while(root&&(root.className||'').indexOf('ne-page-body')<0&&root.parentElement)root=root.parentElement; if(!root)root=document.querySelector('.ne-page-body');if(!root)return; var seen=new Set(); Array.from(root.querySelectorAll('[data-hl]')).filter(function(s){if(seen.has(s))return false;seen.add(s);return true;}).forEach(function(span){ try{if(!range.intersectsNode(span))return;var parent=span.parentNode;if(!parent)return;while(span.firstChild)parent.insertBefore(span.firstChild,span);parent.removeChild(span);}catch(e){} }); var sel2=window.getSelection();if(sel2)sel2.removeAllRanges();saveNote(); } /* LINKS */ var _linkSavedSel=null; function openLinkModal(){ var sel=window.getSelection(),selText=''; if(sel&&!sel.isCollapsed){_linkSavedSel=sel.getRangeAt(0).cloneRange();selText=sel.toString();}else{_linkSavedSel=null;} document.getElementById('link-text').value=selText; document.getElementById('link-url').value='https://'; openModal('link-modal');setTimeout(function(){document.getElementById('link-url').focus();},100); } function insertLink(){ var url=(document.getElementById('link-url').value||'').trim(); var text=(document.getElementById('link-text').value||'').trim(); if(!url||url==='https://'){toast('Enter a URL');return;} if(!url.match(/^https?:\/\//))url='https://'+url; closeModal('link-modal'); if(window._editingLink){window._editingLink.href=url;if(text)window._editingLink.textContent=text;window._editingLink=null;saveNote();toast('Link updated ✓');return;} var a=document.createElement('a');a.href=url;a.target='_blank';a.rel='noopener noreferrer';a.textContent=text||url; var page=getActivePage()||document.querySelector('.ne-page-body');if(!page)return; if(_linkSavedSel){try{var sel=window.getSelection();page.focus();sel.removeAllRanges();sel.addRange(_linkSavedSel);_linkSavedSel.deleteContents();_linkSavedSel.insertNode(a);}catch(ex){page.focus();document.execCommand('insertHTML',false,a.outerHTML);}} else{page.focus();document.execCommand('insertHTML',false,a.outerHTML);} _linkSavedSel=null;saveNote();toast('Link inserted ✓'); } document.addEventListener('click',function(e){ if(!e.target||e.target.nodeType!==1)return; var a=e.target.closest&&e.target.closest('.ne-page-body a');if(!a)return;e.preventDefault(); if(e.metaKey||e.ctrlKey){document.getElementById('link-text').value=a.textContent;document.getElementById('link-url').value=a.href;_linkSavedSel=null;window._editingLink=a;openModal('link-modal');} else window.open(a.href,'_blank','noopener,noreferrer'); }); /* PASTE */ function handlePaste(e){ e.preventDefault(); var html=e.clipboardData.getData('text/html'),text=e.clipboardData.getData('text/plain'); if(html){ var tmp=document.createElement('div');tmp.innerHTML=html; tmp.querySelectorAll('meta,link,style,script').forEach(function(el){el.remove();}); tmp.querySelectorAll('*').forEach(function(el){['style','class','color','face','size','bgcolor','align','width','height'].forEach(function(a){el.removeAttribute(a);});}); tmp.querySelectorAll('span,font').forEach(function(el){if(el.attributes.length===0){var p=el.parentNode;while(el.firstChild)p.insertBefore(el.firstChild,el);p.removeChild(el);}}); tmp.querySelectorAll('div').forEach(function(el){var hasBlock=Array.from(el.children).some(function(c){return['P','DIV','H1','H2','H3','UL','OL'].includes(c.tagName);});if(!hasBlock){var p=document.createElement('p');while(el.firstChild)p.appendChild(el.firstChild);el.parentNode&&el.parentNode.replaceChild(p,el);}}); tmp.querySelectorAll('p,div').forEach(function(el){if(!(el.textContent||'').trim()&&!el.querySelector('img'))el.remove();}); tmp.querySelectorAll('b').forEach(function(el){var s=document.createElement('strong');while(el.firstChild)s.appendChild(el.firstChild);el.parentNode&&el.parentNode.replaceChild(s,el);}); var cleaned=(tmp.innerHTML||'').trim(); if(cleaned){document.execCommand('insertHTML',false,cleaned);saveNote();return;} } if(text)document.execCommand('insertText',false,text);saveNote(); } /* PAGED EDITOR */ var PAGE_HEIGHT=820; function createPage(num){ var wrapper=document.createElement('div');wrapper.className='ne-page';wrapper.setAttribute('data-page',num); var clip=document.createElement('div');clip.className='ne-page-clip'; var body=document.createElement('div');body.className='ne-page-body';body.contentEditable='true'; body.setAttribute('data-placeholder','Continue writing...'); body.addEventListener('input',function(){saveNote();updateTOC();setTimeout(function(){checkPageOverflow(wrapper);},0);}); body.addEventListener('mouseup',onBodyMouseUp); body.addEventListener('keydown',handlePageKeydown); body.addEventListener('focus',function(){window._activePage=body;}); body.addEventListener('paste',function(ev){handlePaste(ev);setTimeout(function(){checkPageOverflow(wrapper);},100);}); body.addEventListener('contextmenu',function(e){ var sel=window.getSelection();var onHL=e.target&&(e.target.dataset&&e.target.dataset.hl||e.target.classList.contains('hl-span'));var onA=e.target&&(e.target.tagName==='A'||e.target.closest&&e.target.closest('a')); if((sel&&!sel.isCollapsed)||onHL||onA){e.preventDefault();showTextCtx(e);} }); clip.appendChild(body);wrapper.appendChild(clip); var footer=document.createElement('div');footer.className='ne-page-footer';footer.contentEditable='false'; footer.style.cssText='user-select:none;-webkit-user-select:none;pointer-events:none;'; var pl=document.createElement('span');pl.className='page-number';pl.textContent='Page '+num; var delBtn=document.createElement('button');delBtn.className='del-page-btn';delBtn.textContent='✕ Delete page';delBtn.setAttribute('onclick','deletePage(this)');delBtn.style.pointerEvents='auto'; var pr=document.createElement('span');pr.className='page-number';pr.textContent=num; footer.appendChild(pl);footer.appendChild(delBtn);footer.appendChild(pr);wrapper.appendChild(footer); return wrapper; } function handlePageKeydown(e){ if(e.key==='Enter'){var sel=window.getSelection();if(sel&&sel.rangeCount){var node=sel.getRangeAt(0).startContainer;var block=node.nodeType===3?node.parentElement:node;var tag=block&&block.tagName?block.tagName.toLowerCase():'p';if(!['h1','h2','h3'].includes(tag)&&block.parentElement)tag=block.parentElement.tagName?block.parentElement.tagName.toLowerCase():'p';if(['h1','h2','h3'].includes(tag)){e.preventDefault();document.execCommand('insertParagraph');document.execCommand('formatBlock',false,'p');saveNote();return;}}} saveNote(); } function checkPageOverflow(wrapper){ var body=wrapper.querySelector&&wrapper.querySelector('.ne-page-body');if(!body)return; if(body.scrollHeightPAGE_HEIGHT+1&&body.childNodes.length>1&&_maxIter-->0){var last=body.lastChild;if(nextBody.firstChild)nextBody.insertBefore(last,nextBody.firstChild);else nextBody.appendChild(last);moved++;} updatePageNumbers(); if(moved>0){var sel=window.getSelection();if(sel&&sel.rangeCount&&body.contains(sel.getRangeAt(0).startContainer)){nextBody.focus();var r=document.createRange();r.selectNodeContents(nextBody);r.collapse(true);sel.removeAllRanges();sel.addRange(r);window._activePage=nextBody;}if(nextBody.scrollHeight>PAGE_HEIGHT+1)setTimeout(function(){checkPageOverflow(nextWrapper);},0);} } function updatePageNumbers(){ var pages=document.querySelectorAll('.ne-page');var total=pages.length; pages.forEach(function(p,i){var num=i+1;p.setAttribute('data-page',num);var footer=p.querySelector('.ne-page-footer');if(!footer)return;var spans=footer.querySelectorAll('.page-number');if(spans[0])spans[0].textContent='Page '+num;if(spans[1])spans[1].textContent=num+' / '+total;}); } function updatePageNum(){updatePageNumbers();} function deletePage(btn){ var wrap=document.getElementById('ne-body-wrap');if(!wrap)return; var pages=Array.from(wrap.querySelectorAll('.ne-page'));if(pages.length<=1){toast('Cannot delete the only page');return;} var page=btn.closest('.ne-page');if(!page)return; showConfirm('Delete Page','All content on this page will be lost.','Delete',function(){var idx=pages.indexOf(page);page.remove();var remaining=Array.from(wrap.querySelectorAll('.ne-page'));var target=remaining[Math.min(idx,remaining.length-1)];if(target){var b=target.querySelector('.ne-page-body');if(b){b.focus();window._activePage=b;}}updatePageNumbers();saveNote();toast('Page deleted');}); } /* ATTACH BODY EVENTS */ function attachBodyEvents(){ var firstPage=document.querySelector('.ne-page-body');if(!firstPage)return; firstPage.addEventListener('input',function(){saveNote();updateTOC();setTimeout(function(){checkPageOverflow(firstPage.closest('.ne-page'));},0);}); firstPage.addEventListener('mouseup',onBodyMouseUp); firstPage.addEventListener('focus',function(){window._activePage=firstPage;}); firstPage.addEventListener('paste',function(e){handlePaste(e);setTimeout(function(){checkPageOverflow(firstPage.closest('.ne-page'));},100);}); firstPage.addEventListener('contextmenu',function(e){var sel=window.getSelection();var onHL=e.target&&(e.target.dataset&&e.target.dataset.hl||e.target.classList.contains('hl-span'));var onA=e.target&&(e.target.tagName==='A'||e.target.closest&&e.target.closest('a'));if((sel&&!sel.isCollapsed)||onHL||onA){e.preventDefault();showTextCtx(e);}}); firstPage.addEventListener('keydown',function(e){var mod=navigator.platform.toUpperCase().indexOf('MAC')>=0?e.metaKey:e.ctrlKey;var selImg=document.querySelector('.ne-img-wrap.selected');if(selImg&&(e.key==='Backspace'||e.key==='Delete')){e.preventDefault();selImg.remove();saveNote();return;}if(e.key==='Enter'){var sel2=window.getSelection();if(sel2&&sel2.rangeCount){var node2=sel2.getRangeAt(0).startContainer;var block2=node2.nodeType===3?node2.parentElement:node2;var tag2=block2&&block2.tagName?block2.tagName.toLowerCase():'p';if(!['h1','h2','h3'].includes(tag2)&&block2.parentElement)tag2=block2.parentElement.tagName?block2.parentElement.tagName.toLowerCase():'p';if(['h1','h2','h3'].includes(tag2)){e.preventDefault();document.execCommand('insertParagraph');document.execCommand('formatBlock',false,'p');saveNote();return;}}}if(mod&&e.key==='b'){e.preventDefault();fmt('bold');}if(mod&&e.key==='i'){e.preventDefault();fmt('italic');}if(mod&&e.key==='u'){e.preventDefault();fmt('underline');}if(mod&&e.shiftKey&&e.key==='H'){e.preventDefault();toggleHL('add');}if(mod&&e.key==='z'&&!e.shiftKey){e.preventDefault();document.execCommand('undo');saveNote();}if(mod&&(e.key==='y'||(e.shiftKey&&e.key==='Z'))){e.preventDefault();document.execCommand('redo');saveNote();}if(mod&&e.key==='k'){e.preventDefault();openLinkModal();}}); } /* OPEN NOTE */ function openNote(id){ curNote=id;var n=S.notes.find(function(x){return x.id===id;});if(!n)return; document.getElementById('ne-ph').style.display='none'; var a=document.getElementById('ne-active');a.style.display='flex';a.style.flex='1';a.style.flexDirection='column';a.style.minHeight='0'; document.getElementById('ne-ti').value=n.title||''; var wrap=document.getElementById('ne-body-wrap'); if(wrap){ var pages=wrap.querySelectorAll('.ne-page');for(var i=1;i').filter(function(p){return p.trim();});if(parts.length){firstPageBody.innerHTML=parts[0];for(var j=1;jTM.totSess){TM.sess=TM.totSess;updateDots();setTimeout(showFocusComplete,500);setTimeout(function(){TM.sess=1;TM.left=TM.w*60;TM.tot=TM.w*60;TM.running=false;document.getElementById('t-start').textContent='Start';document.getElementById('f-lbl').textContent='Ready to focus';updateTUI();updateDots();},3000);return;}TM.sess=next;TM.left=TM.w*60;TM.tot=TM.w*60;document.getElementById('t-start').textContent='Start';document.getElementById('f-lbl').textContent='Ready to focus';toast('Break over — session '+TM.sess+' ready');updateDots();} updateTUI(); } /* FOCUS ANIMATION */ var _focusAnim=null; function startFocusAnim(){ if(_focusAnim){cancelAnimationFrame(_focusAnim);_focusAnim=null;} var canvas=document.getElementById('focus-canvas');if(!canvas)return; var ctx=canvas.getContext('2d');var panel=document.getElementById('p-focus'); function resize(){canvas.width=panel.offsetWidth||800;canvas.height=panel.offsetHeight||600;}resize(); var colors=['rgba(71,96,58,0.3)','rgba(71,96,58,0.15)','rgba(100,130,80,0.2)','rgba(180,200,160,0.15)']; var shapes=[];for(var i=0;i<18;i++)shapes.push({x:Math.random()*800,y:Math.random()*600,r:20+Math.random()*120,vx:(Math.random()-0.5)*0.4,vy:(Math.random()-0.5)*0.4,color:colors[Math.floor(Math.random()*colors.length)],type:Math.floor(Math.random()*3),phase:Math.random()*Math.PI*2,speed:0.003+Math.random()*0.008}); var t=0; function frame(){ if(!document.getElementById('p-focus').classList.contains('on')){ cancelAnimationFrame(_focusAnim);_focusAnim=null;return; } resize();ctx.clearRect(0,0,canvas.width,canvas.height);t++; shapes.forEach(function(s){s.x+=s.vx;s.y+=s.vy;if(s.x<-s.r)s.x=canvas.width+s.r;if(s.x>canvas.width+s.r)s.x=-s.r;if(s.y<-s.r)s.y=canvas.height+s.r;if(s.y>canvas.height+s.r)s.y=-s.r;ctx.save();ctx.globalAlpha=0.7+0.3*Math.sin(t*s.speed+s.phase);ctx.fillStyle=s.color;var r=s.r*(1+0.1*Math.sin(t*s.speed*1.7+s.phase));if(s.type===0){ctx.beginPath();ctx.arc(s.x,s.y,r,0,Math.PI*2);ctx.fill();}else if(s.type===1){ctx.beginPath();for(var j=0;j<=6;j++){var angle=(j/6)*Math.PI*2,nr=r*(1+0.3*Math.sin(j*2.3+t*s.speed+s.phase));if(j===0)ctx.moveTo(s.x+Math.cos(angle)*nr,s.y+Math.sin(angle)*nr);else ctx.lineTo(s.x+Math.cos(angle)*nr,s.y+Math.sin(angle)*nr);}ctx.closePath();ctx.fill();}else{ctx.beginPath();ctx.arc(s.x,s.y,r,0,Math.PI*2);ctx.lineWidth=2+3*Math.sin(t*s.speed+s.phase);ctx.strokeStyle=s.color;ctx.stroke();}ctx.restore();}); _focusAnim=requestAnimationFrame(frame); }frame(); } /* FOCUS COMPLETE */ var FOCUS_QUOTES=["The secret of getting ahead is getting started. — Mark Twain","Fall seven times, stand up eight. — Japanese proverb","Small steps every day lead to big results.","You didn't come this far to only come this far.","Progress, not perfection.","The expert in anything was once a beginner.","Your future self is proud of you."]; function showFocusComplete(){ var overlay=document.getElementById('focus-complete-overlay');var quote=document.getElementById('fc-quote'); if(quote)quote.textContent=FOCUS_QUOTES[Math.floor(Math.random()*FOCUS_QUOTES.length)]; if(overlay){overlay.style.display='flex';overlay.style.pointerEvents='auto';} playFocusSound();startFCParticles(); } function playFocusSound(){ try{var ctx=new(window.AudioContext||window.webkitAudioContext)();[[523.25,0],[659.25,0.25],[783.99,0.5],[1046.5,0.75],[783.99,1.1],[659.25,1.35],[880,1.6],[1046.5,2.0]].forEach(function(pair){var osc=ctx.createOscillator();var gain=ctx.createGain();osc.connect(gain);gain.connect(ctx.destination);osc.type='sine';osc.frequency.setValueAtTime(pair[0],ctx.currentTime+pair[1]);gain.gain.setValueAtTime(0,ctx.currentTime+pair[1]);gain.gain.linearRampToValueAtTime(0.3,ctx.currentTime+pair[1]+0.05);gain.gain.exponentialRampToValueAtTime(0.001,ctx.currentTime+pair[1]+0.6);osc.start(ctx.currentTime+pair[1]);osc.stop(ctx.currentTime+pair[1]+0.7);});}catch(e){} } function startFCParticles(){ var canvas=document.getElementById('fc-canvas');if(!canvas)return;canvas.width=window.innerWidth;canvas.height=window.innerHeight;var ctx=canvas.getContext('2d'); var particles=[];for(var i=0;i<80;i++)particles.push({x:Math.random()*canvas.width,y:canvas.height+20,vx:(Math.random()-0.5)*3,vy:-(3+Math.random()*5),r:3+Math.random()*6,color:['#FFD60A','#30D158','#0A84FF','#FF375F','#BF5AF2','#FF9F0A'][Math.floor(Math.random()*6)],life:1,decay:0.005+Math.random()*0.01}); var anim2;function draw2(){ctx.clearRect(0,0,canvas.width,canvas.height);var alive=false;particles.forEach(function(p){if(p.life<=0)return;alive=true;p.x+=p.vx;p.y+=p.vy;p.vy+=0.05;p.life-=p.decay;ctx.save();ctx.globalAlpha=Math.max(0,p.life);ctx.fillStyle=p.color;ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,Math.PI*2);ctx.fill();ctx.restore();});if(alive)anim2=requestAnimationFrame(draw2);}draw2(); } /* CALENDAR */ var DAYS=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],MONTHS=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; var _calDragState=null,_calDrawState=null,_tbDay=null,_tbEditIdx=null; function fmtTime(h,m){var ampm=h<12?'AM':'PM',h12=h%12||12;return h12+':'+(m<10?'0'+m:m)+' '+ampm;} function parseTime(str){var p=(str||'09:00').split(':');return{h:parseInt(p[0])||0,m:parseInt(p[1])||0};} function minutesToTime(mins){var h=Math.floor(mins/60)%24,m=mins%60;return(h<10?'0'+h:h)+':'+(m<10?'0'+m:m);} function getWeek(){var today=new Date(),day=today.getDay(),start=new Date(today);start.setDate(today.getDate()-day+S.wkOff*7);var dates=[];for(var i=0;i<7;i++){var d=new Date(start);d.setDate(start.getDate()+i);dates.push(d);}return dates;} function chWeek(dir){S.wkOff+=dir;sv();renderWeek();} function renderWeek(){ var dates=getWeek(),today=new Date(),f=dates[0],l=dates[6]; var lbl=document.getElementById('wk-lbl');if(lbl)lbl.textContent=MONTHS[f.getMonth()]+' '+f.getDate()+' – '+MONTHS[l.getMonth()]+' '+l.getDate()+', '+f.getFullYear(); var timesEl=document.getElementById('cal-times');if(timesEl){var th='';for(var h=0;h<24;h++)th+='

'+fmtTime(h,0)+'

';timesEl.innerHTML=th;} var hdEl=document.getElementById('cal-day-headers');if(hdEl)hdEl.innerHTML=dates.map(function(d){var isT=d.toDateString()===today.toDateString();return'

'+DAYS[d.getDay()]+'

'+d.getDate()+'

';}).join(''); var gridEl=document.getElementById('cal-day-grid');if(!gridEl)return;gridEl.innerHTML=''; dates.forEach(function(d){ var key=d.toDateString(),col=document.createElement('div');col.className='cal-day-col';col.setAttribute('data-key',key); for(var h=0;h<24;h++){var line=document.createElement('div');line.className='cal-hour-line';line.style.top=(h*60)+'px';col.appendChild(line);var half=document.createElement('div');half.className='cal-half-line';half.style.top=(h*60+30)+'px';col.appendChild(half);} col.addEventListener('mousedown',function(e){if(e.target.closest&&e.target.closest('.cal-event'))return;if(e.button!==0)return;var rect=col.getBoundingClientRect();var startMin=Math.floor(Math.max(0,e.clientY-rect.top)/15)*15;_calDrawState={key:key,startMin:startMin,endMin:startMin+60,col:col,preview:null};var prev=document.createElement('div');prev.style.cssText='position:absolute;left:2px;right:2px;background:var(--accent2);border:2px dashed var(--accent);border-radius:5px;z-index:5;pointer-events:none;font-size:10px;padding:2px 4px;color:var(--accent);';prev.style.top=startMin+'px';prev.style.height='60px';col.appendChild(prev);_calDrawState.preview=prev;}); var evs=S.events[key]||[]; evs.forEach(function(ev,ei){ if(!ev.startTime)return; var sp=parseTime(ev.startTime),ep=parseTime(ev.endTime||''); var startMin=sp.h*60+sp.m,endMin=ev.endTime?(ep.h*60+ep.m):startMin+60; var evEl=document.createElement('div');evEl.className='cal-event '+(ev.type||'class'); evEl.style.top=startMin+'px';evEl.style.height=Math.max(20,endMin-startMin)+'px'; evEl.innerHTML='

'+(ev.name||'Event')+'

'+fmtTime(sp.h,sp.m)+(ev.endTime?' – '+fmtTime(ep.h,ep.m):'')+'

'; // Drag to move evEl.addEventListener('mousedown',function(e){ if(e.target.classList.contains('cal-resize-handle'))return; e.stopPropagation();if(e.button!==0)return;var _moved=false; var startY=e.clientY,startX=e.clientX,origTop=parseInt(evEl.style.top),dur=endMin-startMin; function onMove(ev2){var dy=ev2.clientY-startY,dx=ev2.clientX-startX;if(Math.abs(dy)>5||Math.abs(dx)>5)_moved=true;if(!_moved)return;var newTop=Math.max(0,Math.floor((origTop+dy)/15)*15);var targetEl=document.elementFromPoint(ev2.clientX,ev2.clientY);var targetCol=targetEl&&targetEl.closest&&targetEl.closest('.cal-day-col');var targetKey=targetCol?targetCol.getAttribute('data-key'):key;evEl.style.top=newTop+'px';evEl.style.opacity='0.7';evEl.style.outline=targetKey!==key?'2px dashed var(--accent)':'';_calDragState={key:key,targetKey:targetKey||key,evIdx:ei,newStart:newTop,newEnd:newTop+dur};} function onUp(){document.removeEventListener('mousemove',onMove);document.removeEventListener('mouseup',onUp);evEl.style.opacity='1';evEl.style.outline='';if(_moved&&_calDragState){var ns=_calDragState.newStart,ne=_calDragState.newEnd,srcKey=_calDragState.key,dstKey=_calDragState.targetKey||srcKey;var evCopy=JSON.parse(JSON.stringify(S.events[srcKey][ei]));evCopy.startTime=minutesToTime(ns);evCopy.endTime=minutesToTime(ne);if(dstKey!==srcKey){S.events[srcKey].splice(ei,1);if(!S.events[dstKey])S.events[dstKey]=[];S.events[dstKey].push(evCopy);}else S.events[srcKey][ei]=evCopy;sv();renderWeek();}else if(!_moved)openTBModal(key,null,ei);_calDragState=null;} document.addEventListener('mousemove',onMove);document.addEventListener('mouseup',onUp); }); // Right-click color evEl.addEventListener('contextmenu',function(e){e.preventDefault();e.stopPropagation();showEventCtxMenu(e,key,ei);}); // Resize (function(dayKey,evIdx,startMinRef,endMinRef){ var handle=evEl.querySelector('.cal-resize-handle');if(!handle)return; handle.addEventListener('mousedown',function(e){e.stopPropagation();e.preventDefault();var startY=e.clientY,origEnd=endMinRef;function onMove(ev2){var dy=ev2.clientY-startY,newEnd=Math.max(startMinRef+15,Math.floor((origEnd+dy)/15)*15);evEl.style.height=Math.max(20,newEnd-startMinRef)+'px';var timeLbl=evEl.querySelector('.cal-event-time');if(timeLbl)timeLbl.textContent=fmtTime(Math.floor(startMinRef/60),startMinRef%60)+' – '+fmtTime(Math.floor(newEnd/60),newEnd%60);_calDragState={key:dayKey,evIdx:evIdx,newStart:startMinRef,newEnd:newEnd,resize:true};}function onUp(){document.removeEventListener('mousemove',onMove);document.removeEventListener('mouseup',onUp);if(_calDragState&&_calDragState.resize){var ev2=JSON.parse(JSON.stringify(S.events[dayKey][evIdx]));ev2.endTime=minutesToTime(_calDragState.newEnd);S.events[dayKey][evIdx]=ev2;sv();renderWeek();}_calDragState=null;}document.addEventListener('mousemove',onMove);document.addEventListener('mouseup',onUp);}); })(key,ei,startMin,endMin); col.appendChild(evEl); }); if(d.toDateString()===today.toDateString()){var now=new Date();var nl=document.createElement('div');nl.className='cal-now-line';nl.style.top=(now.getHours()*60+now.getMinutes())+'px';col.appendChild(nl);} gridEl.appendChild(col); }); var sc=document.getElementById('cal-scroll');if(sc&&!sc._scrolled){sc.scrollTop=480;sc._scrolled=true;} restoreCalCustom(); } // Draw-to-create handlers document.addEventListener('mousemove',function(e){if(!_calDrawState||!_calDrawState.col)return;var col=_calDrawState.col,rect=col.getBoundingClientRect();var endMin=Math.max(_calDrawState.startMin+15,Math.floor(Math.max(0,e.clientY-rect.top)/15)*15);_calDrawState.endMin=endMin;if(_calDrawState.preview){_calDrawState.preview.style.top=_calDrawState.startMin+'px';_calDrawState.preview.style.height=(endMin-_calDrawState.startMin)+'px';_calDrawState.preview.textContent=fmtTime(Math.floor(_calDrawState.startMin/60),_calDrawState.startMin%60)+' – '+fmtTime(Math.floor(endMin/60),endMin%60);}}); document.addEventListener('mouseup',function(e){if(!_calDrawState||!_calDrawState.col)return;var state=_calDrawState;_calDrawState=null;if(state.preview)state.preview.remove();if(state.endMin-state.startMin<15)return;setTimeout(function(){_tbDay=state.key;_tbEditIdx=null;var g=function(id){return document.getElementById(id);};if(g('tb-modal-title'))g('tb-modal-title').textContent='New Block';if(g('tb-title'))g('tb-title').value='';if(g('tb-start'))g('tb-start').value=minutesToTime(state.startMin);if(g('tb-end'))g('tb-end').value=minutesToTime(state.endMin);if(g('tb-type'))g('tb-type').value='class';if(g('tb-recur'))g('tb-recur').value='none';var dbf=g('tb-date-field');if(dbf)dbf.style.display='none';openModal('tb-modal');setTimeout(function(){if(g('tb-title'))g('tb-title').focus();},150);},50);}); function openTBModal(dayKey,hour,editIdx){ _tbDay=dayKey;_tbEditIdx=editIdx;var isEdit=editIdx!==null&&editIdx!==undefined; var get=function(id){return document.getElementById(id);}; // Populate date field — convert dayKey (e.g. "Mon May 26 2025") to YYYY-MM-DD function dayKeyToISO(dk){try{var d=new Date(dk);var y=d.getFullYear(),m=d.getMonth()+1,day=d.getDate();return y+'-'+(m<10?'0'+m:m)+'-'+(day<10?'0'+day:day);}catch(e){return '';}} if(get('tb-date'))get('tb-date').value=dayKeyToISO(dayKey); if(isEdit){var ev=(S.events[dayKey]||[])[editIdx]||{};if(get('tb-modal-title'))get('tb-modal-title').textContent='Edit Event';if(get('tb-title'))get('tb-title').value=ev.name||'';if(get('tb-start'))get('tb-start').value=ev.startTime||'09:00';if(get('tb-end'))get('tb-end').value=ev.endTime||'10:00';if(get('tb-type'))get('tb-type').value=ev.type||'class';if(get('tb-recur'))get('tb-recur').value=ev.recur||'none';} else{var h2=(typeof hour==='number')?hour:9;if(get('tb-modal-title'))get('tb-modal-title').textContent='New Block';if(get('tb-title'))get('tb-title').value='';if(get('tb-start'))get('tb-start').value=(h2<10?'0'+h2:h2)+':00';if(get('tb-end'))get('tb-end').value=(h2+1<24?(h2+1<10?'0'+(h2+1):(h2+1)):h2)+':00';if(get('tb-type'))get('tb-type').value='class';if(get('tb-recur'))get('tb-recur').value='none';} // Hide date field for new blocks (date = the column you clicked); show for edits if(get('tb-date-field'))get('tb-date-field').style.display=isEdit?'':'none'; openModal('tb-modal');setTimeout(function(){document.getElementById('tb-title')&&document.getElementById('tb-title').focus();},100); } function saveTimeBlock(){ var name=(document.getElementById('tb-title').value||'').trim();if(!name){toast('Add a title');return;} var startTime=document.getElementById('tb-start').value,endTime=document.getElementById('tb-end').value,type=document.getElementById('tb-type').value; var recur=document.getElementById('tb-recur')?document.getElementById('tb-recur').value:'none'; var ev={name:name,startTime:startTime,endTime:endTime,type:type,recur:recur}; if(!S.events[_tbDay])S.events[_tbDay]=[]; if(_tbEditIdx!==null&&_tbEditIdx!==undefined){ // Check if date was changed var dateInput=document.getElementById('tb-date'); var newDate=dateInput?dateInput.value:''; var newDayKey=_tbDay; if(newDate){try{var d=new Date(newDate+'T00:00:00');newDayKey=d.toDateString();}catch(e){}} if(newDayKey&&newDayKey!==_tbDay){ // Move event to new date S.events[_tbDay].splice(_tbEditIdx,1); if(!S.events[newDayKey])S.events[newDayKey]=[]; S.events[newDayKey].push(ev); } else { S.events[_tbDay][_tbEditIdx]=ev; } toast('Updated ✓'); } else{S.events[_tbDay].push(ev);if(recur!=='none'){var date=new Date(_tbDay),intervals={daily:1,weekly:7,biweekly:14};for(var r=1;r<=52;r++){if(recur==='monthly'){date=new Date(_tbDay);date.setMonth(date.getMonth()+r);}else date.setDate(date.getDate()+(intervals[recur]||7));var rKey=date.toDateString();if(!S.events[rKey])S.events[rKey]=[];S.events[rKey].push(JSON.parse(JSON.stringify(ev)));}toast('Recurring event added ✓');}else toast('Block added ✓');} sv();renderWeek();closeModal('tb-modal'); } function addEvent(){saveTimeBlock();} function openSchedModal(k){openTBModal(k,9,null);} /* EVENT CTX MENU */ var _ctxEvKey=null,_ctxEvIdx=null; function showEventCtxMenu(e,key,idx){ _ctxEvKey=key;_ctxEvIdx=idx; document.querySelectorAll('.ctx-menu.on').forEach(function(m){m.classList.remove('on');}); var m=document.getElementById('ev-ctx-menu');if(!m)return; m.style.top=Math.min(e.clientY,window.innerHeight-260)+'px';m.style.left=Math.min(e.clientX,window.innerWidth-180)+'px';m.classList.add('on'); } function setEventColor(type){if(_ctxEvKey===null||_ctxEvIdx===null)return;if(!S.events[_ctxEvKey]||!S.events[_ctxEvKey][_ctxEvIdx])return;S.events[_ctxEvKey][_ctxEvIdx].type=type;sv();renderWeek();closeEvCtx();} function closeEvCtx(){var m=document.getElementById('ev-ctx-menu');if(m){m.classList.remove('on');m.style.display='none';setTimeout(function(){m.style.display='';},50);}_ctxEvKey=null;_ctxEvIdx=null;} function deleteCalEvent(){if(_ctxEvKey===null||_ctxEvIdx===null)return;var evKey=_ctxEvKey,evIdx=_ctxEvIdx;closeEvCtx();showConfirm('Delete Event','This event will be permanently deleted.','Delete',function(){if(S.events[evKey])S.events[evKey].splice(evIdx,1);sv();renderWeek();});} document.addEventListener('click',function(e){if(!e.target.closest||!e.target.closest('#ev-ctx-menu'))closeEvCtx();}); /* TEXT CONTEXT */ function showTextCtx(e){ var sel=window.getSelection(),hasSelection=sel&&!sel.isCollapsed; var hlTarget=e.target;while(hlTarget&&hlTarget.tagName!=='DIV'&&!(hlTarget.dataset&&hlTarget.dataset.hl==='1'))hlTarget=hlTarget.parentElement; var onHighlight=hlTarget&&(hlTarget.dataset&&hlTarget.dataset.hl==='1'); var linkEl=e.target;while(linkEl&&linkEl.tagName!=='A'&&linkEl.tagName!=='DIV')linkEl=linkEl.parentElement; var onLink=linkEl&&linkEl.tagName==='A'; if(!hasSelection&&!onHighlight&&!onLink)return; if(hasSelection)_textCtxSel=sel.getRangeAt(0).cloneRange(); if(onHighlight)window._ctxHlTarget=hlTarget; if(onLink)window._ctxLink=linkEl; var m=document.getElementById('text-ctx-menu');if(!m)return; m.style.top=Math.min(e.clientY,window.innerHeight-420)+'px';m.style.left=Math.min(e.clientX,window.innerWidth-200)+'px';m.classList.add('on'); } var _textCtxSel=null; function closeTextCtx(){var m=document.getElementById('text-ctx-menu');if(m)m.classList.remove('on');_textCtxSel=null;} function tctxRestoreSel(){if(_textCtxSel){var sel=window.getSelection();if(sel){sel.removeAllRanges();sel.addRange(_textCtxSel);}}} function tctxFmt(cmd,val){tctxRestoreSel();document.execCommand(cmd,false,val||null);saveNote();updateTOC();closeTextCtx();} function tctxHL(){tctxRestoreSel();applyHighlight(_textCtxSel);closeTextCtx();} function tctxRemoveHL(){tctxRestoreSel();removeHL(_textCtxSel);closeTextCtx();} function tctxColor(c){tctxRestoreSel();document.execCommand('foreColor',false,c);saveNote();closeTextCtx();} function tctxEditLink(){var a=window._ctxLink;if(!a)return;document.getElementById('link-text').value=a.textContent||'';document.getElementById('link-url').value=a.href||'';window._editingLink=a;closeTextCtx();openModal('link-modal');} function tctxUnlink(){var a=window._ctxLink;if(!a||!a.parentNode)return;var p=a.parentNode;while(a.firstChild)p.insertBefore(a.firstChild,a);p.removeChild(a);window._ctxLink=null;closeTextCtx();saveNote();toast('Link removed');} function tctxChangeHL(color){if(window._ctxHlTarget){window._ctxHlTarget.style.cssText='background:'+color+';border-radius:2px;';saveNote();}else if(_textCtxSel){tctxRestoreSel();applyHighlightColor(_textCtxSel,color);saveNote();}window._ctxHlTarget=null;closeTextCtx();} document.addEventListener('click',function(e){if(!e.target.closest||!e.target.closest('.text-ctx-menu'))closeTextCtx();}); /* LOCKDOWN */ var _lockdownActive=false; function toggleLockdown(){ _lockdownActive=!_lockdownActive;var btn=document.getElementById('lockdown-btn'),overlay=document.getElementById('lockdown-overlay'); if(_lockdownActive){if(btn){btn.textContent='🔓 Exit Focus Mode';btn.style.background='var(--red)';}if(overlay){overlay.style.display='block';overlay.style.border='3px solid var(--red)';overlay.style.animation='lockdown-pulse 2s infinite';}window._lockdownHandler=function(e){if(e.target.tagName==='A'&&!e.target.closest('.ne-page-body')){e.preventDefault();toast('Focus mode active — links disabled');}};document.addEventListener('click',window._lockdownHandler,true);toast('🔒 Focus mode ON');} else{if(btn){btn.textContent='🔒 Focus Mode';btn.style.background='';}if(overlay){overlay.style.display='none';overlay.style.border='3px solid transparent';overlay.style.animation='none';}if(window._lockdownHandler)document.removeEventListener('click',window._lockdownHandler,true);toast('Focus mode OFF');} } /* CALENDAR CUSTOMIZATION */ function setCalBg(input){var file=input.files&&input.files[0];if(!file)return;var reader=new FileReader();reader.onload=function(ev){var scroll=document.getElementById('cal-scroll');if(scroll){scroll.style.backgroundImage='url('+ev.target.result+')';scroll.style.backgroundSize='cover';scroll.style.backgroundPosition='center';}S.calBg=ev.target.result;sv();toast('Background set ✓');};reader.readAsDataURL(file);} function clearCalBg(){var scroll=document.getElementById('cal-scroll');if(scroll){scroll.style.backgroundImage='';scroll.style.background='';}S.calBg=null;sv();toast('Background cleared');} function setCalFont(font){var grid=document.getElementById('cal-day-grid'),hdrs=document.getElementById('cal-day-headers');if(grid)grid.style.fontFamily=font;if(hdrs)hdrs.style.fontFamily=font;S.calFont=font;sv();} function restoreCalCustom(){if(S.calBg){var scroll=document.getElementById('cal-scroll');if(scroll){scroll.style.backgroundImage='url('+S.calBg+')';scroll.style.backgroundSize='cover';scroll.style.backgroundPosition='center';}}if(S.calFont){var sel=document.getElementById('cal-font-sel');if(sel)sel.value=S.calFont;setCalFont(S.calFont);}} function requestNotifPermission(){if(!('Notification'in window)){toast('Notifications not supported');return;}if(Notification.permission==='granted'){toast('Already enabled ✓');return;}Notification.requestPermission().then(function(p){toast(p==='granted'?'Notifications enabled ✓':'Permission denied');});} /* ============================================================ SPOTIFY — PKCE OAuth2 + Web Playback SDK Free: developer.spotify.com (register app, add redirect URI) Premium: full in-app playback | Free: remote control ============================================================ */ var SP={clientId:'',redirectUri:localStorage.getItem('sp_redirect_uri')||'http://localhost:8888/minima.html',token:null,deviceId:null,player:null,state:null,pollInterval:null,shuffle:false,repeat:'off'}; function spGenerateVerifier(len){var arr=new Uint8Array(len);window.crypto.getRandomValues(arr);return btoa(String.fromCharCode.apply(null,arr)).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'').slice(0,len);} async function spCodeChallenge(v){var data=new TextEncoder().encode(v);var digest=await window.crypto.subtle.digest('SHA-256',data);return btoa(String.fromCharCode.apply(null,new Uint8Array(digest))).replace(/\+/g,'-').replace(/\//g,'_').replace(/=/g,'');} async function spConnect(){ var storedId=localStorage.getItem('sp_client_id'); // Always use localhost as redirect URI - most reliable for local HTML files // User can run: python3 -m http.server 8888 and open http://localhost:8888/minima.html var storedRedirect=localStorage.getItem('sp_redirect_uri'); var defaultRedirect=storedRedirect||'http://localhost:8888/minima.html'; var instructions='SPOTIFY SETUP\n\n'+ 'Step 1: Serve this file locally (copy & run in Terminal):\n'+ ' python3 -m http.server 8888\n\n'+ 'Step 2: Open in browser: http://localhost:8888/minima.html\n\n'+ 'Step 3: In Spotify Dashboard → your app → Settings:\n'+ ' Add Redirect URI: '+defaultRedirect+'\n\n'+ 'Step 4: Paste your Client ID below.\n'+ '(Your redirect URI: '+defaultRedirect+')'; var clientId=storedId||prompt(instructions); if(!clientId)return; localStorage.setItem('sp_client_id',clientId); localStorage.setItem('sp_redirect_uri',defaultRedirect); SP.clientId=clientId; SP.redirectUri=defaultRedirect; var verifier=spGenerateVerifier(64);localStorage.setItem('sp_verifier',verifier); var challenge=await spCodeChallenge(verifier); var scopes=['user-read-playback-state','user-modify-playback-state','user-read-currently-playing','streaming','user-read-private','user-read-email'].join(' '); var params=new URLSearchParams({client_id:clientId,response_type:'code',redirect_uri:SP.redirectUri,code_challenge_method:'S256',code_challenge:challenge,scope:scopes,state:'minima_sp'}); window.location.href='https://accounts.spotify.com/authorize?'+params.toString(); } async function spExchangeCode(code){ var verifier=localStorage.getItem('sp_verifier'),clientId=localStorage.getItem('sp_client_id');if(!verifier||!clientId)return; var resp=await fetch('https://accounts.spotify.com/api/token',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams({client_id:clientId,grant_type:'authorization_code',code:code,redirect_uri:SP.redirectUri,code_verifier:verifier})}); var data=await resp.json(); if(data.access_token){SP.token=data.access_token;localStorage.setItem('sp_token',data.access_token);localStorage.setItem('sp_refresh',data.refresh_token||'');localStorage.setItem('sp_token_exp',Date.now()+(data.expires_in-60)*1000);spShowPlayer();spInitWebPlayback();spPollState();} } async function spRefreshToken(){var refresh=localStorage.getItem('sp_refresh'),clientId=localStorage.getItem('sp_client_id');if(!refresh||!clientId)return false;var resp=await fetch('https://accounts.spotify.com/api/token',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams({grant_type:'refresh_token',refresh_token:refresh,client_id:clientId})});var data=await resp.json();if(data.access_token){SP.token=data.access_token;localStorage.setItem('sp_token',data.access_token);localStorage.setItem('sp_token_exp',Date.now()+(data.expires_in-60)*1000);return true;}return false;} async function spAPI(method,endpoint,body){var exp=parseInt(localStorage.getItem('sp_token_exp')||'0');if(Date.now()>exp)await spRefreshToken();var token=SP.token||localStorage.getItem('sp_token');if(!token)return null;var opts={method:method,headers:{Authorization:'Bearer '+token}};if(body){opts.headers['Content-Type']='application/json';opts.body=JSON.stringify(body);}try{var resp=await fetch('https://api.spotify.com/v1'+endpoint,opts);if(resp.status===204||resp.status===202||resp.status===200){try{return await resp.json();}catch(e){return{};}}if(resp.status===401){await spRefreshToken();return spAPI(method,endpoint,body);}return null;}catch(e){return null;}} function spShowPlayer(){var cv=document.getElementById('sp-connect-view'),pv=document.getElementById('sp-player-view'),db=document.getElementById('sp-disconnect-btn');if(cv)cv.style.display='none';if(pv)pv.style.display='block';if(db)db.style.display='block';} function spDisconnect(){SP.token=null;SP.player=null;SP.deviceId=null;['sp_token','sp_refresh','sp_token_exp','sp_client_id','sp_verifier'].forEach(function(k){localStorage.removeItem(k);});if(SP.pollInterval)clearInterval(SP.pollInterval);var cv=document.getElementById('sp-connect-view'),pv=document.getElementById('sp-player-view'),db=document.getElementById('sp-disconnect-btn');if(cv)cv.style.display='';if(pv)pv.style.display='none';if(db)db.style.display='none';toast('Spotify disconnected');} function spInitWebPlayback(){if(document.getElementById('sp-sdk'))return;var s=document.createElement('script');s.id='sp-sdk';s.src='https://sdk.scdn.co/spotify-player.js';document.head.appendChild(s);window.onSpotifyWebPlaybackSDKReady=function(){var token=SP.token||localStorage.getItem('sp_token');SP.player=new Spotify.Player({name:'minimあ',getOAuthToken:function(cb){cb(SP.token||localStorage.getItem('sp_token'));},volume:0.7});SP.player.addListener('ready',function(d){SP.deviceId=d.device_id;toast('Spotify ready ✓');});SP.player.addListener('not_ready',function(){SP.deviceId=null;});SP.player.addListener('player_state_changed',function(state){if(!state)return;spUpdateUI(state);});SP.player.connect();};} function spUpdateUI(state){if(!state||!state.track_window)return;var track=state.track_window.current_track;var tn=document.getElementById('sp-track-name'),art=document.getElementById('sp-artist'),artEl=document.getElementById('sp-art'),playBtn=document.getElementById('sp-play-btn'),bar=document.getElementById('sp-bar'),pos=document.getElementById('sp-pos'),dur=document.getElementById('sp-dur');if(tn)tn.textContent=track.name||'';if(art)art.textContent=(track.artists||[]).map(function(a){return a.name;}).join(', ');if(artEl){var img=track.album&&track.album.images&&track.album.images[0];if(img)artEl.innerHTML='

';else artEl.textContent='♪';}if(playBtn)playBtn.innerHTML=state.paused?'▶':'⏸';if(bar){bar.style.width=(state.position/(state.duration||1))*100+'%';}if(pos)pos.textContent=spFmtMs(state.position);if(dur)dur.textContent=spFmtMs(state.duration);SP.state=state;} async function spPollState(){if(SP.pollInterval)clearInterval(SP.pollInterval);SP.pollInterval=setInterval(async function(){var token=SP.token||localStorage.getItem('sp_token');if(!token)return;if(SP.deviceId&&SP.player)return;var data=await spAPI('GET','/me/player');if(data&&data.item)spUpdateUI({track_window:{current_track:{name:data.item.name,artists:data.item.artists,album:data.item.album}},paused:!data.is_playing,position:data.progress_ms||0,duration:data.item.duration_ms||1});},3000);} function spFmtMs(ms){var s=Math.floor((ms||0)/1000),m=Math.floor(s/60);s=s%60;return m+':'+(s<10?'0':'')+s;} async function spPlayPause(){if(SP.player&&SP.deviceId){SP.player.togglePlay();return;}var data=await spAPI('GET','/me/player');if(!data)return;if(data.is_playing){await spAPI('PUT','/me/player/pause');var btn=document.getElementById('sp-play-btn');if(btn)btn.innerHTML='▶';}else{await spAPI('PUT','/me/player/play');var btn=document.getElementById('sp-play-btn');if(btn)btn.innerHTML='⏸';}} async function spNext(){if(SP.player)SP.player.nextTrack();else await spAPI('POST','/me/player/next');} async function spPrev(){if(SP.player)SP.player.previousTrack();else await spAPI('POST','/me/player/previous');} async function spSetVolume(val){if(SP.player)SP.player.setVolume(val/100);else await spAPI('PUT','/me/player/volume?volume_percent='+Math.round(val));} async function spToggleShuffle(){SP.shuffle=!SP.shuffle;var btn=document.getElementById('sp-shuffle-btn');if(btn)btn.style.color=SP.shuffle?'#1DB954':'';await spAPI('PUT','/me/player/shuffle?state='+SP.shuffle);} async function spToggleRepeat(){var modes=['off','context','track'],idx=(modes.indexOf(SP.repeat)+1)%3;SP.repeat=modes[idx];var btn=document.getElementById('sp-repeat-btn');if(btn){btn.innerHTML=SP.repeat==='track'?'↺¹':'↺';btn.style.color=SP.repeat!=='off'?'#1DB954':'';}await spAPI('PUT','/me/player/repeat?state='+SP.repeat);} function spCheckCallback(){SP.redirectUri=localStorage.getItem('sp_redirect_uri')||SP.redirectUri;var params=new URLSearchParams(window.location.search),code=params.get('code'),state=params.get('state');if(code&&state==='minima_sp'){window.history.replaceState({},'',window.location.pathname);spExchangeCode(code);return;}var stored=localStorage.getItem('sp_token'),exp=parseInt(localStorage.getItem('sp_token_exp')||'0');if(stored&&Date.now()=c.nextReview;}).length; return '

' +'

'+d.name+'

' +'

'+d.cards.length+' cards'+(due?' · '+due+' due':'')+'

' +'

' +'' +'' +'

' +'

'; }).join(''); } function openDeck(id){ _curDeckId=id; var deck=S.decks.find(function(d){return d.id===id;}); if(!deck)return; document.getElementById('cards-deck-view').style.display='none'; document.getElementById('cards-editor-view').style.display='block'; document.getElementById('cards-study-view').style.display='none'; document.getElementById('deck-editor-title').textContent=deck.name; renderCardList(deck); } function showDeckView(){ document.getElementById('cards-deck-view').style.display='block'; document.getElementById('cards-editor-view').style.display='none'; document.getElementById('cards-study-view').style.display='none'; renderDecks(); } function renderCardList(deck){ var list=document.getElementById('card-list');if(!list)return; if(!deck.cards.length){ list.innerHTML='

No cards yet. Add your first card!

'; return; } list.innerHTML=deck.cards.map(function(c,i){ return '

' +'

Q

' +'

'+c.front+'

' +'

A

' +'

'+c.back+'

' +'

' +'' +'' +'

' +'

'; }).join(''); } function addCard(){ _editCardId=null; document.getElementById('card-front').value=''; document.getElementById('card-back').value=''; document.getElementById('card-modal-title').textContent='Add Card'; openModal('card-modal'); setTimeout(function(){document.getElementById('card-front').focus();},100); } function editCard(deckId,cardId){ var deck=S.decks.find(function(d){return d.id===deckId;}); if(!deck)return; var card=deck.cards.find(function(c){return c.id===cardId;}); if(!card)return; _editCardId=cardId;_curDeckId=deckId; document.getElementById('card-front').value=card.front; document.getElementById('card-back').value=card.back; document.getElementById('card-modal-title').textContent='Edit Card'; openModal('card-modal'); } function saveCard(){ var front=(document.getElementById('card-front').value||'').trim(); var back=(document.getElementById('card-back').value||'').trim(); if(!front||!back){toast('Fill in both sides');return;} var deck=S.decks.find(function(d){return d.id===_curDeckId;}); if(!deck)return; if(_editCardId){ var card=deck.cards.find(function(c){return c.id===_editCardId;}); if(card){card.front=front;card.back=back;} } else { deck.cards.push({id:'c'+Date.now(),front:front,back:back,box:0,nextReview:0}); } sv();closeModal('card-modal');renderCardList(deck);toast('Card saved ✓'); } function deleteCard(deckId,cardId){ var deck=S.decks.find(function(d){return d.id===deckId;}); if(!deck)return; deck.cards=deck.cards.filter(function(c){return c.id!==cardId;}); sv();renderCardList(deck);toast('Card deleted'); } function editDeck(id){ var deck=S.decks.find(function(d){return d.id===id;}); if(!deck)return; _editDeckId=id;_deckColor=deck.color||'#47603A'; document.getElementById('deck-name-inp').value=deck.name; document.getElementById('deck-modal-title').textContent='Edit Deck'; openModal('deck-modal'); } function deleteDeck(id){ showConfirm('Delete Deck','All cards in this deck will be deleted.','Delete',function(){ S.decks=S.decks.filter(function(d){return d.id!==id;}); sv();renderDecks(); }); } /* STUDY MODE */ function startStudy(){ var deck=S.decks.find(function(d){return d.id===_curDeckId;}); if(!deck||!deck.cards.length){toast('Add cards first');return;} // Sort by due date — spaced repetition _studyQueue=deck.cards.filter(function(c){return !c.nextReview||Date.now()>=c.nextReview;}); if(!_studyQueue.length){ // All reviewed — show all _studyQueue=deck.cards.slice(); toast('All up to date — reviewing all cards'); } // Shuffle for(var i=_studyQueue.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var tmp=_studyQueue[i];_studyQueue[i]=_studyQueue[j];_studyQueue[j]=tmp;} _studyIdx=0;_cardFlipped=false; document.getElementById('cards-deck-view').style.display='none'; document.getElementById('cards-editor-view').style.display='none'; document.getElementById('cards-study-view').style.display='flex'; showStudyCard(); } function showStudyCard(){ if(_studyIdx>=_studyQueue.length){exitStudy();toast('Session complete! 🎉');return;} var card=_studyQueue[_studyIdx]; _cardFlipped=false; document.getElementById('study-progress').textContent=(_studyIdx+1)+' / '+_studyQueue.length; document.getElementById('flip-card-content').textContent=card.front; document.getElementById('card-side-label').textContent='Front'; document.getElementById('study-btns').style.display='none'; var fc=document.getElementById('flip-card');if(fc)fc.style.background='var(--surface)'; } function flipCard(){ if(_studyIdx>=_studyQueue.length)return; var card=_studyQueue[_studyIdx]; if(!_cardFlipped){ _cardFlipped=true; document.getElementById('flip-card-content').textContent=card.back; document.getElementById('card-side-label').textContent='Back'; document.getElementById('flip-card').style.background='var(--accent2)'; document.getElementById('study-btns').style.display='flex'; } } function rateCard(rating){ // Spaced repetition: 0=again(1min), 1=hard(10min), 2=good(1day+) var card=_studyQueue[_studyIdx]; var deck=S.decks.find(function(d){return d.id===_curDeckId;}); if(deck){ var realCard=deck.cards.find(function(c){return c.id===card.id;}); if(realCard){ if(rating===0){realCard.box=0;realCard.nextReview=Date.now()+60*1000;} else if(rating===1){realCard.box=Math.max(0,(realCard.box||0));realCard.nextReview=Date.now()+10*60*1000;} else{realCard.box=(realCard.box||0)+1;var days=Math.pow(2,realCard.box);realCard.nextReview=Date.now()+days*24*3600*1000;} } } sv(); _studyIdx++; showStudyCard(); } function exitStudy(){ document.getElementById('cards-study-view').style.display='none'; if(_curDeckId){ document.getElementById('cards-editor-view').style.display='block'; } else { document.getElementById('cards-deck-view').style.display='block'; } } /* QUIZ MODE */ function openQuiz(){ if(!S.decks||!S.decks.length){toast('Create a deck first');return;} // Multiple choice quiz from all cards var allCards=[]; S.decks.forEach(function(d){allCards=allCards.concat(d.cards.map(function(c){return {front:c.front,back:c.back};}));}); if(allCards.length<2){toast('Add at least 2 cards for a quiz');return;} // Shuffle for(var i=allCards.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=allCards[i];allCards[i]=allCards[j];allCards[j]=t;} var quizCards=allCards.slice(0,Math.min(10,allCards.length)); window._quiz={cards:quizCards,idx:0,score:0,total:quizCards.length}; renderQuizQuestion(); openModal('quiz-modal'); } function renderQuizQuestion(){ var q=window._quiz; if(q.idx>=q.total){ document.getElementById('quiz-content').innerHTML='

'+( q.score/q.total>=0.7?'🌟':'📚')+'

'+q.score+' / '+q.total+'

'+(q.score/q.total>=0.7?'Great work!':'Keep studying!')+'

'; document.getElementById('quiz-acts').innerHTML=''; return; } var card=q.cards[q.idx]; // Generate wrong answers from other cards var others=q.cards.filter(function(c,i){return i!==q.idx;}).map(function(c){return c.back;}); for(var i=others.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=others[i];others[i]=others[j];others[j]=t;} var wrongs=others.slice(0,3); var choices=[card.back].concat(wrongs); for(var i=choices.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=choices[i];choices[i]=choices[j];choices[j]=t;} document.getElementById('quiz-content').innerHTML='

Question '+(q.idx+1)+' of '+q.total+'

'+card.front+'

'+choices.map(function(ch){return '';}).join('')+'

'; document.getElementById('quiz-acts').innerHTML=''; } function quizAnswer(btn,answer){ var q=window._quiz; var correct=q.cards[q.idx].back; var isCorrect=answer===correct; if(isCorrect){q.score++;btn.style.background='rgba(48,209,88,0.15)';btn.style.borderColor='#30D158';btn.style.color='#1a9e45';} else{btn.style.background='rgba(255,69,58,0.1)';btn.style.borderColor='var(--red)';btn.style.color='var(--red)'; // Show correct answer var allBtns=btn.parentElement.querySelectorAll('button'); allBtns.forEach(function(b){if(b.textContent===correct){b.style.background='rgba(48,209,88,0.15)';b.style.borderColor='#30D158';b.style.color='#1a9e45';}}); } // Disable all buttons btn.parentElement.querySelectorAll('button').forEach(function(b){b.onclick=null;b.style.cursor='default';}); document.getElementById('quiz-acts').innerHTML=''; } /* goTab extension for cards */ // Hook cards rendering into goTab (function(){ var _orig=goTab; goTab=function(id,btn){_orig(id,btn);if(id==='cards')renderDecks();}; })();