wip

Author: ewnd9

cat.sh

@@ -31,7 +31,7 @@
     ],
     "babel": "inherit"
   },
-  "preferGlobal": "true",
+  "preferGlobal": true,
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ewnd9/record-desktop.git"
@@ -49,55 +49,54 @@
   "author": "ewnd9 <ewndnine@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "configstore": "^1.4.0",
-    "electron": "^1.6.11",
-    "electron-contextmenu-middleware": "^1.0.1",
+    "configstore": "^3.1.2",
+    "electron": "^1.8.4",
+    "electron-contextmenu-middleware": "^1.0.3",
     "electron-image-menu": "^2.0.0",
     "electron-input-menu": "^2.1.0",
-    "electron-localshortcut": "^1.1.1",
+    "electron-localshortcut": "^3.1.0",
     "electron-save-file": "^1.0.2",
-    "globby": "^4.0.0",
-    "imgur": "^0.1.7",
-    "lodash": "^4.5.0",
+    "globby": "^8.0.1",
+    "imgur": "^0.2.1",
+    "lodash": "^4.17.5",
     "mkdirp": "^0.5.1",
-    "node-notifier": "^4.5.0",
-    "pify": "^2.3.0",
-    "pretty-bytes": "^3.0.1",
-    "whereis": "^0.4.0",
-    "winston": "^2.1.1"
+    "node-notifier": "^5.2.1",
+    "pify": "^3.0.0",
+    "pretty-bytes": "^4.0.2",
+    "whereis": "^1.0.0",
+    "winston": "^2.4.1"
   },
   "devDependencies": {
-    "ava": "^0.20.0",
-    "babel-cli": "^6.4.0",
-    "babel-core": "^6.4.0",
-    "babel-eslint": "^5.0.0",
-    "babel-loader": "^6.2.1",
-    "babel-plugin-lodash": "^1.1.0",
-    "babel-preset-es2015": "^6.3.13",
-    "babel-preset-react": "^6.3.13",
-    "babel-preset-stage-0": "^6.3.13",
-    "bootstrap": "^3.3.6",
-    "css-loader": "^0.23.1",
-    "electron-installer-debian": "0.4.0",
-    "electron-packager": "8.5.1",
-    "eslint": "^1.10.3",
-    "eslint-plugin-react": "^3.16.1",
-    "file-loader": "^0.8.5",
-    "husky": "^0.13.1",
-    "json-loader": "^0.5.4",
-    "nodemon": "^1.8.1",
-    "npm-run-all": "^1.4.0",
-    "proxyquire": "^1.7.11",
-    "react": "^0.14.6",
-    "react-component-gallery": "^1.2.1",
-    "react-dom": "^0.14.6",
-    "react-router": "^2.0.0",
-    "style-loader": "^0.13.0",
-    "url-loader": "^0.5.7",
-    "webpack": "^1.12.11",
-    "webpack-dev-server": "^1.14.1",
-    "webpack-target-electron-renderer": "^0.4.0",
-    "x11": "^2.0.5"
+    "ava": "^0.25.0",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.0",
+    "babel-eslint": "^8.2.2",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-lodash": "^3.3.2",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "bootstrap": "3.x",
+    "css-loader": "^0.28.11",
+    "electron-installer-debian": "0.8.1",
+    "electron-packager": "12.0.1",
+    "eslint": "^4.19.1",
+    "eslint-plugin-react": "^7.7.0",
+    "file-loader": "^1.1.11",
+    "husky": "^0.14.3",
+    "json-loader": "^0.5.7",
+    "nodemon": "^1.17.3",
+    "npm-run-all": "^4.1.2",
+    "proxyquire": "^2.0.1",
+    "react": "^16.3.1",
+    "react-dom": "^16.3.1",
+    "react-router": "3.x",
+    "style-loader": "^0.20.3",
+    "uglifyjs-webpack-plugin": "^1.2.4",
+    "url-loader": "^1.0.1",
+    "webpack": "^3.11.0",
+    "webpack-dev-server": "^2.11.1",
+    "x11": "^2.3.0"
   },
   "resolutions": {
     "electron/**/sumchecker": "2.0.2"

package.json

@@ -0,0 +1,14 @@
+'use strict';
+
+const { ffmpeg } = require('../src/unix-utils/ffmpeg');
+
+const outputFile = '/tmp/1.mkv';
+const { promise, finish } = ffmpeg({ outputFile, width: 200, height: 200, x: 0, y: 0 });
+
+promise
+  .catch(err => console.log(err.stack || err));
+
+setTimeout(() => {
+  finish();
+  console.log(outputFile);
+}, 5000)

packages/record-desktop/examples/ffmpeg-example.js

@@ -0,0 +1,73 @@
+'use strict';
+
+const fs = require('fs');
+const delay = require('delay');
+const execa = require('execa');
+const globby = require('globby');
+const prettyBytes = require('pretty-bytes');
+
+const { ffmpeg } = require('../src/unix-utils/ffmpeg');
+const { xdotool } = require('../src/unix-utils/xdotool');
+const { xwininfo } = require('../src/unix-utils/xwininfo');
+const { openTag } = require('../src/unix-utils/wmctrl');
+const { xdgOpen } = require('../src/unix-utils/xdg-open');
+
+const devConsole = console;
+
+main()
+.catch(err => {
+  devConsole.error(err);
+  process.exit(1);
+});
+
+async function main() {
+  const sentence = 'very tired but very cool';
+  const typeDelay = 200;
+  const outputFile = '/tmp/1.mkv';
+
+  await delay(100);
+  await openTag(3);
+
+  await xdotool(['key', 'super+e']);
+  await delay(100);
+
+  const { x, y, width, height } = await xwininfo();
+
+  const imgProc = execa('pqiv', ['-c', '-c', '-i', '/home/ewnd9/github/gtk-node/record-desktop/snoop.gif']);
+  await delay(400);
+
+  const { stdout } = await execa('xdotool', ['search', '--pid', imgProc.pid]);
+  const imgWindowId = stdout.split('\n')[1];
+  console.log(stdout, imgWindowId);
+
+  for (let i = 0 ; i < 5 ; i++) {
+    await execa('wmctrl', ['-i', '-r', imgWindowId, '-e', `0,${x + i * 50},${y + i * 10},250,250`]);
+    await delay(200);
+  }
+
+
+
+  // const { promise, finish } = ffmpeg({ outputFile, x, y, width, height, offset: 50 });
+
+  // await delay(100);
+  // await xdotool(['type', '--delay', typeDelay, sentence]);
+  // await delay(100);
+
+  // finish();
+  // await promise;
+
+  // const dir = `/tmp/${new Date().toISOString()}`;
+  // const outputGif = `${dir}/anim.gif`;
+
+  // await execa('mkdir', [dir]);
+  // await execa('ffmpeg', ['-i', outputFile, `${dir}/frame%04d.png`]);
+  // const frameFiles = await globby(['*.png'], { absolute: true, cwd: dir });
+  // const args = ['-o', outputGif].concat(frameFiles);
+  // await execa('gifski', args);
+
+
+  // const stat = fs.statSync(outputGif);
+  // console.log(outputGif, prettyBytes(stat.size));
+
+  // xdgOpen(outputGif);
+}

packages/record-desktop/examples/xdotool-example.js

@@ -0,0 +1 @@
+import { byzanzRecord } from './unix-utils/byzanz-record';

packages/record-desktop/src/index.js

@@ -0,0 +1,28 @@
+import execa from 'execa';
+import { exec, execFile } from 'child_process';
+
+export function byzanzRecord({ outputFile, width, height, x, y }) {
+  const coords = typeof width === 'undefined' ? [] : [
+    `--x=${x}`,
+    `--y=${y}`,
+    `--width=${width}`,
+    `--height=${height}`
+  ];
+
+  const args = coords.concat(outputFile);
+
+  // can't use execFile because otherwise byzanz's subprocess is killed prematurelly
+  const proc = exec(`byzanz-record ${args.join(' ')}`);
+  // const proc = execFile('byzanz-record', args);
+
+  const finish = () => {
+    console.log(proc.pid);
+    proc.kill('SIGINT');
+    console.log('after kill')
+  };
+
+  return {
+    proc,
+    finish
+  };
+};

packages/record-desktop/src/unix-utils/byzanz-record.js

@@ -0,0 +1,47 @@
+/*
+inspiration: https://github.com/wulkano/aperture
+https://github.com/wulkano/aperture/pull/5/files
+https://github.com/wulkano/aperture/pull/32
+*/
+import execa from 'execa';
+
+export function ffmpeg({ outputFile, fps = 30, x, y, width, height, offset = 0, showCursor }) {
+  const args = ['-f', 'x11grab'];
+
+  if (typeof width !== 'undefined') {
+    if (offset > 0) {
+      console.log(x, y, width, height);
+      console.log(offset);
+      x = x - offset;
+      y = y - offset;
+      width = width + offset * 2;
+      height = height + offset * 2;
+      console.log(x, y, width, height);
+    }
+
+    args.push('-video_size', `${width}x${height}`);
+    args.push('-i', `:0+${x},${y}`)
+  } else {
+    args.push('-i', ':0');
+  }
+
+  args.push('-y') // force overwrite existing file
+  args.push('-framerate', fps, '-draw_mouse', +(showCursor === true), outputFile);
+
+  const proc = execa('ffmpeg', args);
+
+  // proc.stderr.setEncoding('utf8');
+  // proc.stderr.on('data', str => {
+  //   console.log(str)
+  // })
+
+  const finish = () => new Promise(resolve => {
+    proc.stdin.setEncoding('utf8');
+    proc.stdin.write('q');
+  })
+
+  return {
+    proc,
+    finish
+  };
+}

packages/record-desktop/src/unix-utils/ffmpeg.js

@@ -0,0 +1,18 @@
+import { exec } from '../utils';
+import { log } from '../../logger';
+
+export function slop() {
+  return exec('slop -f "%g"').then(res => {
+    log(`slop: ${res}`);
+
+    if (/^\d+x\d+\+\d+\+\d+/.test(res)) {
+      const [dim, x, y] = res.split('+');
+      const [width, height] = dim.split('x');
+
+      return { width, height, x, y };
+    } else {
+      const [x, y, width, height] = res.split('\n').map(_ => _.split('=')[1]);
+      return { width, height, x, y };
+    }
+  });
+};

packages/record-desktop/src/unix-utils/gifski.js

@@ -0,0 +1,33 @@
+import test from 'ava';
+import proxyquire from 'proxyquire';
+
+test('slop old format', async t => {
+  t.deepEqual(await getSlop('X=525\nY=705\nW=296\nH=168'), {
+    height: '168',
+    width: '296',
+    x: '525',
+    y: '705'
+  });
+});
+
+test('slop new format', async t => {
+  t.deepEqual(await getSlop('323x162+1316+247'), {
+    height: '162',
+    width: '323',
+    x: '1316',
+    y: '247'
+  });
+});
+
+function getSlop(mock) {
+  const { slop } = proxyquire.noCallThru().load('./slop', {
+    '../utils': {
+      exec: () => Promise.resolve(mock)
+    },
+    '../../utils': {
+      log: () => {}
+    }
+  });
+
+  return slop();
+}