@imgly/codesign-mcp 0.1.5 → 0.1.7

package/assets/docs/guide/edit-video/transform/move.md

@@ -1,4 +1,4 @@
-> 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 Videos](./create-video.md) > [Transform](./edit-video/transform.md) > [Move](./edit-video/transform/move.md)
 
@@ -6,308 +6,205 @@
 
 Position videos on the canvas using absolute pixel coordinates or percentage-based positioning for responsive layouts.
 
-![Move videos example showing positioned videos with labels](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-create-video-transform-move-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-create-video-transform-move-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-create-video-transform-move-browser/)
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-create-video-transform-move-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-create-video-transform-move-server-js)
 
 Position videos on the canvas using coordinates that start at the top-left corner (0, 0). X increases right, Y increases down. Values are relative to the parent block, simplifying nested layouts.
 
-```typescript file=@cesdk_web_examples/guides-create-video-transform-move-browser/browser.ts reference-only
-import CreativeEditorSDK, {
-  type EditorPlugin,
-  type EditorPluginContext
-} from '@cesdk/cesdk-js';
-
-import {
-  BlurAssetSource,
-  CaptionPresetsAssetSource,
-  ColorPaletteAssetSource,
-  CropPresetsAssetSource,
-  DemoAssetSources,
-  EffectsAssetSource,
-  FiltersAssetSource,
-  PagePresetsAssetSource,
-  StickerAssetSource,
-  TextAssetSource,
-  TextComponentAssetSource,
-  TypefaceAssetSource,
-  UploadAssetSources,
-  VectorShapeAssetSource
-} from '@cesdk/cesdk-js/plugins';
-import { VideoEditorConfig } from './video-editor/plugin';
-
-class Example implements EditorPlugin {
-  name = 'guides-create-video-transform-move-browser';
-
-  version = CreativeEditorSDK.version;
-
-  async initialize({ cesdk }: EditorPluginContext): Promise<void> {
-    if (!cesdk) {
-      throw new Error('CE.SDK instance is required for this plugin');
-    }
-
-    await cesdk.addPlugin(new VideoEditorConfig());
-
-    // Add asset source plugins
-    await cesdk.addPlugin(new BlurAssetSource());
-    await cesdk.addPlugin(new CaptionPresetsAssetSource());
-    await cesdk.addPlugin(new ColorPaletteAssetSource());
-    await cesdk.addPlugin(new CropPresetsAssetSource());
-    await cesdk.addPlugin(
-      new UploadAssetSources({
-        include: [
-          'ly.img.image.upload',
-          'ly.img.video.upload',
-          'ly.img.audio.upload'
-        ]
-      })
-    );
-    await cesdk.addPlugin(
-      new DemoAssetSources({
-        include: [
-          'ly.img.templates.video.*',
-          'ly.img.image.*',
-          'ly.img.audio.*',
-          'ly.img.video.*'
-        ]
-      })
-    );
-    await cesdk.addPlugin(new EffectsAssetSource());
-    await cesdk.addPlugin(new FiltersAssetSource());
-    await cesdk.addPlugin(
-      new PagePresetsAssetSource({
-        include: [
-          'ly.img.page.presets.instagram.*',
-          'ly.img.page.presets.facebook.*',
-          'ly.img.page.presets.x.*',
-          'ly.img.page.presets.linkedin.*',
-          'ly.img.page.presets.pinterest.*',
-          'ly.img.page.presets.tiktok.*',
-          'ly.img.page.presets.youtube.*',
-          'ly.img.page.presets.video.*'
-        ]
-      })
-    );
-    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', {
-      layout: 'DepthStack',
-      page: { width: 800, height: 500, unit: 'Pixel' }
-    });
-
-    const engine = cesdk.engine;
-    const pages = engine.block.findByType('page');
-    const page = pages.length > 0 ? pages[0] : engine.scene.get();
-
-    // Enable fill and set page fill color to #6686FF
-    engine.block.setFillEnabled(page, true);
-    engine.block.setColor(engine.block.getFill(page), 'fill/color/value', {
-      r: 102 / 255,
-      g: 134 / 255,
-      b: 255 / 255,
-      a: 1
-    });
-
-    // Demo 1: Movable Video - Can be freely repositioned by user
-    const movableVideo = await engine.block.addVideo(
-      'https://img.ly/static/ubq_video_samples/bbb.mp4',
-      200,
-      150
-    );
-    engine.block.appendChild(page, movableVideo);
-    engine.block.setPositionX(movableVideo, 0);
-    engine.block.setPositionY(movableVideo, 100);
-
-    const text1 = engine.block.create('text');
-    engine.block.setString(text1, 'text/text', 'Movable');
-    engine.block.setFloat(text1, 'text/fontSize', 32);
-    engine.block.setEnum(text1, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(text1, 200);
-    engine.block.setPositionX(text1, 0);
-    engine.block.setPositionY(text1, 310);
-    engine.block.setFillEnabled(text1, true);
-    engine.block.setColor(engine.block.getFill(text1), 'fill/color/value', {
-      r: 1,
-      g: 1,
-      b: 1,
-      a: 1
-    });
-    engine.block.appendChild(page, text1);
-
-    // Add explanatory text below
-    const explanation1 = engine.block.create('text');
-    engine.block.setString(
-      explanation1,
-      'text/text',
-      'Uses absolute positioning with pixel coordinates'
-    );
-    engine.block.setFloat(explanation1, 'text/fontSize', 14);
-    engine.block.setEnum(explanation1, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(explanation1, 200);
-    engine.block.setPositionX(explanation1, 0);
-    engine.block.setPositionY(explanation1, 345);
-    engine.block.setFillEnabled(explanation1, true);
-    engine.block.setColor(
-      engine.block.getFill(explanation1),
-      'fill/color/value',
-      {
-        r: 1,
-        g: 1,
-        b: 1,
-        a: 1
-      }
-    );
-    engine.block.appendChild(page, explanation1);
-
-    // Demo 2: Percentage Positioning - Responsive layout
-    const percentVideo = await engine.block.addVideo(
-      'https://img.ly/static/ubq_video_samples/bbb.mp4',
-      200,
-      150
-    );
-    engine.block.appendChild(page, percentVideo);
-
-    // Set position mode to percentage (0.0 to 1.0)
-    engine.block.setPositionXMode(percentVideo, 'Percent');
-    engine.block.setPositionYMode(percentVideo, 'Percent');
-
-    // Position at 37.5% from left (300px), 30% from top (150px)
-    engine.block.setPositionX(percentVideo, 0.375);
-    engine.block.setPositionY(percentVideo, 0.3);
-
-    const text2 = engine.block.create('text');
-    engine.block.setString(text2, 'text/text', 'Percentage');
-    engine.block.setFloat(text2, 'text/fontSize', 32);
-    engine.block.setEnum(text2, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(text2, 200);
-    engine.block.setPositionX(text2, 300);
-    engine.block.setPositionY(text2, 310);
-    engine.block.setFillEnabled(text2, true);
-    engine.block.setColor(engine.block.getFill(text2), 'fill/color/value', {
-      r: 1,
-      g: 1,
-      b: 1,
-      a: 1
-    });
-    engine.block.appendChild(page, text2);
-
-    // Add explanatory text below
-    const explanation2 = engine.block.create('text');
-    engine.block.setString(
-      explanation2,
-      'text/text',
-      'Uses percentage values (0.0-1.0) for responsive layouts'
-    );
-    engine.block.setFloat(explanation2, 'text/fontSize', 14);
-    engine.block.setEnum(explanation2, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(explanation2, 200);
-    engine.block.setPositionX(explanation2, 300);
-    engine.block.setPositionY(explanation2, 345);
-    engine.block.setFillEnabled(explanation2, true);
-    engine.block.setColor(
-      engine.block.getFill(explanation2),
-      'fill/color/value',
-      {
-        r: 1,
-        g: 1,
-        b: 1,
-        a: 1
-      }
-    );
-    engine.block.appendChild(page, explanation2);
-
-    // Demo 3: Locked Video - Cannot be moved, rotated, or scaled
-    const lockedVideo = await engine.block.addVideo(
-      'https://img.ly/static/ubq_video_samples/bbb.mp4',
-      200,
-      150
-    );
-    engine.block.appendChild(page, lockedVideo);
-    engine.block.setPositionX(lockedVideo, 550);
-    engine.block.setPositionY(lockedVideo, 150);
-
-    // Lock the transform to prevent user interaction
-    engine.block.setBool(lockedVideo, 'transformLocked', true);
-
-    const text3 = engine.block.create('text');
-    engine.block.setString(text3, 'text/text', 'Locked');
-    engine.block.setFloat(text3, 'text/fontSize', 32);
-    engine.block.setEnum(text3, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(text3, 200);
-    engine.block.setPositionX(text3, 550);
-    engine.block.setPositionY(text3, 310);
-    engine.block.setFillEnabled(text3, true);
-    engine.block.setColor(engine.block.getFill(text3), 'fill/color/value', {
-      r: 1,
-      g: 1,
-      b: 1,
-      a: 1
-    });
-    engine.block.appendChild(page, text3);
-
-    // Add explanatory text below
-    const explanation3 = engine.block.create('text');
-    engine.block.setString(
-      explanation3,
-      'text/text',
-      'Transform locked - cannot be repositioned'
-    );
-    engine.block.setFloat(explanation3, 'text/fontSize', 14);
-    engine.block.setEnum(explanation3, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(explanation3, 200);
-    engine.block.setPositionX(explanation3, 550);
-    engine.block.setPositionY(explanation3, 345);
-    engine.block.setFillEnabled(explanation3, true);
-    engine.block.setColor(
-      engine.block.getFill(explanation3),
-      'fill/color/value',
-      {
-        r: 1,
-        g: 1,
-        b: 1,
-        a: 1
-      }
-    );
-    engine.block.appendChild(page, explanation3);
-
-    // Get current position values
-    const currentX = engine.block.getPositionX(movableVideo);
-    const currentY = engine.block.getPositionY(movableVideo);
-    console.log('Current position:', currentX, currentY);
-
-    // Move relative to current position
-    const offsetX = engine.block.getPositionX(movableVideo);
-    const offsetY = engine.block.getPositionY(movableVideo);
-    engine.block.setPositionX(movableVideo, offsetX + 50);
-    engine.block.setPositionY(movableVideo, offsetY + 50);
-
-    // Adjust text positions after relative movement
-    engine.block.setPositionX(text1, 50);
-    engine.block.setPositionY(text1, 310);
-    engine.block.setPositionX(explanation1, 50);
-    engine.block.setPositionY(explanation1, 345);
-
-    // Set playhead position to 2 seconds
-    engine.block.setPlaybackTime(page, 2);
+```typescript file=@cesdk_web_examples/guides-create-video-transform-move-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { writeFileSync, mkdirSync, existsSync } from 'fs';
+import { config } from 'dotenv';
+
+// Load environment variables
+config();
+
+/**
+ * CE.SDK Server Guide: Move Videos
+ *
+ * Demonstrates video positioning in headless mode:
+ * - Absolute positioning with pixel coordinates
+ * - Percentage-based positioning for responsive layouts
+ * - Getting current position values
+ * - Locking transforms to prevent repositioning
+ * - Saving scenes for later rendering
+ *
+ * Note: Full video export (MP4) requires the CE.SDK Renderer.
+ * In headless Node.js mode, we save the scene for later use.
+ */
+
+// Initialize CE.SDK engine in headless mode
+const engine = await CreativeEngine.init({
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+  // license: process.env.CESDK_LICENSE, // Optional (trial mode available)
+});
+
+try {
+  // Create a scene with a page
+  const scene = engine.scene.create('DepthStack');
+  const page = engine.block.create('page');
+  engine.block.setWidth(page, 800);
+  engine.block.setHeight(page, 500);
+  engine.block.appendChild(scene, page);
+
+  // Sample video URL for demonstrations
+  const videoUri = 'https://img.ly/static/ubq_video_samples/bbb.mp4';
+
+  // Block size for layout
+  const blockSize = { width: 200, height: 150 };
+
+  // Demo 1: Movable Video - Absolute positioning with pixel coordinates
+  const movableVideo = await engine.block.addVideo(
+    videoUri,
+    blockSize.width,
+    blockSize.height
+  );
+  engine.block.appendChild(page, movableVideo);
+  engine.block.setPositionX(movableVideo, 50);
+  engine.block.setPositionY(movableVideo, 100);
+
+  // Add label for movable video
+  const text1 = engine.block.create('text');
+  engine.block.setString(text1, 'text/text', 'Movable');
+  engine.block.setFloat(text1, 'text/fontSize', 32);
+  engine.block.setEnum(text1, 'text/horizontalAlignment', 'Center');
+  engine.block.setWidth(text1, 200);
+  engine.block.setPositionX(text1, 50);
+  engine.block.setPositionY(text1, 260);
+  engine.block.appendChild(page, text1);
+
+  // Demo 2: Percentage Positioning - Responsive layout
+  const percentVideo = await engine.block.addVideo(
+    videoUri,
+    blockSize.width,
+    blockSize.height
+  );
+  engine.block.appendChild(page, percentVideo);
+
+  // Set position mode to percentage (0.0 to 1.0)
+  engine.block.setPositionXMode(percentVideo, 'Percent');
+  engine.block.setPositionYMode(percentVideo, 'Percent');
+
+  // Position at 37.5% from left (300px on 800px width), 20% from top (100px on 500px height)
+  engine.block.setPositionX(percentVideo, 0.375);
+  engine.block.setPositionY(percentVideo, 0.2);
+
+  // Add label for percentage video
+  const text2 = engine.block.create('text');
+  engine.block.setString(text2, 'text/text', 'Percentage');
+  engine.block.setFloat(text2, 'text/fontSize', 32);
+  engine.block.setEnum(text2, 'text/horizontalAlignment', 'Center');
+  engine.block.setWidth(text2, 200);
+  engine.block.setPositionX(text2, 300);
+  engine.block.setPositionY(text2, 260);
+  engine.block.appendChild(page, text2);
+
+  // Demo 3: Locked Video - Cannot be moved, rotated, or scaled
+  const lockedVideo = await engine.block.addVideo(
+    videoUri,
+    blockSize.width,
+    blockSize.height
+  );
+  engine.block.appendChild(page, lockedVideo);
+  engine.block.setPositionX(lockedVideo, 550);
+  engine.block.setPositionY(lockedVideo, 100);
+
+  // Lock the transform to prevent repositioning
+  engine.block.setBool(lockedVideo, 'transformLocked', true);
+
+  // Add label for locked video
+  const text3 = engine.block.create('text');
+  engine.block.setString(text3, 'text/text', 'Locked');
+  engine.block.setFloat(text3, 'text/fontSize', 32);
+  engine.block.setEnum(text3, 'text/horizontalAlignment', 'Center');
+  engine.block.setWidth(text3, 200);
+  engine.block.setPositionX(text3, 550);
+  engine.block.setPositionY(text3, 260);
+  engine.block.appendChild(page, text3);
+
+  // Get current position values
+  const currentX = engine.block.getPositionX(movableVideo);
+  const currentY = engine.block.getPositionY(movableVideo);
+  console.log('Current position:', currentX, currentY);
+
+  // Move relative to current position by adding offset values
+  const offsetX = engine.block.getPositionX(movableVideo);
+  const offsetY = engine.block.getPositionY(movableVideo);
+  engine.block.setPositionX(movableVideo, offsetX + 25);
+  engine.block.setPositionY(movableVideo, offsetY + 25);
+
+  // Save the scene to preserve the positioned videos
+  // Note: Video export (MP4/PNG with video frames) requires the CE.SDK Renderer.
+  // In headless Node.js mode, we save the scene file which can be loaded later
+  // in a browser environment or rendered with the CE.SDK Renderer.
+  console.log('Saving scene...');
+
+  const sceneString = await engine.scene.saveToString();
+
+  // Ensure output directory exists
+  if (!existsSync('output')) {
+    mkdirSync('output');
   }
-}
 
-export default Example;
+  // Save scene to file
+  writeFileSync('output/move-videos-scene.json', sceneString);
+  console.log('Saved to output/move-videos-scene.json');
+
+  // Log final positions to verify
+  console.log('Video positions:');
+  console.log(
+    `  Movable video: (${engine.block.getPositionX(movableVideo)}, ${engine.block.getPositionY(movableVideo)})`
+  );
+  console.log(
+    `  Percent video: (${engine.block.getPositionX(percentVideo)}, ${engine.block.getPositionY(percentVideo)}) [Mode: Percent]`
+  );
+  console.log(
+    `  Locked video: (${engine.block.getPositionX(lockedVideo)}, ${engine.block.getPositionY(lockedVideo)}) [Transform locked]`
+  );
+
+  console.log('Video positioning guide completed successfully.');
+} finally {
+  // Always dispose the engine to free resources
+  engine.dispose();
+}
 ```
 
 This guide covers positioning videos with absolute or percentage coordinates, configuring position modes, and locking transforms to prevent repositioning.
 
+<NodejsVideoExportNotice {...props} />
+
+## Initialize Headless Engine
+
+Create a headless engine instance for programmatic video manipulation:
+
+```typescript highlight-setup
+// Initialize CE.SDK engine in headless mode
+const engine = await CreativeEngine.init({
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+  // license: process.env.CESDK_LICENSE, // Optional (trial mode available)
+});
+```
+
+## Create the Scene
+
+Create a scene with specific page dimensions:
+
+```typescript highlight-create-scene
+// Create a scene with a page
+const scene = engine.scene.create('DepthStack');
+const page = engine.block.create('page');
+engine.block.setWidth(page, 800);
+engine.block.setHeight(page, 500);
+engine.block.appendChild(scene, page);
+```
+
 ## Position Coordinates
 
 Coordinates originate at the top-left (0, 0) of the parent container. Use **absolute** mode for fixed pixel values or **percentage** mode (0.0 to 1.0) for responsive layouts that adapt to parent size changes.
@@ -318,7 +215,7 @@ Position videos using `engine.block.setPositionX()` and `engine.block.setPositio
 
 ```typescript highlight-movable-video
 engine.block.appendChild(page, movableVideo);
-engine.block.setPositionX(movableVideo, 0);
+engine.block.setPositionX(movableVideo, 50);
 engine.block.setPositionY(movableVideo, 100);
 ```
 
@@ -353,11 +250,11 @@ Percentage positioning adapts automatically when the parent block dimensions cha
 Move videos relative to their current position by getting the current coordinates and adding offset values:
 
 ```typescript highlight-relative-positioning
-// Move relative to current position
+// Move relative to current position by adding offset values
 const offsetX = engine.block.getPositionX(movableVideo);
 const offsetY = engine.block.getPositionY(movableVideo);
-engine.block.setPositionX(movableVideo, offsetX + 50);
-engine.block.setPositionY(movableVideo, offsetY + 50);
+engine.block.setPositionX(movableVideo, offsetX + 25);
+engine.block.setPositionY(movableVideo, offsetY + 25);
 ```
 
 ## Locking Transforms
@@ -365,10 +262,54 @@ engine.block.setPositionY(movableVideo, offsetY + 50);
 Lock transforms to prevent repositioning, rotation, and scaling by setting `transformLocked` to true:
 
 ```typescript highlight-locked-video
-// Lock the transform to prevent user interaction
+// Lock the transform to prevent repositioning
 engine.block.setBool(lockedVideo, 'transformLocked', true);
 ```
 
+## Save Scene
+
+Save the scene to a file. The scene can later be loaded in a browser environment or rendered with the CE.SDK Renderer for full video export:
+
+```typescript highlight-export
+  // Save the scene to preserve the positioned videos
+  // Note: Video export (MP4/PNG with video frames) requires the CE.SDK Renderer.
+  // In headless Node.js mode, we save the scene file which can be loaded later
+  // in a browser environment or rendered with the CE.SDK Renderer.
+  console.log('Saving scene...');
+
+  const sceneString = await engine.scene.saveToString();
+
+  // Ensure output directory exists
+  if (!existsSync('output')) {
+    mkdirSync('output');
+  }
+
+  // Save scene to file
+  writeFileSync('output/move-videos-scene.json', sceneString);
+  console.log('Saved to output/move-videos-scene.json');
+
+  // Log final positions to verify
+  console.log('Video positions:');
+  console.log(
+    `  Movable video: (${engine.block.getPositionX(movableVideo)}, ${engine.block.getPositionY(movableVideo)})`
+  );
+  console.log(
+    `  Percent video: (${engine.block.getPositionX(percentVideo)}, ${engine.block.getPositionY(percentVideo)}) [Mode: Percent]`
+  );
+  console.log(
+    `  Locked video: (${engine.block.getPositionX(lockedVideo)}, ${engine.block.getPositionY(lockedVideo)}) [Transform locked]`
+  );
+```
+
+## Cleanup
+
+Always dispose the engine to free resources when done:
+
+```typescript highlight-cleanup
+// Always dispose the engine to free resources
+engine.dispose();
+```
+
 ## Troubleshooting
 
 ### Video Not Moving
@@ -389,25 +330,32 @@ Ensure position mode is set to `'Percent'` using `engine.block.setPositionXMode(
 
 ## API Reference
 
-| Method                            | Description                                |
-| --------------------------------- | ------------------------------------------ |
-| `engine.block.addVideo()`         | Create and position video in one operation |
-| `engine.block.setPositionX()`     | Set X coordinate value                     |
-| `engine.block.setPositionY()`     | Set Y coordinate value                     |
-| `engine.block.getPositionX()`     | Get current X coordinate value             |
-| `engine.block.getPositionY()`     | Get current Y coordinate value             |
-| `engine.block.setPositionXMode()` | Set position mode for X coordinate         |
-| `engine.block.setPositionYMode()` | Set position mode for Y coordinate         |
-| `engine.block.getPositionXMode()` | Get position mode for X coordinate         |
-| `engine.block.getPositionYMode()` | Get position mode for Y coordinate         |
-| `engine.block.setBool()`          | Set transform lock state                   |
-| `engine.block.getBool()`          | Get transform lock state                   |
+| Method                            | Description                                               |
+| --------------------------------- | --------------------------------------------------------- |
+| `CreativeEngine.init()`           | Initializes the headless engine for programmatic creation |
+| `engine.scene.create()`           | Creates a new scene                                       |
+| `engine.block.findByType()`       | Finds blocks by type                                      |
+| `engine.block.addVideo()`         | Create and position video in one operation                |
+| `engine.block.setPositionX()`     | Set X coordinate value                                    |
+| `engine.block.setPositionY()`     | Set Y coordinate value                                    |
+| `engine.block.getPositionX()`     | Get current X coordinate value                            |
+| `engine.block.getPositionY()`     | Get current Y coordinate value                            |
+| `engine.block.setPositionXMode()` | Set position mode for X coordinate                        |
+| `engine.block.setPositionYMode()` | Set position mode for Y coordinate                        |
+| `engine.block.getPositionXMode()` | Get position mode for X coordinate                        |
+| `engine.block.getPositionYMode()` | Get position mode for Y coordinate                        |
+| `engine.block.setBool()`          | Set transform lock state                                  |
+| `engine.block.getBool()`          | Get transform lock state                                  |
+| `engine.scene.saveToString()`     | Save scene to string for later use                        |
+| `engine.dispose()`                | Dispose engine and free resources                         |
+
+
 
 ---
 
 ## 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