Cleanup

src/{textWithBgImage/SemibitComposition.tsx → Compositions.tsx}

@@ -1,15 +1,14 @@
-import { Composition, delayRender, continueRender, staticFile, Still } from 'remotion'
-import { getVideoMetadata } from "@remotion/media-utils";
-import React, { useEffect, useState } from 'react'
-import { SequentialScene, SequentialSceneData } from './SequentialScene';
-import Script from '../../public/original_manuscript.json'
-import { PosterSingleTextWithBG } from './PosterSingleTextWithBG';
-import { YoutubeCategoriesConfig } from './Categories';
-import '../style.css';
-import { preloadImage, preloadVideo } from "@remotion/preload";
-import Transitions from '../../public/assets/transitions.json'
-import { IGReelComposition } from '../ig-reel/IGReelComposition';
-import { RenderUtils } from '../RenderUtils';
+//@ts-nocheck
+import { Composition, Still } from 'remotion'
+import React from 'react'
+import { SequentialScene, SequentialSceneData } from './youtube/SequentialScene';
+import Script from '../public/original_manuscript.json'
+import { PosterSingleTextWithBG } from './youtube/PosterSingleTextWithBG';
+import { YoutubeCategoriesConfig } from './models/Categories';
+import './style.css';
+import Transitions from '../public/assets/transitions.json'
+import { IGReelComposition } from './ig-reel/IGReelComposition';
+import { RenderUtils } from './RenderUtils';
 
 
 
@@ -36,7 +35,7 @@ const playListsColors = {
 }
 
 
-export const SemibitComposition: React.FC = () => {
+export const Compositions: React.FC = () => {
 
     const fps = Script?.meta?.fps || 24
     var durationInSec = 0

src/{Root.tsx → examples/Root.tsx}

@@ -1,6 +1,6 @@
 import { Composition } from 'remotion';
-import { MyComposition, myCompSchema } from './Composition';
-import './style.css';
+import { MyComposition, myCompSchema } from './SampleComposition';
+import '../style.css';
 
 export const RemotionRoot: React.FC = () => {
 	return (

src/{Composition.tsx → examples/SampleComposition.tsx}

@@ -1,7 +1,7 @@
 import { AbsoluteFill } from 'remotion';
 import { Logo } from './Logo';
-import { Subtitle } from './Subtitle';
-import { Title } from './Title';
+import { Subtitle } from '../Subtitle';
+import { Title } from '../Title';
 import { z } from 'zod';
 import { zColor } from '@remotion/zod-types';
 

src/{textWithBgImage → examples}/TestComposition.tsx

@@ -2,10 +2,10 @@
 import { Composition, delayRender, continueRender, staticFile, Easing } from 'remotion'
 import { getVideoMetadata } from "@remotion/media-utils";
 import React, { useEffect, useState } from 'react'
-import { SingleTextWithBG } from './SingleTextWithBG';
+import { SingleTextWithBG } from '../youtube/SingleTextWithBG';
 import TransitionSeries from 'remotion-transition-series/lib/TransitionSeries';
-import { Plate } from '../../anims/Plate';
-import { Pan } from '../../anims/Pan';
+import { Plate } from '../anims/Plate';
+import { Pan } from '../anims/Pan';
 
 import { TransitionImplementationProps } from 'remotion-transition-series/lib/components/Transition';
 

src/ig-reel/IGReelComposition.tsx

@@ -4,7 +4,7 @@ import React from 'react'
 import { loadFont } from "@remotion/google-fonts/MontserratAlternates";
 import { Series } from "remotion";
 import { IGScene } from './IGSimpleScene';
-import { OriginalManuscript, Transcript } from '../OriginalManuscriptModel';
+import { OriginalManuscript, Transcript } from '../models/OriginalManuscriptModel';
 import TransitionSeries from 'remotion-transition-series';
 
 

src/ig-reel/IGSimpleScene.tsx

@@ -4,23 +4,23 @@ import React, { useEffect, useState } from 'react'
 import { loadFont } from "@remotion/google-fonts/MontserratAlternates";
 import { Series, Sequence } from "remotion";
 import { RenderUtils } from '../RenderUtils';
-import { Transcript, SectionMedia } from '../OriginalManuscriptModel'
+import { Transcript, SectionMedia } from '../models/OriginalManuscriptModel'
 import axios from 'axios';
 import GeneralSubtitles from '../subtitles/general_Subtitles';
 import ExcitedSubtitles from '../subtitles/excited_Subtitles';
 import _ from 'lodash';
 import './styles.module.css'
 import TransitionSeries from 'remotion-transition-series';
-import { CircularWipe } from '../../anims/CircularWipe';
-import { LinearWipe } from '../../anims/LinearWipe';
-import { Slide } from '../../anims/Slide';
-import { Pan } from '../../anims/Pan';
-import { Dissolve } from '../../anims/Dissolve';
-import { SlidingDoors } from '../../anims/SlidingDoors';
-import { Plate } from '../../anims/Plate';
-import { GlowingStroke } from '../../anims/GlowingStrike';
+import { CircularWipe } from '../anims/CircularWipe';
+import { LinearWipe } from '../anims/LinearWipe';
+import { Slide } from '../anims/Slide';
+import { Pan } from '../anims/Pan';
+import { Dissolve } from '../anims/Dissolve';
+import { SlidingDoors } from '../anims/SlidingDoors';
+import { Plate } from '../anims/Plate';
+import { GlowingStroke } from '../anims/GlowingStrike';
 import { IGMediaRender } from './IGMediaRender';
-import { Group } from './Types';
+import { Group } from '../models/Types';
 
 export type DisplayMedia = SectionMedia &
 { idx: number, durationFrames: number, startFrame: number, endFrame: number, }

src/index.ts

@@ -1,6 +1,5 @@
 import { registerRoot } from 'remotion';
-import { RemotionRoot } from './Root';
-import { SemibitComposition } from "./textWithBgImage/SemibitComposition";
+import { Compositions } from "./Compositions";
 
 
-registerRoot(SemibitComposition);
+registerRoot(Compositions);

src/subtitles/excited_Subtitles.tsx

@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from 'react'
 import * as SubtitleFont from "@remotion/google-fonts/Montserrat";
 import { AbsoluteFill, Img, interpolate, interpolateColors, Series, spring, useCurrentFrame, useVideoConfig, random } from "remotion";
-import { Group, Word } from '../ig-reel/Types';
+import { Group, Word } from '../models/Types';
 import _, { words } from 'lodash'
 import GeneralSubtitles from './general_Subtitles';
 import { RenderUtils } from '../RenderUtils';

src/subtitles/general_Subtitles.tsx

@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from 'react'
 import * as SubtitleFont from "@remotion/google-fonts/Lato";
 import { AbsoluteFill, Img, interpolate, interpolateColors, Series, spring, useCurrentFrame, useVideoConfig } from "remotion";
-import { Group, Word } from '../ig-reel/Types';
+import { Group, Word } from '../models/Types';
 import _ from 'lodash'
 
 

src/subtitles/motivational_Subtitles.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import * as Montserrat from "@remotion/google-fonts/Lato";
 import { AbsoluteFill, Img, Series, spring, useCurrentFrame, useVideoConfig } from "remotion";
-import { Group, Word } from '../ig-reel/Types';
+import { Group, Word } from '../models/Types';
 import _ from 'lodash'
 
 

src/{textWithBgImage → youtube}/ForegroundGrid.tsx

@@ -1,3 +1,4 @@
+//@ts-nocheck
 import { loadFont as FontPoppins } from "@remotion/google-fonts/Poppins";
 import { loadFont as FontKalam } from "@remotion/google-fonts/PermanentMarker";
 

src/{textWithBgImage → youtube}/MediaBackground.tsx

@@ -9,7 +9,7 @@ import {
 } from "remotion";
 import { getVideoMetadata } from "@remotion/media-utils";
 
-import { useTranslate } from "../../anims/useTranslate";
+import { useTranslate } from "../anims/useTranslate";
 
 export const MediaBackground: React.FC = (props) => {
 

src/{textWithBgImage → youtube}/SectionTextWithBG.tsx

@@ -1,13 +1,13 @@
 import { AbsoluteFill, Audio, spring, staticFile, useCurrentFrame, useVideoConfig } from 'remotion';
 import { MediaBackground } from './MediaBackground';
 import React from 'react'
-import { GlowingStroke } from '../../anims/GlowingStrike';
+import { GlowingStroke } from '../anims/GlowingStrike';
 import { SequentialSceneData } from './SequentialScene';
 import { loadFont } from "@remotion/google-fonts/MontserratAlternates";
 import { Animated, Move } from 'remotion-animated';
 import ForegroundGrid from './ForegroundGrid';
 import { loadFont } from "@remotion/google-fonts/Raleway";
-import { Transcript } from '../OriginalManuscriptModel';
+import { Transcript } from '../models/OriginalManuscriptModel';
 
 function adjustFontSize(text: string, fullFont: number, minFontSizeDef): number {
     const wordCount = text.split(' ').length;

src/{textWithBgImage → youtube}/SingleTextWithBG.tsx

@@ -1,8 +1,8 @@
+//@ts-nocheck
 import { AbsoluteFill, Audio, spring, staticFile, useCurrentFrame, useVideoConfig } from 'remotion';
 import { MediaBackground } from './MediaBackground';
 import React from 'react'
-import TransitionSeries from 'remotion-transition-series/lib/TransitionSeries';
-import { GlowingStroke } from '../../anims/GlowingStrike';
+import { GlowingStroke } from '../anims/GlowingStrike';
 import { SequentialSceneData } from './SequentialScene';
 import { loadFont } from "@remotion/google-fonts/MontserratAlternates";