replicas-cli 0.2.220 → 0.2.222

package/dist/index.mjs

@@ -8933,7 +8933,7 @@ var HOOK_EXEC_MAX_BUFFER_BYTES = 10 * 1024 * 1024;
 var REPLICAS_CONFIG_FILENAMES = ["replicas.json", "replicas.yaml", "replicas.yml"];
 
 // ../shared/src/cli-version.ts
-var CLI_VERSION = "0.2.220";
+var CLI_VERSION = "0.2.222";
 
 // ../shared/src/engine/environment.ts
 var DESKTOP_NOVNC_PORT = 6080;
@@ -13096,7 +13096,7 @@ async function mediaListCommand(options) {
 
 // src/commands/computer.ts
 import { spawn as spawn3, spawnSync } from "child_process";
-import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "fs";
+import { closeSync, existsSync, mkdirSync, openSync, readFileSync, readSync, rmSync, writeFileSync } from "fs";
 import { dirname, isAbsolute, resolve } from "path";
 import chalk19 from "chalk";
 var STATE_DIR = process.env.REPLICAS_DESKTOP_STATE_DIR || "/tmp/replicas-computer";
@@ -13180,10 +13180,105 @@ async function computerStatusCommand() {
     console.log(`  ${chalk19.dim("preview: not yet registered (engine registers it at startup)")}`);
   }
 }
+var PNG_SIGNATURE = Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]);
+function readPngDimensions(filePath) {
+  const fd = openSync(filePath, "r");
+  try {
+    const buf = Buffer.alloc(24);
+    const bytesRead = readSync(fd, buf, 0, 24, 0);
+    if (bytesRead < 24 || !buf.subarray(0, 8).equals(PNG_SIGNATURE)) {
+      fail(`${filePath} is not a valid PNG (read ${bytesRead}/24 bytes)`);
+    }
+    return { width: buf.readUInt32BE(16), height: buf.readUInt32BE(20) };
+  } finally {
+    closeSync(fd);
+  }
+}
+function brandSvgPath() {
+  const dir = process.env.REPLICAS_DESKTOP_TEMPLATES || "/usr/local/share/replicas/desktop";
+  return `${dir}/brand-wallpaper.svg`;
+}
+function loadBrandSvg(canvasW, canvasH) {
+  const path6 = brandSvgPath();
+  if (!existsSync(path6)) {
+    fail(
+      `Brand wallpaper SVG missing at ${path6}. The workspace image is out of date \u2014 \`desktop/brand-wallpaper.svg\` must be installed at $REPLICAS_DESKTOP_TEMPLATES.`
+    );
+  }
+  return readFileSync(path6, "utf8").replace(/(<svg[^>]*\s)width="\d+"/, `$1width="${canvasW}"`).replace(/(<svg[^>]*\s)height="\d+"/, `$1height="${canvasH}"`);
+}
+var BRAND_PAD_FRACTION = 0.06;
+var SCREENSHOT_CORNER_FRACTION = 0.022;
+var SHADOW_SIGMA_FRACTION = 0.022;
+var SHADOW_OFFSET_Y_FRACTION = 0.013;
+var SHADOW_ALPHA = 0.6;
+var SCREENSHOT_MASK_TEMPLATE = `<svg width="__W__" height="__H__" xmlns="http://www.w3.org/2000/svg"><rect width="__W__" height="__H__" rx="__R__" ry="__R__" fill="white"/></svg>`;
+var SHADOW_MASK_TEMPLATE = `<svg width="__SW__" height="__SH__" xmlns="http://www.w3.org/2000/svg"><rect x="__M__" y="__M__" width="__W__" height="__H__" rx="__R__" ry="__R__" fill="white"/></svg>`;
 async function computerScreenshotCommand(path6) {
   const target = resolvePath(path6);
   mkdirSync(dirname(target), { recursive: true });
-  runDisplayCmd("scrot", ["-o", target]);
+  const stamp = `${process.pid}-${Date.now()}`;
+  const rawPath = `/tmp/replicas-screenshot-${stamp}.raw.png`;
+  const svgPath = `/tmp/replicas-screenshot-${stamp}.brand.svg`;
+  const maskPath = `/tmp/replicas-screenshot-${stamp}.mask.svg`;
+  const shadowPath = `/tmp/replicas-screenshot-${stamp}.shadow.svg`;
+  try {
+    runDisplayCmd("scrot", ["-o", rawPath]);
+    const { width, height } = readPngDimensions(rawPath);
+    const padX = Math.round(width * BRAND_PAD_FRACTION);
+    const padY = Math.round(height * BRAND_PAD_FRACTION);
+    const canvasW = width + padX * 2;
+    const canvasH = height + padY * 2;
+    const minDim = Math.min(width, height);
+    const cornerR = Math.round(minDim * SCREENSHOT_CORNER_FRACTION);
+    const shadowSigma = Math.max(12, Math.round(minDim * SHADOW_SIGMA_FRACTION));
+    const shadowOffsetY = Math.round(minDim * SHADOW_OFFSET_Y_FRACTION);
+    const shadowMargin = shadowSigma * 3;
+    const shadowW = width + shadowMargin * 2;
+    const shadowH = height + shadowMargin * 2;
+    writeFileSync(svgPath, loadBrandSvg(canvasW, canvasH));
+    writeFileSync(
+      maskPath,
+      SCREENSHOT_MASK_TEMPLATE.replace(/__W__/g, String(width)).replace(/__H__/g, String(height)).replace(/__R__/g, String(cornerR))
+    );
+    writeFileSync(
+      shadowPath,
+      SHADOW_MASK_TEMPLATE.replace(/__SW__/g, String(shadowW)).replace(/__SH__/g, String(shadowH)).replace(/__M__/g, String(shadowMargin)).replace(/__W__/g, String(width)).replace(/__H__/g, String(height)).replace(/__R__/g, String(cornerR))
+    );
+    const r = spawnSync(
+      "ffmpeg",
+      [
+        "-y",
+        "-hide_banner",
+        "-loglevel",
+        "error",
+        "-i",
+        svgPath,
+        "-i",
+        rawPath,
+        "-i",
+        maskPath,
+        "-i",
+        shadowPath,
+        "-filter_complex",
+        `[2:v]format=rgba,alphaextract[mask];[3:v]format=rgba,colorchannelmixer=rr=0:gg=0:bb=0:aa=${SHADOW_ALPHA},gblur=sigma=${shadowSigma}[shadow];[1:v]format=rgba[scr];[scr][mask]alphamerge[rounded];[0:v]format=rgba[bg];[bg][shadow]overlay=${padX - shadowMargin}:${padY - shadowMargin + shadowOffsetY}:format=auto[bg_shadow];[bg_shadow][rounded]overlay=${padX}:${padY}:format=auto`,
+        "-frames:v",
+        "1",
+        "-update",
+        "1",
+        target
+      ],
+      { stdio: "pipe" }
+    );
+    if (r.status !== 0) {
+      fail(`ffmpeg branding failed: ${r.stderr?.toString().trim() || `exit ${r.status}`}`);
+    }
+  } finally {
+    rmSync(rawPath, { force: true });
+    rmSync(svgPath, { force: true });
+    rmSync(maskPath, { force: true });
+    rmSync(shadowPath, { force: true });
+  }
   console.log(target);
 }
 async function computerClickCommand(xStr, yStr, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "replicas-cli",
-  "version": "0.2.220",
+  "version": "0.2.222",
   "description": "CLI for managing Replicas workspaces - SSH into cloud dev environments with automatic port forwarding",
   "main": "dist/index.mjs",
   "bin": {