// Generating, Preview, Export, Beautify, Dashboard const HEADLINES = [ "Reading your answers…", "Drafting your summary…", "Polishing your bullets…", "Picking the right verbs…", "Almost there…", ]; // ---- small helpers ---------------------------------------------------------- function relTime(iso) { if (!iso) return ''; const ms = Date.now() - new Date(iso).getTime(); const m = Math.floor(ms / 60000); if (m < 1) return 'just now'; if (m < 60) return `${m}m ago`; const h = Math.floor(m / 60); if (h < 24) return `${h}h ago`; const d = Math.floor(h / 24); return d === 1 ? 'yesterday' : `${d}d ago`; } function atsScore(data) { if (!data) return 0; let s = 58; if (data.summary) s += 8; if ((data.experience || []).length) s += 10; if ((data.experience || []).some(e => (e.bullets || []).length >= 2)) s += 8; if ((data.skills || []).length >= 4) s += 8; if (data.email) s += 3; if (data.phone) s += 3; if ((data.education || []).length) s += 2; return Math.min(99, s); } // Build a Word-compatible .doc (HTML) and trigger a real download. function downloadDoc(data) { const esc = (s) => String(s == null ? '' : s).replace(/&/g, '&').replace(//g, '>'); const contact = [data.location, data.phone, data.email, ...(data.links || [])].filter(Boolean).map(esc).join(' · '); const exp = (data.experience || []).map(e => `

${esc(e.title)}, ${esc(e.company)}${esc(e.dates)}

${e.location ? `

${esc(e.location)}

` : ''} `).join(''); const edu = (data.education || []).map(ed => `

${esc(ed.school)} — ${esc(ed.degree)}${esc(ed.year)}

`).join(''); const proj = (data.projects || []).map(p => `

${esc(p.name)} — ${esc(p.desc)}${esc(p.year)}

`).join(''); const html = `${esc(data.name)}

${esc(data.name)}

${contact}

${data.summary ? `

Summary

${esc(data.summary)}

` : ''} ${(data.experience || []).length ? `

Experience

${exp}` : ''} ${edu ? `

Education

${edu}` : ''} ${(data.skills || []).length ? `

Skills

${(data.skills || []).map(esc).join(' · ')}

` : ''} ${proj ? `

Projects

${proj}` : ''} `; const blob = new Blob(['', html], { type: 'application/msword' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); const date = new Date().toISOString().slice(0, 10).replace(/-/g, ''); a.href = url; a.download = `Resumerush_${(data.name || 'Resume').replace(/\s+/g, '_')}_${date}.doc`; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(() => URL.revokeObjectURL(url), 1000); } // =========================================================================== function GeneratingScreen({ go, surveyData, setResume, setResumeId }) { const [phase, setPhase] = useState(0); const [pct, setPct] = useState(0); const [error, setError] = useState(null); const readyRef = useRef(false); const okRef = useRef(false); const navedRef = useRef(false); const run = () => { setError(null); setPct(0); setPhase(0); readyRef.current = false; okRef.current = false; navedRef.current = false; window.RR.generateResume(surveyData || {}).then(async ({ resume, error: err }) => { if (err || !resume) { setError(err || 'Generation failed.'); return; } setResume(resume); try { const title = surveyData?.name ? `${surveyData.name}'s resume` : (surveyData?.role || 'My resume'); const row = await window.RR.db.save({ title, target_role: surveyData?.role || '', data: resume }); if (row && row.id) setResumeId(row.id); window.RR.survey?.clear(); } catch (e) { /* persistence is best-effort */ } okRef.current = true; readyRef.current = true; }); }; useEffect(() => { run(); }, []); useEffect(() => { if (error) return undefined; const headlineT = setInterval(() => setPhase(p => Math.min(p + 1, HEADLINES.length - 1)), 1800); const progT = setInterval(() => setPct(p => { const ceiling = readyRef.current ? 100 : 90; const next = Math.min(ceiling, p + (5 + Math.random() * 6)); if (next >= 100 && okRef.current && !navedRef.current) { navedRef.current = true; clearInterval(progT); setTimeout(() => go('preview'), 600); } return next; }), 500); return () => { clearInterval(headlineT); clearInterval(progT); }; }, [error]); if (error) { return (

We couldn't generate your resume.

The AI service didn't respond. This is usually temporary — give it another try.

go('survey', { resume: true })}>Edit answers } onClick={run}>Try again
); } return (
{Array.from({length: 12}).map((_, i) => ( ))}
Resumerush {[0, 120, 240].map(deg => ( ))}

{HEADLINES[phase]}

We never train on your data.
); } // =========================================================================== function PreviewScreen({ go, resume, setResume, surveyData, resumeId, setResumeId, user }) { const [toast, setToast] = useState(''); const [busy, setBusy] = useState(null); const [working, setWorking] = useState(''); const [loading, setLoading] = useState(!!resumeId && !resume); const [title, setTitle] = useState(''); const [savedAt, setSavedAt] = useState(null); const idRef = useRef(resumeId || null); const tone = surveyData?.tone || 'Confident'; const data = resume; const role = (data && data.experience && data.experience[0] && data.experience[0].title) || surveyData?.role || ''; const displayTitle = title || (data && data.name ? `${data.name}` : 'My resume'); const flash = (msg) => { setToast(msg); setTimeout(() => setToast(''), 2500); }; useEffect(() => { if (resumeId && !resume) { setLoading(true); window.RR.db.get(resumeId).then(row => { if (row) { setResume(row.data); setTitle(row.title || ''); setSavedAt(row.updated_at || null); idRef.current = row.id; } setLoading(false); }); } }, [resumeId]); const persist = async (newData, msg) => { setResume(newData); try { const row = await window.RR.db.save({ id: idRef.current || undefined, title: displayTitle, target_role: role, data: newData }); if (row) { idRef.current = row.id; if (!resumeId) setResumeId(row.id); setSavedAt(row.updated_at || new Date().toISOString()); } } catch (e) { /* best-effort */ } if (msg) flash(msg); }; const updateBullet = (ei, bi, newText) => { const exp = data.experience.map((e, i) => { if (i !== ei) return e; const bullets = newText === null ? e.bullets.filter((_, j) => j !== bi) : e.bullets.map((b, j) => (j === bi ? newText : b)); return { ...e, bullets }; }); persist({ ...data, experience: exp }); }; const onEdit = async (act, info = {}) => { const { ei, bi, text } = info; if (act === 'regen') { setBusy(`${ei}:${bi}`); const better = await window.RR.rephraseBullet({ text, role, tone, mode: 'rewrite' }); setBusy(null); if (better) { updateBullet(ei, bi, better); flash('Bullet regenerated. ✨'); } else flash('Could not reach the AI — try again.'); } else if (act === 'edit') { const next = window.prompt('Edit this bullet:', text); if (next != null && next.trim()) { updateBullet(ei, bi, next.trim()); flash('Saved.'); } } else if (act === 'del') { updateBullet(ei, bi, null); flash('Bullet deleted.'); } }; const regenerateAll = async () => { if (!surveyData) { flash('Edit your answers first.'); return; } setWorking('Regenerating everything…'); const { resume: r } = await window.RR.generateResume({ ...surveyData }); setWorking(''); if (r) persist(r, 'Fresh draft ready. ✨'); else flash('Could not regenerate — try again.'); }; const transformAll = async (mode, label) => { setWorking(label); const exp = []; for (const e of data.experience || []) { const bullets = []; for (const b of e.bullets || []) { const r = await window.RR.rephraseBullet({ text: b, role, tone, mode }); bullets.push(r || b); } exp.push({ ...e, bullets }); } setWorking(''); persist({ ...data, experience: exp }, 'Updated. ✨'); }; const tuneForJob = async () => { const jd = window.prompt('Paste the job description to tune your resume toward:'); if (!jd || !jd.trim()) return; setWorking('Tuning to the job…'); const base = surveyData || { role }; const payload = { ...base, transcript: `${base.transcript || ''}\n\nTARGET JOB DESCRIPTION:\n${jd.trim()}` }; const { resume: r } = await window.RR.generateResume(payload); setWorking(''); if (r) persist(r, 'Tuned to the job. ✨'); else flash('Could not tune — try again.'); }; const rename = async () => { const next = window.prompt('Rename this resume:', displayTitle); if (next == null || !next.trim()) return; setTitle(next.trim()); if (idRef.current) { await window.RR.db.rename(idRef.current, next.trim()); flash('Renamed.'); } }; const duplicate = async () => { if (!idRef.current) { flash('Save first.'); return; } await window.RR.db.duplicate(idRef.current); flash('Duplicated — find it on your dashboard.'); }; const removeResume = async () => { if (!idRef.current) { go('dashboard'); return; } if (!window.confirm('Delete this resume? This cannot be undone.')) return; await window.RR.db.remove(idRef.current); go('dashboard'); }; if (loading) { return
; } if (!data) { return

No resume open.

Start a new one and we'll build it from your answers.

} onClick={() => go('welcome')}>New resume
; } return (
{toast &&
{toast}
}
); } // =========================================================================== function ExportScreen({ go, resume }) { const data = resume || SAMPLE_RESUME; const [phase, setPhase] = useState('choose'); const fileBase = (data.name || 'Resume').replace(/\s+/g, '_'); const date = new Date().toISOString().slice(0, 10).replace(/-/g, ''); return (
{phase === 'choose' && (

How do you want to ship?

Most people end up with both. You can come back anytime.

{[ { id: 'boring', title: 'Boring', sub: 'ATS-safe .doc', features: ['Standard fonts, no formatting tricks', 'Passes ATS filters', 'Opens in Word or Google Docs', 'Free to edit forever'], cta: 'Download Word (.doc)', accent: '#1E3A8A' }, { id: 'beautify', title: 'Beautify', sub: 'Designed PDF', features: ['Templates, colors, fonts, layout', 'Looks great in portfolios', 'Optional photo monogram', 'Live preview before download'], cta: 'Open the Beautify Studio', accent: 'var(--accent-primary)' }, ].map(c => (

{c.title}

{c.sub}
    {c.features.map(f => (
  • {f}
    • ))}
{ if (c.id === 'beautify') go('beautify'); else { downloadDoc(data); setPhase('done'); } }} icon={c.id === 'boring' ? : undefined} iconRight={c.id === 'beautify' ? : undefined} > {c.cta}
))}
)} {phase === 'done' && (

Downloaded.

Open it in Word, or upload it to Google Drive to edit as a Doc.

Resumerush_{fileBase}_{date}.doc
} style={{ width:'100%' }} onClick={()=>downloadDoc(data)}>Download again go('preview')}>Back to my resume
)}
); } // =========================================================================== function DashboardScreen({ go, user }) { const [resumes, setResumes] = useState(null); const [menuId, setMenuId] = useState(null); const [survey, setSurvey] = useState(null); const displayName = (user?.user_metadata?.full_name?.split(' ')[0]) || user?.email?.split('@')[0] || 'there'; const load = () => { window.RR.db.list().then(setResumes).catch(() => setResumes([])); window.RR.survey?.get().then(setSurvey).catch(() => {}); }; useEffect(() => { load(); }, []); const signOut = async () => { try { await window.RR?.auth?.signOut(); } catch (e) { /* ignore */ } go('landing'); }; const rename = async (r) => { const next = window.prompt('Rename this resume:', r.title); if (next == null || !next.trim()) return; await window.RR.db.rename(r.id, next.trim()); setMenuId(null); load(); }; const duplicate = async (r) => { await window.RR.db.duplicate(r.id); setMenuId(null); load(); }; const remove = async (r) => { if (!window.confirm(`Delete "${r.title}"? This cannot be undone.`)) return; await window.RR.db.remove(r.id); setMenuId(null); load(); }; const discardSurvey = async () => { await window.RR.survey?.clear(); setSurvey(null); }; return (
setMenuId(null)}>

Welcome back, {displayName}.

{resumes == null ? 'Loading your resumes…' : resumes.length === 0 ? 'Let’s build your first resume.' : `${resumes.length} resume${resumes.length === 1 ? '' : 's'} saved.`}

} onClick={()=>go('welcome')}>New resume
{/* Resume-in-progress banner (real autosaved progress) */} {survey && typeof survey.progress === 'number' && survey.progress < 100 && (
You're {survey.progress}% through a survey.
{survey.label || 'Pick up where you left off'}
Discard go('survey', { resume: true })} iconRight={}>Resume survey
)} {resumes == null && (
)} {resumes != null && resumes.length === 0 && (
Resumerush

No resumes yet.

Answer about 30 quick questions and we’ll write a recruiter-ready resume in a couple of minutes.

} onClick={()=>go('welcome')}>Create your first resume
)} {resumes != null && resumes.length > 0 && (
{resumes.map(r => (
{ e.stopPropagation(); go('preview', { resumeId: r.id }); }}>
{r.title || 'Untitled resume'}
{[r.target_role, relTime(r.updated_at)].filter(Boolean).join(' · ')}
{menuId === r.id && (
e.stopPropagation()} style={{ position:'absolute', top: 44, right: 12, zIndex: 20, background:'var(--bg-surface)', border:'1px solid var(--border-default)', borderRadius: 10, boxShadow:'var(--shadow-md)', padding: 4, minWidth: 140 }}>
)}
))}
)} {resumes != null && resumes.length > 0 && (
You're on the Free plan — {resumes.length} resume{resumes.length === 1 ? '' : 's'} saved.
)}
); } Object.assign(window, { GeneratingScreen, PreviewScreen, ExportScreen, DashboardScreen });