initial

js/main.js

@@ -0,0 +1,34 @@
+import { TeletextTerminal } from "./core/teletext.js"; // Import the Teletext core
+import { runStoryLoop } from "./story/story.js"; // Import the story runner
+
+const canvas = document.getElementById("crt"); // Fetch the canvas element
+
+if (!canvas) { // Fail clearly if the element is missing
+  throw new Error('Canvas element with id "crt" was not found.'); // Throw a helpful error
+} // End guard
+
+const term = new TeletextTerminal(canvas, { // Create a terminal instance
+  cols: 40, // Teletext columns
+  rows: 25, // Teletext rows
+  scale: 3 // Upscaling factor (keeps the chunky look)
+}); // End terminal creation
+
+term.start(); // Start the render loop
+
+// Make it easy to “wake” key handling on click (handy on Safari). // Note
+canvas.addEventListener("pointerdown", () => { // On click/tap
+  canvas.focus(); // Focus the canvas (helps some browsers deliver key events)
+}); // End listener
+
+// Run the story with top-level error handling. // Note
+(async () => { // Start async wrapper
+  try { // Try to run the story loop
+    await runStoryLoop(term); // Run story runner
+  } catch (err) { // If anything explodes
+    console.error(err); // Log for debugging
+    term.clearScreen(); // Clear screen
+    term.printStreamAt(1, 1, term.T(term.CC.ALPHA_RED) + "FATAL ERROR"); // Title
+    term.printStreamAt(1, 3, term.T(term.CC.ALPHA_WHITE) + String(err?.message ?? err)); // Message
+    term.forceRedraw(); // Ensure the user sees it
+  } // End catch
+})(); // End wrapper