[Nodejs] sharpライブラリを使用して連続して画像合成を行いたい

Question

発生している問題・エラーメッセージ

Error: Cannot use same file for input and output
    at Sharp.toFile (/node_modules/sharp/lib/output.js:66:11)

該当のソースコード

    sorted_paths = [ "./imgs/a.png", "./imgs/b.png", "./imgs/c.png", "./imgs/d.png" ];

	for (let i = 0; i < maxLayer; i++) {
		sharp.cache(false);
		let filename = `./imgs/result/${img_name}${i}.png`;
		let baseFile = filename;
		if (i == 0)
			baseFile = sorted_paths[0];
		sharp(baseFile).composite([{ input: sorted_paths[i + 1] }]).toFile(filename,
			(err, info) => { if (err) throw err; });
	}

試したこと

この記事と同じ現象が起きています。このエラーはsharp側に合成素材をキャッシュとして保持しておくために発生しており、それを解決するのはsharp.cache(false)だと書かれていました。それを書き加えましたが引き続きエラーが発生します。

https://stackoverflow.com/questions/57072847/why-does-sharp-output-the-same-file-even-though-i-have-changed-the-input-file

なにか手がかりがありましたらご教示お願いします！

Answer 1

これbaseFileがresultフォルダ内にありますね。
100個のファイルがあったら1ファイル目を生成完了してから2ファイル目の生成に取りかかれないはずです。
何度もエラーを出しながら100回施行すれば前提ファイルがいつか出揃って上手く動くかもしれませんが……

Promiseを返す関数化→async/await構文を使うようにして、
1個のファイルの生成を完了させるまで待つという挙動を実現した方が良いでしょう。

以下サンプル

const sorted_paths = [ "./imgs/a.png", "./imgs/b.png", "./imgs/c.png", "./imgs/d.png" ];

// Promiseを返す関数を準備
const composite = (base, add, to) =>
  new Promise((resolve, reject) => {
    sharp.cache(false); // これ本当に使い方合ってるのかなぁ？
    sharp(base)
      .composite([{ input: add }])
      .toFile(to, (err, info) => {
        if (err) return reject(err);
        resolve(info);
      });
  });


// await構文を有効にする為にasync関数で包む、実際のコードは親の関数をasyncにすれば動くと思う
const main = async () => {
  for (let i = 0; i < maxLayer; i++) {
    // 1個生成するまで待つという挙動を再現
    await composite(
      (i == 0 ? sorted_paths[0] : `./imgs/result/${img_name}${i}.png`),
      sorted_paths[i + 1],
      `./imgs/result/${img_name}${i}.png`
    );
  }
}
main();

Answer 2

2枚の合成を繰り返すのではなく、予めObject型の配列を用意しとくことでこの問題を解決しました