discord.jsとchild_process(imagemagick - importコマンド)を使って画像を送信したい

Question

前提・実現したいこと

ImageMagick（import, base64）を使用してelectronのウインドウを取得して画像をdiscordに送信しようとしています。

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

Bufferに変換してますが、このようなエラーになります。

/home/.../Documents/…DataResolver.js:109 Uncaught (in promise) TypeError [REQ_RESOURCE_TYPE]: The resource must be a string, Buffer or a valid file stream.

該当のソースコード

require("child_process").exec(`import -window "${document.title}" PNG:- | base64`, (err, stdout, stderr) => {
  var image = `data:image/png;base64,${stdout.replace(/\n/g, "")}`;
  var toBuffer = new Buffer(image, "base64");
  client.channels.cache.get("chid").send({files: [{attachment: toBuffer}]});
});

試したこと

imageをattachmentに入れたりBufferをBuffer.fromに変えたりしました

補足情報（FW/ツールのバージョンなど）

electron - 8.2.1
discord.js - 12.x
nodejs - 12.x or 13.x
ubuntu - 19.10
ImageMagick(import and base64)

Answer 1

完結に言うとdiscord.jsはelectronのレンダラープロセスのような環境(※)での実行を想定して作られていないため、通常のNode.jsと同じであるメインプロセス側で実行するのが良いです

ただしメインプロセスからは直接HTML(DOM)にアクセスできないので、そういった処理をしているのであれば、多少複雑にはなりますがIPCと呼ばれるプロセス間通信などを行って、データをやり取りする必要があります

※正確にはnodeIntegrationを有効にした(状況から見てされていると思います)レンダラープロセスです。ここでは通常のブラウザとNode.jsの機能にアクセスできるため、Node.jsまたはブラウザしか想定していないライブラリは想定とは異なる動作を引き起こすことがあります

その他の選択肢としてdiscord.jsが公開しているWeb Buildを使用する選択肢もあります。基本的な動作としては変わらず、引き続き同様のエラーが出ることにはなりますが、Node.jsの仕様を無効にできるため、原因がすぐ分かるかと思います

ただしNode.jsを無効にする、つまりnodeIntegrationを無効にすることは、requireで読み込む他のNode.jsのライブラリやBufferなどの機能も使うことができなくなるため、場合によっては難しいかもしれません

最後に、今回のファイル送信に関してはBufferの代わりにArrayBufferを使用することで問題なく動くと思います（以上の理由からブラウザにはNode.jsの機能であるBufferを受け付けません）
BufferからArrayBufferに変換する方法は調べるといくつか出てきますが、buffer.bufferのようにBufferのインスタンスに対して.bufferプロパティにアクセスすることでArrayBufferを得ることができます
しかしこれは自分が該当箇所のソースを読んで気づいたことで、他のAPIでも挙動の違いがあると思うので、上記の方法をおすすめします（音声関連が使えない問題もありました）

調査して分かった情報などは electronでdiscord.jsを使うとブラウザ版として実行される にまとめたので興味があったらどうぞ

Comments

[Zel]

長い回答ありがとうございます、色々試してみます。

Answer 2

まずelectronを省いた状態のdiscordbotを起動して、そこでテストしました

    exec(`import -window "${args.join(' ')}" PNG:- | base64`, (err, stdout, stderr) => {
      var base64_img = `${stdout.replace(/\n/g, "")}`;
      var bufferImage = new Buffer.from(base64_img, "base64");
      
      message.channel.send({
        files: [
          {
            attachment: bufferImage,
            name: `window-${args.join(' ')}.png`
          }
        ]
      });
    });

data:image/png;base64,はいりませんでした。

electronの場合このコードでも出来ませんでした。

エラー:

/home/.../Documents/…DataResolver.js:109 Uncaught (in promise) TypeError [REQ_RESOURCE_TYPE]: The resource must be a string, Buffer or a valid file stream.