From 92e43f5210bb1e959c2f73fa1223371f1b0986c4 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 15 Oct 2025 18:54:10 +0300
Subject: [PATCH] chore(collection/presentation): separate slide builder

---
 .../src/widgets/collections/presentation/index.tsx | 14 ++++++++++++--
 .../collections/presentation/slide_builder.ts      |  5 +++++
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 apps/client/src/widgets/collections/presentation/slide_builder.ts

diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index eada2b14e..24b59c047 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -1,5 +1,15 @@
+import { useEffect, useRef, useState } from "preact/hooks";
 import { ViewModeProps } from "../interface";
+import { buildPresentation } from "./slide_builder";
 
-export default function PresentationView({ }: ViewModeProps<{}>) {
-    return <p>Presentation goes here.</p>;
+export default function PresentationView({ note }: ViewModeProps<{}>) {
+
+    const containerRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        const presentationEl = buildPresentation(note.noteId);
+        containerRef.current?.replaceChildren(presentationEl);
+    }, [ note ]);
+
+    return <div ref={containerRef} className="presentation" />;
 }
diff --git a/apps/client/src/widgets/collections/presentation/slide_builder.ts b/apps/client/src/widgets/collections/presentation/slide_builder.ts
new file mode 100644
index 000000000..1bcc63117
--- /dev/null
+++ b/apps/client/src/widgets/collections/presentation/slide_builder.ts
@@ -0,0 +1,5 @@
+export function buildPresentation(parentNoteId: string) {
+    const p = document.createElement("p");
+    p.innerHTML = "Hello world";
+    return p;
+}