@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/concepts/headless-mode.md

@@ -0,0 +1,237 @@
+> 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:** [Concepts](./concepts.md) > [Headless Mode](./concepts/headless-mode.md)
+
+---
+
+CreativeEditor SDK (CE.SDK) **Headless Mode for Node.js** lets your backend render scenes and exports without ever mounting the browser UI.
+
+The `@cesdk/node` package bundles CE.SDK’s features so you can drive the Engine APIs from:
+
+- Queues
+- Cron jobs
+- Serverless functions
+- Etc.
+
+You orchestrate the same actions a user can do from the UI using the CreativeEgine, which powers all CE.SDK features.
+
+## Common Use Cases
+
+- **Automated pipelines:** Generate batches of personalized assets from templates.
+- **Server-rendered previews:** Produce thumbnails or proofs before a user ever opens the editor.
+- **Custom tooling:** Embed CE.SDK logic inside CLI tools, workers, or queue processors.
+- **Compliance and governance:** Enforce template rules during backend render jobs without exposing editing controls.
+
+### When to Use Headless Mode
+
+| Scenario | Headless (Node.js) | UI-Based Editor |
+| -------- | :----------------: | :-------------: |
+| Cron or queue-driven exports | ✅ | ❌ |
+| Rendering without a browser | ✅ | ❌ |
+| Letting users tweak the layout | ❌ | ✅ |
+| Mixing custom UI with CE.SDK tools | ✅ | Hybrid |
+
+## How Headless Mode Works on Node.js
+
+`@cesdk/node` imports the CreativeEngine runtime for Node.js, allowing you to execute the same Engine API calls. Without needing a DOM, your script can run server-side to:
+
+- Start the engine.
+- Edit and export assets.
+
+You are responsible for:
+
+- Handling file Input/Output.
+- Monitoring memory.
+- Disposing of the engine when the job ends.
+
+### Available Features
+
+- Create/edit scenes, pages, and blocks programmatically.
+- Load templates and process scenes programmatically.
+- Export compositions (complete edited scenes) in your desired format.
+
+### Requirements to Run CreativeEngine on Node.js
+
+- **Node.js 22+** (or the matching runtime for your serverless provider).
+- **@cesdk/node@$UBQ\_VERSION$** installed locally: `npm install @cesdk/node@$UBQ_VERSION$`.
+- A valid **CE.SDK license key**.
+- A **base asset bundle** reachable from the runtime (CDN or self-hosted path). The CDN URLs shown below work for quick tests.
+
+> **Tip:** For production, download the asset bundle and point `baseURL` to a local path or object storage bucket. This avoids CDN latency and keeps jobs self-contained.
+
+## Quick Start: Initialize the Engine
+
+To try out the CE.SDK headless mode:
+
+1. Open/create a Node.js project.
+2. Install the Node.js package:
+
+```bash
+npm install @cesdk/node@$UBQ_VERSION$
+```
+
+### 1. Create a CE.SDK Helper
+
+Create a reusable script that does the following:
+
+1. Awaits the engine once.
+2. Loads the default assets
+3. Keeps the promise alive for further calls.
+
+```js title="CesdkHelper.js"
+import CreativeEngine from '@cesdk/node';
+
+// CE.SDK config
+const defaultConfig = {
+  license:
+    process.env.LICENSE_KEY ??
+    '<YOUR_CESDK_LICENSE_KEY>'
+};
+
+// Memorized initialization promise so initialization happens at most once at a time.
+let enginePromise;
+
+// Export the CE.SDK initialization to reuse it.
+export async function getCreativeEngine(config = defaultConfig) {
+  if (!enginePromise) {
+    enginePromise = CreativeEngine.init(config).catch((error) => {
+      enginePromise = undefined;
+      throw error;
+    });
+  }
+
+  return enginePromise;
+}
+
+export async function disposeCreativeEngine() {
+  if (!enginePromise) {
+    return;
+  }
+
+  const engine = await enginePromise;
+  enginePromise = undefined;
+  engine.dispose();
+}
+
+export function getCreativeEngineConfig() {
+  return defaultConfig;
+}
+
+```
+
+This pattern is ideal for:
+
+- HTTP handlers
+- Queue workers
+
+Each invocation:
+
+1. **Awaits** `getEngine()`.
+2. **Reuses** the same instance.
+3. **Disposes** of the engine when your process shuts down to release native resources.
+
+> **Note:** * Replace `<YOUR_CESDK_LICENSE_KEY` with a **valid license key**.
+> * Use `dotenv/config` to store your CE.SDK license key in a `.env` file to **avoid hard-coding** it it your scripts.
+
+### 2. Reuse the Engine in a Script
+
+You can now script actions using CE.SDK. In the following example, the script assembles a greeting card entirely on the server.
+
+In your Node.js project:
+
+1. Create a new script.
+2. Import your helper along with the needed feature:
+
+```js title="GreetingCard.js"
+import { writeFile } from 'node:fs/promises';
+import { disposeCreativeEngine, getCreativeEngine } from './creativeEngineHelper.js';
+```
+
+3. Copy-paste the following function:
+
+```js title="GreetingCard.js"
+async function buildGreeting() {
+  // Wait for the Engine to be ready before executing the function
+  const engine = await getCreativeEngine();
+
+  try {
+    // Create a scene and append it to the page
+    const scene = engine.scene.create();
+    const page = engine.block.create('page');
+    engine.block.setWidth(page, 800);
+    engine.block.setHeight(page, 600);
+    engine.block.appendChild(scene, page);
+
+    // Create an image block from a sample URL
+    const imageBlock = engine.block.create('graphic');
+    engine.block.setShape(imageBlock, engine.block.createShape('rect'));
+    const imageFill = engine.block.createFill('image');
+    engine.block.setString(
+      imageFill,
+      'fill/image/imageFileURI',
+      'https://img.ly/static/ubq_samples/sample_1.jpg'
+    );
+    engine.block.setFill(imageBlock, imageFill);
+    engine.block.setPosition(imageBlock, 100, 100);
+    engine.block.setWidth(imageBlock, 300);
+    engine.block.setHeight(imageBlock, 300);
+    engine.block.appendChild(page, imageBlock);
+
+    // Create a text block
+    const textBlock = engine.block.create('text');
+    engine.block.setString(textBlock, 'text/text', 'Hello from Headless Mode!');
+    engine.block.setPosition(textBlock, 100, 450);
+    engine.block.setWidth(textBlock, 600);
+    engine.block.appendChild(page, textBlock);
+    
+    // Set the format on export
+    const exportResult = await engine.block.export(page, { mimeType: 'image/png' });
+    const arrayBuffer = await exportResult.arrayBuffer();
+    
+    // Write the file on disk
+    await writeFile('greeting-card.png', Buffer.from(arrayBuffer));
+    console.log('Export complete: greeting-card.png');
+  } catch (error) {
+    console.error('Failed to export headless scene', error);
+  } finally {
+    // Dispose the Engine to free resources
+    await disposeCreativeEngine();
+  }
+}
+
+buildGreeting().catch((error) => {
+  console.error('Unexpected failure', error);
+  process.exitCode = 1;
+});
+
+```
+
+4. Run the script `node ./<path-to-your-file>/GreetingCard.js`.
+5. Check that your project contains the `greeting-card.png` file.
+
+**The preceding script:**
+
+- Calls the `CesdkHelper.js` helper to start the engine.
+- Builds a scene containing:
+  - An image
+  - A text block.
+- Exports the page to a PNG `Blob`
+- Writes the image to the disk.
+- Disposes of the engine.
+
+## Go Further
+
+- [Dig into the Node.js SDK reference](./what-is-cesdk.md) for every available Engine call.
+- [Start a new Node.js headless project](./get-started/vanilla.md) with a complete project template.
+- Need to mix headless logic with UI-driven editing? [Engine interface guides](./engine-interface.md) show hybrid patterns.
+
+
+
+---
+
+## More Resources
+
+- **[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](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support

package/assets/docs/guide/concepts/pages.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:** [Concepts](./concepts.md) > [Pages](./concepts/pages.md)
 
@@ -6,48 +6,43 @@
 
 Pages define the format of your designs—every graphic block, text element, and media file lives inside a page. This guide covers how pages fit into the scene hierarchy, their properties like margins and title templates, and how to configure page dimensions for different layout modes.
 
-![CE.SDK Pages Hero Image](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
-
 > **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)
+>
 > - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-concepts-pages-browser/)
 
 Pages provide the canvas and frame for your designs. Whether you're building a multi-page document, a social media carousel, or a video composition, understanding how pages work will help you with structuring your content correctly.
 
-```typescript file=@cesdk_web_examples/guides-concepts-pages-browser/browser.ts reference-only
-import type { EditorPlugin, EditorPluginContext } from '@cesdk/cesdk-js';
+```typescript file=@cesdk_web_examples/guides-concepts-pages-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { writeFileSync, mkdirSync, existsSync } from 'fs';
+import { config } from 'dotenv';
 
-import { DesignEditorConfig } from './design-editor/plugin';
-import packageJson from './package.json';
+config(); // Load .env file
 
 /**
- * CE.SDK Plugin: Pages Guide
+ * CE.SDK Server Example: Pages Guide
  *
  * Demonstrates working with pages in CE.SDK:
- * - Understanding the scene hierarchy (Scene → Pages → Blocks)
+ * - Understanding the scene hierarchy (Scene -> Pages -> Blocks)
  * - Creating and managing multiple pages
  * - Setting page dimensions at the scene level
  * - Configuring page properties (margins, title templates, fills)
  * - Navigating between pages
  */
-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());
-    const engine = cesdk.engine;
-
+async function main(): Promise<void> {
+  // 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 VerticalStack layout for multi-page designs
     engine.scene.create('VerticalStack');
 
@@ -148,23 +143,33 @@ class Example implements EditorPlugin {
     console.log('All pages:', allPages);
     console.log('Number of pages:', allPages.length);
 
-    // Get the current page (nearest to viewport center or containing selection)
-    const currentPage = engine.scene.getCurrentPage();
-    console.log('Current page:', currentPage);
-
     // Alternative: Find pages using block API
     const pagesByType = engine.block.findByType('page');
     console.log('Pages found by type:', pagesByType);
 
-    // Select the first page and zoom to fit
-    engine.block.select(firstPage);
-    engine.scene.enableZoomAutoFit(firstPage, 'Both');
+    // Export each page to demonstrate the result
+    const outputDir = './output';
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
 
-    console.log('Pages guide initialized with a 2-page design.');
+    for (let i = 0; i < allPages.length; i++) {
+      const page = allPages[i];
+      const blob = await engine.block.export(page, { mimeType: 'image/png' });
+      const buffer = Buffer.from(await blob.arrayBuffer());
+      const outputPath = `${outputDir}/page-${i + 1}.png`;
+      writeFileSync(outputPath, buffer);
+      console.log(`Exported: ${outputPath}`);
+    }
+
+    console.log('Pages guide completed with a 2-page design.');
+  } finally {
+    // Always dispose the engine to free resources
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
 This guide covers:
@@ -180,74 +185,74 @@ This guide covers:
 In CE.SDK, content follows a strict hierarchy: a **scene** contains **pages**, and pages contain **content blocks**. Only blocks attached to a page are rendered on the canvas.
 
 ```typescript highlight=highlight-create-scene
-// Create a scene with VerticalStack layout for multi-page designs
-engine.scene.create('VerticalStack');
+    // Create a scene with VerticalStack layout for multi-page designs
+    engine.scene.create('VerticalStack');
 
-// Get the stack container to configure spacing
-const [stack] = engine.block.findByType('stack');
-engine.block.setFloat(stack, 'stack/spacing', 20);
-engine.block.setBool(stack, 'stack/spacingInScreenspace', true);
+    // Get the stack container to configure spacing
+    const [stack] = engine.block.findByType('stack');
+    engine.block.setFloat(stack, 'stack/spacing', 20);
+    engine.block.setBool(stack, 'stack/spacingInScreenspace', true);
 ```
 
 When you create a scene with a layout mode like `VerticalStack`, pages are automatically arranged according to that mode. Create pages using `engine.block.create('page')`, set their dimensions with `setWidth()` and `setHeight()`, then attach them to the scene (or its stack container) with `engine.block.appendChild()`.
 
 ```typescript highlight=highlight-create-pages
-// Create the first page and set its dimensions
-const firstPage = engine.block.create('page');
-engine.block.setWidth(firstPage, 800);
-engine.block.setHeight(firstPage, 600);
-engine.block.appendChild(stack, firstPage);
-
-// Create the second page with the same dimensions
-const secondPage = engine.block.create('page');
-engine.block.setWidth(secondPage, 800);
-engine.block.setHeight(secondPage, 600);
-engine.block.appendChild(stack, secondPage);
+    // Create the first page and set its dimensions
+    const firstPage = engine.block.create('page');
+    engine.block.setWidth(firstPage, 800);
+    engine.block.setHeight(firstPage, 600);
+    engine.block.appendChild(stack, firstPage);
+
+    // Create the second page with the same dimensions
+    const secondPage = engine.block.create('page');
+    engine.block.setWidth(secondPage, 800);
+    engine.block.setHeight(secondPage, 600);
+    engine.block.appendChild(stack, secondPage);
 ```
 
 Content blocks must be added as children of a page to render. For graphic blocks, set both a shape and a fill for content to display. Append blocks to the page before configuring their properties.
 
 ```typescript highlight=highlight-add-content
-// Add an image block to the first page
-const imageBlock = engine.block.create('graphic');
-engine.block.appendChild(firstPage, imageBlock);
-
-// Create a rect shape for the graphic block
-const rectShape = engine.block.createShape('rect');
-engine.block.setShape(imageBlock, rectShape);
-
-// Configure size and position after appending to the page
-engine.block.setWidth(imageBlock, 400);
-engine.block.setHeight(imageBlock, 300);
-engine.block.setPositionX(imageBlock, 200);
-engine.block.setPositionY(imageBlock, 150);
-
-// Create and configure the image fill
-const imageFill = engine.block.createFill('image');
-engine.block.setString(
-  imageFill,
-  'fill/image/imageFileURI',
-  'https://img.ly/static/ubq_samples/sample_1.jpg'
-);
-engine.block.setFill(imageBlock, imageFill);
-
-// Add a text block to the second page
-const textBlock = engine.block.create('text');
-engine.block.appendChild(secondPage, textBlock);
-
-// Configure text properties after appending to the page
-engine.block.replaceText(textBlock, 'Page 2');
-engine.block.setTextFontSize(textBlock, 48);
-engine.block.setTextColor(textBlock, { r: 0.2, g: 0.2, b: 0.2, a: 1.0 });
-engine.block.setEnum(textBlock, 'text/horizontalAlignment', 'Center');
-engine.block.setWidthMode(textBlock, 'Auto');
-engine.block.setHeightMode(textBlock, 'Auto');
-
-// Center the text on the page
-const textWidth = engine.block.getFrameWidth(textBlock);
-const textHeight = engine.block.getFrameHeight(textBlock);
-engine.block.setPositionX(textBlock, (800 - textWidth) / 2);
-engine.block.setPositionY(textBlock, (600 - textHeight) / 2);
+    // Add an image block to the first page
+    const imageBlock = engine.block.create('graphic');
+    engine.block.appendChild(firstPage, imageBlock);
+
+    // Create a rect shape for the graphic block
+    const rectShape = engine.block.createShape('rect');
+    engine.block.setShape(imageBlock, rectShape);
+
+    // Configure size and position after appending to the page
+    engine.block.setWidth(imageBlock, 400);
+    engine.block.setHeight(imageBlock, 300);
+    engine.block.setPositionX(imageBlock, 200);
+    engine.block.setPositionY(imageBlock, 150);
+
+    // Create and configure the image fill
+    const imageFill = engine.block.createFill('image');
+    engine.block.setString(
+      imageFill,
+      'fill/image/imageFileURI',
+      'https://img.ly/static/ubq_samples/sample_1.jpg'
+    );
+    engine.block.setFill(imageBlock, imageFill);
+
+    // Add a text block to the second page
+    const textBlock = engine.block.create('text');
+    engine.block.appendChild(secondPage, textBlock);
+
+    // Configure text properties after appending to the page
+    engine.block.replaceText(textBlock, 'Page 2');
+    engine.block.setTextFontSize(textBlock, 48);
+    engine.block.setTextColor(textBlock, { r: 0.2, g: 0.2, b: 0.2, a: 1.0 });
+    engine.block.setEnum(textBlock, 'text/horizontalAlignment', 'Center');
+    engine.block.setWidthMode(textBlock, 'Auto');
+    engine.block.setHeightMode(textBlock, 'Auto');
+
+    // Center the text on the page
+    const textWidth = engine.block.getFrameWidth(textBlock);
+    const textHeight = engine.block.getFrameHeight(textBlock);
+    engine.block.setPositionX(textBlock, (800 - textWidth) / 2);
+    engine.block.setPositionY(textBlock, (600 - textHeight) / 2);
 ```
 
 ## Page Dimensions and Consistency
@@ -255,15 +260,15 @@ engine.block.setPositionY(textBlock, (600 - textHeight) / 2);
 The CE.SDK engine supports pages with different dimensions. When using stacked layout modes (VerticalStack, HorizontalStack), the Editor UI expects all pages to share the same size. However, with the `Free` layout mode, you can set different dimensions for each page in the UI.
 
 ```typescript highlight=highlight-set-dimensions
-// Get the scene to set page dimensions
-const scene = engine.scene.get();
-if (scene === null) {
-  throw new Error('No scene available');
-}
+    // Get the scene to set page dimensions
+    const scene = engine.scene.get();
+    if (scene === null) {
+      throw new Error('No scene available');
+    }
 
-// Set page dimensions at the scene level (all pages share these dimensions)
-engine.block.setFloat(scene, 'scene/pageDimensions/width', 800);
-engine.block.setFloat(scene, 'scene/pageDimensions/height', 600);
+    // Set page dimensions at the scene level (all pages share these dimensions)
+    engine.block.setFloat(scene, 'scene/pageDimensions/width', 800);
+    engine.block.setFloat(scene, 'scene/pageDimensions/height', 600);
 ```
 
 You can set default page dimensions at the scene level using `engine.block.setFloat()` with `scene/pageDimensions/width` and `scene/pageDimensions/height`. The `scene/aspectRatioLock` property controls whether changing one dimension automatically adjusts the other. Individual pages can also have their dimensions set directly with `setWidth()` and `setHeight()`.
@@ -273,26 +278,20 @@ You can set default page dimensions at the scene level using `engine.block.setFl
 CE.SDK provides several methods to locate and navigate between pages in your scene.
 
 ```typescript highlight=highlight-find-pages
-// Demonstrate finding pages
-const allPages = engine.scene.getPages();
-console.log('All pages:', allPages);
-console.log('Number of pages:', allPages.length);
-
-// Get the current page (nearest to viewport center or containing selection)
-const currentPage = engine.scene.getCurrentPage();
-console.log('Current page:', currentPage);
-
-// Alternative: Find pages using block API
-const pagesByType = engine.block.findByType('page');
-console.log('Pages found by type:', pagesByType);
+    // Demonstrate finding pages
+    const allPages = engine.scene.getPages();
+    console.log('All pages:', allPages);
+    console.log('Number of pages:', allPages.length);
+
+    // Alternative: Find pages using block API
+    const pagesByType = engine.block.findByType('page');
+    console.log('Pages found by type:', pagesByType);
 ```
 
 Use these methods based on your needs:
 
 - `engine.scene.getPages()` returns all pages in sorted order
-- `engine.scene.getCurrentPage()` returns the page containing the current selection, or the page nearest to the viewport center
 - `engine.block.findByType('page')` finds all page blocks in the scene
-- `engine.scene.findNearestToViewPortCenterByType('page')` returns pages sorted by their distance from the viewport center
 
 ## Page Properties
 
@@ -303,19 +302,19 @@ Each page has its own properties that control its appearance and behavior. These
 Page margins define bleed areas useful for print designs. Enable margins and configure each side individually:
 
 ```typescript highlight=highlight-page-properties
-// Configure page properties on the first page
-// Enable and set margins for print bleed
-engine.block.setBool(firstPage, 'page/marginEnabled', true);
-engine.block.setFloat(firstPage, 'page/margin/top', 10);
-engine.block.setFloat(firstPage, 'page/margin/bottom', 10);
-engine.block.setFloat(firstPage, 'page/margin/left', 10);
-engine.block.setFloat(firstPage, 'page/margin/right', 10);
-
-// Set a custom title template for the first page
-engine.block.setString(firstPage, 'page/titleTemplate', 'Cover');
-
-// Set a custom title template for the second page
-engine.block.setString(secondPage, 'page/titleTemplate', 'Content');
+    // Configure page properties on the first page
+    // Enable and set margins for print bleed
+    engine.block.setBool(firstPage, 'page/marginEnabled', true);
+    engine.block.setFloat(firstPage, 'page/margin/top', 10);
+    engine.block.setFloat(firstPage, 'page/margin/bottom', 10);
+    engine.block.setFloat(firstPage, 'page/margin/left', 10);
+    engine.block.setFloat(firstPage, 'page/margin/right', 10);
+
+    // Set a custom title template for the first page
+    engine.block.setString(firstPage, 'page/titleTemplate', 'Cover');
+
+    // Set a custom title template for the second page
+    engine.block.setString(secondPage, 'page/titleTemplate', 'Content');
 ```
 
 Set `page/marginEnabled` to `true` to enable margins, then use `page/margin/top`, `page/margin/bottom`, `page/margin/left`, and `page/margin/right` to configure each side.
@@ -368,6 +367,15 @@ For video editing, pages represent time-based compositions that transition seque
 - `playback/duration` controls how long the page appears (in seconds)
 - `playback/time` tracks the current playback position
 
+## Cleanup
+
+In server environments, always dispose the engine when finished to free resources.
+
+```typescript highlight=highlight-cleanup
+// Always dispose the engine to free resources
+engine.dispose();
+```
+
 ## Troubleshooting
 
 ### Content Not Visible
@@ -386,11 +394,13 @@ If pages appear at unexpected sizes when using stacked layouts, ensure all pages
 
 If `engine.scene.getPages()` returns an empty array, ensure a scene is loaded first. In headless mode, you must create both the scene and pages manually before querying them.
 
+
+
 ---
 
 ## 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