From cd7a1af7296c3acc3ce9bac359be5fc3900db667 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 15 Oct 2025 21:24:42 +0300
Subject: [PATCH] feat(collection/presentation): add support for vertical
 slides

---
 .../collections/presentation/index.tsx        | 19 +++++++---
 .../widgets/collections/presentation/model.ts | 35 +++++++++++++++----
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index e9d7eecec..34c664247 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -85,9 +85,18 @@ function Presentation({ presentation } : { presentation: PresentationModel }) {
 }
 
 function Slide({ slide }: { slide: PresentationSlideModel }) {
-    return (
-        <section dangerouslySetInnerHTML={slide.content}>
-            {slide.content}
-        </section>
-    );
+    if (!slide.verticalSlides) {
+        // Normal slide.
+        return <section dangerouslySetInnerHTML={slide.content} />;
+    } else {
+        // Slide with sub notes (show as vertical slides).
+        return (
+            <section>
+                <section dangerouslySetInnerHTML={slide.content} />
+                {slide.verticalSlides.map((slide) => (
+                    <section dangerouslySetInnerHTML={slide.content} />
+                ))}
+            </section>
+        )
+    }
 }
diff --git a/apps/client/src/widgets/collections/presentation/model.ts b/apps/client/src/widgets/collections/presentation/model.ts
index c87a8c9d6..838cf7a4c 100644
--- a/apps/client/src/widgets/collections/presentation/model.ts
+++ b/apps/client/src/widgets/collections/presentation/model.ts
@@ -1,7 +1,14 @@
 import FNote from "../../../entities/fnote";
 
+type DangerouslySetInnerHTML = { __html: string; };
+
 export interface PresentationSlideModel {
-    content: { __html: string; };
+    content: DangerouslySetInnerHTML;
+    verticalSlides: PresentationVerticalSlideModel[] | undefined;
+}
+
+interface PresentationVerticalSlideModel {
+    content: DangerouslySetInnerHTML;
 }
 
 export interface PresentationModel {
@@ -15,13 +22,27 @@ export async function buildPresentationModel(note: FNote): Promise<PresentationM
 
     for (const slideNote of slideNotes) {
         slides.push({
-            content: {
-                __html: await slideNote.getContent() ?? ""
-            }
+            content: processContent(await slideNote.getContent() ?? ""),
+            verticalSlides: await buildVerticalSlides(slideNote)
         })
     }
 
-    return {
-        slides
-    };
+    return { slides };
+}
+
+async function buildVerticalSlides(parentSlideNote: FNote): Promise<undefined | PresentationVerticalSlideModel[]> {
+    const children = await parentSlideNote.getChildNotes();
+    if (!children.length) return;
+
+    const slides: PresentationVerticalSlideModel[] = [];
+    for (const child of children) {
+        slides.push({
+            content: processContent(await child.getContent())
+        });
+    }
+    return slides;
+}
+
+function processContent(content: string | undefined): DangerouslySetInnerHTML {
+    return { __html: content ?? "" };
 }