https://www.sorusly.ai/assets/SharedNotePage-j4zLH5jr.js

1import{j as e}from"./query-vendor-Ds0DV8-_.js";import{i as b,a as n,L as a}from"./react-vendor-C3oeC08Q.js";import{S as x}from"./SEOHead-zcHCK6E5.js";import{c as y}from"./index-C3MLWdW5.js";import"./analytics-DecdBF38.js";const v=()=>{const{token:l}=b(),[s,m]=n.useState(null),[p,h]=n.useState(!0),[u,i]=n.useState("");if(n.useEffect(()=>{l&&fetch(`${y()}/share/public/${l}`).then(t=>t.json()).then(t=>{t.note?m(t.note):i(t.message||"Note not found")}).catch(()=>i("Failed to load shared note")).finally(()=>h(!1))},[l]),p)return e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-background",children:e.jsx("div",{className:"w-8 h-8 border-2 border-primary/30 border-t-primary rounded-full animate-spin"})});if(u||!s)return e.jsxs("div",{className:"min-h-screen flex flex-col items-center justify-center bg-background gap-4 px-4",children:[e.jsx(x,{title:"Note Not Found — Sorusly",description:"This shared note could not be found."}),e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-red-500/10 flex items-center justify-center",children:e.jsx("svg",{className:"w-8 h-8 text-red-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"})})}),e.jsx("h1",{className:"text-xl font-bold text-text-primary",children:"Note not found"}),e.jsx("p",{className:"text-sm text-text-secondary text-center",children:"This shared link may have expired or been revoked."}),e.jsx(a,{to:"/signup",className:"btn-cyan mt-2",children:"Create your own notes free"})]});const o=s.summary?.keyConcepts||[],c=s.summary?.definitions||[],d=s.summary?.takeaways||[];return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx(x,{title:`${s.title} — Shared on Sorusly`,description:s.summary?.tldr?.substring(0,160)||"A shared note on Sorusly"}),e.jsx("header",{className:"border-b border-border bg-surface/50 backdrop-blur-sm sticky top-0 z-20",children:e.jsxs("div",{className:"max-w-4xl mx-auto px-4 py-3 flex items-center justify-between",children:[e.jsxs(a,{to:"/",className:"flex items-center gap-2 text-primary font-display font-bold text-lg",children:[e.jsxs("picture",{children:[e.jsx("source",{srcSet:"/assets/logo128.webp",type:"image/webp"}),e.jsx("img",{src:"/assets/logo128.png",alt:"Sorusly",className:"w-7 h-7 rounded-lg"})]}),"Sorusly"]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a,{to:"/login",className:"text-sm text-text-secondary hover:text-text-primary transition-colors font-medium",children:"Log In"}),e.jsx(a,{to:"/signup",className:"btn-cyan text-sm px-4 py-1.5",children:"Start free"})]})]})}),e.jsxs("main",{className:"max-w-4xl mx-auto px-4 py-8",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("span",{className:`text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 rounded-full border ${s.source_type==="video"?"bg-pink-500/10 border-pink-500/20 text-pink-400":"bg-cyan-500/10 border-cyan-500/20 text-cyan-400"}`,children:s.platform==="youtube"?"YouTube":s.source_type==="video"?"Video":"Article"}),e.jsx("span",{className:"text-xs text-text-muted",children:"Shared note"})]}),e.jsx("h1",{className:"text-2xl md:text-3xl font-display font-bold text-text-primary mb-2",children:s.title}),s.url&&e.jsx("a",{href:s.url,target:"_blank",rel:"noopener noreferrer",className:"text-sm text-primary/70 hover:text-primary truncate block mb-6",children:s.url}),s.summary?.tldr&&e.jsxs("div",{className:"rounded-xl border border-border bg-surface p-5 mb-6",children:[e.jsx("h2",{className:"text-xs font-bold tracking-widest uppercase text-text-secondary mb-2",children:"TL;DR"}),e.jsx("p",{className:"text-text-primary leading-relaxed",children:s.summary.tldr})]}),o.length>0&&e.jsxs("div",{className:"mb-6",children:[e.jsx("h2",{className:"text-xs font-bold tracking-widest uppercase text-text-secondary mb-3",children:"Key Concepts"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:o.map((t,r)=>e.jsx("span",{className:"text-sm px-3 py-1.5 rounded-full border border-primary/20 bg-primary/10 text-primary",children:t},r))})]}),c.length>0&&e.jsxs("div",{className:"mb-6",children:[e.jsx("h2",{className:"text-xs font-bold tracking-widest uppercase text-text-secondary mb-3",children:"Definitions"}),e.jsx("div",{className:"space-y-2",children:c.map((t,r)=>e.jsx("div",{className:"rounded-lg border border-border bg-surface/50 p-3 text-sm text-text-primary",children:t},r))})]}),d.length>0&&e.jsxs("div",{className:"mb-6",children:[e.jsx("h2",{className:"text-xs font-bold tracking-widest uppercase text-text-secondary mb-3",children:"Takeaways"}),e.jsx("ul",{className:"space-y-2",children:d.map((t,r)=>e.jsxs("li",{className:"flex items-start gap-2 text-sm text-text-primary",children:[e.jsx("span",{className:"text-primary mt-0.5",children:"✓"}),e.jsx("span",{children:t})]},r))})]}),s.tags?.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5 mb-8",children:s.tags.map((t,r)=>e.jsxs("span",{className:"text-xs px-2 py-0.5 rounded-full bg-white/5 border border-white/10 text-text-muted",children:["#",t]},r))}),e.jsxs("div",{className:"rounded-xl border border-primary/20 bg-primary/5 p-6 text-center",children:[e.jsx("p",{className:"text-lg font-display font-bold text-text-primary mb-2",children:"Turn any content into notes like this"}),e.jsx("p",{className:"text-sm text-text-secondary mb-4",children:"Paste any YouTube video or article URL and get summaries, mind maps, flashcards, and more — free."}),e.jsxs(a,{to:"/signup",className:"btn-cyan inline-flex items-center gap-2",children:["Create Free Account",e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 8l4 4m0 0l-4 4m4-4H3"})})]})]})]})]})};export{v as SharedNotePage};