MacOS screenshotting (JS)

[Blatman]

Just found an easy way of screenshotting with mac apps implemented on the JS context - basically by just using the Apple screencapture command line utility.

Code:

capabilities .json file -

{
  "identifier": "shell:allow-execute",
  "allow": [
    {
      "name": "sh",
      "cmd": "sh",
      "args": [
        "-c",
        {
          "validator": "\\S+"
        }
      ]
    },
    {
      "name": "cmd",
      "cmd": "cmd",
      "args": [
        "/C",
        {
          "validator": "\\S+"
        }
      ]
    },
    {
      "name": "screenshot",
      "cmd": "screencapture",
      "args": true,
      "sidecar": false
    }
  ]
},

JS -

$('#screenshot').puibutton({
    icon: 'fa-sticky-note-o',
    click: function(event) {
        snapshot();
    }
});

async function snapshot() {        

    var snappo = await new cmd('screenshot', ['-i', '/Users/USER/Desktop/snappo-' + Date.now() + '.png']).execute();  // OK - file in Desktop, spacebar toggle works OK

// var snappo = await new cmd('screenshot', ['-p']).execute(); // OK - file to Desktop (default)
// var snappo = await new cmd('screenshot', ['-R', '0,0,70,300', 'snappo-' + Date.now() + '.png']).execute(); // OK - file in src-tauri
// var snappo = await new cmd('screenshot', ['-R', '0,0,470,200', '/Users/USER/Desktop/snappo-' + Date.now() + '.png']).execute(); // OK - file in Desktop
// var snappo = await new cmd('screenshot', ['-v', '/Users/USER/Desktop/snappo-' + Date.now() + '.mp4']).execute(); // OK - file in Desktop
// var snappo = await new cmd('screenshot', ['-J', 'video', '/Users/USER/Desktop/snappo-' + Date.now() + '.mp4']).execute(); // OK - file in Desktop
// var snappo = await new cmd('screenshot', ['-i', '-U', '/Users/USER/Desktop/snappo-' + Date.now() + '.mp4']).execute(); // OK - .mov file in Desktop, spacebar toggle works OK

}

Note: other args available to the screencapture binary may well work too but the above is enough for me and easy to implement.

For a more cross-platform solution maybe the scap cargo crate would be ideal (https://crates.io/crates/scap) however it would require a little work to be available from the JS side I guess.