@imgly/codesign-mcp 0.1.5 → 0.1.7

package/assets/docs/guide/text/auto-size.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 Text](./text.md) > [Auto-Size](./text/auto-size.md)
 
@@ -6,42 +6,28 @@
 
 Configure text blocks to automatically adapt their dimensions or font size for dynamic content.
 
-![Text Auto-Size example showing text blocks with different sizing modes](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-text-auto-size-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-text-auto-size-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-text-auto-size-browser/)
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-text-auto-size-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-text-auto-size-server-js)
 
 CE.SDK provides two approaches for handling dynamic text content. **Auto size modes** let text blocks resize to fit their content, while **automatic font sizing** scales the font to fit within fixed boundaries. These techniques ensure text displays correctly regardless of content length, which is essential for templates and automation workflows.
 
-```typescript file=@cesdk_web_examples/guides-text-auto-size-browser/browser.ts reference-only
-import type { EditorPlugin, 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';
-import packageJson from './package.json';
+```typescript file=@cesdk_web_examples/guides-text-auto-size-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { config } from 'dotenv';
+import { writeFileSync, mkdirSync, existsSync } from 'fs';
+
+// Load environment variables
+config();
 
 /**
- * CE.SDK Plugin: Text Auto-Size Guide
+ * CE.SDK Server Guide: Text Auto-Size
  *
  * Demonstrates text auto-sizing capabilities:
  * - Auto width and height modes for content-fitting text
@@ -49,175 +35,128 @@ import packageJson from './package.json';
  * - Font size constraints (min/max)
  * - Detecting clipped text
  */
-class Example implements EditorPlugin {
-  name = packageJson.name;
-
-  version = packageJson.version;
-
-  async initialize({ cesdk }: EditorPluginContext): Promise<void> {
-    if (!cesdk) {
-      throw new Error('CE.SDK instance is required for this plugin');
-    }
-
-    await cesdk.addPlugin(new DesignEditorConfig());
-
-    // 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' }
-    });
-
-    const engine = cesdk.engine;
-    const page = engine.block.findByType('page')[0];
-
-    // Create text with Auto width and height - grows to fit content
-    const autoText = engine.block.create('text');
-    engine.block.appendChild(page, autoText);
-    engine.block.setWidthMode(autoText, 'Auto');
-    engine.block.setHeightMode(autoText, 'Auto');
-    engine.block.replaceText(autoText, 'Auto-sized text');
-    engine.block.setFloat(autoText, 'text/fontSize', 48);
-    engine.block.setPositionX(autoText, 50);
-    engine.block.setPositionY(autoText, 50);
-
-    // Create text with fixed width and auto height - wraps and grows vertically
-    const wrappedText = engine.block.create('text');
-    engine.block.appendChild(page, wrappedText);
-    engine.block.setWidthMode(wrappedText, 'Absolute');
-    engine.block.setWidth(wrappedText, 250);
-    engine.block.setHeightMode(wrappedText, 'Auto');
-    engine.block.replaceText(
-      wrappedText,
-      'This text has a fixed width but auto height, so it wraps to multiple lines'
-    );
-    engine.block.setFloat(wrappedText, 'text/fontSize', 48);
-    engine.block.setPositionX(wrappedText, 50);
-    engine.block.setPositionY(wrappedText, 150);
-
-    // Create text with automatic font sizing - scales to fit fixed dimensions
-    const scaledText = engine.block.create('text');
-    engine.block.appendChild(page, scaledText);
-    engine.block.setWidthMode(scaledText, 'Absolute');
-    engine.block.setHeightMode(scaledText, 'Absolute');
-    engine.block.setWidth(scaledText, 300);
-    engine.block.setHeight(scaledText, 80);
-    engine.block.setBool(scaledText, 'text/automaticFontSizeEnabled', true);
-    engine.block.replaceText(scaledText, 'Auto-scaled font');
-    engine.block.setPositionX(scaledText, 50);
-    engine.block.setPositionY(scaledText, 350);
-
-    // Add background to visualize the text frame
-    engine.block.setBool(scaledText, 'backgroundColor/enabled', true);
-    engine.block.setColor(scaledText, 'backgroundColor/color', {
-      r: 0.95,
-      g: 0.95,
-      b: 0.95,
-      a: 1.0
-    });
-
-    // Create text with font size constraints
-    // Note: Constraints only affect automatic sizing, not manual UI changes
-    const constrainedText = engine.block.create('text');
-    engine.block.appendChild(page, constrainedText);
-    engine.block.setWidthMode(constrainedText, 'Absolute');
-    engine.block.setHeightMode(constrainedText, 'Absolute');
-    engine.block.setWidth(constrainedText, 300);
-    engine.block.setHeight(constrainedText, 80);
-    engine.block.setBool(
-      constrainedText,
-      'text/automaticFontSizeEnabled',
-      true
-    );
-
-    // Set min and max font size constraints for automatic sizing
-    engine.block.setFloat(constrainedText, 'text/minAutomaticFontSize', 12);
-    engine.block.setFloat(constrainedText, 'text/maxAutomaticFontSize', 48);
-
-    // Use longer text to demonstrate automatic scaling within constraints
-    engine.block.replaceText(
-      constrainedText,
-      'Edit this text to see automatic font scaling (12-48pt range)'
-    );
-    engine.block.setPositionX(constrainedText, 50);
-    engine.block.setPositionY(constrainedText, 460);
-
-    // Add background to visualize the text frame
-    engine.block.setBool(constrainedText, 'backgroundColor/enabled', true);
-    engine.block.setColor(constrainedText, 'backgroundColor/color', {
-      r: 0.9,
-      g: 0.95,
-      b: 1.0,
-      a: 1.0
-    });
-
-    // Query the size modes and automatic font size state
-    const widthMode = engine.block.getWidthMode(autoText);
-    const heightMode = engine.block.getHeightMode(autoText);
-    const isAutoFontSize = engine.block.getBool(
-      scaledText,
-      'text/automaticFontSizeEnabled'
-    );
-
-    console.log('Auto text width mode:', widthMode);
-    console.log('Auto text height mode:', heightMode);
-    console.log('Scaled text has automatic font sizing:', isAutoFontSize);
-
-    // Check for clipped lines (text exceeding frame bounds)
-    const hasClippedLines = engine.block.getBool(
-      scaledText,
-      'text/hasClippedLines'
-    );
-    console.log('Scaled text has clipped lines:', hasClippedLines);
-
-    // Add labels for each example
-    const createLabel = (text: string, x: number, y: number) => {
-      const label = engine.block.create('text');
-      engine.block.appendChild(page, label);
-      engine.block.setWidthMode(label, 'Auto');
-      engine.block.setHeightMode(label, 'Auto');
-      engine.block.replaceText(label, text);
-      engine.block.setFloat(label, 'text/fontSize', 32);
-      engine.block.setTextColor(label, { r: 0.5, g: 0.5, b: 0.5, a: 1.0 });
-      engine.block.setPositionX(label, x);
-      engine.block.setPositionY(label, y);
-    };
-
-    createLabel('Auto Width + Auto Height', 50, 20);
-    createLabel('Fixed Width + Auto Height', 50, 120);
-    createLabel('Automatic Font Sizing', 50, 320);
-    createLabel('With Min/Max Constraints', 50, 430);
-
-    // Select the first text block to show it in the inspector
-    engine.block.select(autoText);
+
+// 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 design scene with specific page dimensions
+  engine.scene.create('VerticalStack', {
+    page: { size: { width: 800, height: 600 } }
+  });
+  const page = engine.block.findByType('page')[0];
+
+  // Create text with Auto width and height - grows to fit content
+  const autoText = engine.block.create('text');
+  engine.block.appendChild(page, autoText);
+  engine.block.setWidthMode(autoText, 'Auto');
+  engine.block.setHeightMode(autoText, 'Auto');
+  engine.block.replaceText(autoText, 'Auto-sized text');
+  engine.block.setFloat(autoText, 'text/fontSize', 48);
+  engine.block.setPositionX(autoText, 50);
+  engine.block.setPositionY(autoText, 50);
+
+  // Create text with fixed width and auto height - wraps and grows vertically
+  const wrappedText = engine.block.create('text');
+  engine.block.appendChild(page, wrappedText);
+  engine.block.setWidthMode(wrappedText, 'Absolute');
+  engine.block.setWidth(wrappedText, 250);
+  engine.block.setHeightMode(wrappedText, 'Auto');
+  engine.block.replaceText(
+    wrappedText,
+    'This text has a fixed width but auto height, so it wraps to multiple lines'
+  );
+  engine.block.setFloat(wrappedText, 'text/fontSize', 48);
+  engine.block.setPositionX(wrappedText, 50);
+  engine.block.setPositionY(wrappedText, 150);
+
+  // Create text with automatic font sizing - scales to fit fixed dimensions
+  const scaledText = engine.block.create('text');
+  engine.block.appendChild(page, scaledText);
+  engine.block.setWidthMode(scaledText, 'Absolute');
+  engine.block.setHeightMode(scaledText, 'Absolute');
+  engine.block.setWidth(scaledText, 300);
+  engine.block.setHeight(scaledText, 80);
+  engine.block.setBool(scaledText, 'text/automaticFontSizeEnabled', true);
+  engine.block.replaceText(scaledText, 'Auto-scaled font');
+  engine.block.setPositionX(scaledText, 50);
+  engine.block.setPositionY(scaledText, 350);
+
+  // Add background to visualize the text frame
+  engine.block.setBool(scaledText, 'backgroundColor/enabled', true);
+  engine.block.setColor(scaledText, 'backgroundColor/color', {
+    r: 0.95,
+    g: 0.95,
+    b: 0.95,
+    a: 1.0
+  });
+
+  // Create text with font size constraints
+  const constrainedText = engine.block.create('text');
+  engine.block.appendChild(page, constrainedText);
+  engine.block.setWidthMode(constrainedText, 'Absolute');
+  engine.block.setHeightMode(constrainedText, 'Absolute');
+  engine.block.setWidth(constrainedText, 300);
+  engine.block.setHeight(constrainedText, 80);
+  engine.block.setBool(constrainedText, 'text/automaticFontSizeEnabled', true);
+
+  // Set min and max font size constraints
+  engine.block.setFloat(constrainedText, 'text/minAutomaticFontSize', 12);
+  engine.block.setFloat(constrainedText, 'text/maxAutomaticFontSize', 48);
+
+  engine.block.replaceText(
+    constrainedText,
+    'Font size constrained between 12-48pt'
+  );
+  engine.block.setPositionX(constrainedText, 50);
+  engine.block.setPositionY(constrainedText, 460);
+
+  // Add background to visualize the text frame
+  engine.block.setBool(constrainedText, 'backgroundColor/enabled', true);
+  engine.block.setColor(constrainedText, 'backgroundColor/color', {
+    r: 0.9,
+    g: 0.95,
+    b: 1.0,
+    a: 1.0
+  });
+
+  // Query the size modes and automatic font size state
+  const widthMode = engine.block.getWidthMode(autoText);
+  const heightMode = engine.block.getHeightMode(autoText);
+  const isAutoFontSize = engine.block.getBool(
+    scaledText,
+    'text/automaticFontSizeEnabled'
+  );
+
+  console.log('Auto text width mode:', widthMode);
+  console.log('Auto text height mode:', heightMode);
+  console.log('Scaled text has automatic font sizing:', isAutoFontSize);
+
+  // Check for clipped lines (text exceeding frame bounds)
+  const hasClippedLines = engine.block.getBool(
+    scaledText,
+    'text/hasClippedLines'
+  );
+  console.log('Scaled text has clipped lines:', hasClippedLines);
+
+  // Export the scene to PNG
+  const blob = await engine.block.export(page, { mimeType: 'image/png' });
+  const buffer = Buffer.from(await blob.arrayBuffer());
+
+  // Ensure output directory exists
+  if (!existsSync('output')) {
+    mkdirSync('output');
   }
-}
 
-export default Example;
+  // Save to file
+  writeFileSync('output/text-auto-size.png', buffer);
+  console.log('✅ Exported text auto-size demo to output/text-auto-size.png');
+} finally {
+  engine.dispose();
+}
 ```
 
 This guide covers configuring size modes, enabling automatic font sizing, setting font size constraints, and detecting clipped text.
@@ -271,17 +210,17 @@ This pattern is useful for template placeholders where the width should remain c
 We check current modes using `engine.block.getWidthMode()` and `engine.block.getHeightMode()`. These return 'Absolute', 'Percent', or 'Auto'.
 
 ```typescript highlight=highlight-query-size-modes
-// Query the size modes and automatic font size state
-const widthMode = engine.block.getWidthMode(autoText);
-const heightMode = engine.block.getHeightMode(autoText);
-const isAutoFontSize = engine.block.getBool(
-  scaledText,
-  'text/automaticFontSizeEnabled'
-);
-
-console.log('Auto text width mode:', widthMode);
-console.log('Auto text height mode:', heightMode);
-console.log('Scaled text has automatic font sizing:', isAutoFontSize);
+  // Query the size modes and automatic font size state
+  const widthMode = engine.block.getWidthMode(autoText);
+  const heightMode = engine.block.getHeightMode(autoText);
+  const isAutoFontSize = engine.block.getBool(
+    scaledText,
+    'text/automaticFontSizeEnabled'
+  );
+
+  console.log('Auto text width mode:', widthMode);
+  console.log('Auto text height mode:', heightMode);
+  console.log('Scaled text has automatic font sizing:', isAutoFontSize);
 ```
 
 ## Automatic Font Sizing
@@ -289,68 +228,66 @@ console.log('Scaled text has automatic font sizing:', isAutoFontSize);
 For text blocks with fixed dimensions, we enable automatic font sizing to scale the font to fit within the frame. The engine calculates the largest font size that fits the content.
 
 ```typescript highlight=highlight-automatic-font-sizing
-// Create text with automatic font sizing - scales to fit fixed dimensions
-const scaledText = engine.block.create('text');
-engine.block.appendChild(page, scaledText);
-engine.block.setWidthMode(scaledText, 'Absolute');
-engine.block.setHeightMode(scaledText, 'Absolute');
-engine.block.setWidth(scaledText, 300);
-engine.block.setHeight(scaledText, 80);
-engine.block.setBool(scaledText, 'text/automaticFontSizeEnabled', true);
-engine.block.replaceText(scaledText, 'Auto-scaled font');
-engine.block.setPositionX(scaledText, 50);
-engine.block.setPositionY(scaledText, 350);
-
-// Add background to visualize the text frame
-engine.block.setBool(scaledText, 'backgroundColor/enabled', true);
-engine.block.setColor(scaledText, 'backgroundColor/color', {
-  r: 0.95,
-  g: 0.95,
-  b: 0.95,
-  a: 1.0
-});
+  // Create text with automatic font sizing - scales to fit fixed dimensions
+  const scaledText = engine.block.create('text');
+  engine.block.appendChild(page, scaledText);
+  engine.block.setWidthMode(scaledText, 'Absolute');
+  engine.block.setHeightMode(scaledText, 'Absolute');
+  engine.block.setWidth(scaledText, 300);
+  engine.block.setHeight(scaledText, 80);
+  engine.block.setBool(scaledText, 'text/automaticFontSizeEnabled', true);
+  engine.block.replaceText(scaledText, 'Auto-scaled font');
+  engine.block.setPositionX(scaledText, 50);
+  engine.block.setPositionY(scaledText, 350);
+
+  // Add background to visualize the text frame
+  engine.block.setBool(scaledText, 'backgroundColor/enabled', true);
+  engine.block.setColor(scaledText, 'backgroundColor/color', {
+    r: 0.95,
+    g: 0.95,
+    b: 0.95,
+    a: 1.0
+  });
 ```
 
 We first set both width and height to 'Absolute' mode with specific dimensions, then enable automatic font sizing with `text/automaticFontSizeEnabled`. The background helps visualize the text frame boundaries.
 
 ### Setting Font Size Constraints
 
-We constrain the automatic scaling range using `text/minAutomaticFontSize` and `text/maxAutomaticFontSize` properties. These constraints apply only to the automatic sizing algorithm—they do not restrict manual font size changes made through the UI. This prevents text from becoming too small to read or too large for the design when content length varies.
+We constrain the automatic scaling range using `text/minAutomaticFontSize` and `text/maxAutomaticFontSize` properties. These constraints apply only to the automatic sizing algorithm. This prevents text from becoming too small to read or too large for the design when content length varies.
 
 ```typescript highlight=highlight-font-size-constraints
-// Create text with font size constraints
-// Note: Constraints only affect automatic sizing, not manual UI changes
-const constrainedText = engine.block.create('text');
-engine.block.appendChild(page, constrainedText);
-engine.block.setWidthMode(constrainedText, 'Absolute');
-engine.block.setHeightMode(constrainedText, 'Absolute');
-engine.block.setWidth(constrainedText, 300);
-engine.block.setHeight(constrainedText, 80);
-engine.block.setBool(constrainedText, 'text/automaticFontSizeEnabled', true);
-
-// Set min and max font size constraints for automatic sizing
-engine.block.setFloat(constrainedText, 'text/minAutomaticFontSize', 12);
-engine.block.setFloat(constrainedText, 'text/maxAutomaticFontSize', 48);
-
-// Use longer text to demonstrate automatic scaling within constraints
-engine.block.replaceText(
-  constrainedText,
-  'Edit this text to see automatic font scaling (12-48pt range)'
-);
-engine.block.setPositionX(constrainedText, 50);
-engine.block.setPositionY(constrainedText, 460);
-
-// Add background to visualize the text frame
-engine.block.setBool(constrainedText, 'backgroundColor/enabled', true);
-engine.block.setColor(constrainedText, 'backgroundColor/color', {
-  r: 0.9,
-  g: 0.95,
-  b: 1.0,
-  a: 1.0
-});
+  // Create text with font size constraints
+  const constrainedText = engine.block.create('text');
+  engine.block.appendChild(page, constrainedText);
+  engine.block.setWidthMode(constrainedText, 'Absolute');
+  engine.block.setHeightMode(constrainedText, 'Absolute');
+  engine.block.setWidth(constrainedText, 300);
+  engine.block.setHeight(constrainedText, 80);
+  engine.block.setBool(constrainedText, 'text/automaticFontSizeEnabled', true);
+
+  // Set min and max font size constraints
+  engine.block.setFloat(constrainedText, 'text/minAutomaticFontSize', 12);
+  engine.block.setFloat(constrainedText, 'text/maxAutomaticFontSize', 48);
+
+  engine.block.replaceText(
+    constrainedText,
+    'Font size constrained between 12-48pt'
+  );
+  engine.block.setPositionX(constrainedText, 50);
+  engine.block.setPositionY(constrainedText, 460);
+
+  // Add background to visualize the text frame
+  engine.block.setBool(constrainedText, 'backgroundColor/enabled', true);
+  engine.block.setColor(constrainedText, 'backgroundColor/color', {
+    r: 0.9,
+    g: 0.95,
+    b: 1.0,
+    a: 1.0
+  });
 ```
 
-With constraints set, the font size automatically scales within the 12-48pt range as content length changes. When the user types more text, the font shrinks (down to the minimum). When they delete text, the font grows (up to the maximum).
+With constraints set, the font size automatically scales within the 12-48pt range as content length changes.
 
 ## Text Clipping
 
@@ -369,18 +306,18 @@ Detecting clipped text helps identify when automatic font sizing should be enabl
 
 ## API Reference
 
-| Method                         | Purpose                                        |
-| ------------------------------ | ---------------------------------------------- |
-| `engine.block.setWidthMode()`  | Set width mode: 'Absolute', 'Percent', 'Auto'  |
-| `engine.block.getWidthMode()`  | Query current width mode                       |
+| Method | Purpose |
+|--------|---------|
+| `engine.block.setWidthMode()` | Set width mode: 'Absolute', 'Percent', 'Auto' |
+| `engine.block.getWidthMode()` | Query current width mode |
 | `engine.block.setHeightMode()` | Set height mode: 'Absolute', 'Percent', 'Auto' |
-| `engine.block.getHeightMode()` | Query current height mode                      |
-| `engine.block.setWidth()`      | Set block width value                          |
-| `engine.block.setHeight()`     | Set block height value                         |
-| `engine.block.setBool()`       | Enable/disable boolean properties              |
-| `engine.block.getBool()`       | Query boolean property values                  |
-| `engine.block.setFloat()`      | Set numeric property values                    |
-| `engine.block.getFloat()`      | Query numeric property values                  |
+| `engine.block.getHeightMode()` | Query current height mode |
+| `engine.block.setWidth()` | Set block width value |
+| `engine.block.setHeight()` | Set block height value |
+| `engine.block.setBool()` | Enable/disable boolean properties |
+| `engine.block.getBool()` | Query boolean property values |
+| `engine.block.setFloat()` | Set numeric property values |
+| `engine.block.getFloat()` | Query numeric property values |
 
 ## Troubleshooting
 
@@ -394,11 +331,13 @@ Detecting clipped text helps identify when automatic font sizing should be enabl
 
 **Auto mode ignored**: Make sure no conflicting explicit size values override the Auto behavior.
 
+
+
 ---
 
 ## 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