@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/animation/types.md

@@ -1,126 +1,49 @@
-> 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) > [Supported Animation Types](./animation/types.md)
 
 ---
 
-Apply entrance, exit, and loop animations to design blocks using the available animation types in CE.SDK.
-
-![Animation types demonstrating slide, fade, zoom, and loop effects on image blocks](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
+Apply entrance, exit, and loop animations to design blocks programmatically using the available animation types in CE.SDK for Node.js.
 
 > **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-animation-types-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-animation-types-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-animation-types-browser/)
-
-CE.SDK organizes animations into three categories: entrance (In), exit (Out), and loop. Each category determines when the animation plays during the block's lifecycle. This guide demonstrates different animation types and their configurable properties.
-
-```typescript file=@cesdk_web_examples/guides-animation-types-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';
-
-/**
- * CE.SDK Plugin: Supported Animation Types Guide
- *
- * Demonstrates how to use different animation types in CE.SDK:
- * - Entrance animations (slide, fade, zoom, spin)
- * - Exit animations with timing and easing
- * - Loop animations for continuous motion
- * - Animation property configuration
- */
-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');
-    }
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-animation-types-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-animation-types-server-js)
 
-    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' }
-    });
+CE.SDK organizes animations into three categories: entrance (In), exit (Out), and loop. Each category determines when the animation plays during the block's lifecycle. This guide demonstrates how to apply different animation types and configure their properties in server-side applications.
+
+<NodejsVideoExportNotice {...props} />
 
-    const engine = cesdk.engine;
+```typescript file=@cesdk_web_examples/guides-animation-types-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { writeFileSync, mkdirSync, existsSync } from 'fs';
+import { config } from 'dotenv';
 
-    const scene = engine.scene.get()!;
-    const pages = engine.block.findByType('page');
-    const page = pages.length > 0 ? pages[0] : scene;
+// Load environment variables
+config();
 
-    // Set white background color
+async function main() {
+  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.appendChild(scene, page);
+    engine.block.setWidth(page, 1920);
+    engine.block.setHeight(page, 1080);
+    engine.block.setDuration(page, 10);
+
+    // Set white background
     if (!engine.block.supportsFill(page) || !engine.block.getFill(page)) {
       const fill = engine.block.createFill('color');
       engine.block.setFill(page, fill);
@@ -134,13 +57,17 @@ class Example implements EditorPlugin {
     });
 
     // 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;
+    const pageWidth = engine.block.getWidth(page);
+    const pageHeight = engine.block.getHeight(page);
+    const margin = 40;
+    const spacing = 20;
+    const cols = 3;
+    const rows = 2;
+    const blockWidth = (pageWidth - 2 * margin - (cols - 1) * spacing) / cols;
+    const blockHeight = (pageHeight - 2 * margin - (rows - 1) * spacing) / rows;
 
     // Helper to create an image block
-    const createImageBlock = async (index: number, imageUrl: string) => {
+    const createImageBlock = (index: number, imageUrl: string) => {
       const graphic = engine.block.create('graphic');
       const imageFill = engine.block.createFill('image');
       engine.block.setString(imageFill, 'fill/image/imageFileURI', imageUrl);
@@ -148,9 +75,14 @@ class Example implements EditorPlugin {
       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);
+
+      const col = index % cols;
+      const row = Math.floor(index / cols);
+      engine.block.setPositionX(graphic, margin + col * (blockWidth + spacing));
+      engine.block.setPositionY(
+        graphic,
+        margin + row * (blockHeight + spacing)
+      );
       engine.block.appendChild(page, graphic);
       return graphic;
     };
@@ -166,7 +98,7 @@ class Example implements EditorPlugin {
     ];
 
     // Block 1: Slide entrance animation with direction
-    const block1 = await createImageBlock(0, imageUrls[0]);
+    const block1 = createImageBlock(0, imageUrls[0]);
 
     // Create a slide animation that enters from the left
     const slideAnimation = engine.block.createAnimation('slide');
@@ -177,7 +109,7 @@ class Example implements EditorPlugin {
     engine.block.setEnum(slideAnimation, 'animationEasing', 'EaseOut');
 
     // Block 2: Fade animation with easing
-    const block2 = await createImageBlock(1, imageUrls[1]);
+    const block2 = createImageBlock(1, imageUrls[1]);
 
     // Create a fade entrance animation
     const fadeAnimation = engine.block.createAnimation('fade');
@@ -186,7 +118,7 @@ class Example implements EditorPlugin {
     engine.block.setEnum(fadeAnimation, 'animationEasing', 'EaseInOut');
 
     // Block 3: Zoom animation
-    const block3 = await createImageBlock(2, imageUrls[2]);
+    const block3 = createImageBlock(2, imageUrls[2]);
 
     // Create a zoom animation with fade effect
     const zoomAnimation = engine.block.createAnimation('zoom');
@@ -195,7 +127,7 @@ class Example implements EditorPlugin {
     engine.block.setBool(zoomAnimation, 'animation/zoom/fade', true);
 
     // Block 4: Exit animation
-    const block4 = await createImageBlock(3, imageUrls[3]);
+    const block4 = createImageBlock(3, imageUrls[3]);
 
     // Create entrance and exit animations
     const wipeIn = engine.block.createAnimation('wipe');
@@ -210,7 +142,7 @@ class Example implements EditorPlugin {
     engine.block.setEnum(fadeOut, 'animationEasing', 'EaseIn');
 
     // Block 5: Loop animation
-    const block5 = await createImageBlock(4, imageUrls[4]);
+    const block5 = createImageBlock(4, imageUrls[4]);
 
     // Create a breathing loop animation
     const breathingLoop = engine.block.createAnimation('breathing_loop');
@@ -224,7 +156,7 @@ class Example implements EditorPlugin {
     );
 
     // Block 6: Combined animations
-    const block6 = await createImageBlock(5, imageUrls[5]);
+    const block6 = createImageBlock(5, imageUrls[5]);
 
     // Apply entrance, exit, and loop animations together
     const spinIn = engine.block.createAnimation('spin');
@@ -243,27 +175,60 @@ class Example implements EditorPlugin {
 
     // Discover available properties for any animation
     const properties = engine.block.findAllProperties(slideAnimation);
-    // eslint-disable-next-line no-console
     console.log('Slide animation properties:', properties);
 
     // Query available easing options
     const easingOptions = engine.block.getEnumValues('animationEasing');
-    // eslint-disable-next-line no-console
     console.log('Available easing options:', easingOptions);
 
-    // Set initial playback time to see animations
-    engine.block.setPlaybackTime(page, 1.9);
+    // Export the scene to a .scene file
+    const outputDir = './output';
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
+
+    // Save as scene file - preserves all animation data
+    const sceneData = await engine.scene.saveToString();
+    writeFileSync(`${outputDir}/animation-types.scene`, sceneData);
+    console.log('Exported to output/animation-types.scene');
+
+    console.log('Animation Types example completed successfully');
+  } finally {
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
-This guide covers applying entrance animations (slide, fade, zoom), exit animations, loop animations, and configuring animation properties like direction, easing, and intensity.
+The example creates a scene with multiple blocks, each demonstrating different animation types. The scene is exported to a `.scene` file that preserves all animation data for later playback.
+
+## Setting Up the Scene
+
+We start by initializing CE.SDK and creating a scene.
+
+```typescript highlight-setup
+const engine = await CreativeEngine.init({
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+  // license: process.env.CESDK_LICENSE
+});
+```
+
+We create a scene using `engine.scene.create()`, then create a page and append it to the scene. This sets up the time-based environment required for animations.
+
+```typescript highlight-create-scene
+// Create a scene with a page
+const scene = engine.scene.create('DepthStack');
+const page = engine.block.create('page');
+engine.block.appendChild(scene, page);
+engine.block.setWidth(page, 1920);
+engine.block.setHeight(page, 1080);
+engine.block.setDuration(page, 10);
+```
 
 ## Entrance Animations
 
-Entrance animations define how a block appears. We use `createAnimation()` with the animation type and attach it using `setInAnimation()`.
+Entrance animations define how a block appears. We use `engine.block.createAnimation()` with the animation type and attach it using `engine.block.setInAnimation()`.
 
 ### Slide Animation
 
@@ -313,27 +278,27 @@ Other entrance animation types include:
 
 ## Exit Animations
 
-Exit animations define how a block leaves the screen. We use `setOutAnimation()` to attach them. CE.SDK prevents overlap between entrance and exit durations automatically.
+Exit animations define how a block leaves the screen. We use `engine.block.setOutAnimation()` to attach them. CE.SDK prevents overlap between entrance and exit durations automatically.
 
 ```typescript highlight-exit-animation
-// Create entrance and exit animations
-const wipeIn = engine.block.createAnimation('wipe');
-engine.block.setInAnimation(block4, wipeIn);
-engine.block.setDuration(wipeIn, 1.0);
-engine.block.setEnum(wipeIn, 'animation/wipe/direction', 'Right');
-
-// Exit animation plays before block disappears
-const fadeOut = engine.block.createAnimation('fade');
-engine.block.setOutAnimation(block4, fadeOut);
-engine.block.setDuration(fadeOut, 1.0);
-engine.block.setEnum(fadeOut, 'animationEasing', 'EaseIn');
+    // Create entrance and exit animations
+    const wipeIn = engine.block.createAnimation('wipe');
+    engine.block.setInAnimation(block4, wipeIn);
+    engine.block.setDuration(wipeIn, 1.0);
+    engine.block.setEnum(wipeIn, 'animation/wipe/direction', 'Right');
+
+    // Exit animation plays before block disappears
+    const fadeOut = engine.block.createAnimation('fade');
+    engine.block.setOutAnimation(block4, fadeOut);
+    engine.block.setDuration(fadeOut, 1.0);
+    engine.block.setEnum(fadeOut, 'animationEasing', 'EaseIn');
 ```
 
 In this example, a wipe entrance transitions to a fade exit. Mirror entrance effects for visual consistency, or use contrasting effects for emphasis.
 
 ## Loop Animations
 
-Loop animations run continuously while the block is visible. They can combine with entrance and exit animations. We use `setLoopAnimation()` to attach them.
+Loop animations run continuously while the block is visible. They can combine with entrance and exit animations. We use `engine.block.setLoopAnimation()` to attach them.
 
 ```typescript highlight-loop-animation
 // Create a breathing loop animation
@@ -341,7 +306,11 @@ const breathingLoop = engine.block.createAnimation('breathing_loop');
 engine.block.setLoopAnimation(block5, breathingLoop);
 engine.block.setDuration(breathingLoop, 2.0);
 // Intensity: 0 = 1.25x max scale, 1 = 2.5x max scale
-engine.block.setFloat(breathingLoop, 'animation/breathing_loop/intensity', 0.3);
+engine.block.setFloat(
+  breathingLoop,
+  'animation/breathing_loop/intensity',
+  0.3
+);
 ```
 
 The duration controls each cycle length. Loop animation types include:
@@ -360,36 +329,34 @@ The duration controls each cycle length. Loop animation types include:
 A single block can have entrance, exit, and loop animations running together. The loop animation runs throughout the block's visibility while entrance and exit animations play at the appropriate times.
 
 ```typescript highlight-combined-animations
-// Apply entrance, exit, and loop animations together
-const spinIn = engine.block.createAnimation('spin');
-engine.block.setInAnimation(block6, spinIn);
-engine.block.setDuration(spinIn, 1.0);
-engine.block.setEnum(spinIn, 'animation/spin/direction', 'Clockwise');
-engine.block.setFloat(spinIn, 'animation/spin/intensity', 0.5);
-
-const blurOut = engine.block.createAnimation('blur');
-engine.block.setOutAnimation(block6, blurOut);
-engine.block.setDuration(blurOut, 1.0);
-
-const swayLoop = engine.block.createAnimation('sway_loop');
-engine.block.setLoopAnimation(block6, swayLoop);
-engine.block.setDuration(swayLoop, 1.5);
+    // Apply entrance, exit, and loop animations together
+    const spinIn = engine.block.createAnimation('spin');
+    engine.block.setInAnimation(block6, spinIn);
+    engine.block.setDuration(spinIn, 1.0);
+    engine.block.setEnum(spinIn, 'animation/spin/direction', 'Clockwise');
+    engine.block.setFloat(spinIn, 'animation/spin/intensity', 0.5);
+
+    const blurOut = engine.block.createAnimation('blur');
+    engine.block.setOutAnimation(block6, blurOut);
+    engine.block.setDuration(blurOut, 1.0);
+
+    const swayLoop = engine.block.createAnimation('sway_loop');
+    engine.block.setLoopAnimation(block6, swayLoop);
+    engine.block.setDuration(swayLoop, 1.5);
 ```
 
 ## Configuring Animation Properties
 
-Each animation type has specific configurable properties. We use `findAllProperties()` to discover available properties and `getEnumValues()` to query options for enum properties.
+Each animation type has specific configurable properties. We use `engine.block.findAllProperties()` to discover available properties and `engine.block.getEnumValues()` to query options for enum properties.
 
 ```typescript highlight-discover-properties
-// Discover available properties for any animation
-const properties = engine.block.findAllProperties(slideAnimation);
-// eslint-disable-next-line no-console
-console.log('Slide animation properties:', properties);
-
-// Query available easing options
-const easingOptions = engine.block.getEnumValues('animationEasing');
-// eslint-disable-next-line no-console
-console.log('Available easing options:', easingOptions);
+    // Discover available properties for any animation
+    const properties = engine.block.findAllProperties(slideAnimation);
+    console.log('Slide animation properties:', properties);
+
+    // Query available easing options
+    const easingOptions = engine.block.getEnumValues('animationEasing');
+    console.log('Available easing options:', easingOptions);
 ```
 
 Common configurable properties include:
@@ -399,32 +366,62 @@ Common configurable properties include:
 - **Intensity**: Strength of the effect (varies by animation type)
 - **Fade**: Whether to include opacity transition
 
+## Exporting the Scene
+
+After creating animations, we export the scene to a `.scene` file. This format preserves all animation data and can be loaded in a browser environment for playback.
+
+```typescript highlight-export
+    // Export the scene to a .scene file
+    const outputDir = './output';
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
+
+    // Save as scene file - preserves all animation data
+    const sceneData = await engine.scene.saveToString();
+    writeFileSync(`${outputDir}/animation-types.scene`, sceneData);
+    console.log('Exported to output/animation-types.scene');
+```
+
+The `.scene` format stores the complete scene state including:
+
+- All blocks and their properties
+- Animation configurations
+- Time-based settings
+- Asset references
+
+When loaded in a browser, these animations will play back exactly as configured.
+
 ## API Reference
 
-| Method                                         | Description                      |
-| ---------------------------------------------- | -------------------------------- |
-| `engine.block.createAnimation(type)`           | Create animation by type string  |
-| `engine.block.setInAnimation(block, anim)`     | Attach entrance animation        |
-| `engine.block.setOutAnimation(block, anim)`    | Attach exit animation            |
-| `engine.block.setLoopAnimation(block, anim)`   | Attach loop animation            |
-| `engine.block.setDuration(anim, seconds)`      | Set animation duration           |
-| `engine.block.setFloat(anim, property, value)` | Set numeric property             |
-| `engine.block.setEnum(anim, property, value)`  | Set enum property                |
-| `engine.block.setBool(anim, property, value)`  | Set boolean property             |
-| `engine.block.findAllProperties(anim)`         | Discover configurable properties |
-| `engine.block.getEnumValues(property)`         | Get available enum values        |
+| Method | Description |
+| ------ | ----------- |
+| `engine.scene.create()` | Create a scene for animations |
+| `engine.block.createAnimation(type)` | Create animation by type string |
+| `engine.block.setInAnimation(block, anim)` | Attach entrance animation |
+| `engine.block.setOutAnimation(block, anim)` | Attach exit animation |
+| `engine.block.setLoopAnimation(block, anim)` | Attach loop animation |
+| `engine.block.setDuration(anim, seconds)` | Set animation duration |
+| `engine.block.setFloat(anim, property, value)` | Set numeric property |
+| `engine.block.setEnum(anim, property, value)` | Set enum property |
+| `engine.block.setBool(anim, property, value)` | Set boolean property |
+| `engine.block.findAllProperties(anim)` | Discover configurable properties |
+| `engine.block.getEnumValues(property)` | Get available enum values |
+| `engine.scene.saveToString()` | Export scene to string format |
 
 ## Next Steps
 
-- [Base Animations](./animation/create/base.md) — Create and attach animations to blocks
-- [Text Animations](./animation/create/text.md) — Animate text with writing styles
-- [Animation Overview](./animation/overview.md) — Animation concepts and capabilities
+- **Base Animations** — Create and attach animations to blocks
+- **Text Animations** — Animate text with writing styles
+- **Animation Overview** — Animation concepts and capabilities
+
+
 
 ---
 
 ## 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/animation.md

@@ -1,23 +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) > [Animation](./animation.md)
 
 ---
 
+
+
+
 ---
 
 ## Related Pages
 
-- [Overview](./animation/overview.md) - Add motion to designs with support for keyframes, timeline editing, and programmatic animation control.
-- [Supported Animation Types](./animation/types.md) - Apply different animation types to design blocks in CE.SDK and configure their properties.
+- [Supported Animation Types](./animation/types.md) - Apply different animation types to design blocks in CE.SDK and configure their properties in server-side applications.
 - [Create Animations](./animation/create.md) - Build animations manually or with presets to animate objects, text, and scenes within your design.
 - [Edit Animations](./animation/edit.md) - Modify existing animations in CE.SDK by reading properties, changing duration and easing, adjusting direction, and replacing or removing animations from blocks.
 
+
 ---
 
 ## 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