@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/concepts/editing-workflow.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) > [Editing Workflow](./concepts/editing-workflow.md)
 
@@ -6,176 +6,71 @@
 
 CE.SDK controls editing access through roles and scopes, enabling template workflows where designers create locked layouts and end-users customize only permitted elements.
 
-![Editing workflow with role-based permissions in CE.SDK](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
-
 > **Reading time:** 5 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-editing-workflow-browser/)
 
 CE.SDK uses a two-tier permission system: **roles** define user types with preset permissions, while **scopes** control specific capabilities. This enables workflows where templates can be prepared by designers and safely customized by end-users.
 
-```typescript file=@cesdk_web_examples/guides-concepts-editing-workflow-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';
-
-/**
- * Demonstrates CE.SDK's role-based permission system with scopes.
- */
-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');
-    }
-    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: {
-        sourceId: 'ly.img.page.presets',
-        assetId: 'ly.img.page.presets.print.iso.a6.landscape'
-      }
-    });
-
-    const engine = cesdk.engine;
+```typescript file=@cesdk_web_examples/guides-concepts-editing-workflow-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { config } from 'dotenv';
+
+config();
+
+async function main() {
+  const engine = await CreativeEngine.init({
+    baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+    // license: process.env.CESDK_LICENSE
+  });
+
+  try {
+    engine.scene.create('VerticalStack');
     const page = engine.block.findByType('page')[0];
 
     // Roles define user types: 'Creator', 'Adopter', 'Viewer', 'Presenter'
     const role = engine.editor.getRole();
     console.log('Current role:', role); // 'Creator'
 
-    // Configure scopes when role changes (role change resets to defaults)
-    engine.editor.onRoleChanged(() => {
-      // Set global scopes to 'Defer' so block-level scopes take effect
-      engine.editor.setGlobalScope('editor/select', 'Defer');
-      engine.editor.setGlobalScope('layer/move', 'Defer');
-      engine.editor.setGlobalScope('text/edit', 'Defer');
-      engine.editor.setGlobalScope('lifecycle/destroy', 'Defer');
-    });
-
-    // Get page dimensions for centering
-    const pageWidth = engine.block.getWidth(page);
-    const pageHeight = engine.block.getHeight(page);
-
-    // Create a locked text block (brand element)
-    const lockedText = engine.block.create('text');
-    engine.block.replaceText(lockedText, 'Locked Text');
-    engine.block.setTextFontSize(lockedText, 40);
-    engine.block.setEnum(lockedText, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(lockedText, pageWidth);
-    engine.block.setHeightMode(lockedText, 'Auto');
-    engine.block.setPositionX(lockedText, 0);
-    engine.block.setPositionY(lockedText, pageHeight / 2 - 50);
-    engine.block.appendChild(page, lockedText);
-
-    // Lock the block - Adopters cannot select, edit, or move it
-    engine.block.setScopeEnabled(lockedText, 'editor/select', false);
-    engine.block.setScopeEnabled(lockedText, 'text/edit', false);
-    engine.block.setScopeEnabled(lockedText, 'layer/move', false);
-    engine.block.setScopeEnabled(lockedText, 'lifecycle/destroy', false);
-
-    // Create an editable text block (user content)
-    const editableText = engine.block.create('text');
-    engine.block.replaceText(editableText, 'Editable Text');
-    engine.block.setTextFontSize(editableText, 40);
-    engine.block.setEnum(editableText, 'text/horizontalAlignment', 'Center');
-    engine.block.setWidth(editableText, pageWidth);
-    engine.block.setHeightMode(editableText, 'Auto');
-    engine.block.setPositionX(editableText, 0);
-    engine.block.setPositionY(editableText, pageHeight / 2 + 10);
-    engine.block.appendChild(page, editableText);
-
-    // Center both texts vertically as a group
-    const lockedHeight = engine.block.getFrameHeight(lockedText);
-    const editableHeight = engine.block.getFrameHeight(editableText);
-    const gap = 20;
-    const totalHeight = lockedHeight + gap + editableHeight;
-    const topMargin = (pageHeight - totalHeight) / 2;
-    engine.block.setPositionY(lockedText, topMargin);
-    engine.block.setPositionY(editableText, topMargin + lockedHeight + gap);
-
-    // Editable block - enable selection and editing
-    engine.block.setScopeEnabled(editableText, 'editor/select', true);
-    engine.block.setScopeEnabled(editableText, 'text/edit', true);
-    engine.block.setScopeEnabled(editableText, 'layer/move', true);
+    // Global scopes: 'Allow', 'Deny', or 'Defer' (to block-level)
+    engine.editor.setGlobalScope('editor/select', 'Defer');
+    engine.editor.setGlobalScope('layer/move', 'Defer');
+    engine.editor.setGlobalScope('lifecycle/destroy', 'Defer');
 
-    // Check resolved permissions (role + global + block scopes)
-    const canEditLocked = engine.block.isAllowedByScope(
-      lockedText,
-      'text/edit'
-    );
-    const canEditEditable = engine.block.isAllowedByScope(
-      editableText,
-      'text/edit'
-    );
-    // As Creator: both return true (Creators bypass restrictions)
-    console.log(
-      'Can edit locked:',
-      canEditLocked,
-      'Can edit editable:',
-      canEditEditable
+    // Create a block and lock it
+    const block = engine.block.create('//ly.img.ubq/graphic');
+    engine.block.setShape(
+      block,
+      engine.block.createShape('//ly.img.ubq/shape/rect')
     );
+    engine.block.setWidth(block, 200);
+    engine.block.setHeight(block, 100);
+    engine.block.appendChild(page, block);
 
-    // Switch to Adopter to apply restrictions
-    engine.editor.setRole('Adopter');
+    // Lock the block - Adopters cannot select, move, or delete it
+    engine.block.setScopeEnabled(block, 'editor/select', false);
+    engine.block.setScopeEnabled(block, 'layer/move', false);
+    engine.block.setScopeEnabled(block, 'lifecycle/destroy', false);
 
-    // Select the editable block to show it's interactive
-    engine.block.select(editableText);
+    // Check resolved permissions (role + global + block scopes)
+    const canMoveAsCreator = engine.block.isAllowedByScope(block, 'layer/move');
+    console.log('Creator can move:', canMoveAsCreator); // true
+
+    engine.editor.setRole('Adopter');
+    const canMoveAsAdopter = engine.block.isAllowedByScope(block, 'layer/move');
+    console.log('Adopter can move:', canMoveAsAdopter); // false
+  } finally {
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
 This guide covers:
@@ -189,12 +84,12 @@ This guide covers:
 
 Roles define user types with different default permissions:
 
-| Role          | Purpose                         | Default Access                   |
-| ------------- | ------------------------------- | -------------------------------- |
-| **Creator**   | Designers building templates    | Full access to all operations    |
-| **Adopter**   | End-users customizing templates | Limited by block-level scopes    |
-| **Viewer**    | Preview-only users              | Read-only access                 |
-| **Presenter** | Slideshow/video presenters      | Read-only with playback controls |
+| Role | Purpose | Default Access |
+|------|---------|----------------|
+| **Creator** | Designers building templates | Full access to all operations |
+| **Adopter** | End-users customizing templates | Limited by block-level scopes |
+| **Viewer** | Preview-only users | Read-only access |
+| **Presenter** | Slideshow/video presenters | Read-only with playback controls |
 
 Creators set the block-level scopes that constrain what Adopters can do. This separation enables brand consistency while allowing personalization.
 
@@ -226,24 +121,19 @@ Scopes define specific capabilities organized into categories:
 **Block-level scopes** control permissions on individual blocks. These settings only take effect when the corresponding global scope is set to `'Defer'`.
 
 ```typescript highlight-global-scopes
-// Configure scopes when role changes (role change resets to defaults)
-engine.editor.onRoleChanged(() => {
-  // Set global scopes to 'Defer' so block-level scopes take effect
-  engine.editor.setGlobalScope('editor/select', 'Defer');
-  engine.editor.setGlobalScope('layer/move', 'Defer');
-  engine.editor.setGlobalScope('text/edit', 'Defer');
-  engine.editor.setGlobalScope('lifecycle/destroy', 'Defer');
-});
+// Global scopes: 'Allow', 'Deny', or 'Defer' (to block-level)
+engine.editor.setGlobalScope('editor/select', 'Defer');
+engine.editor.setGlobalScope('layer/move', 'Defer');
+engine.editor.setGlobalScope('lifecycle/destroy', 'Defer');
 ```
 
 To lock a specific block, disable its scopes:
 
 ```typescript highlight-block-scopes
-// Lock the block - Adopters cannot select, edit, or move it
-engine.block.setScopeEnabled(lockedText, 'editor/select', false);
-engine.block.setScopeEnabled(lockedText, 'text/edit', false);
-engine.block.setScopeEnabled(lockedText, 'layer/move', false);
-engine.block.setScopeEnabled(lockedText, 'lifecycle/destroy', false);
+// Lock the block - Adopters cannot select, move, or delete it
+engine.block.setScopeEnabled(block, 'editor/select', false);
+engine.block.setScopeEnabled(block, 'layer/move', false);
+engine.block.setScopeEnabled(block, 'lifecycle/destroy', false);
 ```
 
 ## Permission Resolution
@@ -257,19 +147,13 @@ Permissions resolve in this order:
 Use `isAllowedByScope()` to check the final computed permission for any block and scope combination:
 
 ```typescript highlight-check-permissions
-// Check resolved permissions (role + global + block scopes)
-const canEditLocked = engine.block.isAllowedByScope(lockedText, 'text/edit');
-const canEditEditable = engine.block.isAllowedByScope(
-  editableText,
-  'text/edit'
-);
-// As Creator: both return true (Creators bypass restrictions)
-console.log(
-  'Can edit locked:',
-  canEditLocked,
-  'Can edit editable:',
-  canEditEditable
-);
+    // Check resolved permissions (role + global + block scopes)
+    const canMoveAsCreator = engine.block.isAllowedByScope(block, 'layer/move');
+    console.log('Creator can move:', canMoveAsCreator); // true
+
+    engine.editor.setRole('Adopter');
+    const canMoveAsAdopter = engine.block.isAllowedByScope(block, 'layer/move');
+    console.log('Adopter can move:', canMoveAsAdopter); // false
 ```
 
 ## Template Workflow Pattern
@@ -293,11 +177,13 @@ For detailed implementation, see these guides:
 
 [Set Editing Constraints](./create-templates/add-dynamic-content/set-editing-constraints.md) — Configure which properties users can modify
 
+
+
 ---
 
 ## 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/concepts/events.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) > [Events](./concepts/events.md)
 
@@ -7,42 +7,27 @@
 Monitor and react to block changes in real time by subscribing to creation,
 update, and destruction events in your CE.SDK scene.
 
-![Events example showing a scene with event subscriptions](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/tree/release-$UBQ_VERSION$/guides-concepts-events-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-concepts-events-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-concepts-events-browser/)
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-concepts-events-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-concepts-events-server-js)
 
 Events enable real-time monitoring of block changes in CE.SDK. When blocks are created, modified, or destroyed, the engine delivers these changes through callback subscriptions at the end of each update cycle. This push-based notification system eliminates the need for polling and enables efficient reactive architectures.
 
-```typescript file=@cesdk_web_examples/guides-concepts-events-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-concepts-events-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { config } from 'dotenv';
+
+// Load environment variables from .env file
+config();
 
 /**
- * CE.SDK Plugin: Events Guide
+ * CE.SDK Server Example: Events Guide
  *
  * Demonstrates working with block lifecycle events in CE.SDK:
  * - Subscribing to all block events
@@ -52,51 +37,14 @@ import packageJson from './package.json';
  * - Safe handling of destroyed blocks
  * - Proper unsubscription for cleanup
  */
-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;
-
+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 {
     // Subscribe to events from all blocks in the scene
     // Pass an empty array to receive events from every block
     const unsubscribeAll = engine.event.subscribe([], (events) => {
@@ -107,9 +55,15 @@ class Example implements EditorPlugin {
       }
     });
 
-    // Get the current page to add blocks to
-    const pages = engine.block.findByType('page');
-    const page = pages[0];
+    // Create a new scene and page
+    const scene = engine.scene.create();
+
+    const page = engine.block.create('page');
+    engine.block.appendChild(scene, page);
+
+    // Set page dimensions
+    engine.block.setWidth(page, 800);
+    engine.block.setHeight(page, 600);
 
     // Create a graphic block - this triggers a Created event
     const graphic = engine.block.create('graphic');
@@ -228,21 +182,17 @@ class Example implements EditorPlugin {
     unsubscribeDestroyed();
     console.log('Unsubscribed from all event listeners');
 
-    // Re-subscribe with a single listener for the demo UI
-    engine.event.subscribe([], (events) => {
-      for (const event of events) {
-        console.log(`Event: ${event.type} - Block: ${event.block}`);
-      }
-    });
-
-    console.log('Events guide initialized successfully.');
+    console.log('Events guide completed successfully.');
     console.log(
       'Demonstrated: subscribing, event types, processing, and cleanup.'
     );
+  } finally {
+    // Always dispose the engine to free resources
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
 This guide covers subscribing to block lifecycle events, processing the three event types (`Created`, `Updated`, `Destroyed`), filtering events to specific blocks, understanding batching and deduplication behavior, and properly cleaning up subscriptions.
@@ -266,7 +216,9 @@ Use `engine.event.subscribe()` to register a callback that receives batched even
 // Pass an empty array to receive events from every block
 const unsubscribeAll = engine.event.subscribe([], (events) => {
   for (const event of events) {
-    console.log(`[All Blocks] ${event.type} event for block ${event.block}`);
+    console.log(
+      `[All Blocks] ${event.type} event for block ${event.block}`
+    );
   }
 });
 ```
@@ -296,32 +248,32 @@ This reduces overhead since the engine only needs to prepare events for the bloc
 When you create a block, the engine fires a `Created` event. You can safely use Block API methods on the block ID since the block is valid:
 
 ```typescript highlight-event-created
-// Create a graphic block - this triggers a Created event
-const graphic = engine.block.create('graphic');
-
-// Set up the graphic with a shape and fill
-const rectShape = engine.block.createShape('rect');
-engine.block.setShape(graphic, rectShape);
-
-// Position and size the graphic
-engine.block.setPositionX(graphic, 200);
-engine.block.setPositionY(graphic, 150);
-engine.block.setWidth(graphic, 400);
-engine.block.setHeight(graphic, 300);
-
-// Add an 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(graphic, imageFill);
-engine.block.setEnum(graphic, 'contentFill/mode', 'Cover');
-
-// Append to page to make it visible
-engine.block.appendChild(page, graphic);
-console.log('Created graphic block:', graphic);
+    // Create a graphic block - this triggers a Created event
+    const graphic = engine.block.create('graphic');
+
+    // Set up the graphic with a shape and fill
+    const rectShape = engine.block.createShape('rect');
+    engine.block.setShape(graphic, rectShape);
+
+    // Position and size the graphic
+    engine.block.setPositionX(graphic, 200);
+    engine.block.setPositionY(graphic, 150);
+    engine.block.setWidth(graphic, 400);
+    engine.block.setHeight(graphic, 300);
+
+    // Add an 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(graphic, imageFill);
+    engine.block.setEnum(graphic, 'contentFill/mode', 'Cover');
+
+    // Append to page to make it visible
+    engine.block.appendChild(page, graphic);
+    console.log('Created graphic block:', graphic);
 ```
 
 Use `Created` events to initialize tracking, update UI state, or set up additional subscriptions for the new block.
@@ -363,7 +315,9 @@ const unsubscribeProcess = engine.event.subscribe([], (events) => {
       case 'Destroyed': {
         // Block was destroyed - must check validity before using Block API
         const isValid = engine.block.isValid(event.block);
-        console.log(`Block ${event.block} destroyed, still valid: ${isValid}`);
+        console.log(
+          `Block ${event.block} destroyed, still valid: ${isValid}`
+        );
         break;
       }
     }
@@ -388,7 +342,9 @@ const unsubscribeDestroyed = engine.event.subscribe([], (events) => {
       } else {
         // Block is invalid - expected for Destroyed events
         // Clean up any references to this block ID
-        console.log(`Block ${event.block} has been destroyed and is invalid`);
+        console.log(
+          `Block ${event.block} has been destroyed and is invalid`
+        );
       }
     }
   }
@@ -398,13 +354,13 @@ const unsubscribeDestroyed = engine.event.subscribe([], (events) => {
 After verifying the block is invalid, you can safely clean up any local references. The destroy operation itself triggers the `Destroyed` event:
 
 ```typescript highlight-event-destroyed
-// Destroy the text block - this triggers a Destroyed event
-engine.block.destroy(textBlock);
-console.log('Destroyed text block');
+    // Destroy the text block - this triggers a Destroyed event
+    engine.block.destroy(textBlock);
+    console.log('Destroyed text block');
 
-// After destruction, the block ID is no longer valid
-const isTextBlockValid = engine.block.isValid(textBlock);
-console.log('Text block still valid after destroy:', isTextBlockValid); // false
+    // After destruction, the block ID is no longer valid
+    const isTextBlockValid = engine.block.isValid(textBlock);
+    console.log('Text block still valid after destroy:', isTextBlockValid); // false
 ```
 
 Use `isValid()` to clean up any references to destroyed blocks in your application state.
@@ -456,11 +412,13 @@ Events support various reactive patterns in CE.SDK applications:
 
 **Event order confusion**: Don't rely on event array order within a single callback—it doesn't reflect chronological order of changes.
 
+
+
 ---
 
 ## 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