${''}
${icon('check')}${esc(state.save)}${p?ibtn('Project options','project-options','settings'):''}${btn(p?'Export':'Import project',p?'export':'import-project',p?'download':'upload','small')}
Known relationships share a style. Other names have their own accent; hover or select a link to read its exact wording.
Save them before continuing, or discard this edit. Your last saved graph is unchanged.
',btn('Stay here','close-modal','','small ghost')+btn('Discard edit','gs-discard','','small')+btn('Save and continue','gs-save-continue','check','primary'));} +function gsSelect(id,edge=false){gsGuard(()=>{GS.dirty=false;state.node=edge?null:id;state.edge=edge?id:null;state.path=[];gsRequestDraw();refreshDirection();});} +selectNode=function(id){gsSelect(id);}; +function gsPoint(ev,svg){const p=svg.createSVGPoint();p.x=ev.clientX;p.y=ev.clientY;return p.matrixTransform(svg.getScreenCTM().inverse());} +function gsFit(points,width,height){if(!points.length)return;const c={...GS.view,zoom:1,panX:0,panY:0};const ps=points.map(p=>GraphMath.project(p,c));const xs=ps.map(p=>p.x),ys=ps.map(p=>p.y),minX=Math.min(...xs),maxX=Math.max(...xs),minY=Math.min(...ys),maxY=Math.max(...ys);const zoom=GraphMath.clamp(Math.min((width-180)/Math.max(160,maxX-minX),(height-170)/Math.max(120,maxY-minY)),.12,2);GS.view.zoom=zoom;GS.view.panX=-(minX+maxX)/2*zoom;GS.view.panY=-(minY+maxY)/2*zoom;GS.view.fit=false;} +function gsShape(shape,r,fill){const common=`fill="${fill}" stroke="currentColor" stroke-width="1.2"`;if(shape==='diamond')return `Reset filters or try another search.
':'A blank sheet. An open question.Add a node yourself or build a graph from your sources.
'; + $('#gs-axis').innerHTML=`${v.mode==='3d'?'XYZ':'XY'}`; + gsMini(nodes,world,width,height);gsBind(svg);gsRemember(); +}; +function gsMini(nodes,world,width,height){const mini=$('#gs-minimap');if(!mini)return;const pts=nodes.map(n=>({id:n.id,...GraphMath.project(world(n),{...GS.view,zoom:1,panX:0,panY:0})}));if(!pts.length){mini.innerHTML='';return;}const xs=pts.map(p=>p.x),ys=pts.map(p=>p.y),x0=Math.min(...xs)-80,y0=Math.min(...ys)-80,w=Math.max(...xs)-x0+80,h=Math.max(...ys)-y0+80,s=Math.min(130/w,78/h);GS.bound={x0,y0,s};const z=GS.view.zoom;mini.innerHTML=`${n?`Remove “${esc(n.label)}” and its ${count} incident connection(s)?`:'Remove only the selected connection?'}
Your source documents, voice and manuscript will not be deleted.
`,btn('Cancel','close-modal','','small')+btn('Delete from graph','gs-confirm-delete','x','primary'));return;} + if(a==='gs-confirm-delete'){await gsApply(state.node?'delete-node':'delete-edge',state.node||state.edge,{});closeModal();return;} + if(a==='gs-undo'){await flush();const result=await api('/projects/'+state.p.id+'/graph/undo',{version:state.p.version});state.p=result.project;GS.canUndo=result.can_undo;GS.dirty=false;state.node=null;state.edge=null;syncSummary();render();toast('Manual graph edit undone.');return;} + if(a==='gs-select-edge'){gsSelect(el.dataset.id,true);return;}if(a==='gs-deselect'){gsGuard(()=>{state.node=null;state.edge=null;GS.view.hops=0;GS.dirty=false;render();});return;} + if(a==='gs-connect-from'){gsGuard(()=>{GS.linkFrom=state.node;gsRequestDraw();toast('Click the destination node, then name the connection.');});return;} + if(a==='gs-focus-here'){GS.view.hops=1;GS.view.fit=true;gsViewRender();return;} + if(a==='gs-expand'){document.body.classList.toggle('graph-expanded');gsRequestDraw();return;} + if(a==='gs-clear'){GS.view.kind='';GS.view.relation='';GS.view.hops=0;state.search='';GS.view.fit=true;gsViewRender();return;} + if(a==='gs-2d'||a==='gs-3d'){GS.view.mode=a==='gs-2d'?'2d':'3d';GS.view.fit=true;gsViewRender();return;} + if(a==='gs-reset'){GS.view.yaw=.28;GS.view.pitch=-.15;GS.view.panX=0;GS.view.panY=0;GS.view.spread=1;GS.view.fit=true;} + if(a==='gs-spread')GS.view.spread=Math.min(3,GS.view.spread*1.18); + if(a==='fit-graph')GS.view.fit=true; + if(a==='zoom-in'||a==='zoom-out')GS.view.zoom=GraphMath.clamp(GS.view.zoom*(a==='zoom-in'?1.2:1/1.2),.12,5); + gsRequestDraw(); +}; +document.addEventListener('change',event=>{const e=event.target;if(!GS.view)return;if(['gs-kind','gs-relation','gs-focus','gs-limit'].includes(e.id)){const key={'gs-kind':'kind','gs-relation':'relation','gs-focus':'hops','gs-limit':'limit'}[e.id];GS.view[key]=['hops','limit'].includes(key)?Number(e.value):e.value;GS.view.fit=true;if(key==='hops'&&e.value!=='0'&&!state.node&&!state.edge)toast('Select an idea to focus its neighborhood.');gsRequestDraw();}}); +document.addEventListener('input',event=>{if(event.target.closest('.gs-edit-fields')){GS.dirty=true;const note=$('#gs-edit-status');if(note)note.textContent='Unsaved graph edit — press Save to apply.';}}); +document.addEventListener('keydown',event=>{if(event.key==='Escape'){GS.linkFrom=null;if(document.body.classList.contains('graph-expanded')){document.body.classList.remove('graph-expanded');gsRequestDraw();}}}); +window.addEventListener('resize',()=>{if(state.tab==='graph')gsRequestDraw();}); +const gsPreviousRender=render; +render=function(){gsPreviousRender();document.body.classList.toggle('graph-workspace',!!state.p&&state.tab==='graph');const side=$('.sidebar');if(side&&!$('.gs-paper-credit',side)){const credit=document.createElement('a');credit.className='gs-paper-credit';credit.href='https://commons.wikimedia.org/wiki/File:Graph_paper_notepad_(4562203394).jpg';credit.target='_blank';credit.rel='noopener noreferrer';credit.textContent='Paper scan · Calsidyrose / CC BY 2.0';side.append(credit);}if(state.tab!=='graph')document.body.classList.remove('graph-expanded');else if(state.p)gsRequestDraw();}; +if(state.p||state.projects.length)render(); + +const gsPreviousClose=window.graphpaperRequestClose; +window.graphpaperRequestClose=async()=>{if(!GS.dirty)return gsPreviousClose();await window.pywebview?.api?.cancel_close?.().catch(()=>{});gsGuard(()=>gsPreviousClose());}; +window.addEventListener('beforeunload',event=>{if(GS.dirty){event.preventDefault();event.returnValue='';}}); +document.addEventListener('keydown',event=>{if(GS.dirty&&(event.ctrlKey||event.metaKey)&&event.key.toLowerCase()==='s'){event.preventDefault();event.stopImmediatePropagation();gsSave().catch(err=>toast(err.message,true));}},true); diff --git a/ui/index.html b/ui/index.html index 6e13acb..63c14a1 100644 --- a/ui/index.html +++ b/ui/index.html @@ -13,6 +13,9 @@ + + +Opening your writing studio…