From 4022fbde830fcf4a5b8d5ca6f0ff2764a1440aeb Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Sat, 24 Jan 2026 12:44:37 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=82=20Organize=20compositions=20with?=
 =?UTF-8?q?=20Folders:=20group=20NIP-05=20tutorials=20and=20Portal=20prese?=
 =?UTF-8?q?ntation=20into=20logical=20Folder=20structures=20for=20better?=
 =?UTF-8?q?=20Remotion=20studio=20sidebar=20organization.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 videos/src/Root.tsx | 54 ++++++++++++++++++++++++---------------------
 1 file changed, 29 insertions(+), 25 deletions(-)

diff --git a/videos/src/Root.tsx b/videos/src/Root.tsx
index 147396a..30de38c 100644
--- a/videos/src/Root.tsx
+++ b/videos/src/Root.tsx
@@ -1,5 +1,5 @@
 import "./index.css";
-import { Composition } from "remotion";
+import { Composition, Folder } from "remotion";
 import { MyComposition } from "./Composition";
 import { Nip05Tutorial } from "./Nip05Tutorial";
 import { Nip05TutorialMobile } from "./Nip05TutorialMobile";
@@ -16,30 +16,34 @@ export const RemotionRoot: React.FC = () => {
         width={1280}
         height={720}
       />
-      <Composition
-        id="Nip05Tutorial"
-        component={Nip05Tutorial}
-        durationInFrames={56 * 30}
-        fps={30}
-        width={1920}
-        height={1080}
-      />
-      <Composition
-        id="Nip05TutorialMobile"
-        component={Nip05TutorialMobile}
-        durationInFrames={56 * 30}
-        fps={30}
-        width={1080}
-        height={1920}
-      />
-      <Composition
-        id="PortalPresentation"
-        component={PortalPresentation}
-        durationInFrames={90 * 30}
-        fps={30}
-        width={1920}
-        height={1080}
-      />
+      <Folder name="NIP-05-Tutorial">
+        <Composition
+          id="Nip05Tutorial"
+          component={Nip05Tutorial}
+          durationInFrames={56 * 30}
+          fps={30}
+          width={1920}
+          height={1080}
+        />
+        <Composition
+          id="Nip05TutorialMobile"
+          component={Nip05TutorialMobile}
+          durationInFrames={56 * 30}
+          fps={30}
+          width={1080}
+          height={1920}
+        />
+      </Folder>
+      <Folder name="Portal">
+        <Composition
+          id="PortalPresentation"
+          component={PortalPresentation}
+          durationInFrames={90 * 30}
+          fps={30}
+          width={1920}
+          height={1080}
+        />
+      </Folder>
     </>
   );
 };