g105b/index.php

## index.php
<?php
header("Access-Control-Allow-Origin: *");
$accept = $_SERVER["HTTP_ACCEPT"];
if($accept === "text/event-stream") {
	header("Content-Type: text/event-stream");
	header('Cache-Control: no-cache');

	$i = 0;
	while($i < 10) {
		$time = time();
		echo "id: $time\n";
		echo "event: gregupdate\n";
		echo "data: {message: \"test\"}\n";
		echo "\n";
		flush();
		ob_flush();

		sleep(1);
		$i++;
	}
	exit;
}

if(!empty($_POST)) {
	$msg = $_POST["message"] ?? null;

	if($msg) {
		file_put_contents("messages.txt", $msg . PHP_EOL, FILE_APPEND);
		header("Location: /");
		exit;
	}
}

$msgList = [];
if(is_file("messages.txt")) {
	$msgList = file("messages.txt");
}
?>
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>SSE test</title>
</head>
<body>

<div id="output" style="white-space: pre">
<?php
foreach($msgList as $msg) {
	echo $msg . PHP_EOL;
}
?>
</div>

<form method="post">
	<input name="message" placeholder="Message" />
	<button>Submit</button>
</form>

<script>
let source = new EventSource(location.href);
source.onmessage = function(event) {
	console.log(event);
}
</script>

</body>
</html>
	<?php
	header("Access-Control-Allow-Origin: *");
	$accept = $_SERVER["HTTP_ACCEPT"];
	if($accept === "text/event-stream") {
	header("Content-Type: text/event-stream");
	header('Cache-Control: no-cache');

	$i = 0;
	while($i < 10) {
	$time = time();
	echo "id: $time\n";
	echo "event: gregupdate\n";
	echo "data: {message: \"test\"}\n";
	echo "\n";
	flush();
	ob_flush();

	sleep(1);
	$i++;
	}
	exit;
	}

	if(!empty($_POST)) {
	$msg = $_POST["message"] ?? null;

	if($msg) {
	file_put_contents("messages.txt", $msg . PHP_EOL, FILE_APPEND);
	header("Location: /");
	exit;
	}
	}

	$msgList = [];
	if(is_file("messages.txt")) {
	$msgList = file("messages.txt");
	}
	?>
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>SSE test</title>
	</head>
	<body>

	<div id="output" style="white-space: pre">
	<?php
	foreach($msgList as $msg) {
	echo $msg . PHP_EOL;
	}
	?>
	</div>

	<form method="post">
	<input name="message" placeholder="Message" />
	<button>Submit</button>
	</form>

	<script>
	let source = new EventSource(location.href);
	source.onmessage = function(event) {
	console.log(event);
	}
	</script>

	</body>
	</html>