/* ShareProjectModal — selecteer locaties en publiceer als één overzichtslink */ const CAL_COLORS_SHARE = ['#9e3b2e','#2c5f8a','#3d6b4f','#a07020','#7b4d9e','#c87040','#2a7a8a','#6b3d7a','#5a6b2a','#6b3b3b']; function buildAgendaEvents(locations, edits) { const events = []; locations.forEach((loc, i) => { const edit = edits[loc.id] || {}; const name = (edit.name || loc.name); const color = CAL_COLORS_SHARE[i % CAL_COLORS_SHARE.length]; const removedDays = new Set((edit.removedShootDays || []).map(String)); for (const d of loc.shootDates || []) { if (removedDays.has(String(d.dayNumber))) continue; const ov = (edit.dayOverrides || {})[String(d.dayNumber)] || {}; const date = ov.date || d.date; if (date) events.push({ type: 'shoot', date, dayNum: ov.dayNumber != null ? ov.dayNumber : d.dayNumber, locName: name, color }); } for (const d of edit.extraShootDays || []) { if (d.date) events.push({ type: 'shoot', date: d.date, dayNum: null, locName: name, color }); } (edit.prepDates || []).forEach((date, j) => { if (date) events.push({ type: 'prep', date, idx: j + 1, total: edit.prepDays, locName: name, color, timing: edit.prepTiming || null }); }); (edit.wrapDates || []).forEach((date, j) => { if (date) events.push({ type: 'wrap', date, idx: j + 1, total: edit.wrapDays, locName: name, color, timing: edit.wrapTiming || null }); }); }); return events; } function ShareProjectModal({ locations, edits, scheduleName, projectShareId, projectShareSelection, onClose, onDone }) { // Default: previously selected, or all if first time const defaultSel = projectShareSelection ? new Set(projectShareSelection) : new Set(locations.map(l => l.id)); const [selected, setSelected] = useState(defaultSel); const [includeAgenda, setIncludeAgenda] = useState(true); const [stage, setStage] = useState('idle'); const [progress, setProgress] = useState(''); const [projectUrl, setProjectUrl] = useState(projectShareId ? LB_SYNC.getProjectShareUrl(projectShareId) : ''); const [copied, setCopied] = useState(false); function locName(loc) { return (edits[loc.id] || {}).name || loc.name; } function toggle(id) { setSelected(prev => { const next = new Set(prev); next.has(id) ? next.delete(id) : next.add(id); return next; }); } function toggleAll() { if (selected.size === locations.length) setSelected(new Set()); else setSelected(new Set(locations.map(l => l.id))); } async function publishLocShare(loc, edit, name) { const ids = new Set(); if (edit.cover) ids.add(edit.cover); Object.values(edit.galleries || {}).forEach(arr => (arr || []).forEach(it => { if (it.id) ids.add(it.id); if (it.annotatedId) ids.add(it.annotatedId); }) ); (edit.adjustments || []).forEach(adj => { if (adj.thumb) ids.add(adj.thumb); }); const urlMap = {}; for (const id of [...ids]) { const blob = await LB.db.getBlob(id); urlMap[id] = blob ? await LB_SYNC.uploadImage(blob, id) : LB_SYNC.getImageUrl(id); } const sid = edit.shareId || ('s' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6)); const gals = {}; Object.entries(edit.galleries || {}).forEach(([k, arr]) => { gals[k] = (arr || []).map(it => ({ cap: it.cap || '', note: it.note || '', url: (it.annotatedId && urlMap[it.annotatedId]) || urlMap[it.id] || null, originalUrl: urlMap[it.id] || null, })).filter(it => it.url); }); const removedShootDays = new Set((edit.removedShootDays || []).map(String)); const shootDates = (loc.shootDates || []) .filter(d => !removedShootDays.has(String(d.dayNumber))) .map(d => { const ov = (edit.dayOverrides || {})[String(d.dayNumber)] || {}; return { dayNumber: ov.dayNumber != null ? ov.dayNumber : d.dayNumber, date: ov.date || d.date || '' }; }); (edit.extraShootDays || []).forEach(d => shootDates.push({ dayNumber: null, date: d.date })); const sceneKey = s => s.manual ? ('m|' + s.id) : (s.number + '|' + (s.idx ?? '')); const removed = new Set(edit.removedSceneKeys || []); const shareData = { version: 1, name, scheduleName: scheduleName || '', address: edit.address || '', mapsUrl: edit.mapsUrl || '', access: edit.access || '', shootDates, adjustments: (edit.adjustments || []).map(adj => ({ id: adj.id, cat: adj.cat, text: adj.text, area: adj.area || '', done: !!adj.done, measure: adj.measure || '', thumbUrl: adj.thumb ? (urlMap[adj.thumb] || null) : null, })), galleries: gals, galCategories: edit.galCategories || null, coverUrl: edit.cover ? (urlMap[edit.cover] || null) : null, notes: edit.notes || '', regions: loc.regions || [], sets: loc.sets || [], sceneCount: loc.sceneCount || 0, scenes: (() => { const base = (loc.scenes || []).filter(s => !removed.has(sceneKey(s))); return [...base, ...(edit.extraScenes || [])].sort((a, b) => parseFloat(a.number) - parseFloat(b.number)); })(), prepDays: edit.prepDays || 0, prepTiming: edit.prepTiming || null, prepDates: edit.prepDates || [], wrapDays: edit.wrapDays || 0, wrapTiming: edit.wrapTiming || null, wrapDates: edit.wrapDates || [], updatedAt: Date.now(), }; await LB_SYNC.publishShare(sid, shareData); return { sid, coverUrl: shareData.coverUrl }; } async function publish() { setStage('publishing'); const projId = projectShareId || ('p' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6)); const newShareIds = {}; // Build result map keyed by loc.id so we can sort back at the end const resultMap = {}; const toPublish = locations.filter(l => selected.has(l.id)); const needsPublish = toPublish.filter(l => !(edits[l.id] || {}).shareId); // Already-published: include instantly without re-uploading for (const loc of toPublish) { const edit = edits[loc.id] || {}; if (edit.shareId) { const coverUrl = edit.cover ? LB_SYNC.getImageUrl(edit.cover) : null; resultMap[loc.id] = { name: locName(loc), shareId: edit.shareId, coverUrl, regions: loc.regions || [], sceneCount: loc.sceneCount || 0 }; } } // New locations: publish (upload images + create share JSON) for (let i = 0; i < needsPublish.length; i++) { const loc = needsPublish[i]; const edit = edits[loc.id] || {}; const name = locName(loc); setProgress('Publiceren ' + (i + 1) + ' / ' + needsPublish.length + ' — ' + name); try { const { sid, coverUrl } = await publishLocShare(loc, edit, name); newShareIds[loc.id] = sid; resultMap[loc.id] = { name, shareId: sid, coverUrl, regions: loc.regions || [], sceneCount: loc.sceneCount || 0 }; } catch (e) { console.error('[ShareProject] failed for', loc.id, e); } } setProgress('Overzicht bijwerken…'); const locEntries = toPublish.map(l => resultMap[l.id]).filter(Boolean); const agendaEvents = includeAgenda ? buildAgendaEvents(toPublish, edits) : null; const projData = { version: 1, name: scheduleName || 'Project', scheduleName, locations: locEntries, updatedAt: Date.now(), ...(agendaEvents ? { agenda: { events: agendaEvents } } : {}), }; await LB_SYNC.publishProjectShare(projId, projData); onDone({ projectShareId: projId, shareIds: newShareIds, projectShareSelection: [...selected] }); setProjectUrl(LB_SYNC.getProjectShareUrl(projId)); setStage('done'); } function copy() { navigator.clipboard.writeText(projectUrl).catch(() => {}); setCopied(true); setTimeout(() => setCopied(false), 2000); } const selCount = selected.size; const allChecked = selCount === locations.length; const someChecked = selCount > 0 && selCount < locations.length; return (
{ if (e.target === e.currentTarget) onClose(); }}>
Share project

{scheduleName || 'Alle locaties'}

{stage === 'idle' && (<>
Selecteer welke locaties je wilt delen. Kijkers zien alleen de geselecteerde locaties. {projectShareId && ' De bestaande link blijft hetzelfde — kijkers zien de update automatisch.'}
{/* Select all */}
{ if (el) el.indeterminate = someChecked; }} onChange={toggleAll} style={{ width: 15, height: 15, cursor: 'pointer', accentColor: 'var(--accent)' }} /> {selCount === 0 ? 'Niets geselecteerd' : selCount === locations.length ? 'Alles geselecteerd' : selCount + ' van ' + locations.length + ' geselecteerd'}
{/* Location list */}
{locations.map(loc => { const edit = edits[loc.id] || {}; const isChecked = selected.has(loc.id); return (
); } window.ShareProjectModal = ShareProjectModal;