📂 Organize compositions with Folders: group NIP-05 tutorials and Portal presentation into logical Folder structures for better Remotion studio sidebar organization.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
HolgerHatGarKeineNode
2026-01-24 12:44:37 +01:00
parent ffbf1b1f32
commit 4022fbde83

View File

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