@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/colors/for-print/cmyk.md

@@ -1,48 +1,26 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Guides](./guides.md) > [Colors](./colors.md) > [For Print](./colors/for-print.md) > [CMYK Colors](./colors/for-print/cmyk.md)
 
 ---
 
-Work with CMYK colors in CE.SDK for professional print production workflows with support for color space conversion and tint control.
-
-![CMYK Colors example showing blocks with cyan, magenta, yellow, and black colors for print](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
+Work with CMYK colors in CE.SDK for professional print production workflows with support for color space conversion and tint control in headless Node.js environments.
 
 > **Reading time:** 10 minutes
 >
 > **Resources:**
 >
 > - [Download examples](https://github.com/imgly/cesdk-web-examples/archive/refs/tags/release-$UBQ_VERSION$.zip)
-> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-colors-for-print-cmyk-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-colors-for-print-cmyk-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-colors-for-print-cmyk-browser/)
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-colors-for-print-cmyk-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-colors-for-print-cmyk-server-js)
 
 CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard color model for print production. Unlike RGB which is additive and designed for screens, CMYK uses subtractive color mixing to represent how inks combine on paper. CE.SDK supports CMYK colors natively, allowing you to prepare designs for professional print output while maintaining accurate color representation.
 
-```typescript file=@cesdk_web_examples/guides-colors-for-print-cmyk-browser/browser.ts reference-only
-import type {
-  CMYKColor,
-  EditorPlugin,
-  EditorPluginContext,
-  RGBAColor
-} from '@cesdk/cesdk-js';
-import {
-  BlurAssetSource,
-  ColorPaletteAssetSource,
-  CropPresetsAssetSource,
-  DemoAssetSources,
-  EffectsAssetSource,
-  FiltersAssetSource,
-  PagePresetsAssetSource,
-  StickerAssetSource,
-  TextAssetSource,
-  TextComponentAssetSource,
-  TypefaceAssetSource,
-  UploadAssetSources,
-  VectorShapeAssetSource
-} from '@cesdk/cesdk-js/plugins';
-import { DesignEditorConfig } from './design-editor/plugin';
-import packageJson from './package.json';
+```typescript file=@cesdk_web_examples/guides-colors-for-print-cmyk-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import type { CMYKColor, RGBAColor } from '@cesdk/node';
 
 // Type guard to check if a color is CMYK
 // Color can be RGBAColor, CMYKColor, or SpotColor
@@ -56,9 +34,14 @@ const isCMYKColor = (color: unknown): color is CMYKColor => {
     'k' in color
   );
 };
+import { config } from 'dotenv';
+import { writeFileSync, mkdirSync, existsSync } from 'fs';
+
+// Load environment variables
+config();
 
 /**
- * CE.SDK Plugin: CMYK Colors Guide
+ * CE.SDK Server Guide: CMYK Colors
  *
  * This example demonstrates:
  * - Creating CMYK color values for print workflows
@@ -66,261 +49,222 @@ const isCMYKColor = (color: unknown): color is CMYKColor => {
  * - Using the tint property for color intensity control
  * - Converting between RGB and CMYK color spaces
  * - Checking color types with type guards
+ * - Exporting designs with CMYK colors for print
  */
-class Example implements EditorPlugin {
-  name = packageJson.name;
 
-  version = packageJson.version;
-
-  async initialize({ cesdk }: EditorPluginContext): Promise<void> {
-    if (!cesdk) {
-      throw new Error('CE.SDK instance is required for this plugin');
-    }
-
-    await cesdk.addPlugin(new DesignEditorConfig());
+// Initialize CE.SDK engine with baseURL for asset loading
+const engine = await CreativeEngine.init({
+  // license: process.env.CESDK_LICENSE,
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+});
 
-    // Add asset source plugins
-    await cesdk.addPlugin(new BlurAssetSource());
-    await cesdk.addPlugin(new ColorPaletteAssetSource());
-    await cesdk.addPlugin(new CropPresetsAssetSource());
-    await cesdk.addPlugin(
-      new UploadAssetSources({ include: ['ly.img.image.upload'] })
-    );
-    await cesdk.addPlugin(
-      new DemoAssetSources({
-        include: [
-          'ly.img.templates.blank.*',
-          'ly.img.templates.presentation.*',
-          'ly.img.templates.print.*',
-          'ly.img.templates.social.*',
-          'ly.img.image.*'
-        ]
-      })
-    );
-    await cesdk.addPlugin(new EffectsAssetSource());
-    await cesdk.addPlugin(new FiltersAssetSource());
-    await cesdk.addPlugin(new PagePresetsAssetSource());
-    await cesdk.addPlugin(new StickerAssetSource());
-    await cesdk.addPlugin(new TextAssetSource());
-    await cesdk.addPlugin(new TextComponentAssetSource());
-    await cesdk.addPlugin(new TypefaceAssetSource());
-    await cesdk.addPlugin(new VectorShapeAssetSource());
-
-    // Create a design scene using CE.SDK convenience method
-    await cesdk.actions.run('scene.create', {
-      page: { width: 800, height: 600, unit: 'Pixel' }
-    });
-
-    const engine = cesdk.engine;
-
-    // Get the page
-    const pages = engine.block.findByType('page');
-    const page = pages[0];
-    if (!page) {
-      throw new Error('No page found');
-    }
-
-    // Set page background to light gray for visibility (using CMYK)
-    const pageFill = engine.block.getFill(page);
-    engine.block.setColor(pageFill, 'fill/color/value', {
-      c: 0.0,
-      m: 0.0,
-      y: 0.0,
-      k: 0.04,
-      tint: 1.0
-    });
-
-    // Helper function to create a graphic block with a color fill
-    const createColorBlock = (
-      x: number,
-      y: number,
-      width: number,
-      height: number,
-      shape: 'rect' | 'ellipse' = 'rect'
-    ): { block: number; fill: number } => {
-      const block = engine.block.create('graphic');
-      const blockShape = engine.block.createShape(shape);
-      engine.block.setShape(block, blockShape);
-      engine.block.setWidth(block, width);
-      engine.block.setHeight(block, height);
-      engine.block.setPositionX(block, x);
-      engine.block.setPositionY(block, y);
-      engine.block.appendChild(page, block);
-
-      const colorFill = engine.block.createFill('color');
-      engine.block.setFill(block, colorFill);
-
-      return { block, fill: colorFill };
-    };
-
-    // Create CMYK color objects for print production
-    // CMYK values range from 0.0 to 1.0
-    const cmykCyan: CMYKColor = { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 };
-    const cmykMagenta: CMYKColor = {
-      c: 0.0,
-      m: 1.0,
-      y: 0.0,
-      k: 0.0,
-      tint: 1.0
-    };
-    const cmykYellow: CMYKColor = { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 };
-    const cmykBlack: CMYKColor = { c: 0.0, m: 0.0, y: 0.0, k: 1.0, tint: 1.0 };
-
-    // Example 1: Apply CMYK Cyan to a fill
-    const { fill: cyanFill } = createColorBlock(50, 50, 150, 150);
-    engine.block.setColor(cyanFill, 'fill/color/value', cmykCyan);
-
-    // Example 2: Apply CMYK Magenta to a fill
-    const { fill: magentaFill } = createColorBlock(220, 50, 150, 150);
-    engine.block.setColor(magentaFill, 'fill/color/value', cmykMagenta);
-
-    // Example 3: Apply CMYK Yellow to a fill
-    const { fill: yellowFill } = createColorBlock(390, 50, 150, 150);
-    engine.block.setColor(yellowFill, 'fill/color/value', cmykYellow);
-
-    // Example 4: Apply CMYK Black to a fill
-    const { fill: blackFill } = createColorBlock(560, 50, 150, 150);
-    engine.block.setColor(blackFill, 'fill/color/value', cmykBlack);
-
-    // Example 5: Use tint for partial color intensity
-    // Tint of 0.5 gives 50% color intensity
-    const cmykHalfMagenta: CMYKColor = {
-      c: 0.0,
-      m: 1.0,
-      y: 0.0,
-      k: 0.0,
-      tint: 0.5
-    };
-    const { fill: tintedFill } = createColorBlock(50, 220, 150, 150, 'ellipse');
-    engine.block.setColor(tintedFill, 'fill/color/value', cmykHalfMagenta);
-
-    // Example 6: Apply CMYK color to stroke
-    const { block: strokeBlock, fill: strokeBlockFill } = createColorBlock(
-      220,
-      220,
-      150,
-      150
-    );
-    // Set fill to white (using CMYK)
-    engine.block.setColor(strokeBlockFill, 'fill/color/value', {
-      c: 0.0,
-      m: 0.0,
-      y: 0.0,
-      k: 0.0,
-      tint: 1.0
-    });
-    // Enable stroke and set CMYK color
-    engine.block.setStrokeEnabled(strokeBlock, true);
-    engine.block.setStrokeWidth(strokeBlock, 8);
-    const cmykStrokeColor: CMYKColor = {
-      c: 0.8,
-      m: 0.2,
-      y: 0.0,
-      k: 0.1,
-      tint: 1.0
-    };
-    engine.block.setColor(strokeBlock, 'stroke/color', cmykStrokeColor);
-
-    // Example 7: Apply CMYK color to drop shadow
-    const { block: shadowBlock, fill: shadowBlockFill } = createColorBlock(
-      390,
-      220,
-      150,
-      150
-    );
-    // Set fill to light gray (using CMYK)
-    engine.block.setColor(shadowBlockFill, 'fill/color/value', {
-      c: 0.0,
-      m: 0.0,
-      y: 0.0,
-      k: 0.05,
-      tint: 1.0
-    });
-    // Enable drop shadow and set CMYK color
-    engine.block.setDropShadowEnabled(shadowBlock, true);
-    engine.block.setDropShadowOffsetX(shadowBlock, 10);
-    engine.block.setDropShadowOffsetY(shadowBlock, 10);
-    engine.block.setDropShadowBlurRadiusX(shadowBlock, 15);
-    engine.block.setDropShadowBlurRadiusY(shadowBlock, 15);
-    const cmykShadowColor: CMYKColor = {
-      c: 0.0,
-      m: 0.0,
-      y: 0.0,
-      k: 0.6,
-      tint: 0.8
-    };
-    engine.block.setColor(shadowBlock, 'dropShadow/color', cmykShadowColor);
-
-    // Example 8: Read CMYK color from a block
-    const { fill: readFill } = createColorBlock(560, 220, 150, 150, 'ellipse');
-    const cmykOrange: CMYKColor = { c: 0.0, m: 0.5, y: 1.0, k: 0.0, tint: 1.0 };
-    engine.block.setColor(readFill, 'fill/color/value', cmykOrange);
-
-    // Retrieve and check the color
-    const retrievedColor = engine.block.getColor(readFill, 'fill/color/value');
-    if (isCMYKColor(retrievedColor)) {
-      // eslint-disable-next-line no-console
-      console.log(
-        `CMYK Color - C: ${retrievedColor.c}, M: ${retrievedColor.m}, Y: ${retrievedColor.y}, K: ${retrievedColor.k}, Tint: ${retrievedColor.tint}`
-      );
-    }
-
-    // Example 9: Convert RGB to CMYK
-    const rgbBlue: RGBAColor = { r: 0.2, g: 0.4, b: 0.9, a: 1.0 };
-    const convertedCmyk = engine.editor.convertColorToColorSpace(
-      rgbBlue,
-      'CMYK'
-    );
-    const { fill: convertedFill } = createColorBlock(50, 390, 150, 150);
-    engine.block.setColor(convertedFill, 'fill/color/value', convertedCmyk);
-    // eslint-disable-next-line no-console
-    console.log('RGB to CMYK conversion:', convertedCmyk);
-
-    // Example 10: Convert CMYK to RGB (for demonstration)
-    const cmykGreen: CMYKColor = { c: 0.7, m: 0.0, y: 1.0, k: 0.2, tint: 1.0 };
-    const convertedRgb = engine.editor.convertColorToColorSpace(
-      cmykGreen,
-      'sRGB'
+try {
+  // Create a scene with a page
+  const scene = engine.scene.create();
+  const page = engine.block.create('page');
+  engine.block.setWidth(page, 800);
+  engine.block.setHeight(page, 600);
+  engine.block.appendChild(scene, page);
+
+  // Set page background to light gray (using CMYK)
+  const pageFill = engine.block.getFill(page);
+  engine.block.setColor(pageFill, 'fill/color/value', {
+    c: 0.0,
+    m: 0.0,
+    y: 0.0,
+    k: 0.04,
+    tint: 1.0
+  });
+
+  // Helper function to create a graphic block with a color fill
+  const createColorBlock = (
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    shape: 'rect' | 'ellipse' = 'rect'
+  ): { block: number; fill: number } => {
+    const block = engine.block.create('graphic');
+    const blockShape = engine.block.createShape(shape);
+    engine.block.setShape(block, blockShape);
+    engine.block.setWidth(block, width);
+    engine.block.setHeight(block, height);
+    engine.block.setPositionX(block, x);
+    engine.block.setPositionY(block, y);
+    engine.block.appendChild(page, block);
+
+    const colorFill = engine.block.createFill('color');
+    engine.block.setFill(block, colorFill);
+
+    return { block, fill: colorFill };
+  };
+
+  // Create CMYK color objects for print production
+  // CMYK values range from 0.0 to 1.0
+  const cmykCyan: CMYKColor = { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 };
+  const cmykMagenta: CMYKColor = { c: 0.0, m: 1.0, y: 0.0, k: 0.0, tint: 1.0 };
+  const cmykYellow: CMYKColor = { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 };
+  const cmykBlack: CMYKColor = { c: 0.0, m: 0.0, y: 0.0, k: 1.0, tint: 1.0 };
+
+  // Apply CMYK colors to fills
+  const { fill: cyanFill } = createColorBlock(50, 50, 150, 150);
+  engine.block.setColor(cyanFill, 'fill/color/value', cmykCyan);
+
+  // Apply remaining CMYK primary colors
+  const { fill: magentaFill } = createColorBlock(220, 50, 150, 150);
+  engine.block.setColor(magentaFill, 'fill/color/value', cmykMagenta);
+
+  const { fill: yellowFill } = createColorBlock(390, 50, 150, 150);
+  engine.block.setColor(yellowFill, 'fill/color/value', cmykYellow);
+
+  const { fill: blackFill } = createColorBlock(560, 50, 150, 150);
+  engine.block.setColor(blackFill, 'fill/color/value', cmykBlack);
+
+  // Use tint for partial color intensity
+  // Tint of 0.5 gives 50% color intensity
+  const cmykHalfMagenta: CMYKColor = {
+    c: 0.0,
+    m: 1.0,
+    y: 0.0,
+    k: 0.0,
+    tint: 0.5
+  };
+  const { fill: tintedFill } = createColorBlock(50, 220, 150, 150, 'ellipse');
+  engine.block.setColor(tintedFill, 'fill/color/value', cmykHalfMagenta);
+
+  // Apply CMYK color to stroke
+  const { block: strokeBlock, fill: strokeBlockFill } = createColorBlock(
+    220,
+    220,
+    150,
+    150
+  );
+  // Set fill to white (using CMYK)
+  engine.block.setColor(strokeBlockFill, 'fill/color/value', {
+    c: 0.0,
+    m: 0.0,
+    y: 0.0,
+    k: 0.0,
+    tint: 1.0
+  });
+  // Enable stroke and set CMYK color
+  engine.block.setStrokeEnabled(strokeBlock, true);
+  engine.block.setStrokeWidth(strokeBlock, 8);
+  const cmykStrokeColor: CMYKColor = {
+    c: 0.8,
+    m: 0.2,
+    y: 0.0,
+    k: 0.1,
+    tint: 1.0
+  };
+  engine.block.setColor(strokeBlock, 'stroke/color', cmykStrokeColor);
+
+  // Apply CMYK color to drop shadow
+  const { block: shadowBlock, fill: shadowBlockFill } = createColorBlock(
+    390,
+    220,
+    150,
+    150
+  );
+  // Set fill to light gray (using CMYK)
+  engine.block.setColor(shadowBlockFill, 'fill/color/value', {
+    c: 0.0,
+    m: 0.0,
+    y: 0.0,
+    k: 0.05,
+    tint: 1.0
+  });
+  // Enable drop shadow and set CMYK color
+  engine.block.setDropShadowEnabled(shadowBlock, true);
+  engine.block.setDropShadowOffsetX(shadowBlock, 10);
+  engine.block.setDropShadowOffsetY(shadowBlock, 10);
+  engine.block.setDropShadowBlurRadiusX(shadowBlock, 15);
+  engine.block.setDropShadowBlurRadiusY(shadowBlock, 15);
+  const cmykShadowColor: CMYKColor = {
+    c: 0.0,
+    m: 0.0,
+    y: 0.0,
+    k: 0.6,
+    tint: 0.8
+  };
+  engine.block.setColor(shadowBlock, 'dropShadow/color', cmykShadowColor);
+
+  // Read CMYK color from a block and check with type guard
+  const { fill: readFill } = createColorBlock(560, 220, 150, 150, 'ellipse');
+  const cmykOrange: CMYKColor = { c: 0.0, m: 0.5, y: 1.0, k: 0.0, tint: 1.0 };
+  engine.block.setColor(readFill, 'fill/color/value', cmykOrange);
+
+  // Retrieve and check the color
+  const retrievedColor = engine.block.getColor(readFill, 'fill/color/value');
+  if (isCMYKColor(retrievedColor)) {
+    console.log(
+      `CMYK Color - C: ${retrievedColor.c}, M: ${retrievedColor.m}, Y: ${retrievedColor.y}, K: ${retrievedColor.k}, Tint: ${retrievedColor.tint}`
     );
-    // eslint-disable-next-line no-console
-    console.log('CMYK to RGB conversion:', convertedRgb);
-    // Display using original CMYK color
-    const { fill: previewFill } = createColorBlock(220, 390, 150, 150);
-    engine.block.setColor(previewFill, 'fill/color/value', cmykGreen);
-
-    // Example 11: Use CMYK colors in gradients
-    const gradientBlock = engine.block.create('graphic');
-    const gradientShape = engine.block.createShape('rect');
-    engine.block.setShape(gradientBlock, gradientShape);
-    engine.block.setWidth(gradientBlock, 320);
-    engine.block.setHeight(gradientBlock, 150);
-    engine.block.setPositionX(gradientBlock, 390);
-    engine.block.setPositionY(gradientBlock, 390);
-    engine.block.appendChild(page, gradientBlock);
-
-    const gradientFill = engine.block.createFill('gradient/linear');
-    engine.block.setFill(gradientBlock, gradientFill);
-
-    // Set gradient stops with CMYK colors
-    engine.block.setGradientColorStops(gradientFill, 'fill/gradient/colors', [
-      { color: { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0 },
-      { color: { c: 0.0, m: 1.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0.5 },
-      { color: { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 }, stop: 1 }
-    ]);
-
-    // Zoom to fit all content
-    await engine.scene.zoomToBlock(page, {
-      padding: {
-        left: 40,
-        top: 40,
-        right: 40,
-        bottom: 40
-      }
-    });
   }
-}
 
-export default Example;
+  // Convert RGB to CMYK
+  const rgbBlue: RGBAColor = { r: 0.2, g: 0.4, b: 0.9, a: 1.0 };
+  const convertedCmyk = engine.editor.convertColorToColorSpace(rgbBlue, 'CMYK');
+  const { fill: convertedFill } = createColorBlock(50, 390, 150, 150);
+  engine.block.setColor(convertedFill, 'fill/color/value', convertedCmyk);
+  console.log('RGB to CMYK conversion:', convertedCmyk);
+
+  // Convert CMYK to RGB (for demonstration)
+  const cmykGreen: CMYKColor = { c: 0.7, m: 0.0, y: 1.0, k: 0.2, tint: 1.0 };
+  const convertedRgb = engine.editor.convertColorToColorSpace(
+    cmykGreen,
+    'sRGB'
+  );
+  console.log('CMYK to RGB conversion:', convertedRgb);
+  // Display using original CMYK color
+  const { fill: previewFill } = createColorBlock(220, 390, 150, 150);
+  engine.block.setColor(previewFill, 'fill/color/value', cmykGreen);
+
+  // Use CMYK colors in gradients
+  const gradientBlock = engine.block.create('graphic');
+  const gradientShape = engine.block.createShape('rect');
+  engine.block.setShape(gradientBlock, gradientShape);
+  engine.block.setWidth(gradientBlock, 320);
+  engine.block.setHeight(gradientBlock, 150);
+  engine.block.setPositionX(gradientBlock, 390);
+  engine.block.setPositionY(gradientBlock, 390);
+  engine.block.appendChild(page, gradientBlock);
+
+  const gradientFill = engine.block.createFill('gradient/linear');
+  engine.block.setFill(gradientBlock, gradientFill);
+
+  // Set gradient stops with CMYK colors
+  engine.block.setGradientColorStops(gradientFill, 'fill/gradient/colors', [
+    { color: { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0 },
+    { color: { c: 0.0, m: 1.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0.5 },
+    { color: { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 }, stop: 1 }
+  ]);
+
+  // Export the design
+  const outputDir = './output';
+  if (!existsSync(outputDir)) {
+    mkdirSync(outputDir, { recursive: true });
+  }
+
+  // Export as PNG for preview
+  const pngBlob = await engine.block.export(page, { mimeType: 'image/png' });
+  const pngBuffer = Buffer.from(await pngBlob.arrayBuffer());
+  writeFileSync(`${outputDir}/cmyk-colors.png`, pngBuffer);
+  console.log(`\n✓ PNG exported: ${outputDir}/cmyk-colors.png`);
+
+  // Export as PDF for print (preserves CMYK colors)
+  const pdfBlob = await engine.block.export(page, {
+    mimeType: 'application/pdf'
+  });
+  const pdfBuffer = Buffer.from(await pdfBlob.arrayBuffer());
+  writeFileSync(`${outputDir}/cmyk-colors.pdf`, pdfBuffer);
+  console.log(`✓ PDF exported: ${outputDir}/cmyk-colors.pdf`);
+
+  console.log('\n✓ CMYK Colors example completed successfully!');
+} finally {
+  // Always dispose the engine to free resources
+  engine.dispose();
+}
 ```
 
 This guide covers how to create CMYK color values, apply them to fills, strokes, and shadows, use the tint property for color intensity control, and convert between color spaces.
@@ -347,13 +291,7 @@ Create CMYK color objects using the `CMYKColor` interface. All component values
 // Create CMYK color objects for print production
 // CMYK values range from 0.0 to 1.0
 const cmykCyan: CMYKColor = { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 };
-const cmykMagenta: CMYKColor = {
-  c: 0.0,
-  m: 1.0,
-  y: 0.0,
-  k: 0.0,
-  tint: 1.0
-};
+const cmykMagenta: CMYKColor = { c: 0.0, m: 1.0, y: 0.0, k: 0.0, tint: 1.0 };
 const cmykYellow: CMYKColor = { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 };
 const cmykBlack: CMYKColor = { c: 0.0, m: 0.0, y: 0.0, k: 1.0, tint: 1.0 };
 ```
@@ -365,7 +303,7 @@ The tint property acts as a multiplier for the entire color—a tint of 1.0 appl
 Apply CMYK colors to color fills using `engine.block.setColor()`. First create a color fill with `engine.block.createFill('color')`, then set its color value:
 
 ```typescript highlight-apply-fill
-// Example 1: Apply CMYK Cyan to a fill
+// Apply CMYK colors to fills
 const { fill: cyanFill } = createColorBlock(50, 50, 150, 150);
 engine.block.setColor(cyanFill, 'fill/color/value', cmykCyan);
 ```
@@ -377,7 +315,7 @@ The same method works for any color type—RGBA, CMYK, or SpotColor. CE.SDK auto
 The tint property provides fine-grained control over color intensity without modifying the base CMYK values. This is useful for creating lighter variations of a color:
 
 ```typescript highlight-tint
-// Example 5: Use tint for partial color intensity
+// Use tint for partial color intensity
 // Tint of 0.5 gives 50% color intensity
 const cmykHalfMagenta: CMYKColor = {
   c: 0.0,
@@ -397,7 +335,7 @@ A tint of 0.5 creates a 50% lighter version of the color, useful for secondary e
 Apply CMYK colors to strokes using the `stroke/color` property path:
 
 ```typescript highlight-stroke
-// Example 6: Apply CMYK color to stroke
+// Apply CMYK color to stroke
 const { block: strokeBlock, fill: strokeBlockFill } = createColorBlock(
   220,
   220,
@@ -432,7 +370,7 @@ Enable the stroke first with `setStrokeEnabled()`, set the stroke width, then ap
 Apply CMYK colors to drop shadows using the `dropShadow/color` property path:
 
 ```typescript highlight-shadow
-// Example 7: Apply CMYK color to drop shadow
+// Apply CMYK color to drop shadow
 const { block: shadowBlock, fill: shadowBlockFill } = createColorBlock(
   390,
   220,
@@ -470,19 +408,18 @@ Enable the drop shadow first, configure its offset and blur radius, then apply t
 Retrieve color values from blocks using `engine.block.getColor()`. The returned color could be RGBA, CMYK, or SpotColor, so use the `isCMYKColor()` type guard to check:
 
 ```typescript highlight-read-color
-// Example 8: Read CMYK color from a block
-const { fill: readFill } = createColorBlock(560, 220, 150, 150, 'ellipse');
-const cmykOrange: CMYKColor = { c: 0.0, m: 0.5, y: 1.0, k: 0.0, tint: 1.0 };
-engine.block.setColor(readFill, 'fill/color/value', cmykOrange);
-
-// Retrieve and check the color
-const retrievedColor = engine.block.getColor(readFill, 'fill/color/value');
-if (isCMYKColor(retrievedColor)) {
-  // eslint-disable-next-line no-console
-  console.log(
-    `CMYK Color - C: ${retrievedColor.c}, M: ${retrievedColor.m}, Y: ${retrievedColor.y}, K: ${retrievedColor.k}, Tint: ${retrievedColor.tint}`
-  );
-}
+  // Read CMYK color from a block and check with type guard
+  const { fill: readFill } = createColorBlock(560, 220, 150, 150, 'ellipse');
+  const cmykOrange: CMYKColor = { c: 0.0, m: 0.5, y: 1.0, k: 0.0, tint: 1.0 };
+  engine.block.setColor(readFill, 'fill/color/value', cmykOrange);
+
+  // Retrieve and check the color
+  const retrievedColor = engine.block.getColor(readFill, 'fill/color/value');
+  if (isCMYKColor(retrievedColor)) {
+    console.log(
+      `CMYK Color - C: ${retrievedColor.c}, M: ${retrievedColor.m}, Y: ${retrievedColor.y}, K: ${retrievedColor.k}, Tint: ${retrievedColor.tint}`
+    );
+  }
 ```
 
 The `isCMYKColor()` type guard checks if a color has the CMYK properties (`c`, `m`, `y`, `k`).
@@ -492,22 +429,23 @@ The `isCMYKColor()` type guard checks if a color has the CMYK properties (`c`, `
 Use `engine.editor.convertColorToColorSpace()` to convert colors between 'sRGB' and 'CMYK':
 
 ```typescript highlight-convert
-// Example 9: Convert RGB to CMYK
-const rgbBlue: RGBAColor = { r: 0.2, g: 0.4, b: 0.9, a: 1.0 };
-const convertedCmyk = engine.editor.convertColorToColorSpace(rgbBlue, 'CMYK');
-const { fill: convertedFill } = createColorBlock(50, 390, 150, 150);
-engine.block.setColor(convertedFill, 'fill/color/value', convertedCmyk);
-// eslint-disable-next-line no-console
-console.log('RGB to CMYK conversion:', convertedCmyk);
-
-// Example 10: Convert CMYK to RGB (for demonstration)
-const cmykGreen: CMYKColor = { c: 0.7, m: 0.0, y: 1.0, k: 0.2, tint: 1.0 };
-const convertedRgb = engine.editor.convertColorToColorSpace(cmykGreen, 'sRGB');
-// eslint-disable-next-line no-console
-console.log('CMYK to RGB conversion:', convertedRgb);
-// Display using original CMYK color
-const { fill: previewFill } = createColorBlock(220, 390, 150, 150);
-engine.block.setColor(previewFill, 'fill/color/value', cmykGreen);
+  // Convert RGB to CMYK
+  const rgbBlue: RGBAColor = { r: 0.2, g: 0.4, b: 0.9, a: 1.0 };
+  const convertedCmyk = engine.editor.convertColorToColorSpace(rgbBlue, 'CMYK');
+  const { fill: convertedFill } = createColorBlock(50, 390, 150, 150);
+  engine.block.setColor(convertedFill, 'fill/color/value', convertedCmyk);
+  console.log('RGB to CMYK conversion:', convertedCmyk);
+
+  // Convert CMYK to RGB (for demonstration)
+  const cmykGreen: CMYKColor = { c: 0.7, m: 0.0, y: 1.0, k: 0.2, tint: 1.0 };
+  const convertedRgb = engine.editor.convertColorToColorSpace(
+    cmykGreen,
+    'sRGB'
+  );
+  console.log('CMYK to RGB conversion:', convertedRgb);
+  // Display using original CMYK color
+  const { fill: previewFill } = createColorBlock(220, 390, 150, 150);
+  engine.block.setColor(previewFill, 'fill/color/value', cmykGreen);
 ```
 
 Note that color conversions may not be perfectly reversible due to differences in color gamuts between RGB and CMYK. Some RGB colors cannot be accurately represented in CMYK and vice versa.
@@ -517,25 +455,25 @@ Note that color conversions may not be perfectly reversible due to differences i
 CMYK colors work in gradient color stops. Create a gradient fill and set stops using `engine.block.setGradientColorStops()`:
 
 ```typescript highlight-gradient
-// Example 11: Use CMYK colors in gradients
-const gradientBlock = engine.block.create('graphic');
-const gradientShape = engine.block.createShape('rect');
-engine.block.setShape(gradientBlock, gradientShape);
-engine.block.setWidth(gradientBlock, 320);
-engine.block.setHeight(gradientBlock, 150);
-engine.block.setPositionX(gradientBlock, 390);
-engine.block.setPositionY(gradientBlock, 390);
-engine.block.appendChild(page, gradientBlock);
-
-const gradientFill = engine.block.createFill('gradient/linear');
-engine.block.setFill(gradientBlock, gradientFill);
-
-// Set gradient stops with CMYK colors
-engine.block.setGradientColorStops(gradientFill, 'fill/gradient/colors', [
-  { color: { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0 },
-  { color: { c: 0.0, m: 1.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0.5 },
-  { color: { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 }, stop: 1 }
-]);
+  // Use CMYK colors in gradients
+  const gradientBlock = engine.block.create('graphic');
+  const gradientShape = engine.block.createShape('rect');
+  engine.block.setShape(gradientBlock, gradientShape);
+  engine.block.setWidth(gradientBlock, 320);
+  engine.block.setHeight(gradientBlock, 150);
+  engine.block.setPositionX(gradientBlock, 390);
+  engine.block.setPositionY(gradientBlock, 390);
+  engine.block.appendChild(page, gradientBlock);
+
+  const gradientFill = engine.block.createFill('gradient/linear');
+  engine.block.setFill(gradientBlock, gradientFill);
+
+  // Set gradient stops with CMYK colors
+  engine.block.setGradientColorStops(gradientFill, 'fill/gradient/colors', [
+    { color: { c: 1.0, m: 0.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0 },
+    { color: { c: 0.0, m: 1.0, y: 0.0, k: 0.0, tint: 1.0 }, stop: 0.5 },
+    { color: { c: 0.0, m: 0.0, y: 1.0, k: 0.0, tint: 1.0 }, stop: 1 }
+  ]);
 ```
 
 This creates a gradient transitioning through the primary CMYK colors—cyan, magenta, and yellow.
@@ -556,22 +494,24 @@ Make sure you're checking a `Color` value returned from `engine.block.getColor()
 
 ## API Reference
 
-| Method                                     | Description                              |
-| ------------------------------------------ | ---------------------------------------- |
-| `engine.block.setColor()`                  | Set a color property value               |
-| `engine.block.getColor()`                  | Get a color property from a block        |
+| Method | Description |
+| ------ | ----------- |
+| `engine.block.setColor()` | Set a color property value |
+| `engine.block.getColor()` | Get a color property from a block |
 | `engine.editor.convertColorToColorSpace()` | Convert color to a different color space |
-| `engine.block.createFill()`                | Create a color fill                      |
-| `engine.block.setFill()`                   | Assign a fill to a block                 |
-| `engine.block.getFill()`                   | Get the fill from a block                |
-| `engine.block.setGradientColorStops()`     | Set gradient color stops                 |
-| `isCMYKColor()`                            | Check if a color is CMYK                 |
+| `engine.block.createFill()` | Create a color fill |
+| `engine.block.setFill()` | Assign a fill to a block |
+| `engine.block.getFill()` | Get the fill from a block |
+| `engine.block.setGradientColorStops()` | Set gradient color stops |
+| `isCMYKColor()` | Check if a color is CMYK |
+
+
 
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support