Cover issue

package.json

@@ -16,9 +16,9 @@
 		"render-build:igreels": "remotion render --audio-codec mp3  --image-format=jpeg --enable-multi-process-on-linux --quality=70  --concurrency 2 --gl=angle IGReelComposition",
 		"render-build": "remotion render --audio-codec mp3  --image-format=jpeg --enable-multi-process-on-linux --quality=70  --concurrency 2 --gl=angle",
 		"render-still": "remotion still --image-format=jpeg SemibitCompositionPoster  ",
-		"render-image": "remotion still --image-format=jpeg --concurrency 16 $npm_config_composition $npm_config_output",
+		"render-image": "remotion still --image-format=jpeg --concurrency 4 $npm_config_composition $npm_config_output",
 		"render-images": "remotion render --enable-multiprocess-on-linux --sequence --image-format=jpeg $npm_config_composition $npm_config_output",
-		"paperdrive:pdf": "npm run render-images  PaperDriveComposition ./out && node ./scripts/img2pdf.js -o out/pages.pdf",
+		"paperdrive:pdf": "rm out/* && npm run render-images  PaperDriveComposition ./out && node ./scripts/img2pdf.js  -w 612 -h 792 -o out/pages.pdf && npm run render-image --composition=PaperDriveHorizontalCoverComposition --output=out/cover.jpeg && node ./scripts/img2pdf.js -i out/cover.jpeg -w 1247.516 -h 810 -o out/cover.pdf && rm out/*.jpeg",
 		"img2pdf": "node ./scripts/img2pdf.js",
 		"upgrade": "remotion upgrade",
 		"postinstall": "cd node_modules/common-utils && npm run build && cd ../../ && node ffmpeg-fix.js",

scripts/img2pdf.js

@@ -5,21 +5,24 @@ import path from 'path';
 const optionDefinitions = [
 	{name: 'output', alias: 'o', type: String},
 	{name: 'input', alias: 'i', type: String},
+	{name: 'width', alias: 'w', type: Number},
+	{name: 'height', alias: 'h', type: Number},
 ];
 
 import commandLineArgs from 'command-line-args';
 const options = commandLineArgs(optionDefinitions);
 
 const doc = new PDFDocument({
-	autoFirstPage: false, // Disable the automatic first page to fully control page creation
+	autoFirstPage: false,
 });
 
 const output = options.output || 'out/output.pdf';
 doc.pipe(fs.createWriteStream(output));
 
-const inputFolder = options.input || 'out';
-const files = fs.readdirSync(inputFolder);
-console.log('Reading', files.length, 'from', inputFolder, '... ');
+const input = options.input || 'out';
+const isFolder = fs.lstatSync(input).isDirectory();
+const files = isFolder ? fs.readdirSync(input) : [input];
+console.log('Reading', files.length, 'from', input, '... ');
 
 for (const file of files) {
 	if (
@@ -27,30 +30,24 @@ for (const file of files) {
 		file.endsWith('.png') ||
 		file.endsWith('.jpeg')
 	) {
-		const imgPath = path.join(inputFolder, file);
+		const imgPath = isFolder ? path.join(input, file) : file;
 		const img = doc.openImage(imgPath);
 
-		// Add a new page with size 8.5 x 11 inches (612 x 792 points)
-		doc.addPage({size: [612, 792], margin: 0});
+		const pageWidth = options.width || 612;
+		const pageHeight = options.height || 792;
+		doc.addPage({size: [pageWidth, pageHeight], margin: 0});
 
-		// Scale and center the image on the page
-		const pageWidth = 612;
-		const pageHeight = 792;
 		const imgWidth = img.width;
 		const imgHeight = img.height;
 
-		// Calculate scaling to fit the image within the page, preserving aspect ratio
 		const scaleFactor = Math.min(pageWidth / imgWidth, pageHeight / imgHeight);
 
-		// Calculate new image dimensions
 		const scaledWidth = imgWidth * scaleFactor;
 		const scaledHeight = imgHeight * scaleFactor;
 
-		// Calculate coordinates to center the image
 		const x = (pageWidth - scaledWidth) / 2;
 		const y = (pageHeight - scaledHeight) / 2;
 
-		// Add the image to the page, scaled to fit
 		doc.image(imgPath, x, y, {width: scaledWidth, height: scaledHeight});
 	}
 }

src/Compositions.tsx

@@ -199,31 +199,21 @@ export const Compositions: React.FC = () => {
             <Composition
                 id='PaperDriveComposition'
                 component={PaperDriveComposition}
-                durationInFrames={Script.meta.fps * Script.transcript.length}
+                durationInFrames={Script.meta.fps * Script.transcript.filter(transcript => ['index', 'page'].includes(transcript.extras?.template)).length}
                 fps={fps}
                 width={Script.meta?.resolution?.width || 1920}
                 height={Script.meta?.resolution?.height || 1080}
-                defaultProps={Object.assign(Script, {
-                    bgMusic: RenderUtils.getFileName(Script.bgMusic, "mp3"),
-                    contents: contents,
-                    intro: intro,
-                    outro: outro
-                })}
+                defaultProps={Object.assign(Script)}
             />
 
             <Composition
                 id='PaperDriveHorizontalCoverComposition'
                 component={PaperDriveHorizontalCoverComposition}
-                durationInFrames={duration}
+                durationInFrames={1}
                 fps={fps}
-                height={Script.meta?.resolution?.width || 1920}
-                width={Script.meta?.resolution?.height || 1080}
-                defaultProps={Object.assign(Script, {
-                    bgMusic: RenderUtils.getFileName(Script.bgMusic, "mp3"),
-                    contents: contents,
-                    intro: intro,
-                    outro: outro
-                })}
+                height={parseInt(`${810 * 1.5}`)}
+                width={parseInt(`${1247.016 * 1.5}`)}
+                defaultProps={Object.assign(Script)}
             />
             <Composition
                 defaultProps={{

src/paperdrive/PaperDriveHorizontalCoverComposition.tsx

@@ -11,6 +11,7 @@ export const PaperDriveHorizontalCoverComposition = (props: OriginalManuscript)
     const data = props.transcript
         .filter(v => ["front-cover", "back-cover"].includes(v.extras?.template))
 
+
     const frontData = data[0]
     const backData = data[1]