@micromag/recorder 0.3.773 → 0.3.781

package/bin/recorder.js

@@ -0,0 +1,226 @@
+#!/usr/bin/env node
+'use strict';
+
+var path = require('path');
+var puppeteer = require('puppeteer');
+var puppeteerScreenRecorder = require('puppeteer-screen-recorder');
+var express = require('express');
+var net = require('node:net');
+var os = require('node:os');
+
+class Locked extends Error {
+	constructor(port) {
+		super(`${port} is locked`);
+	}
+}
+
+const lockedPorts = {
+	old: new Set(),
+	young: new Set(),
+};
+
+// On this interval, the old locked ports are discarded,
+// the young locked ports are moved to old locked ports,
+// and a new young set for locked ports are created.
+const releaseOldLockedPortsIntervalMs = 1000 * 15;
+
+// Lazily create timeout on first use
+let timeout;
+
+const getLocalHosts = () => {
+	const interfaces = os.networkInterfaces();
+
+	// Add undefined value for createServer function to use default host,
+	// and default IPv4 host in case createServer defaults to IPv6.
+	const results = new Set([undefined, '0.0.0.0']);
+
+	for (const _interface of Object.values(interfaces)) {
+		for (const config of _interface) {
+			results.add(config.address);
+		}
+	}
+
+	return results;
+};
+
+const checkAvailablePort = options =>
+	new Promise((resolve, reject) => {
+		const server = net.createServer();
+		server.unref();
+		server.on('error', reject);
+
+		server.listen(options, () => {
+			const {port} = server.address();
+			server.close(() => {
+				resolve(port);
+			});
+		});
+	});
+
+const getAvailablePort = async (options, hosts) => {
+	if (options.host || options.port === 0) {
+		return checkAvailablePort(options);
+	}
+
+	for (const host of hosts) {
+		try {
+			await checkAvailablePort({port: options.port, host}); // eslint-disable-line no-await-in-loop
+		} catch (error) {
+			if (!['EADDRNOTAVAIL', 'EINVAL'].includes(error.code)) {
+				throw error;
+			}
+		}
+	}
+
+	return options.port;
+};
+
+const portCheckSequence = function * (ports) {
+	if (ports) {
+		yield * ports;
+	}
+
+	yield 0; // Fall back to 0 if anything else failed
+};
+
+async function getPorts(options) {
+	let ports;
+	let exclude = new Set();
+
+	if (options) {
+		if (options.port) {
+			ports = typeof options.port === 'number' ? [options.port] : options.port;
+		}
+
+		if (options.exclude) {
+			const excludeIterable = options.exclude;
+
+			if (typeof excludeIterable[Symbol.iterator] !== 'function') {
+				throw new TypeError('The `exclude` option must be an iterable.');
+			}
+
+			for (const element of excludeIterable) {
+				if (typeof element !== 'number') {
+					throw new TypeError('Each item in the `exclude` option must be a number corresponding to the port you want excluded.');
+				}
+
+				if (!Number.isSafeInteger(element)) {
+					throw new TypeError(`Number ${element} in the exclude option is not a safe integer and can't be used`);
+				}
+			}
+
+			exclude = new Set(excludeIterable);
+		}
+	}
+
+	if (timeout === undefined) {
+		timeout = setTimeout(() => {
+			timeout = undefined;
+
+			lockedPorts.old = lockedPorts.young;
+			lockedPorts.young = new Set();
+		}, releaseOldLockedPortsIntervalMs);
+
+		// Does not exist in some environments (Electron, Jest jsdom env, browser, etc).
+		if (timeout.unref) {
+			timeout.unref();
+		}
+	}
+
+	const hosts = getLocalHosts();
+
+	for (const port of portCheckSequence(ports)) {
+		try {
+			if (exclude.has(port)) {
+				continue;
+			}
+
+			let availablePort = await getAvailablePort({...options, port}, hosts); // eslint-disable-line no-await-in-loop
+			while (lockedPorts.old.has(availablePort) || lockedPorts.young.has(availablePort)) {
+				if (port !== 0) {
+					throw new Locked(port);
+				}
+
+				availablePort = await getAvailablePort({...options, port}, hosts); // eslint-disable-line no-await-in-loop
+			}
+
+			lockedPorts.young.add(availablePort);
+
+			return availablePort;
+		} catch (error) {
+			if (!['EADDRINUSE', 'EACCES'].includes(error.code) && !(error instanceof Locked)) {
+				throw error;
+			}
+		}
+	}
+
+	throw new Error('No available ports found');
+}
+
+function portNumbers(from, to) {
+	if (!Number.isInteger(from) || !Number.isInteger(to)) {
+		throw new TypeError('`from` and `to` must be integer numbers');
+	}
+
+	const generator = function * (from, to) {
+		for (let port = from; port <= to; port++) {
+			yield port;
+		}
+	};
+
+	return generator(from, to);
+}
+
+const startServer = async (path, port = null) => {
+    const finalPort =
+        port ||
+        (await getPorts({
+            port: portNumbers(3050, 3100),
+        }));
+    return new Promise((resolve) => {
+        const app = express();
+        app.use(express.static(path));
+        const server = app.listen(finalPort, () => resolve(server));
+    });
+};
+
+async function wait(ms) {
+    return new Promise((resolve) => {
+        setTimeout(() => resolve(), ms);
+    });
+}
+
+async function startRecorder({ fileOutput = './exports/micromag.mp4' } = {}) {
+    const server = await startServer(path.join(__dirname, '../build/'));
+    const serverPort = server.address().port;
+    console.log(`Server started at http://localhost:${serverPort}`);
+
+    const browser = await puppeteer.launch({
+        defaultViewport: {
+            width: 540,
+            height: 860,
+            deviceScaleFactor: 2,
+            isMobile: true,
+        },
+    });
+    const page = await browser.newPage();
+    const recorder = new puppeteerScreenRecorder.PuppeteerScreenRecorder(page, {
+        videoFrame: {
+            width: 1080,
+            height: 1920,
+        },
+        fps: 30,
+        aspectRatio: '9:16',
+    });
+    await page.goto(`http://localhost:${serverPort}`);
+    await page.waitForSelector('[data-screen-ready="true"]', {
+        timeout: 10000,
+    });
+    await recorder.start(fileOutput); // supports extension - mp4, avi, webm and mov
+    await wait(5000);
+    await recorder.stop();
+    await browser.close();
+    await server.close();
+}
+
+startRecorder();

package/build/asset-manifest.json

@@ -1,7 +1,7 @@
 {
   "files": {
-    "main.css": "/static/css/main.3498d93a.css",
-    "main.js": "/static/js/main.2764f455.js",
+    "main.css": "/static/css/main.ca64b2c9.css",
+    "main.js": "/static/js/main.625b5b04.js",
     "runtime~main.js": "/static/js/runtime~main.0244fc2b.js",
     "static/js/66.b625dcf2.chunk.js": "/static/js/66.b625dcf2.chunk.js",
     "static/js/490.c32acdcb.chunk.js": "/static/js/490.c32acdcb.chunk.js",
@@ -13,7 +13,7 @@
   "entrypoints": [
     "static/js/runtime~main.0244fc2b.js",
     "static/js/31.4440a2ab.js",
-    "static/css/main.3498d93a.css",
-    "static/js/main.2764f455.js"
+    "static/css/main.ca64b2c9.css",
+    "static/js/main.625b5b04.js"
   ]
 }

package/build/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Micromag</title><script defer="defer" src="/static/js/runtime~main.0244fc2b.js"></script><script defer="defer" src="/static/js/31.4440a2ab.js"></script><script defer="defer" src="/static/js/main.2764f455.js"></script><link href="/static/css/main.3498d93a.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Micromag</title><style>#root,body,html{margin:0;padding:0;height:100%;width:100%}body{background:#000}.micromag{position:fixed;top:0;left:0;width:100%;height:100%}</style><script defer="defer" src="/static/js/runtime~main.0244fc2b.js"></script><script defer="defer" src="/static/js/31.4440a2ab.js"></script><script defer="defer" src="/static/js/main.625b5b04.js"></script><link href="/static/css/main.ca64b2c9.css" rel="stylesheet"></head><body><div id="root"></div></body></html>