@imgly/codesign-mcp 0.1.5 → 0.1.7

package/assets/docs/guide/animation/edit.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) > [Animation](./animation.md) > [Edit Animations](./animation/edit.md)
 
@@ -6,44 +6,30 @@
 
 Modify existing animations by reading properties, changing duration and easing, and replacing or removing animations from blocks.
 
-![Edit animations demonstrating property modification, easing changes, and animation replacement on image blocks](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-animation-edit-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-animation-edit-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-animation-edit-browser/)
-
-Editing animations in CE.SDK involves retrieving existing animations from blocks and modifying their properties. This guide assumes you've already created and attached animations to blocks as covered in the [Base Animations](./animation/create/base.md) guide.
-
-```typescript file=@cesdk_web_examples/guides-animation-edit-browser/browser.ts reference-only
-import type { EditorPlugin, 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';
-import packageJson from './package.json';
-import { calculateGridLayout } from './utils';
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-animation-edit-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-animation-edit-server-js)
+
+Editing animations in CE.SDK involves retrieving existing animations from blocks and modifying their properties. This guide assumes you've already created and attached animations to blocks.
+
+<NodejsVideoExportNotice {...props} />
+
+```typescript file=@cesdk_web_examples/guides-animation-edit-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 Plugin: Edit Animations Guide
+ * CE.SDK Server Guide: Edit Animations
  *
  * Demonstrates how to edit existing animations in CE.SDK:
  * - Retrieving animations from blocks
@@ -52,102 +38,40 @@ import { calculateGridLayout } from './utils';
  * - Adjusting animation-specific properties
  * - Replacing and removing animations
  */
-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 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: 1920, height: 1080, unit: 'Pixel' }
-    });
-
-    const engine = cesdk.engine;
-    const pages = engine.block.findByType('page');
-    const page = pages[0]!;
-
-    // Set white background color
-    const pageFill = engine.block.getFill(page);
-    if (pageFill) {
-      engine.block.setColor(pageFill, 'fill/color/value', {
-        r: 1.0,
-        g: 1.0,
-        b: 1.0,
-        a: 1.0
-      });
-    }
-
-    // Calculate grid layout for 6 demonstration blocks
-    const pageWidth = engine.block.getWidth(page);
-    const pageHeight = engine.block.getHeight(page);
-    const layout = calculateGridLayout(pageWidth, pageHeight, 6);
-    const { blockWidth, blockHeight, getPosition } = layout;
-
-    // Helper to create an image block with an initial animation
-    const createAnimatedBlock = async (index: number, imageUrl: string) => {
+async function main() {
+  // Initialize the headless Creative Engine
+  const engine = await CreativeEngine.init({
+    baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+    // license: process.env.CESDK_LICENSE
+  });
+
+  try {
+    // Create a scene with a page
+    const scene = engine.scene.create('DepthStack');
+    const page = engine.block.create('page');
+    engine.block.setWidth(page, 1920);
+    engine.block.setHeight(page, 1080);
+    engine.block.appendChild(scene, page);
+
+    // Sample image URL
+    const imageUri = 'https://img.ly/static/ubq_samples/sample_1.jpg';
+
+    // Helper to create an image block with an initial slide animation
+    const createAnimatedBlock = async (
+      x: number,
+      y: number,
+      width: number,
+      height: number
+    ) => {
       const graphic = engine.block.create('graphic');
       const imageFill = engine.block.createFill('image');
-      engine.block.setString(imageFill, 'fill/image/imageFileURI', imageUrl);
+      engine.block.setString(imageFill, 'fill/image/imageFileURI', imageUri);
       engine.block.setFill(graphic, imageFill);
       engine.block.setShape(graphic, engine.block.createShape('rect'));
-      engine.block.setWidth(graphic, blockWidth);
-      engine.block.setHeight(graphic, blockHeight);
-      const pos = getPosition(index);
-      engine.block.setPositionX(graphic, pos.x);
-      engine.block.setPositionY(graphic, pos.y);
+      engine.block.setWidth(graphic, width);
+      engine.block.setHeight(graphic, height);
+      engine.block.setPositionX(graphic, x);
+      engine.block.setPositionY(graphic, y);
       engine.block.appendChild(page, graphic);
 
       // Add an initial slide animation
@@ -158,18 +82,8 @@ class Example implements EditorPlugin {
       return graphic;
     };
 
-    // Sample images for demonstration
-    const imageUrls = [
-      'https://img.ly/static/ubq_samples/sample_1.jpg',
-      'https://img.ly/static/ubq_samples/sample_2.jpg',
-      'https://img.ly/static/ubq_samples/sample_3.jpg',
-      'https://img.ly/static/ubq_samples/sample_4.jpg',
-      'https://img.ly/static/ubq_samples/sample_5.jpg',
-      'https://img.ly/static/ubq_samples/sample_6.jpg'
-    ];
-
-    // Block 1: Retrieve animations and check their existence
-    const block1 = await createAnimatedBlock(0, imageUrls[0]);
+    // Create blocks for demonstration
+    const block1 = await createAnimatedBlock(100, 100, 400, 300);
 
     // Retrieve animations from a block
     const inAnimation = engine.block.getInAnimation(block1);
@@ -187,8 +101,8 @@ class Example implements EditorPlugin {
       console.log('Animation type:', animationType);
     }
 
-    // Block 2: Read animation properties
-    const block2 = await createAnimatedBlock(1, imageUrls[1]);
+    // Create second block for reading properties
+    const block2 = await createAnimatedBlock(550, 100, 400, 300);
 
     // Read animation properties
     const animation2 = engine.block.getInAnimation(block2);
@@ -206,8 +120,8 @@ class Example implements EditorPlugin {
       console.log('Available properties:', allProperties);
     }
 
-    // Block 3: Modify animation duration
-    const block3 = await createAnimatedBlock(2, imageUrls[2]);
+    // Create third block for modifying duration
+    const block3 = await createAnimatedBlock(1000, 100, 400, 300);
 
     // Modify animation duration
     const animation3 = engine.block.getInAnimation(block3);
@@ -220,8 +134,8 @@ class Example implements EditorPlugin {
       console.log('Updated duration:', newDuration, 'seconds');
     }
 
-    // Block 4: Change easing function
-    const block4 = await createAnimatedBlock(3, imageUrls[3]);
+    // Create fourth block for changing easing
+    const block4 = await createAnimatedBlock(100, 450, 400, 300);
 
     // Change animation easing
     const animation4 = engine.block.getInAnimation(block4);
@@ -234,8 +148,8 @@ class Example implements EditorPlugin {
       engine.block.setEnum(animation4, 'animationEasing', 'EaseInOut');
     }
 
-    // Block 5: Adjust animation-specific properties (slide direction)
-    const block5 = await createAnimatedBlock(4, imageUrls[4]);
+    // Create fifth block for adjusting animation-specific properties
+    const block5 = await createAnimatedBlock(550, 450, 400, 300);
 
     // Adjust animation-specific properties
     const animation5 = engine.block.getInAnimation(block5);
@@ -255,8 +169,8 @@ class Example implements EditorPlugin {
       );
     }
 
-    // Block 6: Replace and remove animations
-    const block6 = await createAnimatedBlock(5, imageUrls[5]);
+    // Create sixth block for replacing and removing animations
+    const block6 = await createAnimatedBlock(1000, 450, 400, 300);
 
     // Replace an existing animation
     const oldAnimation = engine.block.getInAnimation(block6);
@@ -287,10 +201,25 @@ class Example implements EditorPlugin {
         verifyLoop === 0 ? 'none' : 'exists'
       );
     }
+
+    // Export the result to a file
+    const outputDir = './output';
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
+
+    const blob = await engine.block.export(page, { mimeType: 'image/png' });
+    const buffer = Buffer.from(await blob.arrayBuffer());
+    writeFileSync(`${outputDir}/edited-animations.png`, buffer);
+
+    console.log('Exported result to output/edited-animations.png');
+  } finally {
+    // Always dispose of the engine to free resources
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
 This guide covers retrieving animations, reading and modifying properties, changing easing functions, adjusting animation-specific settings, and replacing or removing animations.
@@ -300,21 +229,21 @@ This guide covers retrieving animations, reading and modifying properties, chang
 Before modifying an animation, we retrieve it from the block using `getInAnimation()`, `getOutAnimation()`, or `getLoopAnimation()`. A return value of `0` indicates no animation is attached.
 
 ```typescript highlight-retrieve-animations
-// Retrieve animations from a block
-const inAnimation = engine.block.getInAnimation(block1);
-const outAnimation = engine.block.getOutAnimation(block1);
-const loopAnimation = engine.block.getLoopAnimation(block1);
-
-// Check if animations exist (0 means no animation)
-console.log('In animation:', inAnimation !== 0 ? 'exists' : 'none');
-console.log('Out animation:', outAnimation !== 0 ? 'exists' : 'none');
-console.log('Loop animation:', loopAnimation !== 0 ? 'exists' : 'none');
-
-// Get animation type if it exists
-if (inAnimation !== 0) {
-  const animationType = engine.block.getType(inAnimation);
-  console.log('Animation type:', animationType);
-}
+    // Retrieve animations from a block
+    const inAnimation = engine.block.getInAnimation(block1);
+    const outAnimation = engine.block.getOutAnimation(block1);
+    const loopAnimation = engine.block.getLoopAnimation(block1);
+
+    // Check if animations exist (0 means no animation)
+    console.log('In animation:', inAnimation !== 0 ? 'exists' : 'none');
+    console.log('Out animation:', outAnimation !== 0 ? 'exists' : 'none');
+    console.log('Loop animation:', loopAnimation !== 0 ? 'exists' : 'none');
+
+    // Get animation type if it exists
+    if (inAnimation !== 0) {
+      const animationType = engine.block.getType(inAnimation);
+      console.log('Animation type:', animationType);
+    }
 ```
 
 We use `getType()` to identify the animation type (slide, fade, zoom, etc.). This is useful when you need to apply type-specific modifications.
@@ -324,21 +253,21 @@ We use `getType()` to identify the animation type (slide, fade, zoom, etc.). Thi
 We can inspect current animation settings using property getters. `getDuration()` returns the animation length in seconds, while `getEnum()` retrieves values like easing functions.
 
 ```typescript highlight-read-properties
-// Read animation properties
-const animation2 = engine.block.getInAnimation(block2);
-if (animation2 !== 0) {
-  // Get current duration
-  const duration = engine.block.getDuration(animation2);
-  console.log('Duration:', duration, 'seconds');
-
-  // Get current easing
-  const easing = engine.block.getEnum(animation2, 'animationEasing');
-  console.log('Easing:', easing);
-
-  // Discover all available properties
-  const allProperties = engine.block.findAllProperties(animation2);
-  console.log('Available properties:', allProperties);
-}
+    // Read animation properties
+    const animation2 = engine.block.getInAnimation(block2);
+    if (animation2 !== 0) {
+      // Get current duration
+      const duration = engine.block.getDuration(animation2);
+      console.log('Duration:', duration, 'seconds');
+
+      // Get current easing
+      const easing = engine.block.getEnum(animation2, 'animationEasing');
+      console.log('Easing:', easing);
+
+      // Discover all available properties
+      const allProperties = engine.block.findAllProperties(animation2);
+      console.log('Available properties:', allProperties);
+    }
 ```
 
 Use `findAllProperties()` to discover all configurable properties for an animation. Different animation types expose different properties—slide animations have direction, while loop animations may have intensity or scale properties.
@@ -348,16 +277,16 @@ Use `findAllProperties()` to discover all configurable properties for an animati
 Change animation timing with `setDuration()`. The duration is specified in seconds.
 
 ```typescript highlight-modify-duration
-// Modify animation duration
-const animation3 = engine.block.getInAnimation(block3);
-if (animation3 !== 0) {
-  // Change duration to 1.5 seconds
-  engine.block.setDuration(animation3, 1.5);
-
-  // Verify the change
-  const newDuration = engine.block.getDuration(animation3);
-  console.log('Updated duration:', newDuration, 'seconds');
-}
+    // Modify animation duration
+    const animation3 = engine.block.getInAnimation(block3);
+    if (animation3 !== 0) {
+      // Change duration to 1.5 seconds
+      engine.block.setDuration(animation3, 1.5);
+
+      // Verify the change
+      const newDuration = engine.block.getDuration(animation3);
+      console.log('Updated duration:', newDuration, 'seconds');
+    }
 ```
 
 When modifying In or Out animation durations, CE.SDK automatically adjusts the paired animation to prevent overlap. For loop animations, the duration defines the cycle length.
@@ -367,49 +296,49 @@ When modifying In or Out animation durations, CE.SDK automatically adjusts the p
 Easing controls animation acceleration. We use `setEnum()` with the `'animationEasing'` property to change it.
 
 ```typescript highlight-change-easing
-// Change animation easing
-const animation4 = engine.block.getInAnimation(block4);
-if (animation4 !== 0) {
-  // Query available easing options
-  const easingOptions = engine.block.getEnumValues('animationEasing');
-  console.log('Available easing options:', easingOptions);
-
-  // Set easing to EaseInOut for smooth acceleration and deceleration
-  engine.block.setEnum(animation4, 'animationEasing', 'EaseInOut');
-}
+    // Change animation easing
+    const animation4 = engine.block.getInAnimation(block4);
+    if (animation4 !== 0) {
+      // Query available easing options
+      const easingOptions = engine.block.getEnumValues('animationEasing');
+      console.log('Available easing options:', easingOptions);
+
+      // Set easing to EaseInOut for smooth acceleration and deceleration
+      engine.block.setEnum(animation4, 'animationEasing', 'EaseInOut');
+    }
 ```
 
 Use `getEnumValues('animationEasing')` to discover available options:
 
-| Easing      | Description                                   |
-| ----------- | --------------------------------------------- |
-| `Linear`    | Constant speed throughout                     |
-| `EaseIn`    | Starts slow, accelerates toward the end       |
-| `EaseOut`   | Starts fast, decelerates toward the end       |
-| `EaseInOut` | Starts slow, speeds up, then slows down again |
+| Easing      | Description                                     |
+| ----------- | ----------------------------------------------- |
+| `Linear`    | Constant speed throughout                       |
+| `EaseIn`    | Starts slow, accelerates toward the end         |
+| `EaseOut`   | Starts fast, decelerates toward the end         |
+| `EaseInOut` | Starts slow, speeds up, then slows down again   |
 
 ## Adjusting Animation-Specific Properties
 
 Each animation type has unique configurable properties. For slide animations, we can change the entry direction.
 
 ```typescript highlight-adjust-properties
-// Adjust animation-specific properties
-const animation5 = engine.block.getInAnimation(block5);
-if (animation5 !== 0) {
-  // Get current direction (for slide animations)
-  const currentDirection = engine.block.getFloat(
-    animation5,
-    'animation/slide/direction'
-  );
-  console.log('Current direction (radians):', currentDirection);
-
-  // Change direction to slide from top (3*PI/2 radians)
-  engine.block.setFloat(
-    animation5,
-    'animation/slide/direction',
-    (3 * Math.PI) / 2
-  );
-}
+    // Adjust animation-specific properties
+    const animation5 = engine.block.getInAnimation(block5);
+    if (animation5 !== 0) {
+      // Get current direction (for slide animations)
+      const currentDirection = engine.block.getFloat(
+        animation5,
+        'animation/slide/direction'
+      );
+      console.log('Current direction (radians):', currentDirection);
+
+      // Change direction to slide from top (3*PI/2 radians)
+      engine.block.setFloat(
+        animation5,
+        'animation/slide/direction',
+        (3 * Math.PI) / 2
+      );
+    }
 ```
 
 The `animation/slide/direction` property uses radians:
@@ -426,18 +355,18 @@ For text animations, you can adjust `textAnimationWritingStyle` (Line, Word, Cha
 To swap an animation type, destroy the existing animation before setting a new one. This prevents memory leaks from orphaned animation objects.
 
 ```typescript highlight-replace-animation
-// Replace an existing animation
-const oldAnimation = engine.block.getInAnimation(block6);
-if (oldAnimation !== 0) {
-  // Destroy the old animation to prevent memory leaks
-  engine.block.destroy(oldAnimation);
-}
+    // Replace an existing animation
+    const oldAnimation = engine.block.getInAnimation(block6);
+    if (oldAnimation !== 0) {
+      // Destroy the old animation to prevent memory leaks
+      engine.block.destroy(oldAnimation);
+    }
 
-// Create and set a new animation
-const newAnimation = engine.block.createAnimation('zoom');
-engine.block.setInAnimation(block6, newAnimation);
-engine.block.setDuration(newAnimation, 1.2);
-engine.block.setEnum(newAnimation, 'animationEasing', 'EaseOut');
+    // Create and set a new animation
+    const newAnimation = engine.block.createAnimation('zoom');
+    engine.block.setInAnimation(block6, newAnimation);
+    engine.block.setDuration(newAnimation, 1.2);
+    engine.block.setEnum(newAnimation, 'animationEasing', 'EaseOut');
 ```
 
 We first retrieve and destroy the old animation, then create and attach a new one with the desired type and properties.
@@ -447,55 +376,51 @@ We first retrieve and destroy the old animation, then create and attach a new on
 Remove an animation by destroying it. After destruction, the getter returns `0`.
 
 ```typescript highlight-remove-animation
-// Add a loop animation to demonstrate removal
-const loopAnim = engine.block.createAnimation('breathing_loop');
-engine.block.setLoopAnimation(block6, loopAnim);
-engine.block.setDuration(loopAnim, 1.0);
-
-// Remove the loop animation by destroying it
-const currentLoop = engine.block.getLoopAnimation(block6);
-if (currentLoop !== 0) {
-  engine.block.destroy(currentLoop);
-  // Verify removal - should now return 0
-  const verifyLoop = engine.block.getLoopAnimation(block6);
-  console.log(
-    'Loop animation after removal:',
-    verifyLoop === 0 ? 'none' : 'exists'
-  );
-}
+    // Add a loop animation to demonstrate removal
+    const loopAnim = engine.block.createAnimation('breathing_loop');
+    engine.block.setLoopAnimation(block6, loopAnim);
+    engine.block.setDuration(loopAnim, 1.0);
+
+    // Remove the loop animation by destroying it
+    const currentLoop = engine.block.getLoopAnimation(block6);
+    if (currentLoop !== 0) {
+      engine.block.destroy(currentLoop);
+      // Verify removal - should now return 0
+      const verifyLoop = engine.block.getLoopAnimation(block6);
+      console.log(
+        'Loop animation after removal:',
+        verifyLoop === 0 ? 'none' : 'exists'
+      );
+    }
 ```
 
 Destroying a design block automatically destroys all its attached animations. However, detached animations must be destroyed manually to free memory.
 
 ## API Reference
 
-| Method                              | Description                                |
-| ----------------------------------- | ------------------------------------------ |
-| `block.getInAnimation(block)`       | Get entrance animation (returns 0 if none) |
-| `block.getOutAnimation(block)`      | Get exit animation (returns 0 if none)     |
-| `block.getLoopAnimation(block)`     | Get loop animation (returns 0 if none)     |
-| `block.getType(anim)`               | Get animation type string                  |
-| `block.getDuration(anim)`           | Get animation duration in seconds          |
-| `block.setDuration(anim, seconds)`  | Set animation duration                     |
-| `block.getEnum(anim, prop)`         | Get enum property value                    |
-| `block.setEnum(anim, prop, value)`  | Set enum property value                    |
-| `block.getFloat(anim, prop)`        | Get float property value                   |
-| `block.setFloat(anim, prop, value)` | Set float property value                   |
-| `block.findAllProperties(anim)`     | Get all available properties               |
-| `block.getEnumValues(prop)`         | Get available values for enum property     |
-| `block.destroy(anim)`               | Destroy animation and free memory          |
-
-## Next Steps
-
-- [Base Animations](./animation/create/base.md) — Create entrance, exit, and loop animations
-- [Text Animations](./animation/create/text.md) — Animate text with writing styles and character control
-- [Animation Overview](./animation/overview.md) — Understand animation concepts and capabilities
+| Method                                | Description                                        |
+| ------------------------------------- | -------------------------------------------------- |
+| `block.getInAnimation(block)`         | Get entrance animation (returns 0 if none)         |
+| `block.getOutAnimation(block)`        | Get exit animation (returns 0 if none)             |
+| `block.getLoopAnimation(block)`       | Get loop animation (returns 0 if none)             |
+| `block.getType(anim)`                 | Get animation type string                          |
+| `block.getDuration(anim)`             | Get animation duration in seconds                  |
+| `block.setDuration(anim, seconds)`    | Set animation duration                             |
+| `block.getEnum(anim, prop)`           | Get enum property value                            |
+| `block.setEnum(anim, prop, value)`    | Set enum property value                            |
+| `block.getFloat(anim, prop)`          | Get float property value                           |
+| `block.setFloat(anim, prop, value)`   | Set float property value                           |
+| `block.findAllProperties(anim)`       | Get all available properties                       |
+| `block.getEnumValues(prop)`           | Get available values for enum property             |
+| `block.destroy(anim)`                 | Destroy animation and free memory                  |
+
+
 
 ---
 
 ## 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