@imgly/codesign-mcp 0.1.5 → 0.1.7

package/assets/docs/guide/text.md

@@ -1,9 +1,13 @@
-> 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)
 
 ---
 
+
+
+
+
 ---
 
 ## Related Pages
@@ -12,22 +16,19 @@
 - [Add Text](./text/add.md) - Insert text blocks into your CE.SDK scene.
 - [Edit Text](./text/edit.md) - Edit text content directly on the canvas or through the properties panel.
 - [Text Styling](./text/styling.md) - Apply fonts, colors, alignment, and other styling options to customize text appearance.
-- [Text Decorations](./text/decorations.md) - Add underline, strikethrough, and overline decorations to text with customizable styles, colors, and thickness.
 - [Text Designs](./text/text-designs.md) - Create and customize text component libraries using predefined text designs that appear in your asset library.
-- [Text Enumerations](./text/enumerations.md) - Add bullet lists and numbered lists to text blocks in CE.SDK using per-paragraph list styles and nesting levels.
 - [Auto-Size](./text/auto-size.md) - Configure text blocks to automatically adapt their dimensions or font size for dynamic content.
-- [Text Effects](./text/effects.md) - Apply visual effects to text blocks including drop shadows and stroke outlines.
+- [Text Effects](./text/effects.md) - Add visual depth and interest to text blocks using drop shadows and stroke outlines.
 - [Emojis](./text/emojis.md) - Insert and style emojis alongside text for expressive, modern typographic designs.
 - [Adjust Text Spacing](./text/adjust-spacing.md) - Control letter spacing, line height, and paragraph spacing in CE.SDK text blocks for precise typographic control.
-- [Customize Fonts](./text/custom-fonts.md) - Load and manage custom fonts to match brand guidelines or user preferences.
 - [Text and Language Support](./text/language-support.md) - Create designs that work seamlessly across different languages and writing systems with RTL text, complex scripts, and multilingual font support.
-- [Understanding Text Rendering](./guides/text/rendering-internals.md) - Learn how CE.SDK renders text internally by visualizing font metrics, baselines, ascenders, descenders, and line height.
+
 
 ---
 
 ## 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/to-v1-19.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:** [Upgrading](./upgrade.md) > [To v1.19](./to-v1-19.md)
 
@@ -216,7 +216,7 @@ const image = cesdk.engine.block.create('image');
 cesdk.engine.block.setString(
   image,
   'image/imageFileURI',
-  'https://domain.com/link-to-image.jpg'
+  'https://domain.com/link-to-image.jpg',
 );
 
 // Creating an Image after migration
@@ -226,7 +226,7 @@ const imageFill = cesdk.engine.block.createFill('image');
 cesdk.engine.block.setString(
   imageFill,
   'fill/image/imageFileURI',
-  'https://domain.com/link-to-image.jpg'
+  'https://domain.com/link-to-image.jpg',
 );
 cesdk.engine.block.setShape(block, rectShape);
 cesdk.engine.block.setFill(block, imageFill);
@@ -250,7 +250,7 @@ const sticker = cesdk.engine.block.create('sticker');
 cesdk.engine.setString(
   sticker,
   'sticker/imageFileURI',
-  'https://domain.com/link-to-sticker.png'
+  'https://domain.com/link-to-sticker.png',
 );
 
 // Creating a sticker after migration
@@ -260,7 +260,7 @@ const imageFill = cesdk.engine.block.createFill('image');
 cesdk.engine.block.setString(
   imageFill,
   'fill/image/imageFileURI',
-  'https://domain.com/link-to-sticker.png'
+  'https://domain.com/link-to-sticker.png',
 );
 cesdk.engine.block.setShape(block, rectShape);
 cesdk.engine.block.setFill(block, imageFill);
@@ -276,7 +276,7 @@ cesdk.engine.block.setKind(block, 'sticker');
 const images = cesdk.engine.block.findByType('image');
 
 // Query all images in the scene after migration
-const images = cesdk.engine.block.findByType('graphic').filter((block) => {
+const images = cesdk.engine.block.findByType('graphic').filter(block => {
   const fill = cesdk.engine.block.getFill(block);
   return (
     cesdk.engine.block.isValid(fill) &&
@@ -294,7 +294,7 @@ const stickers = cesdk.engine.block.findByKind('sticker');
 const polygons = cesdk.engine.block.findByType('shapes/polygon');
 
 // Query all Polygon shapes in the scene after migration
-const polygons = cesdk.engine.block.findByType('graphic').filter((block) => {
+const polygons = cesdk.engine.block.findByType('graphic').filter(block => {
   const shape = cesdk.engine.block.getShape(block);
   return (
     cesdk.engine.block.isValid(shape) &&
@@ -305,11 +305,13 @@ const polygons = cesdk.engine.block.findByType('graphic').filter((block) => {
 /** Block Exploration */
 ```
 
+
+
 ---
 
 ## 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/upgrade.md

@@ -1,25 +1,24 @@
-> 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:** [Upgrading](./upgrade.md)
 
 ---
 
+
+
+
 ---
 
 ## Related Pages
 
-- [To v1.10](./to-v1-10.md) - Review breaking changes and migration steps required to upgrade your project to CE.SDK v1.10.
-- [To v1.13](./to-v1-13.md) - Follow version-specific upgrade instructions to migrate from earlier versions to CE.SDK v1.13.
 - [To v1.19](./to-v1-19.md) - Learn what changed in v1.19 and how to update your implementation to stay compatible.
-- [To v1.32](./to-v1-32.md) - Upgrade to CE.SDK v1.32 with guidance on feature changes, removals, and integration adjustments.
-- [To v1.69+](./to-v1-69.md) - Learn how to migrate to CE.SDK v1.69+ with Starter Kits, new asset source plugins, and updated naming conventions.
-- [To v1.72](./to-v1-72.md) - Learn how to migrate to CE.SDK v1.72, which deprecates scene mode in favor of a single scene type with all 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/use-templates/apply-template.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 Use Templates](./create-templates.md) > [Apply a Template](./use-templates/apply-template.md)
 
@@ -11,201 +11,182 @@ Apply template content to an existing scene while preserving your canvas dimensi
 > **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-use-templates-apply-template-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-use-templates-apply-template-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-use-templates-apply-template-browser/)
-
-![Apply a Template](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
-
-Unlike loading a scene which replaces everything, applying a template merges template content into your current scene. CE.SDK preserves the current page dimensions and design unit while automatically adjusting template content to fit. This approach is ideal for template switching workflows where users explore different layouts without changing canvas dimensions, or for automation pipelines that standardize output sizes across varying template sources.
-
-```typescript file=@cesdk_web_examples/guides-use-templates-apply-template-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';
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-use-templates-apply-template-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-use-templates-apply-template-server-js)
+
+Unlike loading a scene which replaces everything, applying a template merges template content into your current scene. CE.SDK preserves the current page dimensions and design unit while automatically adjusting template content to fit. This approach is ideal for automation pipelines that standardize output sizes across varying template sources, or batch processing workflows that need consistent export dimensions.
+
+```typescript file=@cesdk_web_examples/guides-use-templates-apply-template-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { writeFileSync } from 'fs';
+import { config as loadEnv } from 'dotenv';
+
+// Load environment variables
+loadEnv();
 
 /**
- * CE.SDK Plugin: Apply a Template
+ * Apply a Template (Server/Node.js)
  *
- * This example demonstrates how to apply template content to an existing scene:
+ * This example demonstrates how to apply template content in a headless workflow:
  * 1. Creating a scene with specific dimensions
- * 2. Applying a template from a URL while preserving dimensions
- * 3. Switching between templates
+ * 2. Applying a template from URL while preserving dimensions
+ * 3. Exporting the result with consistent output size
  */
-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: 1080, height: 1920, unit: 'Pixel' }
-    });
 
-    const engine = cesdk.engine;
-    const page = engine.block.findByType('page')[0];
-    if (!page) {
-      throw new Error('No page found');
-    }
+async function run() {
+  let engine: CreativeEngine | undefined;
 
-    // Set custom page dimensions - these will be preserved when applying templates
+  try {
+    const config = {
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL,
+      // license: process.env.CESDK_LICENSE,
+      logger: (message: string, logLevel?: string) => {
+        if (logLevel === 'ERROR' || logLevel === 'WARN') {
+          console.log(`[${logLevel}]`, message);
+        }
+      }
+    };
+
+    engine = await CreativeEngine.init(config);
+    console.log('✓ Engine initialized');
+
+    // Create a scene with specific dimensions
+    // These dimensions will be preserved when applying templates
+    const scene = engine.scene.create();
+    const page = engine.block.create('page');
+    engine.block.appendChild(scene, page);
+
+    // Set custom dimensions for fixed output size (e.g., social media post)
+    engine.block.setWidth(page, 1080);
+    engine.block.setHeight(page, 1920);
+
+    console.log('✓ Scene created with dimensions 1080x1920');
 
     // Apply a template from URL - content adjusts to fit current page dimensions
     const templateUrl =
       'https://cdn.img.ly/assets/demo/v3/ly.img.template/templates/cesdk_postcard_1.scene';
 
     await engine.scene.applyTemplateFromURL(templateUrl);
-
-    // Auto-fit zoom to page
-    await cesdk.actions.run('zoom.toPage', { autoFit: true });
-
-    console.log('Template applied from URL');
+    console.log('✓ Template applied from URL');
 
     // Verify that page dimensions are preserved after applying template
     const width = engine.block.getWidth(page);
     const height = engine.block.getHeight(page);
-    console.log(`Page dimensions preserved: ${width}x${height}`);
+    console.log(`✓ Page dimensions preserved: ${width}x${height}`);
 
-    // Demonstrate template switching - apply a different template
-    // The page dimensions remain the same while content changes
+    // Export the result with consistent dimensions
+    const blob = await engine.block.export(page, {
+      mimeType: 'image/png',
+      targetWidth: 1080,
+      targetHeight: 1920
+    });
+
+    const buffer = Buffer.from(await blob.arrayBuffer());
+    writeFileSync('template-output.png', buffer);
+    console.log('✓ Exported to template-output.png');
+
+    // Demonstrate applying a different template while keeping dimensions
     const alternativeTemplateUrl =
       'https://cdn.img.ly/assets/demo/v3/ly.img.template/templates/cesdk_postcard_2.scene';
 
-    // Uncomment to switch templates:
-    // await engine.scene.applyTemplateFromURL(alternativeTemplateUrl);
-    // console.log('Switched to alternative template');
+    await engine.scene.applyTemplateFromURL(alternativeTemplateUrl);
+    console.log('✓ Switched to alternative template');
 
-    // Store for potential use
-    console.log('Alternative template URL:', alternativeTemplateUrl);
+    // Verify dimensions remain the same
+    const newWidth = engine.block.getWidth(page);
+    const newHeight = engine.block.getHeight(page);
+    console.log(`✓ Dimensions after switch: ${newWidth}x${newHeight}`);
 
-    console.log('Apply template example completed');
+    // Export the alternative template
+    const blob2 = await engine.block.export(page, {
+      mimeType: 'image/png',
+      targetWidth: 1080,
+      targetHeight: 1920
+    });
+
+    const buffer2 = Buffer.from(await blob2.arrayBuffer());
+    writeFileSync('template-output-alternative.png', buffer2);
+    console.log('✓ Exported alternative to template-output-alternative.png');
+
+    console.log('\n✓ All operations completed successfully!');
+  } catch (error) {
+    console.error('Error:', error);
+    process.exit(1);
+  } finally {
+    // Always dispose the engine
+    engine?.dispose();
+    console.log('\n✓ Engine disposed');
   }
 }
 
-export default Example;
+// Run the example
+run();
 ```
 
-This guide covers how to apply templates from URLs and strings while preserving page dimensions, and how to implement template switching functionality.
+This guide covers how to apply templates from URLs while preserving page dimensions, export results with consistent sizes, and implement template switching in headless workflows.
 
 ## When to Use Apply vs Load
 
 Use `applyTemplateFromURL()` or `applyTemplateFromString()` when you want to:
 
-- **Switch templates**: Let users preview different templates while keeping a consistent canvas size
 - **Standardize output dimensions**: Generate content with fixed sizes (e.g., social media formats, print sizes)
 - **Batch process with templates**: Apply various templates to a pre-configured scene without dimension drift
+- **Switch templates**: Iterate through templates while keeping consistent export dimensions
 
 Use `loadFromString()` or `loadFromURL()` when you need the template's original dimensions.
 
 **Key distinction**: Loading replaces everything; applying preserves dimensions and merges content.
 
-## Apply a Template from URL
+## Initialize the Engine
 
-We first create a scene with specific dimensions. These dimensions will be preserved when we apply the template.
+We start by initializing the headless engine.
 
 ```typescript highlight=highlight-setup
-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: 1080, height: 1920, unit: 'Pixel' }
-});
-
-const engine = cesdk.engine;
-const page = engine.block.findByType('page')[0];
-if (!page) {
-  throw new Error('No page found');
-}
+    const config = {
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL,
+      // license: process.env.CESDK_LICENSE,
+      logger: (message: string, logLevel?: string) => {
+        if (logLevel === 'ERROR' || logLevel === 'WARN') {
+          console.log(`[${logLevel}]`, message);
+        }
+      }
+    };
+
+    engine = await CreativeEngine.init(config);
+    console.log('✓ Engine initialized');
+```
+
+## Create a Scene with Target Dimensions
+
+We create a scene with specific dimensions. These dimensions will be preserved when we apply templates and determine the final export size.
+
+```typescript highlight=highlight-create-scene
+    // Create a scene with specific dimensions
+    // These dimensions will be preserved when applying templates
+    const scene = engine.scene.create();
+    const page = engine.block.create('page');
+    engine.block.appendChild(scene, page);
 
-// Set custom page dimensions - these will be preserved when applying templates
+    // Set custom dimensions for fixed output size (e.g., social media post)
+    engine.block.setWidth(page, 1080);
+    engine.block.setHeight(page, 1920);
+
+    console.log('✓ Scene created with dimensions 1080x1920');
 ```
 
+## Apply a Template from URL
+
 To apply a template from a URL, call `engine.scene.applyTemplateFromURL()` with the template URL. The template content adjusts automatically to fit the current page dimensions.
 
 ```typescript highlight=highlight-apply-from-url
-// Apply a template from URL - content adjusts to fit current page dimensions
-const templateUrl =
-  'https://cdn.img.ly/assets/demo/v3/ly.img.template/templates/cesdk_postcard_1.scene';
-
-await engine.scene.applyTemplateFromURL(templateUrl);
-
-// Auto-fit zoom to page
-await cesdk.actions.run('zoom.toPage', { autoFit: true });
+    // Apply a template from URL - content adjusts to fit current page dimensions
+    const templateUrl =
+      'https://cdn.img.ly/assets/demo/v3/ly.img.template/templates/cesdk_postcard_1.scene';
 
-console.log('Template applied from URL');
+    await engine.scene.applyTemplateFromURL(templateUrl);
+    console.log('✓ Template applied from URL');
 ```
 
 ## Verify Preserved Dimensions
@@ -216,25 +197,53 @@ After applying the template, the page dimensions remain unchanged. You can verif
 // Verify that page dimensions are preserved after applying template
 const width = engine.block.getWidth(page);
 const height = engine.block.getHeight(page);
-console.log(`Page dimensions preserved: ${width}x${height}`);
+console.log(`✓ Page dimensions preserved: ${width}x${height}`);
+```
+
+## Export with Consistent Dimensions
+
+Export the result with the same dimensions you configured. This ensures all outputs have the same size regardless of the original template dimensions.
+
+```typescript highlight=highlight-export
+    // Export the result with consistent dimensions
+    const blob = await engine.block.export(page, {
+      mimeType: 'image/png',
+      targetWidth: 1080,
+      targetHeight: 1920
+    });
+
+    const buffer = Buffer.from(await blob.arrayBuffer());
+    writeFileSync('template-output.png', buffer);
+    console.log('✓ Exported to template-output.png');
 ```
 
 ## Template Switching
 
-You can apply multiple templates to the same scene. Each application replaces the content while preserving the page setup. This enables "preview" functionality where users explore different templates without affecting their canvas dimensions.
+You can apply multiple templates to the same scene. Each application replaces the content while preserving the page setup. This is useful for batch processing workflows where you generate multiple variations.
 
 ```typescript highlight=highlight-template-switching
-// Demonstrate template switching - apply a different template
-// The page dimensions remain the same while content changes
-const alternativeTemplateUrl =
-  'https://cdn.img.ly/assets/demo/v3/ly.img.template/templates/cesdk_postcard_2.scene';
+    // Demonstrate applying a different template while keeping dimensions
+    const alternativeTemplateUrl =
+      'https://cdn.img.ly/assets/demo/v3/ly.img.template/templates/cesdk_postcard_2.scene';
 
-// Uncomment to switch templates:
-// await engine.scene.applyTemplateFromURL(alternativeTemplateUrl);
-// console.log('Switched to alternative template');
+    await engine.scene.applyTemplateFromURL(alternativeTemplateUrl);
+    console.log('✓ Switched to alternative template');
 
-// Store for potential use
-console.log('Alternative template URL:', alternativeTemplateUrl);
+    // Verify dimensions remain the same
+    const newWidth = engine.block.getWidth(page);
+    const newHeight = engine.block.getHeight(page);
+    console.log(`✓ Dimensions after switch: ${newWidth}x${newHeight}`);
+
+    // Export the alternative template
+    const blob2 = await engine.block.export(page, {
+      mimeType: 'image/png',
+      targetWidth: 1080,
+      targetHeight: 1920
+    });
+
+    const buffer2 = Buffer.from(await blob2.arrayBuffer());
+    writeFileSync('template-output-alternative.png', buffer2);
+    console.log('✓ Exported alternative to template-output-alternative.png');
 ```
 
 ## Apply a Template from String
@@ -253,11 +262,11 @@ await engine.scene.applyTemplateFromString(templateString);
 
 ### No Scene Loaded
 
-`applyTemplateFromString()` and `applyTemplateFromURL()` require an existing scene. Create one first with `cesdk.actions.run('scene.create')` or `engine.scene.create()`.
+`applyTemplateFromString()` and `applyTemplateFromURL()` require an existing scene. Create one first with `engine.scene.create()`.
 
 ### Template URL Not Accessible
 
-Verify CORS configuration allows fetching from the template URL. Check network connectivity and URL validity.
+Verify network connectivity and URL validity. In server environments, ensure your infrastructure can access external URLs.
 
 ### Content Not Scaling as Expected
 
@@ -267,13 +276,15 @@ Template content scales to fit the current page dimensions. Verify page dimensio
 
 - [Use Templates Programmatically](./use-templates/programmatic.md) — Comprehensive programmatic template workflows
 - [Templates Overview](./use-templates/overview.md) — Understanding templates in CE.SDK
-- [Headless Mode](./concepts/headless-mode/browser.md) — Server-side template processing
+- [Headless Mode](./concepts/headless-mode.md) — Server-side template processing
+
+
 
 ---
 
 ## 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