📂 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,6 +16,7 @@ export const RemotionRoot: React.FC = () => {
width={1280} width={1280}
height={720} height={720}
/> />
<Folder name="NIP-05-Tutorial">
<Composition <Composition
id="Nip05Tutorial" id="Nip05Tutorial"
component={Nip05Tutorial} component={Nip05Tutorial}
@@ -32,6 +33,8 @@ export const RemotionRoot: React.FC = () => {
width={1080} width={1080}
height={1920} height={1920}
/> />
</Folder>
<Folder name="Portal">
<Composition <Composition
id="PortalPresentation" id="PortalPresentation"
component={PortalPresentation} component={PortalPresentation}
@@ -40,6 +43,7 @@ export const RemotionRoot: React.FC = () => {
width={1920} width={1920}
height={1080} height={1080}
/> />
</Folder>
</> </>
); );
}; };