public/owltide
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Implement editing of the schedule

Browse source 
Cobbled together minimum viable system for editing the schedule in a way
that propogates updates to connected clients.
This commit is contained in:
Hornwitser 2025-02-27 18:39:04 +01:00
parent cdad188233
commit 093a6816bc
7 changed files with 236 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

70
app/api/events/actions.ts Normal file
View file

@ -0,0 +1,70 @@
"use server";
import { Schedule } from "@/app/schedule/types";
import { readFile, writeFile } from "fs/promises";
import { broadcastUpdate } from "./streams";
export async function createEvent(formData: FormData) {
const schedule: Schedule = JSON.parse(await readFile("schedule.json", "utf-8"));
const id = formData.get("id") as string;
const name = formData.get("name") as string;
const description = formData.get("description") as string;
const start = formData.get("start") as string;
const end = formData.get("end") as string;
const location = formData.get("location") as string;
schedule.events.push({
name,
id,
description,
slots: [
{
id: `${id}-1`,
start,
end,
locations: [location],
}
]
});
broadcastUpdate(schedule);
await writeFile("schedule.json", JSON.stringify(schedule, null, "\t"), "utf-8");
}
export async function modifyEvent(formData: FormData) {
const schedule: Schedule = JSON.parse(await readFile("schedule.json", "utf-8"));
const id = formData.get("id") as string;
const name = formData.get("name") as string;
const description = formData.get("description") as string;
const start = formData.get("start") as string;
const end = formData.get("end") as string;
const location = formData.get("location") as string;
const index = schedule.events.findIndex(event => event.id === id);
if (index === -1) {
throw Error("No such event");
}
schedule.events[index] = {
name,
id,
description,
slots: [
{
id: `${id}-1`,
start,
end,
locations: [location],
}
]
};
broadcastUpdate(schedule);
await writeFile("schedule.json", JSON.stringify(schedule, null, "\t"), "utf-8");
}
export async function deleteEvent(formData: FormData) {
const schedule: Schedule = JSON.parse(await readFile("schedule.json", "utf-8"));
const id = formData.get("id") as string;
const index = schedule.events.findIndex(event => event.id === id);
if (index === -1) {
throw Error("No such event");
}
schedule.events.splice(index, 1);
broadcastUpdate(schedule);
await writeFile("schedule.json", JSON.stringify(schedule, null, "\t"), "utf-8");
}

46
app/api/events/route.ts
View file

@ -1,36 +1,4 @@
import { Schedule } from "@/app/schedule/types";
function sendMessage(
stream: WritableStream<string>,
message: string,
) {
const writer = stream.getWriter();
writer.ready
.then(() => writer.write(message))
.catch(console.error)
.finally(() => writer.releaseLock())
;
}
let streams = new Set<WritableStream<string>>();
let lastBroadcastData: string | null = null;
let lastBroadcastId = 0;
export function broadcastUpdate(schedule: Schedule) {
const id = Date.now();
const data = JSON.stringify(schedule);
lastBroadcastId = id;
lastBroadcastData = data;
const message = `id: ${id}\nevent: update\ndata: ${data}\n\n`
for (const stream of streams) {
sendMessage(stream, message);
}
}
setInterval(() => {
for (const stream of streams) {
sendMessage(stream, "data: keepalive\n\n");
}
}, 10e3)
import { addStream, deleteStream } from "./streams";
export async function GET(request: Request) {
const encoder = new TextEncoder();
@ -42,21 +10,15 @@ export async function GET(request: Request) {
},
flush(controller) {
console.log(`finished event stream for ${source}`);
streams.delete(stream.writable);
deleteStream(stream.writable);
},
// @ts-expect-error experimental API
cancel(reason) {
console.log(`cancelled event stream for ${source}`);
streams.delete(stream.writable);
deleteStream(stream.writable);
}
})
streams.add(stream.writable);
if (lastBroadcastId) {
sendMessage(
stream.writable,
`id: ${lastBroadcastData}\nevent: update\ndata: ${lastBroadcastData}\n\n`
);
}
addStream(stream.writable);
return new Response(
stream.readable,
{

50
app/api/events/streams.ts Normal file
View file

@ -0,0 +1,50 @@
import { Schedule } from "@/app/schedule/types";
function sendMessage(
stream: WritableStream<string>,
message: string,
) {
const writer = stream.getWriter();
writer.ready
.then(() => writer.write(message))
.catch(console.error)
.finally(() => writer.releaseLock())
;
}
declare global {
var streams: Set<WritableStream<string>>;
}
global.streams = global.streams ?? new Set<WritableStream<string>>();
let keepaliveInterval: ReturnType<typeof setInterval> | null = null
export function addStream(stream: WritableStream<string>) {
if (streams.size === 0) {
console.log("Starting keepalive")
keepaliveInterval = setInterval(sendKeepalive, 4000)
}
streams.add(stream);
}
export function deleteStream(stream: WritableStream<string>) {
streams.delete(stream);
if (streams.size === 0) {
console.log("Ending keepalive")
clearInterval(keepaliveInterval!);
}
}
export function broadcastUpdate(schedule: Schedule) {
const id = Date.now();
const data = JSON.stringify(schedule);
const message = `id: ${id}\nevent: update\ndata: ${data}\n\n`
console.log(`broadcasting update from ${process.pid} to ${streams.size} clients`);
for (const stream of streams) {
sendMessage(stream, message);
}
}
function sendKeepalive() {
for (const stream of streams) {
sendMessage(stream, "data: keepalive\n\n");
}
}