Rotate Images

import 'dotenv/config';
import fs from 'fs/promises';
import path from 'path';
import CreativeEngine from '@cesdk/node';

// Configuration for the engine
const config = {
  license: process.env.LICENSE_KEY,
  baseURL: 'https://cdn.img.ly/packages/imgly/cesdk-node/1.60.0/assets'
};

// Start CreativeEngine
CreativeEngine.init(config).then(async (engine) => {
  console.log('CE.SDK Engine initialized');

    // Load the demo scene from IMG.LY CDN
    try {
        await engine.addDefaultAssetSources();
        await engine.scene.loadFromURL(
        'https://cdn.img.ly/assets/demo/v1/ly.img.template/templates/cesdk_instagram_photo_1.scene'
        );

    // Grab the first page
    const [page] = engine.block.findByType('page');

    // Collect every graphic block
    const graphics = engine.block.findByType('graphic');
    if (graphics.length === 0) {
      throw new Error('No graphic blocks found to rotate.');
    }

    // Loop through the graphics and rotate each one by 45°
    graphics.forEach((blockId) => {
      engine.block.setFloat(blockId, 'rotation', Math.PI / 4);
    });

    // Export the updated page to a PNG
    const blob = await engine.block.export(page, { mimeType: 'image/png' });
    // Convert the blob to a buffer
    const arrayBuffer = await blob.arrayBuffer();

    // Set an output directory
    const outputDir = path.resolve('.');
    await fs.mkdir(outputDir, { recursive: true });

    const pattern = /^example-output\((\d+)\)\.png$/;
    const nextIndex =
      (await fs.readdir(outputDir))
        .map((file) => pattern.exec(file)?.[1])
        .filter(Boolean)
        .map(Number)
        .reduce((max, n) => Math.max(max, n), 0) + 1;
    // Pick and output filename
    const outputName = `example-rotated(${nextIndex}).png`;
    const outputPath = path.join(outputDir, outputName);

    // Write the buffer to disk
    await fs.writeFile(outputPath, Buffer.from(arrayBuffer));
    console.log(`Export completed: ${outputName}`);
  } catch (error) {
    console.error('Error processing scene:', error);
  } finally {
    engine.dispose();
  }
});