Photoshop│JavaScriptでPSDを読み書きする方法｜ag-psd（Node.js）

npm init -y
npm i ag-psd canvas

const fs = require('fs');
require('ag-psd/initialize-canvas');
const { readPsd } = require('ag-psd');

const psd = readPsd(fs.readFileSync(process.argv[2]), { skipLayerImageData: true, skipThumbnail: true });
console.log(`${psd.width}x${psd.height}`);
function walk(layers, depth) {
  for (const l of layers || []) {
    const kind = l.children ? 'グループ' : l.text ? '文字' : l.adjustment ? '調整:' + l.adjustment.type : l.placedLayer ? 'スマートオブジェクト' : 'ピクセル';
    console.log('  '.repeat(depth) + `- ${l.name}（${kind}）` + (l.text ? ` 「${l.text.text}」` : ''));
    walk(l.children, depth + 1);
  }
}
walk(psd.children, 0);

256x256
- Background（ピクセル）
- linked-png（スマートオブジェクト）
- linked-psd（スマートオブジェクト）
- embedded-png（スマートオブジェクト）

256x256
- Background（ピクセル）
- Rectangle 1（ピクセル）
- Brightness/Contrast 1（調整:brightness/contrast）
- Levels 1（調整:levels）
- Curves 1（調整:curves）
- Hue/Saturation 1（調整:hue/saturation）

const fs = require('fs');
const { createCanvas } = require('canvas');
require('ag-psd/initialize-canvas');           // Node で画像を扱うための準備
const { writePsdBuffer } = require('ag-psd');

function rect(w, h, color) {
  const c = createCanvas(w, h);
  const ctx = c.getContext('2d');
  ctx.fillStyle = color;
  ctx.fillRect(0, 0, w, h);
  return c;
}

const psd = {
  width: 400,
  height: 300,
  children: [
    { name: '背景', canvas: rect(400, 300, '#ffffff') },
    { name: 'パーツ', children: [
      { name: '赤い四角', left: 40, top: 40, canvas: rect(120, 80, '#e03c31') },
      { name: '青い四角', left: 200, top: 120, canvas: rect(150, 120, '#2f6fd6'), opacity: 0.5 },
    ]},
  ],
  canvas: rect(400, 300, '#ffffff'),            // 合成済みのプレビュー（簡略化）
};

fs.writeFileSync('out.psd', writePsdBuffer(psd));
console.log('書き出した', fs.statSync('out.psd').size, 'バイト');

書き出した 22832 バイト

400 300
  背景 pixel 255
  パーツ group 255
  赤い四角 pixel 255
  青い四角 pixel 128

const fs = require('fs');
require('ag-psd/initialize-canvas');
const { readPsd, writePsdBuffer } = require('ag-psd');

const psd = readPsd(fs.readFileSync(process.argv[2]));
let count = 0;
(function walk(layers) {
  for (const l of layers || []) {
    if (l.text) { l.text.text = l.text.text.replace(/Line/g, '行'); count++; }
    walk(l.children);
  }
})(psd.children);
if (process.argv[4] === '--drop-resources') delete psd.imageResources;
// 文字を書き換えたら、Photoshop で開いたときに描き直させる
fs.writeFileSync(process.argv[3], writePsdBuffer(psd, { invalidateTextLayers: true }));
console.log('文字レイヤー', count, '個を書き換えた');

Error: Invalid boolean value: undefined, key: enab
    at writeOSType (...\ag-psd\dist\descriptor.js:680:23)
    ...
    at Object.write (...\ag-psd\dist\imageResources.js:584:48)