decaframe 0.1.0

package/editor/assets/PresenterView-Barr5wsl.js

@@ -0,0 +1 @@
+import{j as e,t as A}from"./index-CnMC8Z9d.js";import{r as s,u as D,P as w,a as L,n as O,B as E,G as R,b as f,E as z}from"./Shell-Dvc8Yvly.js";import"./_commonjsHelpers-CqkleIqs.js";const U=.4,S=260,y=640,$=32,M=480;function V(){const a=(()=>{var o;try{return(o=window.opener)==null?void 0:o.__editor}catch{return}})();return a?e.jsx(G,{editor:a}):e.jsx("p",{className:"df-presenter-error",children:"Open the deck in its own tab first, then open Presenter view from there."})}function B(){const a=Number(new URLSearchParams(location.search).get("at"));return Number.isInteger(a)&&a>=0?a:0}function G({editor:a}){const[o,x]=s.useState(B),[N,j]=s.useState(0),[l,P]=s.useState(!1),{pages:c,doc:i}=D(a);s.useEffect(()=>{x(t=>Math.max(0,Math.min(c.length-1,t)))},[c.length]);const[C,T]=s.useState(()=>Math.min(y,Math.max(S,Math.round(window.innerWidth*U)))),h=s.useRef(!1);s.useEffect(()=>{const t=d=>{if(!h.current)return;const W=window.innerWidth-d.clientX;T(Math.min(y,Math.max(S,W)))},r=()=>{h.current=!1};return window.addEventListener("pointermove",t),window.addEventListener("pointerup",r),()=>{window.removeEventListener("pointermove",t),window.removeEventListener("pointerup",r)}},[]);const b=s.useRef(null),[g,k]=s.useState(M);s.useEffect(()=>{const t=b.current;if(!t)return;const r=()=>k(Math.min(M,Math.max(200,t.clientWidth-$)));r();const d=new ResizeObserver(r);return d.observe(t),()=>d.disconnect()},[]),s.useEffect(()=>{const t=document.documentElement;t.dataset.format=i.format,t.dataset.align=i.align,t.dataset.theme=A(i.theme).theme.id,t.dataset.mode=i.mode,t.classList.toggle("dark",i.mode==="dark")},[i.format,i.align,i.theme,i.mode]),s.useEffect(()=>{if(l)return;const t=setInterval(()=>j(r=>r+1),1e3);return()=>clearInterval(t)},[l]),s.useEffect(()=>{const t=new BroadcastChannel(w);return t.onmessage=r=>{const d=r.data;typeof d.at=="number"&&x(d.at)},()=>t.close()},[]);const n=c[o]??null,m=o>0?c[o-1]:null,p=c[o+1]??null,u=L({extensions:O(),editable:!1,content:{type:"doc",content:[{type:"paragraph"}]}});s.useEffect(()=>{u&&u.commands.setContent((n==null?void 0:n.notes)??"",{contentType:"markdown"})},[u,n==null?void 0:n.notes]);const I=String(Math.floor(N/60)).padStart(2,"0"),_=String(N%60).padStart(2,"0"),v=t=>{const r=new BroadcastChannel(w);r.postMessage({go:o+t}),r.close()};return e.jsxs("div",{className:"df-presenter",children:[e.jsxs("header",{className:"df-presenter-head",children:[e.jsxs("div",{className:"df-presenter-timer-row",children:[e.jsxs("span",{className:"df-presenter-timer",children:[I,":",_]}),e.jsx(E,{variant:"ghost",size:"icon-xs",className:"df-presenter-timer-btn","aria-label":l?"Resume timer":"Pause timer",onClick:()=>P(t=>!t),children:e.jsx(R,{name:l?"Play":"Pause",size:13})}),e.jsx(E,{variant:"ghost",size:"icon-xs",className:"df-presenter-timer-btn","aria-label":"Reset timer",onClick:()=>j(0),children:e.jsx(R,{name:"RotateCcw",size:13})})]}),e.jsxs("span",{className:"df-presenter-count",children:["Slide ",o+1," of ",c.length]})]}),e.jsxs("div",{className:"df-presenter-body",style:{gridTemplateColumns:`1fr 12px ${C}px`},children:[e.jsxs("section",{className:"df-presenter-deck",ref:b,children:[n&&e.jsx("div",{className:"df-presenter-current",style:{"--presenter-current-w":`${g}px`},children:e.jsx(f,{editor:a,pageId:n.id,width:g},`cur-${n.id}`)}),e.jsxs("div",{className:"df-presenter-adjacent",children:[e.jsxs("button",{type:"button",className:"df-presenter-thumb",disabled:!m,onClick:()=>v(-1),"aria-label":"Previous slide",children:[m?e.jsx(f,{editor:a,pageId:m.id,width:150},`prev-${m.id}`):e.jsx("span",{className:"df-presenter-thumb-empty"}),e.jsx("span",{className:"df-presenter-thumb-label",children:"‹ Previous"})]}),e.jsxs("button",{type:"button",className:"df-presenter-thumb",disabled:!p,onClick:()=>v(1),"aria-label":"Next slide",children:[p?e.jsx(f,{editor:a,pageId:p.id,width:150},`next-${p.id}`):e.jsx("span",{className:"df-presenter-thumb-empty"}),e.jsx("span",{className:"df-presenter-thumb-label",children:"Next ›"})]})]})]}),e.jsx("div",{className:"df-presenter-divider",onPointerDown:()=>{h.current=!0},role:"separator","aria-orientation":"vertical","aria-label":"Resize speaker notes",children:e.jsx("span",{className:"df-presenter-divider-grip"})}),e.jsxs("section",{className:"df-presenter-notes",children:[e.jsx("p",{className:"df-presenter-notes-label",children:"Speaker notes"}),e.jsxs("div",{className:"df-presenter-notes-body",children:[e.jsx(z,{editor:u}),!(n!=null&&n.notes)&&e.jsx("p",{className:"df-empty",children:"No notes for this page."})]})]})]})]})}export{V as default};