fix: assign hidden folder id to prevent conflicts

packages/core/src/app/Renderer.ts

@@ -20,6 +20,7 @@ export interface RendererSettings extends StageSettings {
     name: string;
     options: unknown;
   };
+  hiddenFolderId?: string;
 }
 
 export interface AssetInfo {

packages/ffmpeg/src/FFmpegExporterServer.ts

@@ -58,7 +58,11 @@ export class FFmpegExporterServer {
 
   public constructor(settings: FFmpegExporterSettings) {
     this.settings = settings;
-    this.jobFolder = path.join(os.tmpdir(), `revideo-${this.settings.name}`);
+    this.jobFolder = path.join(
+      `${os.tmpdir()}`,
+      `revideo-${this.settings.name}-${settings.hiddenFolderId}`,
+    );
+    console.log('jobFolder', this.jobFolder);
     this.audioFilenames = [];
     this.stream = new ImageStream();
     this.command = ffmpeg();

packages/ffmpeg/src/utils.ts

@@ -41,11 +41,9 @@ export async function createSilentAudioFile(
 ) {
   return new Promise((resolve, reject) => {
     ffmpeg()
-      .addInput('anullsrc')
+      .addInput(`anullsrc=channel_layout=stereo:sample_rate=${48000}`)
       .inputFormat('lavfi')
-      .audioChannels(2)
-      .audioFrequency(48000)
-      .outputOptions(['-t', duration.toString(), '-acodec', 'aac'])
+      .duration(duration)
       .on('end', () => {
         resolve(filePath);
       })

packages/renderer/client/render.ts

@@ -19,6 +19,7 @@ export const render = async (
   totalNumOfWorkers: number,
   startInSeconds: number,
   endInSeconds: number,
+  hiddenFolderId: string,
 ) => {
   try {
     const renderer = new Renderer(project);
@@ -41,6 +42,7 @@ export const render = async (
     await renderer.render({
       ...project.meta.getFullRenderingSettings(),
       name: project.name,
+      hiddenFolderId: hiddenFolderId,
       range: [
         renderer.frameToTime(firstWorkerFrame),
         renderer.frameToTime(lastWorkerFrame),

packages/renderer/server/RendererPlugin.ts

@@ -31,11 +31,12 @@ export function rendererPlugin(params?: Record<string, unknown>): Plugin {
             const totalNumOfWorkers = url.searchParams.get('totalNumOfWorkers');
             const startInSeconds = parseFloat(url.searchParams.get('startInSeconds'));
             const endInSeconds = parseFloat(url.searchParams.get('endInSeconds'));
+            const hiddenFolderId = url.searchParams.get('hiddenFolderId');
 
             // Overwrite project name so that the rendered videos don't overwrite each other
             project.name = fileName;
 
-            render(project, workerId, totalNumOfWorkers, startInSeconds, endInSeconds);
+            render(project, workerId, totalNumOfWorkers, startInSeconds, endInSeconds, hiddenFolderId);
             `;
       }
     },

packages/renderer/server/renderVideo.ts

@@ -10,6 +10,7 @@ import * as os from 'os';
 import * as path from 'path';
 import puppeteer, {Browser, BrowserLaunchArgumentOptions} from 'puppeteer';
 import * as readline from 'readline';
+import {v4 as uuidv4} from 'uuid';
 import {ViteDevServer, createServer} from 'vite';
 import {rendererPlugin} from './RendererPlugin';
 
@@ -19,8 +20,9 @@ function buildUrl(
   workerId: number,
   totalNumOfWorkers: number,
   range: [number, number] = [0, Infinity],
+  hiddenFolderId: string,
 ) {
-  return `http://localhost:${port}/render?fileName=${fileName}&workerId=${workerId}&totalNumOfWorkers=${totalNumOfWorkers}&startInSeconds=${range[0]}&endInSeconds=${range[1]}`;
+  return `http://localhost:${port}/render?fileName=${fileName}&workerId=${workerId}&totalNumOfWorkers=${totalNumOfWorkers}&startInSeconds=${range[0]}&endInSeconds=${range[1]}&hiddenFolderId=${hiddenFolderId}`;
 }
 
 interface RenderVideoSettings {
@@ -43,6 +45,7 @@ export const renderVideo = async (
 
   const resolvedConfigPath = path.resolve(process.cwd(), configFile);
   const projectName = settings.name ?? 'project';
+  const hiddenFolderId = uuidv4();
 
   /**
    * TODO: Change this in the future after more testing.
@@ -72,6 +75,7 @@ export const renderVideo = async (
       i,
       numOfWorkers,
       settings.range,
+      hiddenFolderId,
     );
 
     renderPromises.push(renderVideoOnPage(browser, server, url));
@@ -82,8 +86,8 @@ export const renderVideo = async (
   const audioFiles = [];
   const videoFiles = [];
   for (let i = 0; i < numOfWorkers; i++) {
-    const videoFilePath = `${os.tmpdir()}/revideo-${projectName}-${i}/visuals.mp4`;
-    const audioFilePath = `${os.tmpdir()}/revideo-${projectName}-${i}/audio.wav`;
+    const videoFilePath = `${os.tmpdir()}/revideo-${projectName}-${i}-${hiddenFolderId}/visuals.mp4`;
+    const audioFilePath = `${os.tmpdir()}/revideo-${projectName}-${i}-${hiddenFolderId}/audio.wav`;
 
     if (!(await doesFileExist(audioFilePath))) {
       const videoDuration = await getVideoDuration(videoFilePath);
@@ -111,7 +115,7 @@ export const renderVideo = async (
     `\nRendered successfully! Video saved to: ${path.join(process.cwd(), `output/${projectName}.mp4`)}`,
   );
 
-  await cleanup(projectName, numOfWorkers);
+  await cleanup(projectName, numOfWorkers, hiddenFolderId);
 };
 
 async function initBrowserAndServer(
@@ -197,11 +201,17 @@ async function renderVideoOnPage(
   return renderingComplete;
 }
 
-async function cleanup(projectName: string, numOfWorkers: number) {
+async function cleanup(
+  projectName: string,
+  numOfWorkers: number,
+  hiddenFolderId: string,
+) {
   const cleanupFolders = [];
   const cleanupFiles = [];
   for (let i = 0; i < numOfWorkers; i++) {
-    cleanupFolders.push(`${os.tmpdir()}/revideo-${projectName}-${i}`);
+    cleanupFolders.push(
+      `${os.tmpdir()}/revideo-${projectName}-${i}-${hiddenFolderId}`,
+    );
     cleanupFiles.push(
       path.join(process.cwd(), `output/${projectName}-${i}.mp4`),
     );