@imgly/codesign-mcp 0.1.5 → 0.1.6

package/assets/docs/guide/filters-and-effects/duotone.md

@@ -1,103 +1,67 @@
-> 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) > [Filters and Effects](./filters-and-effects.md) > [Duotone](./filters-and-effects/duotone.md)
 
 ---
 
-Apply duotone effects to images, mapping tones to two colors for stylized visuals and brand-specific treatments.
-
-![CE.SDK Duotone](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
+Apply duotone effects to images in server-side workflows for batch processing and automated image enhancement.
 
 > **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/tree/release-$UBQ_VERSION$/guides-filters-and-effects-duotone-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-filters-and-effects-duotone-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-filters-and-effects-duotone-browser/)
-
-Duotone is a color effect that maps image brightness to two colors: a dark color for shadows and a light color for highlights. The result is a striking two-tone image where all original colors are replaced by gradations between your chosen pair. This technique creates bold, cohesive visuals that are particularly effective for brand consistency, vintage aesthetics, and artistic treatments.
-
-```typescript file=@cesdk_web_examples/guides-filters-and-effects-duotone-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-filters-and-effects-duotone-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-filters-and-effects-duotone-server-js)
+
+Duotone is a color effect that maps image brightness to two colors: a dark color for shadows and a light color for highlights. The result is a striking two-tone image where all original colors are replaced by gradations between your chosen pair. CE.SDK's duotone system works identically in server environments, making it ideal for batch processing, automated pipelines, and headless image generation.
+
+```typescript file=@cesdk_web_examples/guides-filters-and-effects-duotone-server-js/server-js.ts reference-only
+import CreativeEngine from '@cesdk/node';
+import { config } from 'dotenv';
+import { existsSync, mkdirSync, writeFileSync } from 'fs';
 import { hexToRgba } from './utils';
 
+// Load environment variables from .env file
+config();
+
 /**
- * CE.SDK Plugin: Duotone Guide
+ * CE.SDK Server Example: Duotone
  *
- * Demonstrates applying duotone effects to image blocks:
+ * Demonstrates applying duotone effects to images in server-side workflows:
  * - Querying duotone presets from the asset library
  * - Applying duotone with preset colors
  * - Creating custom duotone color combinations
  * - Managing and removing effects
  */
-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');
+async function main(): Promise<void> {
+  // Initialize CE.SDK engine
+  const engine = await CreativeEngine.init({
+    baseURL: process.env.IMGLY_LOCAL_ASSETS_URL
+    // license: process.env.CESDK_LICENSE,
+  });
+
+  try {
+    // Load the filter asset source to access duotone presets
+    const defaultAssetsUrl = `https://cdn.img.ly/packages/imgly/cesdk-node/${CreativeEngine.version}/assets/v4/`;
+    let hasAssetSources = false;
+    try {
+      await engine.asset.addLocalAssetSourceFromJSONURI(
+        `${defaultAssetsUrl}ly.img.filter/content.json`
+      );
+      hasAssetSources = true;
+    } catch {
+      console.warn('Filter asset source not available, skipping presets');
     }
-    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;
+    // Create a scene with a page
+    engine.scene.create('VerticalStack', {
+      page: { size: { width: 800, height: 600 } }
+    });
     const page = engine.block.findByType('page')[0];
 
-    // Enable duotone filters in the inspector panel
-    cesdk.feature.enable('ly.img.filter');
-
     // Use a sample image URL
     const imageUri = 'https://img.ly/static/ubq_samples/sample_1.jpg';
 
@@ -117,20 +81,21 @@ class Example implements EditorPlugin {
     }
 
     // Query duotone presets from the asset library
-    const duotoneResults = await engine.asset.findAssets('ly.img.filter', {
-      page: 0,
-      perPage: 10
-    });
+    const duotoneResults = hasAssetSources
+      ? await engine.asset.findAssets('ly.img.filter', {
+          page: 0,
+          perPage: 10
+        })
+      : { assets: [] };
     const duotonePresets = duotoneResults.assets;
 
-    // Apply a preset to the first image
+    // Apply a preset to the first image (or use fallback colors)
+    // Create a new duotone effect block
+    const duotoneEffect = engine.block.createEffect('duotone_filter');
+
+    // Configure effect with preset colors (convert hex to RGBA)
     if (duotonePresets.length > 0) {
       const preset = duotonePresets[0];
-
-      // Create a new duotone effect block
-      const duotoneEffect = engine.block.createEffect('duotone_filter');
-
-      // Configure effect with preset colors (convert hex to RGBA)
       if (preset.meta?.darkColor) {
         engine.block.setColor(
           duotoneEffect,
@@ -145,15 +110,27 @@ class Example implements EditorPlugin {
           hexToRgba(preset.meta.lightColor as string)
         );
       }
-      engine.block.setFloat(
+    } else {
+      // Fallback: Desert preset colors (#5c3a15, #f0d8b8)
+      engine.block.setColor(
         duotoneEffect,
-        'effect/duotone_filter/intensity',
-        0.9
+        'effect/duotone_filter/darkColor',
+        hexToRgba('#5c3a15')
+      );
+      engine.block.setColor(
+        duotoneEffect,
+        'effect/duotone_filter/lightColor',
+        hexToRgba('#f0d8b8')
       );
-
-      // Attach the configured effect to the image block
-      engine.block.appendEffect(presetImageBlock, duotoneEffect);
     }
+    engine.block.setFloat(
+      duotoneEffect,
+      'effect/duotone_filter/intensity',
+      0.9
+    );
+
+    // Attach the configured effect to the image block
+    engine.block.appendEffect(presetImageBlock, duotoneEffect);
 
     // Create image block for custom duotone demonstration
     const customImageBlock = await engine.block.addImage(imageUri, {
@@ -208,16 +185,18 @@ class Example implements EditorPlugin {
 
     // Then add duotone on top
     const combinedDuotone = engine.block.createEffect('duotone_filter');
-    engine.block.setColor(
-      combinedDuotone,
-      'effect/duotone_filter/darkColor',
-      { r: 0.2, g: 0.1, b: 0.3, a: 1.0 } // Deep purple
-    );
-    engine.block.setColor(
-      combinedDuotone,
-      'effect/duotone_filter/lightColor',
-      { r: 1.0, g: 0.85, b: 0.7, a: 1.0 } // Warm peach
-    );
+    engine.block.setColor(combinedDuotone, 'effect/duotone_filter/darkColor', {
+      r: 0.2,
+      g: 0.1,
+      b: 0.3,
+      a: 1.0 // Deep purple
+    });
+    engine.block.setColor(combinedDuotone, 'effect/duotone_filter/lightColor', {
+      r: 1.0,
+      g: 0.85,
+      b: 0.7,
+      a: 1.0 // Warm peach
+    });
     engine.block.setFloat(
       combinedDuotone,
       'effect/duotone_filter/intensity',
@@ -278,16 +257,24 @@ class Example implements EditorPlugin {
     );
     engine.block.appendEffect(customImageBlock, newCustomDuotone);
 
-    // Select the first image block to show the effects panel
-    engine.block.select(presetImageBlock);
+    // Export the page to a PNG file
+    const outputDir = './output';
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
 
-    console.log(
-      'Duotone guide initialized. Select any image to see the filters panel.'
-    );
+    const blob = await engine.block.export(page, { mimeType: 'image/png' });
+    const buffer = Buffer.from(await blob.arrayBuffer());
+    const outputPath = `${outputDir}/duotone-result.png`;
+    writeFileSync(outputPath, buffer);
+    console.log(`Exported duotone result to: ${outputPath}`);
+  } finally {
+    // Always dispose the engine to free resources
+    engine.dispose();
   }
 }
 
-export default Example;
+main().catch(console.error);
 ```
 
 ## Understanding Duotone
@@ -307,23 +294,6 @@ This creates images with a consistent color palette regardless of the original c
 
 The intensity property lets you blend between the original image and the full duotone effect, giving you creative control over how strongly the effect is applied.
 
-## Using the Built-in Duotone UI
-
-CE.SDK provides a filters panel where users can browse and apply duotone presets interactively. To enable this, use the Feature API:
-
-```typescript highlight=highlight-enable-filters
-// Enable duotone filters in the inspector panel
-cesdk.feature.enable('ly.img.filter');
-```
-
-With filters enabled, users can:
-
-1. Select any image block in the canvas
-2. Open the inspector panel
-3. Navigate to the Filters section
-4. Browse available duotone presets and apply with a single click
-5. Adjust the intensity slider to control effect strength
-
 ## Check Effect Support
 
 Before applying effects programmatically, verify the block supports them. Only graphic blocks with image or video fills can have effects applied:
@@ -349,10 +319,12 @@ Use the Asset API to retrieve available duotone presets from the asset library:
 
 ```typescript highlight=highlight-query-presets
 // Query duotone presets from the asset library
-const duotoneResults = await engine.asset.findAssets('ly.img.filter', {
-  page: 0,
-  perPage: 10
-});
+const duotoneResults = hasAssetSources
+  ? await engine.asset.findAssets('ly.img.filter', {
+      page: 0,
+      perPage: 10
+    })
+  : { assets: [] };
 const duotonePresets = duotoneResults.assets;
 ```
 
@@ -373,21 +345,40 @@ Apply the preset's color values to the effect using `setColor()` for colors and
 
 ```typescript highlight=highlight-apply-preset
 // Configure effect with preset colors (convert hex to RGBA)
-if (preset.meta?.darkColor) {
+if (duotonePresets.length > 0) {
+  const preset = duotonePresets[0];
+  if (preset.meta?.darkColor) {
+    engine.block.setColor(
+      duotoneEffect,
+      'effect/duotone_filter/darkColor',
+      hexToRgba(preset.meta.darkColor as string)
+    );
+  }
+  if (preset.meta?.lightColor) {
+    engine.block.setColor(
+      duotoneEffect,
+      'effect/duotone_filter/lightColor',
+      hexToRgba(preset.meta.lightColor as string)
+    );
+  }
+} else {
+  // Fallback: Desert preset colors (#5c3a15, #f0d8b8)
   engine.block.setColor(
     duotoneEffect,
     'effect/duotone_filter/darkColor',
-    hexToRgba(preset.meta.darkColor as string)
+    hexToRgba('#5c3a15')
   );
-}
-if (preset.meta?.lightColor) {
   engine.block.setColor(
     duotoneEffect,
     'effect/duotone_filter/lightColor',
-    hexToRgba(preset.meta.lightColor as string)
+    hexToRgba('#f0d8b8')
   );
 }
-engine.block.setFloat(duotoneEffect, 'effect/duotone_filter/intensity', 0.9);
+engine.block.setFloat(
+  duotoneEffect,
+  'effect/duotone_filter/intensity',
+  0.9
+);
 ```
 
 ### Append Effect to Block
@@ -404,41 +395,45 @@ engine.block.appendEffect(presetImageBlock, duotoneEffect);
 For brand-specific treatments or unique creative effects, define your own color combinations using `engine.block.setColor()`:
 
 ```typescript highlight=highlight-custom-colors
-// Create duotone with custom brand colors
-const customDuotone = engine.block.createEffect('duotone_filter');
-
-// Dark color: deep navy blue (shadows)
-engine.block.setColor(customDuotone, 'effect/duotone_filter/darkColor', {
-  r: 0.1,
-  g: 0.15,
-  b: 0.3,
-  a: 1.0
-});
-
-// Light color: warm cream (highlights)
-engine.block.setColor(customDuotone, 'effect/duotone_filter/lightColor', {
-  r: 0.95,
-  g: 0.9,
-  b: 0.8,
-  a: 1.0
-});
-
-// Control effect strength (0.0 = original, 1.0 = full duotone)
-engine.block.setFloat(customDuotone, 'effect/duotone_filter/intensity', 0.85);
-
-engine.block.appendEffect(customImageBlock, customDuotone);
+    // Create duotone with custom brand colors
+    const customDuotone = engine.block.createEffect('duotone_filter');
+
+    // Dark color: deep navy blue (shadows)
+    engine.block.setColor(customDuotone, 'effect/duotone_filter/darkColor', {
+      r: 0.1,
+      g: 0.15,
+      b: 0.3,
+      a: 1.0
+    });
+
+    // Light color: warm cream (highlights)
+    engine.block.setColor(customDuotone, 'effect/duotone_filter/lightColor', {
+      r: 0.95,
+      g: 0.9,
+      b: 0.8,
+      a: 1.0
+    });
+
+    // Control effect strength (0.0 = original, 1.0 = full duotone)
+    engine.block.setFloat(
+      customDuotone,
+      'effect/duotone_filter/intensity',
+      0.85
+    );
+
+    engine.block.appendEffect(customImageBlock, customDuotone);
 ```
 
 ### Choosing Effective Color Pairs
 
 The relationship between your dark and light colors determines the final aesthetic:
 
-| Color Relationship | Visual Effect             | Example Use Case         |
-| ------------------ | ------------------------- | ------------------------ |
-| **High contrast**  | Bold, graphic look        | Social media, posters    |
-| **Low contrast**   | Subtle, sophisticated     | Editorial, luxury brands |
-| **Warm to cool**   | Dynamic temperature shift | Lifestyle, fashion       |
-| **Monochromatic**  | Tinted photography style  | Vintage, noir aesthetic  |
+| Color Relationship | Visual Effect | Example Use Case |
+| --- | --- | --- |
+| **High contrast** | Bold, graphic look | Social media, posters |
+| **Low contrast** | Subtle, sophisticated | Editorial, luxury brands |
+| **Warm to cool** | Dynamic temperature shift | Lifestyle, fashion |
+| **Monochromatic** | Tinted photography style | Vintage, noir aesthetic |
 
 **Classic combinations to try:**
 
@@ -454,27 +449,33 @@ The relationship between your dark and light colors determines the final aesthet
 Duotone can be stacked with other effects like brightness adjustments, contrast, or blur. Effects are applied in stack order, so the sequence affects the final result:
 
 ```typescript highlight=highlight-combine-effects
-// Combine duotone with other effects
-// First, add adjustments for brightness and contrast
-const adjustments = engine.block.createEffect('adjustments');
-engine.block.setFloat(adjustments, 'effect/adjustments/brightness', 0.1);
-engine.block.setFloat(adjustments, 'effect/adjustments/contrast', 0.15);
-engine.block.appendEffect(combinedImageBlock, adjustments);
-
-// Then add duotone on top
-const combinedDuotone = engine.block.createEffect('duotone_filter');
-engine.block.setColor(
-  combinedDuotone,
-  'effect/duotone_filter/darkColor',
-  { r: 0.2, g: 0.1, b: 0.3, a: 1.0 } // Deep purple
-);
-engine.block.setColor(
-  combinedDuotone,
-  'effect/duotone_filter/lightColor',
-  { r: 1.0, g: 0.85, b: 0.7, a: 1.0 } // Warm peach
-);
-engine.block.setFloat(combinedDuotone, 'effect/duotone_filter/intensity', 0.75);
-engine.block.appendEffect(combinedImageBlock, combinedDuotone);
+    // Combine duotone with other effects
+    // First, add adjustments for brightness and contrast
+    const adjustments = engine.block.createEffect('adjustments');
+    engine.block.setFloat(adjustments, 'effect/adjustments/brightness', 0.1);
+    engine.block.setFloat(adjustments, 'effect/adjustments/contrast', 0.15);
+    engine.block.appendEffect(combinedImageBlock, adjustments);
+
+    // Then add duotone on top
+    const combinedDuotone = engine.block.createEffect('duotone_filter');
+    engine.block.setColor(combinedDuotone, 'effect/duotone_filter/darkColor', {
+      r: 0.2,
+      g: 0.1,
+      b: 0.3,
+      a: 1.0 // Deep purple
+    });
+    engine.block.setColor(combinedDuotone, 'effect/duotone_filter/lightColor', {
+      r: 1.0,
+      g: 0.85,
+      b: 0.7,
+      a: 1.0 // Warm peach
+    });
+    engine.block.setFloat(
+      combinedDuotone,
+      'effect/duotone_filter/intensity',
+      0.75
+    );
+    engine.block.appendEffect(combinedImageBlock, combinedDuotone);
 ```
 
 **Effect order matters**: In this example, brightness and contrast are applied first, then duotone maps the adjusted tones. Reversing the order would apply duotone first, then adjust the duotone colors' brightness—producing a different result.
@@ -503,17 +504,17 @@ const appliedEffects = engine.block.getEffects(presetImageBlock);
 Disable an effect temporarily without removing it from the block:
 
 ```typescript highlight=highlight-toggle-effects
-// Disable an effect without removing it
-if (appliedEffects.length > 0) {
-  engine.block.setEffectEnabled(appliedEffects[0], false);
+    // Disable an effect without removing it
+    if (appliedEffects.length > 0) {
+      engine.block.setEffectEnabled(appliedEffects[0], false);
 
-  // Check if an effect is currently enabled
-  const isEnabled = engine.block.isEffectEnabled(appliedEffects[0]);
-  console.log(`Effect enabled: ${isEnabled}`);
+      // Check if an effect is currently enabled
+      const isEnabled = engine.block.isEffectEnabled(appliedEffects[0]);
+      console.log(`Effect enabled: ${isEnabled}`);
 
-  // Re-enable the effect
-  engine.block.setEffectEnabled(appliedEffects[0], true);
-}
+      // Re-enable the effect
+      engine.block.setEffectEnabled(appliedEffects[0], true);
+    }
 ```
 
 ### Remove Effects
@@ -543,11 +544,11 @@ if (effectsOnCustom.length > 0) {
 
 ### Duotone Properties
 
-| Property                           | Type  | Range      | Description                                      |
-| ---------------------------------- | ----- | ---------- | ------------------------------------------------ |
-| `effect/duotone_filter/darkColor`  | Color | RGBA (0-1) | Color applied to shadows and dark tones          |
-| `effect/duotone_filter/lightColor` | Color | RGBA (0-1) | Color applied to highlights and light tones      |
-| `effect/duotone_filter/intensity`  | Float | 0.0 - 1.0  | Effect strength (0 = original, 1 = full duotone) |
+| Property | Type | Range | Description |
+| --- | --- | --- | --- |
+| `effect/duotone_filter/darkColor` | Color | RGBA (0-1) | Color applied to shadows and dark tones |
+| `effect/duotone_filter/lightColor` | Color | RGBA (0-1) | Color applied to highlights and light tones |
+| `effect/duotone_filter/intensity` | Float | 0.0 - 1.0 | Effect strength (0 = original, 1 = full duotone) |
 
 **Intensity guidelines:**
 
@@ -561,8 +562,9 @@ if (effectsOnCustom.length > 0) {
 
 - **Batch effect creation**: When applying the same duotone to multiple images, create the effect once and clone it rather than creating new effects for each block
 - **Limit effect stacking**: Each additional effect increases render time; keep stacks minimal for real-time editing
-- **Clean up unused effects**: Always destroy effect blocks when they're no longer needed to free GPU resources
-- **Disable rather than remove**: For temporary changes, use `setEffectEnabled(false)` instead of removing and re-creating effects
+- **Clean up unused effects**: Always destroy effect blocks when they're no longer needed to free memory
+- **Dispose the engine**: In server environments, always call `engine.dispose()` when done to release all resources
+- **Process in batches**: For large image sets, process images in batches rather than loading all at once to manage memory usage
 
 ### Common Issues
 
@@ -578,25 +580,27 @@ if (effectsOnCustom.length > 0) {
 
 ### Effect Methods
 
-| Method                                           | Description                                          |
-| ------------------------------------------------ | ---------------------------------------------------- |
-| `engine.asset.findAssets(sourceId, query)`       | Queries assets from an asset source                  |
-| `engine.block.supportsEffects(block)`            | Returns `true` if the block can have effects applied |
-| `engine.block.createEffect(type)`                | Creates a new effect block of the specified type     |
-| `engine.block.setColor(block, property, color)`  | Sets a color property on a block                     |
-| `engine.block.setFloat(block, property, value)`  | Sets a float property on a block                     |
-| `engine.block.appendEffect(block, effect)`       | Appends an effect to a block's effect stack          |
-| `engine.block.getEffects(block)`                 | Returns array of effect block IDs applied to a block |
-| `engine.block.setEffectEnabled(effect, enabled)` | Enables or disables an effect                        |
-| `engine.block.isEffectEnabled(effect)`           | Returns `true` if the effect is enabled              |
-| `engine.block.removeEffect(block, index)`        | Removes an effect at the given index from a block    |
-| `engine.block.destroy(block)`                    | Destroys a block and frees resources                 |
+| Method | Description |
+| --- | --- |
+| `engine.asset.findAssets(sourceId, query)` | Queries assets from an asset source |
+| `engine.block.supportsEffects(block)` | Returns `true` if the block can have effects applied |
+| `engine.block.createEffect(type)` | Creates a new effect block of the specified type |
+| `engine.block.setColor(block, property, color)` | Sets a color property on a block |
+| `engine.block.setFloat(block, property, value)` | Sets a float property on a block |
+| `engine.block.appendEffect(block, effect)` | Appends an effect to a block's effect stack |
+| `engine.block.getEffects(block)` | Returns array of effect block IDs applied to a block |
+| `engine.block.setEffectEnabled(effect, enabled)` | Enables or disables an effect |
+| `engine.block.isEffectEnabled(effect)` | Returns `true` if the effect is enabled |
+| `engine.block.removeEffect(block, index)` | Removes an effect at the given index from a block |
+| `engine.block.destroy(block)` | Destroys a block and frees resources |
+
+
 
 ---
 
 ## 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