added raw recurrence support

This commit is contained in:
2025-08-15 22:31:11 -04:00
parent a41d003401
commit 2d5db29f27
3 changed files with 44 additions and 29 deletions

View File

@@ -25,6 +25,7 @@ export default function HomePage() {
const [start, setStart] = useState('')
const [end, setEnd] = useState('')
const [allDay, setAllDay] = useState(false)
const [recurrenceRule, setRecurrenceRule] = useState('')
// AI
const [aiPrompt, setAiPrompt] = useState('')
@@ -57,6 +58,7 @@ export default function HomePage() {
description,
location,
url,
recurrenceRule: recurrenceRule || undefined,
start,
end: end || undefined,
allDay,
@@ -105,7 +107,7 @@ export default function HomePage() {
const url = URL.createObjectURL(blob)
const a = document.createElement('a')
a.href = url
a.download = 'events.ics'
a.download = `icallocal-export-${new Date().toLocaleTimeString()}.ics`
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
@@ -153,6 +155,7 @@ export default function HomePage() {
setAllDay(ev.allDay || false)
setEditingId(null)
setDialogOpen(true)
setRecurrenceRule(ev.recurrenceRule || '')
} else {
// Save them all directly to DB
for (const ev of data) {
@@ -265,6 +268,11 @@ export default function HomePage() {
<li key={ev.id} className="p-3 border rounded flex justify-between items-start">
<div>
<div className="font-semibold">{ev.title}</div>
{ev.recurrenceRule && (
<div className="text-xs text-blue-600 mt-1">
Repeats: {ev.recurrenceRule}
</div>
)}
<div className="text-sm text-gray-500">
{ev.allDay ? ev.start.split('T')[0] : new Date(ev.start).toLocaleString()}
{ev.location && <span> @ {ev.location}</span>}
@@ -300,6 +308,11 @@ export default function HomePage() {
value={description} onChange={e => setDescription(e.target.value)} />
<Input placeholder="Location" value={location} onChange={e => setLocation(e.target.value)} />
<Input placeholder="URL" value={url} onChange={e => setUrl(e.target.value)} />
<Input
placeholder="Recurrence rule (e.g. FREQ=WEEKLY;BYDAY=MO)"
value={recurrenceRule}
onChange={e => setRecurrenceRule(e.target.value)}
/>
<label className="flex items-center gap-2 mt-2">
<input type="checkbox" checked={allDay} onChange={e => setAllDay(e.target.checked)} />
All day event