@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/edit-image/transform/scale.md

@@ -1,278 +1,280 @@
-> 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) > [Create and Edit Images](./edit-image.md) > [Transform](./edit-image/transform.md) > [Scale](./edit-image/transform/scale.md)
 
 ---
 
-Scale images proportionally with `engine.block.scale()` using configurable anchor points, or stretch individual axes with direct width/height manipulation.
-
-![Scale images example showing uniform and non-uniform scaling](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
-
-> **Reading time:** 8 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-edit-image-transform-scale-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-edit-image-transform-scale-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-edit-image-transform-scale-browser/)
-
-Scaling transforms a block proportionally using a factor, while resizing changes dimensions directly. Use scaling to maintain aspect ratio or apply consistent size changes across multiple elements.
-
-```typescript file=@cesdk_web_examples/guides-edit-image-transform-scale-browser/browser.ts reference-only
-import CreativeEditorSDK, {
-  type EditorPlugin,
-  type EditorPluginContext
-} 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';
-
-class Example implements EditorPlugin {
-  name = 'guides-edit-image-transform-scale-browser';
-
-  version = CreativeEditorSDK.version;
-
-  async initialize({ cesdk }: EditorPluginContext): Promise<void> {
-    if (!cesdk) {
-      throw new Error('CE.SDK instance is required for this plugin');
-    }
+Use the CE.SDK headless Server Mode to resize and scale design blocks without rendering a client editor. This guide shows how to scale image elements with Node.js so you can prepare assets, generate variants, or enforce layout rules in automated jobs.
 
-    await cesdk.addPlugin(new DesignEditorConfig());
-
-    // 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());
-
-    await cesdk.actions.run('scene.create', {
-      page: { width: 800, height: 600, unit: 'Pixel' }
-    });
+## Requirements
 
-    const engine = cesdk.engine;
-    const page = engine.block.findByType('page')[0];
+- **Node.js 22** or newer
+- CE.SDK server package: `npm install @cesdk/node@$UBQ_VERSION$`
 
-    // Demo 1: Uniform Scaling - Scale from center anchor
-    const scaledImage = await engine.block.addImage(
-      'https://img.ly/static/ubq_samples/sample_1.jpg',
-      {
-        size: { width: 150, height: 150 }
-      }
-    );
-    engine.block.appendChild(page, scaledImage);
-    engine.block.setPositionX(scaledImage, 50);
-    engine.block.setPositionY(scaledImage, 100);
-
-    // Scale uniformly to 150% from center anchor
-    engine.block.scale(scaledImage, 1.5, 0.5, 0.5);
-
-    const text1 = engine.block.create('text');
-    engine.block.setString(text1, 'text/text', 'Uniform Scale');
-    engine.block.setFloat(text1, 'text/fontSize', 28);
-    engine.block.setEnum(text1, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(text1, 225);
-    engine.block.setPositionX(text1, 50);
-    engine.block.setPositionY(text1, 360);
-    engine.block.appendChild(page, text1);
-
-    // Demo 2: Non-Uniform Scaling - Stretch width only
-    const stretchedImage = await engine.block.addImage(
-      'https://img.ly/static/ubq_samples/sample_3.jpg',
-      {
-        size: { width: 150, height: 150 }
-      }
-    );
-    engine.block.appendChild(page, stretchedImage);
-    engine.block.setPositionX(stretchedImage, 300);
-    engine.block.setPositionY(stretchedImage, 150);
-
-    // Stretch width by 50% while keeping height
-    engine.block.setWidthMode(stretchedImage, 'Absolute');
-    const currentWidth = engine.block.getWidth(stretchedImage);
-    engine.block.setWidth(stretchedImage, currentWidth * 1.5, true);
-
-    const text2 = engine.block.create('text');
-    engine.block.setString(text2, 'text/text', 'Non-Uniform');
-    engine.block.setFloat(text2, 'text/fontSize', 28);
-    engine.block.setEnum(text2, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(text2, 225);
-    engine.block.setPositionX(text2, 300);
-    engine.block.setPositionY(text2, 360);
-    engine.block.appendChild(page, text2);
-
-    // Demo 3: Locked Image - Cannot be scaled
-    const lockedImage = await engine.block.addImage(
-      'https://img.ly/static/ubq_samples/sample_5.jpg',
-      {
-        size: { width: 150, height: 150 }
+## What You’ll Learn
+
+- Scale an image block uniformly or along a single axis.
+- Scale blocks together while keeping their relative layout.
+- Lock scaling and transformations in templates.
+
+## When to Use
+
+Server-side scaling helps when you need to:
+
+- **Emphasize or de-emphasize** elements.
+- **Fit** images to available space without cropping.
+- Enable **dynamic layouts** or automated resizing.
+- Create **zoom** effects programmatically.
+
+## How Scaling Works
+
+Scaling uses the `scale(block, scale:number, anchorX, anchorY)` function, with the following **parameters**:
+
+| Parameter | Description | Values |
+| --- | --- | --- |
+| `block` | Handle (ID) of the block to scale. | `string`|
+| `scale` | Scale factor to apply. | **1.0** keeps the original size.<br> **>1.0** enlarges the block.</br>**\< 1.0** shrinks it. |
+| `anchorX` <br>`anchorY`</br>| Relative width position  <br>Relative height position</br> | **Top** = 0  <br>**Center** = 0.5</br> **Bottom** = 1 <br>**Defaults** =`0`</br> |
+
+A value of `2.0`, for example, makes the block twice as large.
+
+<details>
+  <summary>Test a sample file</summary>
+
+  1. Run `npm install @cesdk/node@$UBQ_VERSION$` at the root of your project.
+  2. Add credentials to `.env`:
+     ```bash
+     LICENSE_KEY="<your_license_key>"
+     CESDK_BASE_URL="https://cdn.img.ly/packages/imgly/cesdk-node/1.60.0/assets"
+     ```
+
+  ````
+  3. Create `scale.js` and paste the following script:
+
+  ```js title="scale.js"
+  import 'dotenv/config';
+  import fs from 'fs/promises';
+  import path from 'path';
+  import CreativeEngine from '@cesdk/node';
+
+  async function run() {
+    const engine = await CreativeEngine.init({
+      license: process.env.LICENSE_KEY,
+      baseURL: process.env.CESDK_BASE_URL
+    });
+
+    try {
+      const scene = engine.scene.create();
+      const page = engine.block.create('page');
+      engine.block.appendChild(scene, page);
+
+      const imageUrl = 'https://img.ly/static/ubq_samples/sample_1.jpg';
+      const graphic = engine.block.create('graphic');
+      engine.block.setShape(graphic, engine.block.createShape('rect'));
+
+      const imageFill = engine.block.createFill('image');
+      engine.block.setFill(graphic, imageFill);
+      await engine.block.addImageFileURIToSourceSet(
+        imageFill,
+        'fill/image/sourceSet',
+        imageUrl
+      );
+      engine.block.setString(imageFill, 'fill/image/imageFileURI', imageUrl);
+      engine.block.appendChild(page, graphic);
+
+      const [source] = engine.block.getSourceSet(
+        imageFill,
+        'fill/image/sourceSet'
+      );
+      if (!source) {
+        throw new Error(`Image metadata not available for ${imageUrl}`);
       }
-    );
-    engine.block.appendChild(page, lockedImage);
-    engine.block.setPositionX(lockedImage, 575);
-    engine.block.setPositionY(lockedImage, 150);
-
-    // Lock transforms to prevent scaling
-    engine.block.setTransformLocked(lockedImage, true);
-
-    const text3 = engine.block.create('text');
-    engine.block.setString(text3, 'text/text', 'Locked');
-    engine.block.setFloat(text3, 'text/fontSize', 28);
-    engine.block.setEnum(text3, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(text3, 150);
-    engine.block.setPositionX(text3, 575);
-    engine.block.setPositionY(text3, 360);
-    engine.block.appendChild(page, text3);
-
-    // Scale with different anchor points
-    // Top-left anchor (0, 0) - default
-    // Center anchor (0.5, 0.5) - scales from center
-    // Bottom-right anchor (1, 1) - scales from bottom-right corner
-    const anchorX = 0.5;
-    const anchorY = 0.5;
-    const scaleFactor = 1.2;
-    engine.block.scale(scaledImage, scaleFactor, anchorX, anchorY);
-
-    // Restrict scaling through scopes
-    engine.block.setScopeEnabled(lockedImage, 'layer/resize', false);
-
-    // Select the scaled image to show the result
-    engine.block.select(scaledImage);
+
+      engine.block.setSize(graphic, source.width, source.height, {
+        sizeMode: 'Absolute'
+      });
+      engine.block.resetCrop(graphic);
+      engine.block.scale(graphic, 2, 0.5, 0.5);
+
+      const blob = await engine.block.export(graphic, { mimeType: 'image/png' });
+      const outputPath = path.resolve('./scaled-image.png');
+      await fs.mkdir(path.dirname(outputPath), { recursive: true });
+      await fs.writeFile(outputPath, Buffer.from(await blob.arrayBuffer()));
+      console.log(`Exported scaled image to ${outputPath}`);
+    } finally {
+      engine.dispose();
+    }
   }
-}
 
-export default Example;
+  run().catch((error) => {
+    console.error('Scaling demo failed:', error);
+  });
+  ````
+
+  4. Run `node scale.js`.
+  5. Inspect `sample-scaled.png` to confirm that each block doubled its size.
+</details>
+
+## Scale an Image Uniformly
+
+Scaling uniformly keeps the image’s **aspect ratio intact** while making it larger or smaller. This allows for applying zoom levels without stretching or squashing the artwork. For example:
+
+```js
+engine.block.scale(blockId, 1.5);
+```
+
+The preceding code:
+
+- Scales the image to 150% of its original size.
+- Doesn’t change the origin anchor point.
+
+As a result, the image expands down and to the right.
+
+### Anchor Point
+
+By default, the anchor point for the image when scaling is **the top left**. The scale function has two optional parameters:
+
+- `x` to move the anchor point along the width.
+- `y` to move the anchor point along the height.
+
+They can have values between 0.0 and 1.0. For example:
+
+```js
+engine.block.scale(blockId, 1.5, 0.5, 0.5)
 ```
 
-This guide covers uniform scaling with anchor points, non-uniform axis stretching, and locking transforms to prevent scaling in templates.
+This function:
+
+1. Scales the image to **150%** of its original size.
+2. The origin anchor point is 0.5, 0.5, so the image expands from the **center**.
 
-## Uniform Scaling
+## Scale Non-Uniformly
 
-Apply a scale factor with `engine.block.scale()` where 1.0 keeps the original size, values greater than 1 enlarge, and values less than 1 shrink. The third and fourth parameters control the anchor point (0 to 1 range):
+To stretch or compress only one axis, thus distorting an image, use the **width** or **height** function. For example, to scale an image horizontally, you can use:
 
-```typescript highlight-uniform-scale
-// Scale uniformly to 150% from center anchor
-engine.block.scale(scaledImage, 1.5, 0.5, 0.5);
+```js
+engine.block.setWidthMode(graphic, 'Absolute');
+const width = engine.block.getWidth(graphic) * 1.5;
+engine.block.setWidth(graphic, width, true );
 ```
 
-## Anchor Point Control
+The preceding code:
+
+1. Sets the width position as `'Absolute'` so width changes use a fixed pixel value instead of a relative layout mode.
+2. Reads the current width and multiplies it by 1.5 to compute a new width that’s 150% of the original.
+3. Writes the new width back to the block while keeping the height in proportion when available.
+
+As a result, it stretches the element horizontally by the calculated factor:
+
+<Picture src={OneAxis15} style={{ width: '85%' }} alt="Panoramic picture by scaling the x axis by 1.5" formats={['webp']} />
+
+Use this to:
 
-Control the scaling origin with `anchorX` and `anchorY` parameters. Use (0, 0) for top-left, (0.5, 0.5) for center, or (1, 1) for bottom-right. Center anchor expands equally in all directions:
+- Create panoramic crops.
+- Compensate for aspect ratios during automation.
 
-```typescript highlight-anchor-points
-// Scale with different anchor points
-// Top-left anchor (0, 0) - default
-// Center anchor (0.5, 0.5) - scales from center
-// Bottom-right anchor (1, 1) - scales from bottom-right corner
-const anchorX = 0.5;
-const anchorY = 0.5;
-const scaleFactor = 1.2;
-engine.block.scale(scaledImage, scaleFactor, anchorX, anchorY);
+Below are two examples of scaling the original image in the x direction only:
+
+1. Double the width:
+
+```js
+const width = engine.block.getWidth(graphic) * 2;
 ```
 
-## Non-Uniform Scaling
+<Picture src={OneAxis2} style={{ width: '85%' }} alt="Panoramic picture by scaling the x axis by 2" formats={['webp']} />
 
-Stretch a single axis by setting absolute mode and modifying width or height independently. This changes the aspect ratio:
+2. Scale horizontally by 2.5:
 
-```typescript highlight-non-uniform-scale
-// Stretch width by 50% while keeping height
-engine.block.setWidthMode(stretchedImage, 'Absolute');
-const currentWidth = engine.block.getWidth(stretchedImage);
-engine.block.setWidth(stretchedImage, currentWidth * 1.5, true);
+```js
+const width = engine.block.getWidth(graphic) * 2.5;
 ```
 
-## Locking Transforms
+<Picture src={OneAxis25} style={{ width: '85%' }} alt="Panoramic picture by scaling the x axis by 2.5" formats={['webp']} />
 
-Lock transforms to prevent scaling, rotation, and repositioning using `setTransformLocked`:
+## Scale elements together
 
-```typescript highlight-lock-scaling
-// Lock transforms to prevent scaling
-engine.block.setTransformLocked(lockedImage, true);
+Group blocks to scale them proportionally:
+
+```js
+const groupId = engine.block.group([imageId, textId]);
+engine.block.scale(groupId, 1.75, 0.75, 0.5)
 ```
 
-## Scope Restrictions
+The preceding code scales the entire group to 75%.
+
+> **Note:** Call `engine.block.findAllProperties(groupId)` if you are unsure whether a block exposes width/height.
+
+## Lock Scaling in Templates
+
+Lock scaling when you must preserve a template’s layout. This is useful for:
+
+- Brand assets
+- Campaign creatives
+- Collaboration workflows
+- Fixed dimensions swapping editors
 
-Disable specific capabilities using scopes. Use `'layer/resize'` to prevent resizing while allowing other operations:
+When working with templates, **prevent users from scaling** blocks by turning off the `layer/resize` scope:
 
-```typescript highlight-scope-restriction
-// Restrict scaling through scopes
-engine.block.setScopeEnabled(lockedImage, 'layer/resize', false);
+```js
+// Prevent scaling/resizing of a block
+engine.block.setScopeEnabled(imageId, 'layer/resize', false);
 ```
 
-## Troubleshooting
+### Lock All Transformations
+
+Available block transformations are the following:
+
+- Move
+- Resize
+- Rotate
 
-### Image Scales Unevenly
+To **lock** all transformations, use the following function:
 
-Use the same anchor values for both X and Y (e.g., 0.5, 0.5 for center). Use `scale()` instead of separate width/height changes to maintain proportions.
+```js
+// Lock all transforms
+engine.block.setTransformLocked(imageId, true);
+```
 
-### Scaling Doesn't Apply
+To check if scaling is currently allowed, log the output if `isScopeEnabled`:
 
-Verify the block is valid using `engine.block.isValid(blockId)`. Ensure the block is appended to the scene hierarchy with `engine.block.appendChild()`.
+```js
+// Check if resize is enabled
+const canResize = engine.block.isScopeEnabled(imageId, 'layer/resize');
+console.log('layer/resize scope enabled?', canResize);
+```
 
-### Users Can Still Scale Locked Blocks
+## Troubleshooting
 
-Check that the `'layer/resize'` scope is disabled using `engine.block.isScopeEnabled()`. Transform locks prevent UI manipulation but not API calls.
+| Issue | Resolution |
+| --- | --- |
+| `Property not found` when scaling | Read width/height first (`findAllProperties`) and update those values instead of transform keys. |
+| Elements distort unexpectedly | Keep the height in sync with the width unless you intentionally stretch. |
+| Export shows the original size | Confirm that the code appends the block to a page before scaling, and reuse the updated page when exporting. |
 
-### Export Shows Original Size
+## API references in this guide
 
-Confirm scaling was applied before export. Use `engine.block.getWidth()` and `engine.block.getHeight()` to verify dimensions after scaling.
+| API | Usage |
+| --- | --- |
+| `block.scale` | Performs uniform or anchored scaling on blocks and groups. |
+| `block.setWidthMode` | Enables absolute sizing before changing a single axis. |
+| `block.getWidth` | Reads the current width before non-uniform scaling. |
+| `block.setWidth` | Writes the adjusted width after single-axis scaling. |
+| `block.setCropScaleX` | Pairs directional scaling with crop adjustments. |
+| `block.group` | Groups blocks so they scale together. |
+| `block.findAllProperties` | Discovers available properties before scaling unfamiliar blocks. |
+| `block.getFloat` | Retrieves numeric properties when clamping scale values. |
+| `block.setFloat` | Writes constrained width/height values after clamping. |
+| `block.setScopeEnabled` | Toggles the `layer/resize` scope to lock scaling in templates. |
+| `block.setTransformLocked` | Locks all transform scopes when templates must stay fixed. |
+| `block.isScopeEnabled` | Checks whether scaling is currently permitted on a block. |
 
-## API Reference
 
-| Method                              | Description                               |
-| ----------------------------------- | ----------------------------------------- |
-| `engine.block.scale()`              | Scale block and children proportionally   |
-| `engine.block.getWidth()`           | Get current width                         |
-| `engine.block.setWidth()`           | Set width with optional crop maintenance  |
-| `engine.block.getHeight()`          | Get current height                        |
-| `engine.block.setHeight()`          | Set height with optional crop maintenance |
-| `engine.block.setWidthMode()`       | Set width mode (Absolute, Percent, Auto)  |
-| `engine.block.setHeightMode()`      | Set height mode (Absolute, Percent, Auto) |
-| `engine.block.setTransformLocked()` | Lock all transformations                  |
-| `engine.block.isTransformLocked()`  | Check if transforms are locked            |
-| `engine.block.setScopeEnabled()`    | Enable or disable a scope                 |
-| `engine.block.isScopeEnabled()`     | Check if scope is enabled                 |
 
 ---
 
 ## 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

package/assets/docs/guide/edit-image/transform.md

@@ -1,9 +1,12 @@
-> 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) > [Create and Edit Images](./edit-image.md) > [Transform](./edit-image/transform.md)
 
 ---
 
+
+
+
 ---
 
 ## Related Pages
@@ -12,13 +15,15 @@
 - [Crop](./edit-image/transform/crop.md) - Cut out specific areas of an image to focus on key content or change aspect ratio.
 - [Rotate Images](./edit-image/transform/rotate.md) - Rotate images to adjust orientation, correct crooked photos, or create creative effects using CE.SDK.
 - [Resize](./edit-image/transform/resize.md) - Change image dimensions by setting explicit width and height values using absolute units, percentage-based sizing, or auto-sizing modes.
-- [Scale Images](./edit-image/transform/scale.md) - Scale image blocks uniformly to preserve aspect ratio or non-uniformly to stretch along a single axis.
+- [Scale Images](./edit-image/transform/scale.md) - Scale images programmatically in a Node.js backend using CE.SDK server mode.
+- [Flip](./edit-image/transform/flip.md) - Documentation for Flip
+
 
 ---
 
 ## 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

package/assets/docs/guide/edit-image.md

@@ -1,25 +1,29 @@
-> 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) > [Create and Edit Images](./edit-image.md)
 
 ---
 
+
+
+
+
 ---
 
 ## Related Pages
 
-- [Image Editor SDK](./edit-image/overview.md) - The CreativeEditor SDK provides a robust and user-friendly solution for photo and image editing.
+- [Node.js Image Editor SDK](./edit-image/overview.md) - The CreativeEditor SDK provides a robust and user-friendly solution for photo and image editing.
 - [Replace Colors](./edit-image/replace-colors.md) - Replace specific colors in images using CE.SDK's Recolor and Green Screen effects with programmatic control.
 - [Remove Background](./edit-image/remove-bg.md) - Remove image backgrounds to isolate subjects or prepare assets for compositing and reuse.
-- [Vectorize](./edit-image/vectorize.md) - Convert raster images into scalable vector graphics for flexible resizing and editing.
 - [Transform](./edit-image/transform.md) - Crop, resize, rotate, scale, or flip images using CE.SDK's built-in transformation tools.
-- [Add Watermark](./edit-image/add-watermark.md) - Add text and image watermarks to protect images, indicate ownership, or add branding using CE.SDK.
+- [Add Watermark](./edit-image/add-watermark.md) - Add text and image watermarks to protect designs, indicate ownership, or add branding using CE.SDK in Node.js.
+
 
 ---
 
 ## 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