Added import of file

.gitignore

@@ -2,6 +2,11 @@ node_modules
 dist
 .DS_Store
 .env
-
+@@export_177ba1326b.zip
 # Ignore the output video from Git but not videos you import into src/.
 out
+
+public/
+**.zip
+yarn.lock
+package-lock.json

.vscode/launch.json

@@ -2,11 +2,24 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Launch via NPM",
+      "name": "Server",
       "request": "launch",
       "runtimeArgs": [
         "run-script",
-        "render-build"
+        "start"
+      ],
+      "runtimeExecutable": "npm",
+      "skipFiles": [
+        "<node_internals>/**"
+      ],
+      "type": "node"
+    },
+    {
+      "name": "Render",
+      "request": "launch",
+      "runtimeArgs": [
+        "run-script",
+        "render-preview"
       ],
       "runtimeExecutable": "npm",
       "skipFiles": [

package.json

@@ -6,10 +6,10 @@
     "*.css"
   ],
   "scripts": {
-    "render-preview": "remotion preview src/index.ts",
+    "start": "ts-node-dev --respawn --transpile-only server.ts",
+    "render-preview": "remotion studio",
     "render-build": "remotion render  SemibitComposition  ",
     "render-still": "remotion still --image-format=jpeg SemibitCompositionPoster  ",
-    "start": "remotion studio",
     "build": "remotion render --image-format=jpeg --quality=70 --gl=angle SemibitComposition  ",
     "upgrade": "remotion upgrade",
     "test": "eslint src --ext ts,tsx,js,jsx && tsc"
@@ -24,32 +24,33 @@
     }
   },
   "dependencies": {
-    "@remotion/bundler": "4.0.12",
-    "@remotion/cli": "4.0.12",
-    "@remotion/google-fonts": "^4.0.12",
-    "@remotion/noise": "^4.0.12",
-    "@remotion/zod-types": "4.0.12",
+    "@remotion/bundler": "4.0.17",
+    "@remotion/google-fonts": "4.0.17",
+    "@remotion/noise": "4.0.17",
+    "@remotion/zod-types": "4.0.17",
+    "body-parser": "^1.20.2",
+    "express": "^4.18.2",
     "path": "^0.12.7",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "remotion": "4.0.12",
     "remotion-animated": "^2.0.0",
     "remotion-transition-series": "^0.0.10",
     "styled-components": "^6.0.5",
+    "ts-node-dev": "^2.0.0",
     "zod": "^3.21.4"
   },
   "devDependencies": {
-    "@remotion/cli": "4.0.12",
-    "@remotion/eslint-config": "4.0.12",
-    "@remotion/tailwind": "4.0.12",
+    "@remotion/cli": "4.0.17",
+    "@remotion/eslint-config": "4.0.17",
+    "@remotion/tailwind": "4.0.17",
     "@types/react": "^18.0.26",
     "@types/web": "^0.0.86",
     "eslint": "^8.43.0",
     "prettier": "^2.8.8",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "remotion": "4.0.12",
+    "remotion": "4.0.17",
     "typescript": "^4.9.4"
   },
   "packageManager": "npm@8.19.4"
-}
+}

server.ts

@@ -3,8 +3,11 @@ import express from 'express'
 import stream from 'stream'
 import bodyParser from 'body-parser';
 import { spawn } from 'child_process';
-import { unlinkSync, existsSync } from 'fs'
+import fs from 'fs'
 import path from 'path'
+import { Utils } from './common-utils';
+import { UnzipFiles } from './common-utils/utils/FileZipper';
+import { OriginalManuscript } from './src/OriginalManuscriptModel';
 
 let pl = {
   onLog: console.log
@@ -18,8 +21,8 @@ function render() {
 
   return new Promise((resolve, reject) => {
 
-    if (existsSync(outputFile)) {
-      unlinkSync(outputFile)
+    if (fs.existsSync(outputFile)) {
+      fs.unlinkSync(outputFile)
     }
     const SEMIBI_MEDIA_RENDERER = "../semibit-media-render-farm"
     const options = {
@@ -73,3 +76,77 @@ function render() {
 
   })
 }
+
+
+function modifyFiles(originalManuscript: OriginalManuscript) {
+
+  let fname = path.join(__dirname, "./src/textWithBgImage/SequentialScene.orig.tsx")
+  let fnameTarget = path.join(__dirname, "./src/textWithBgImage/SequentialScene.tsx")
+  let SequentialSceneText = fs.readFileSync(fname).toString()
+  let seqScene = "";
+  let script = originalManuscript.transcript
+  for (let index = 0; index < script.length; index++) {
+    seqScene = seqScene + `\n{getScene(contents[${index}])}\n`
+  }
+  fs.writeFileSync(fnameTarget, SequentialSceneText.replace("{getScene(contents[0])}", seqScene));
+
+}
+async function extract(filePath: string) {
+  await UnzipFiles(filePath, './public')
+}
+
+const app = express()
+app.all('/clear', async (req, res) => {
+  let cacheDirPath = path.join(__dirname, "./public")
+  fs.readdirSync(cacheDirPath).forEach(file => {
+    const filePath = path.join(cacheDirPath, file);
+    if (fs.statSync(filePath).isDirectory()) {
+      if (file !== "assets") {
+
+      }
+    } else {
+      if (path.basename(path.dirname(filePath)) !== "assets") {
+        fs.unlinkSync(filePath);
+      }
+    }
+  });
+  res.send("Cache Cleared")
+})
+app.all('/render', async (req, res) => {
+  let fileUrl = req.query.fileUrl
+  let skipRender = req.query.skipRender
+  let fileName = Utils.getFileName(fileUrl)
+  let filePath = req.query.filePath || path.join(__dirname, `public/${fileName}`)
+  if (fileUrl) {
+    console.log('Downloading remote asset bundle from', fileUrl)
+    await Utils.downloadFile(fileUrl, filePath)
+    console.log('Downloaded remote asset bundle', 'to', filePath)
+  }
+  if (fs.existsSync(filePath)) {
+    await extract(filePath)
+    let manuFile = path.join(__dirname, `public/original_manuscript.json`)
+    if (!fs.existsSync) {
+      res.status(400)
+      res.send({
+        message: 'The asset bundle dosent contain a original_manuscript.json at root'
+      })
+    }
+    let manuObj: OriginalManuscript = JSON.parse(fs.readFileSync(manuFile).toString())
+    modifyFiles(manuObj)
+
+    res.send({
+      job_id: manuObj.id
+    })
+  }
+  else {
+    res.status(400)
+    return res.send({ message: 'Unable to locate asset bundle' })
+  }
+})
+
+
+
+let port = process.env.PORT || 8083
+app.listen(port, () => {
+  console.log("Remote renderer listenting at port", port)
+})

src/OriginalManuscriptModel.ts

@@ -0,0 +1,58 @@
+export interface OriginalManuscript {
+    id: string;
+    bgMusic: string
+    status: boolean
+    transcriptText: string
+    transcript: Transcript[]
+    wordCount: number
+    outputFile: string
+    meta: Meta
+}
+
+export interface Transcript {
+    title: string
+    text: string
+    pointers: string[]
+    imageText: string[]
+    videoText: string[]
+    dialog: string[]
+    imageAbsPathsOriginal: string[]
+    index: number
+    status: boolean
+    imageAbsPaths: string[]
+    audioFullPath: string
+    durationInSeconds: number
+    duration: number
+    offset: number
+}
+
+export interface Meta {
+    filesRootDir: string
+    posterTitle: string
+    summary: string
+    tags: string
+    title: string
+    posterImage: string
+    countLeft: number
+    amazonAffiliateLink: string
+    platlistName: string
+    platlistId: string
+    userId: string
+    sourceVariantName: string
+    emphasisOnImage: boolean
+    speaker: Speaker
+    script_mode: string
+    fps: number
+    tenantVideoConfig: TenantVideoConfig
+    manuscriptFile: string
+    thumbnailFile: string
+}
+
+export interface Speaker {
+    wps: number
+}
+
+export interface TenantVideoConfig {
+    introFile: string
+    outroFile: string
+}

src/textWithBgImage/SequentialScene.orig.tsx

@@ -2,6 +2,7 @@ import { Composition, delayRender, continueRender, staticFile, Sequence, Series,
 import { getVideoMetadata } from "@remotion/media-utils";
 import React, { useEffect, useState } from 'react'
 import { SingleTextWithBG } from './SingleTextWithBG';
+import { SectionTextWithBG } from './SectionTextWithBG';
 
 export type SequentialSceneData = {
     text: string,
@@ -19,7 +20,7 @@ function getScene(data) {
         <Series.Sequence
             durationInFrames={data?.duration || 30} >
 
-            <SingleTextWithBG
+            <SectionTextWithBG
                 {...data}
             />
         </Series.Sequence>

src/textWithBgImage/SequentialScene.tsx

@@ -14,15 +14,14 @@ export type SequentialSceneData = {
     direction?: string
 }
 
-function getScene(data, props?) {
+function getScene(data) {
 
-    let newProps = { ...data, rootProps: props }
     return (
         <Series.Sequence
             durationInFrames={data?.duration || 30} >
 
             <SectionTextWithBG
-                {...newProps}
+                {...data}
             />
         </Series.Sequence>
     )
@@ -34,7 +33,6 @@ export const SequentialScene: React.FC = (
 
     const contents = props.contents
     const bgMusic = props.bgMusic
-    const meta = props.meta
 
     return (
         <div>
@@ -53,10 +51,18 @@ export const SequentialScene: React.FC = (
                 }
 
 
+                
+{getScene(contents[0])}
 
-                {getScene(contents[0], props)}
+{getScene(contents[1])}
 
-                {getScene(contents[1], props)}
+{getScene(contents[2])}
+
+{getScene(contents[3])}
+
+{getScene(contents[4])}
+
+{getScene(contents[5])}
 
 
 

tsconfig.json

@@ -7,6 +7,7 @@
 		"outDir": "./dist",
 		"strict": true,
 		"noEmit": true,
+		"noEmitOnError": false,
 		"lib": [
 			"es2015"
 		],