@imgly/codesign-mcp 0.1.0

package/assets/docs/guide/to-v1-32.md

@@ -0,0 +1,110 @@
+> 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).
+
+**Navigation:** [Upgrading](./upgrade.md) > [To v1.32](./to-v1-32.md)
+
+---
+
+Version v1.32 introduced powerful new APIs for customizing the CE.SDK web editor. These new APIs render some of the existing configurations obsolete, requiring code migration to leverage the more flexible new options.
+
+This guide will help you navigate these changes and explain what you need to do to update your integration.
+
+## Configuring the Dock
+
+Until version 1.32, the dock was configured by two configuration options (although most users only used one of them and kept the others default):
+
+- `config.ui.elements.libraries.insert.entries` and
+- `config.ui.elements.dock`
+
+If your configuration adapted one of these two (mostly `config.ui.elements.libraries.insert.entries`), you are affected by this change. For now, it is only deprecated and we will try to do an internal migration for you, but this still might include a breaking change depending on how you used the configuration options before.
+
+### Breaking Change
+
+`config.ui.elements.libraries.insert.entries` was called repeatedly with a context of currently selected blocks. Most users and configurations have not used this behavior and just returned the same static list of entries for every call. In this case, your configuration should work as before, but if you have relied on this fact, you have to migrate your configuration to the new API, listen to selection changes, and update the asset library entries accordingly.
+
+### Migration to new APIs
+
+Defining the dock is now done by our new APIs in a consistent way to all other customizable locations of the editor. With the [Dock API](./user-interface/customization/dock.md), you now have much greater control of how and what is displayed in the dock. This does not only include dock buttons to open asset libraries but also arbitrary buttons and other elements. Please take a look at the [Dock API](./user-interface/customization/dock.md) or learn about the general concept [here](./user-interface/overview.md).
+
+If you aren't affected by the breaking change mentioned above, the easiest way to migrate is to first copy your current dock order after the editor has been inialized. This can be done by calling the new `cesdk.ui.getDockOrder()` method. Now you can take this order and set it during the initialization of the editor by using `cesdk.ui.setDockOrder(copiedDockOrder)`. The old configuration (`config.ui.elements.libraries.insert.entries` and `config.ui.elements.dock`) can be removed afterwards.
+
+Of course, you could also just remove the old configuration and use the new API to define the dock order from scratch.
+
+Please note, that changes to the asset library entries are now done by the [Asset Library Entry API](./import-media/asset-panel/basics.md) and the dock order is just referring to these. So if you, for instance, want to add an asset source id to be shown in a library, you have to add this asset source id to the asset library entry and not to the dock order.
+
+```javascript
+// Before
+// ======
+const config: Configuration = {
+  ui: {
+    elements: {
+      libraries: {
+        insert: {
+          entries: (defaultEntries) => {
+            return [
+              // Changing some of the default entries
+              ...defaultEntries.map((entry) => {
+                if (entry.id === 'ly.img.image') {
+                  entry.sourceIds.push('my-own-image-source');
+                }
+                return entry;
+              }),
+              // Adding a new entry
+              {
+                id: 'my-own-entry',
+                sourceIds: ['my-own-source']
+              }
+            ];
+          }
+        }
+      }
+    }
+  }
+};
+
+// After
+// ======
+cesdk.ui.setDockOrder([
+  ...cesdk.ui.getDockOrder(),
+  // Add a new button referencing your new entry
+  {
+    id: 'ly.img.assetLibrary.dock',
+    label: 'My Own Entry',
+    icon: [...],
+    entries: ['my-own-entry']
+  }
+]);
+
+// Adding your custom entry
+cesdk.ui.addAssetLibraryEntry({
+  id: 'my-own-entry',
+  sourceIds: ['my-own-source']
+});
+
+// Updating an existing default entry
+cesdk.ui.updateAssetLibraryEntry('ly.img.image', {
+  sourceIds: ({ currentIds }) => [...currentIds, 'my-own-image-source']
+});
+```
+
+## Configuring the Asset Replacement Panel
+
+Similar to the definition of the dock, we deprecate the configuration `config.ui.elements.libraries.replace.entries` of the asset library entries for the replacement panel. This method is deprecated but we will try to migrate your configuration internally until it is removed. We recommend you to migrate to the new API as soon as possible.
+
+The new API is similar with subtle differences. With `cesdk.ui.setReplaceAssetLibraryEntries` you register a function that is called with the current context (of selected blocks) but only returns ids of entries.
+
+### Breaking Change
+
+With the `config.ui.elements.libraries.replace.entries` it was possible to take the default entries and modify them. In theory, you could change the entries and have different "default" entries for insert or replace. Now a change to a default entry provided by the editor via the [Asset Library Entry API](./import-media/asset-panel/basics.md) will be reflected in both the insert and replace entries. To solve this you can just copy one entry for replacement, modify it, and return its id instead.
+
+### Migration to new APIs
+
+Take the function from `config.ui.elements.libraries.replace.entries` and use it in `cesdk.ui.setReplaceAssetLibraryEntries` by replacing the entries with their ids. If you have made changes to the default entries or added new custom ones you need to add or change them via the [Asset Library Entry API](./import-media/asset-panel/basics.md) on initialization of the editor.
+
+---
+
+## More Resources
+
+- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS 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

package/assets/docs/guide/to-v1-69.md

@@ -0,0 +1,468 @@
+> 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).
+
+**Navigation:** [Upgrading](./upgrade.md) > [To v1.69](./to-v1-69.md)
+
+---
+
+Version 1.69 introduces Starter Kits, a new asset source plugin system, and consolidated asset naming conventions. This guide walks you through the breaking changes and migration steps.
+
+## TL;DR
+
+**Key changes:**
+
+- Editor now initializes with a blank canvas by default
+- `addDefaultAssetSources()` and `addDemoAssetSources()` are deprecated
+- `createDesignScene()` and `createVideoScene()` are deprecated
+- Asset source IDs have been renamed and consolidated (v5 naming)
+- UI configuration options moved from `create()` to runtime APIs
+- New plugin-based system for loading assets
+- Unified `scene.create` action for scene creation
+
+**Migration time:** ~15-30 minutes for most projects
+
+## What's New in v1.69
+
+### Starter Kits
+
+Starter Kits are complete project templates with editable configuration files. Each kit provides a ready-to-run project with a well-defined architecture:
+
+- A `config/` folder containing all editor configuration
+- Separate files for UI layout, features, settings, and translations
+- A configuration plugin class that wires everything together
+- Clean separation between your app code and editor config
+
+### Asset Restructuring
+
+Version 1.69 introduces v5 assets and demo-v4 assets with updated naming conventions. This restructuring consolidates asset sources, establishes consistent naming patterns for asset source and asset IDs, and improves the developer experience when working with assets.
+
+> **Self-Host Your Assets:** For production deployments, we recommend downloading the assets and hosting them on your own CDN. This ensures faster load times, better reliability, and full control over asset availability. You can download assets from our CDN and serve them from your infrastructure using the `baseURL` option in asset source plugins. See [Serve Assets](./serve-assets.md) for detailed instructions.
+
+## Step-by-Step Migration
+
+### Step 1: Adopt Starter Kit Configuration
+
+Extract a Starter Kit config folder into your project:
+
+<TerminalTabs>
+  <TerminalTab label="degit">
+    npx degit imgly/starterkit-design-editor-ts-web/src/imgly/config ./src/config
+  </TerminalTab>
+
+  <TerminalTab label="git">
+    git clone https://github.com/imgly/starterkit-design-editor-ts-web.git
+    cp -r starterkit-design-editor-ts-web/src/imgly/config ./src/config
+    rm -rf starterkit-design-editor-ts-web
+  </TerminalTab>
+</TerminalTabs>
+
+> **Adjust Path:** The default destination is `./src/config`. Adjust the path to match your project structure.
+
+#### Which Starter Kit Should I Use?
+
+Choose based on your previous editor setup:
+
+- **Design Editor** — You used `createDesignScene()` for multi-page designs (social posts, flyers, presentations)
+- **Video Editor** — You used `createVideoScene()` for video timeline editing
+- **Advanced Design Editor** — You used `createDesignScene()` with the advanced inspector enabled to author design templates with placeholders for end-users to customize
+- **Advanced Video Editor** — You used `createVideoScene()` with the advanced inspector enabled to author video templates with placeholders for end-users to customize
+
+#### Available Starter Kits
+
+| Starter Kit            | Repository                                       | Use Case                    |
+| ---------------------- | ------------------------------------------------ | --------------------------- |
+| Design Editor          | `imgly/starterkit-design-editor-ts-web`          | Multi-page design creation  |
+| Photo Editor           | `imgly/starterkit-photo-editor-ts-web`           | Single-image editing        |
+| Video Editor           | `imgly/starterkit-video-editor-ts-web`           | Video timeline editing      |
+| Advanced Design Editor | `imgly/starterkit-advanced-design-editor-ts-web` | Full-featured design editor |
+| Advanced Video Editor  | `imgly/starterkit-advanced-video-editor-ts-web`  | Full-featured video editor  |
+| Design Viewer          | `imgly/starterkit-design-viewer-ts-web`          | Read-only design viewing    |
+| Video Player           | `imgly/starterkit-video-player-ts-web`           | Read-only video playback    |
+
+#### Repository Structure
+
+The `config/` folder contains all configuration files you can modify:
+
+```
+config/
+├── index.ts                # Exports configuration class
+├── plugin.ts               # Main plugin class, orchestrates all setup
+├── features.ts             # Feature flags (text, stickers, audio, etc.)
+├── settings.ts             # Engine settings (page size, margins, etc.)
+├── i18n.ts                 # Custom translations and labels
+├── actions.ts              # Export, save, and share button handlers
+└── ui/
+    ├── index.ts            # UI setup entry point
+    ├── canvas.ts           # Canvas behavior (zoom, pan, selection)
+    ├── components.ts       # Custom UI components
+    ├── dock.ts             # Left dock panel order and items
+    ├── inspectorBar.ts     # Right inspector panel configuration
+    ├── navigationBar.ts    # Top navigation bar buttons
+    └── panel.ts            # Panel settings and behavior
+```
+
+### Step 2: Use the Configuration Plugin
+
+```ts
+import CreativeEditorSDK from '@cesdk/cesdk-js';
+import { DesignEditorConfig } from './config/plugin';
+
+const cesdk = await CreativeEditorSDK.create('#editor', {
+  license: 'YOUR_CESDK_LICENSE_KEY',
+  baseURL: `https://cdn.img.ly/packages/imgly/cesdk-js/${CreativeEditorSDK.version}/assets`
+});
+
+// Add plugin first (resets configuration to clean slate)
+await cesdk.addPlugin(new DesignEditorConfig());
+
+// Apply custom configuration on top
+// ...
+
+// Create the scene
+await cesdk.actions.run('scene.create');
+```
+
+> **Preserving Legacy Configuration:** If you're still using deprecated configuration options (like `callbacks`, `ui.elements`, `locale`, or `ui.colorLibraries` in the `create()` call), they continue to work. Starter Kits call `reapplyLegacyUserConfiguration()` at the end of their `initialize()` method to preserve your deprecated settings on top of their defaults, so you can adopt them incrementally. Once you've fully migrated to runtime APIs, you can safely remove this call.
+
+### Step 3: Replace Deprecated Asset Loading Methods
+
+Replace calls to `addDefaultAssetSources()` and `addDemoAssetSources()` with the new plugin-based approach.
+
+#### Replacing `addDefaultAssetSources()`
+
+**Before (deprecated):**
+
+```ts
+await cesdk.addDefaultAssetSources();
+```
+
+**After (v1.69+):**
+
+The snippets below show the asset sources that `addDefaultAssetSources()` previously loaded by default. Include only the plugins your application requires:
+
+<Tabs syncKey="editor-type">
+  <TabItem label="Design">
+    ```ts
+    import {
+      BlurAssetSource,
+      ColorPaletteAssetSource,
+      CropPresetsAssetSource,
+      EffectsAssetSource,
+      FiltersAssetSource,
+      PagePresetsAssetSource,
+      StickerAssetSource,
+      TextAssetSource,
+      TextComponentAssetSource,
+      TypefaceAssetSource,
+      VectorShapeAssetSource
+    } from '@cesdk/cesdk-js/plugins';
+
+    await cesdk.addPlugin(new ColorPaletteAssetSource());
+    await cesdk.addPlugin(new TypefaceAssetSource());
+    await cesdk.addPlugin(new TextAssetSource());
+    await cesdk.addPlugin(new TextComponentAssetSource());
+    await cesdk.addPlugin(new VectorShapeAssetSource());
+    await cesdk.addPlugin(new StickerAssetSource());
+    await cesdk.addPlugin(new EffectsAssetSource());
+    await cesdk.addPlugin(new FiltersAssetSource());
+    await cesdk.addPlugin(new BlurAssetSource());
+    await cesdk.addPlugin(new PagePresetsAssetSource());
+    await cesdk.addPlugin(new CropPresetsAssetSource());
+    ```
+
+  </TabItem>
+
+  <TabItem label="Video">
+    ```ts
+    import {
+      BlurAssetSource,
+      CaptionPresetsAssetSource,
+      ColorPaletteAssetSource,
+      CropPresetsAssetSource,
+      EffectsAssetSource,
+      FiltersAssetSource,
+      PagePresetsAssetSource,
+      StickerAssetSource,
+      TextAssetSource,
+      TextComponentAssetSource,
+      TypefaceAssetSource,
+      VectorShapeAssetSource
+    } from '@cesdk/cesdk-js/plugins';
+
+    await cesdk.addPlugin(new ColorPaletteAssetSource());
+    await cesdk.addPlugin(new TypefaceAssetSource());
+    await cesdk.addPlugin(new TextAssetSource());
+    await cesdk.addPlugin(new TextComponentAssetSource());
+    await cesdk.addPlugin(new VectorShapeAssetSource());
+    await cesdk.addPlugin(new StickerAssetSource());
+    await cesdk.addPlugin(new EffectsAssetSource());
+    await cesdk.addPlugin(new FiltersAssetSource());
+    await cesdk.addPlugin(new BlurAssetSource());
+    await cesdk.addPlugin(new CaptionPresetsAssetSource());
+    await cesdk.addPlugin(new PagePresetsAssetSource({
+      include: [
+        'ly.img.page.presets.facebook.*',
+        'ly.img.page.presets.instagram.*',
+        'ly.img.page.presets.linkedin.*',
+        'ly.img.page.presets.pinterest.*',
+        'ly.img.page.presets.tiktok.*',
+        'ly.img.page.presets.video.*',
+        'ly.img.page.presets.x.*',
+        'ly.img.page.presets.youtube.*'
+      ]
+    }));
+    await cesdk.addPlugin(new CropPresetsAssetSource());
+    ```
+
+  </TabItem>
+</Tabs>
+
+#### Replacing `addDemoAssetSources()`
+
+**Before (deprecated):**
+
+```ts
+await cesdk.addDemoAssetSources();
+```
+
+**After (v1.69+):**
+
+The snippets below show the demo assets and upload sources that `addDemoAssetSources()` previously loaded by default. Include only the plugins your application requires:
+
+<Tabs syncKey="editor-type">
+  <TabItem label="Design">
+    ```ts
+    import { DemoAssetSources, UploadAssetSources } from '@cesdk/cesdk-js/plugins';
+
+    await cesdk.addPlugin(
+      new UploadAssetSources({
+        include: ['ly.img.image.upload']
+      })
+    );
+    await cesdk.addPlugin(
+      new DemoAssetSources({
+        include: [
+          'ly.img.image.*',
+          'ly.img.templates.blank.*',
+          'ly.img.templates.presentation.*',
+          'ly.img.templates.print.*',
+          'ly.img.templates.social.*'
+        ]
+      })
+    );
+    ```
+
+  </TabItem>
+
+  <TabItem label="Video">
+    ```ts
+    import { DemoAssetSources, UploadAssetSources } from '@cesdk/cesdk-js/plugins';
+
+    await cesdk.addPlugin(
+      new UploadAssetSources({
+        include: ['ly.img.image.upload', 'ly.img.video.upload', 'ly.img.audio.upload']
+      })
+    );
+    await cesdk.addPlugin(
+      new DemoAssetSources({
+        include: [
+          'ly.img.audio.*',
+          'ly.img.image.*',
+          'ly.img.templates.video.*',
+          'ly.img.video.*'
+        ]
+      })
+    );
+    ```
+
+  </TabItem>
+</Tabs>
+
+#### Asset Source Plugins Reference
+
+All plugins are imported from `@cesdk/cesdk-js/plugins`:
+
+| Plugin                      | Asset Source ID          | Description                  |
+| --------------------------- | ------------------------ | ---------------------------- |
+| `BlurAssetSource`           | `ly.img.blur`            | Blur effects                 |
+| `CaptionPresetsAssetSource` | `ly.img.caption.presets` | Caption text presets (video) |
+| `ColorPaletteAssetSource`   | `ly.img.color.palette`   | Color palettes               |
+| `CropPresetsAssetSource`    | `ly.img.crop.presets`    | Crop aspect ratios           |
+| `EffectsAssetSource`        | `ly.img.effect`          | Visual effects               |
+| `FiltersAssetSource`        | `ly.img.filter`          | LUT and duotone filters      |
+| `PagePresetsAssetSource`    | `ly.img.page.presets`    | Page size presets            |
+| `StickerAssetSource`        | `ly.img.sticker`         | Stickers and decorations     |
+| `TextAssetSource`           | `ly.img.text`            | Text presets                 |
+| `TextComponentAssetSource`  | `ly.img.text.components` | Styled text components       |
+| `TypefaceAssetSource`       | `ly.img.typeface`        | Fonts and typefaces          |
+| `VectorShapeAssetSource`    | `ly.img.vector.shape`    | Vector shapes                |
+| `UploadAssetSources`        | `ly.img.*.upload`        | User upload sources          |
+| `DemoAssetSources`          | Various                  | Demo content for testing     |
+
+Each plugin accepts an optional configuration object with:
+
+- `baseURL`: Custom base URL for loading assets
+- `include`: GLOB patterns to filter which assets to load
+- `assetLibraryEntries`: Map asset source IDs to UI library entry IDs
+
+#### Demo Asset Sources
+
+The `DemoAssetSources` plugin provides sample content for development and testing:
+
+| Pattern                           | Description             |
+| --------------------------------- | ----------------------- |
+| `ly.img.templates.*`              | All template categories |
+| `ly.img.templates.blank.*`        | Blank templates         |
+| `ly.img.templates.social.*`       | Social media templates  |
+| `ly.img.templates.print.*`        | Print templates         |
+| `ly.img.templates.presentation.*` | Presentation templates  |
+| `ly.img.templates.video.*`        | Video templates         |
+| `ly.img.image.*`                  | Demo images             |
+| `ly.img.video.*`                  | Demo videos             |
+| `ly.img.audio.*`                  | Demo audio              |
+
+> **Production vs. Development:** Use `DemoAssetSources` for development and testing. For production, replace demo assets with your own content or licensed stock assets.
+
+#### Upload Asset Sources
+
+The `UploadAssetSources` plugin enables file uploads:
+
+| ID                    | Default MIME Types                                                                 |
+| --------------------- | ---------------------------------------------------------------------------------- |
+| `ly.img.image.upload` | `image/jpeg`, `image/png`, `image/webp`, `image/svg+xml`, `image/bmp`, `image/gif` |
+| `ly.img.video.upload` | `video/mp4`, `video/quicktime`, `video/webm`, `video/matroska`, `image/gif`        |
+| `ly.img.audio.upload` | `audio/mpeg`, `audio/mp3`, `audio/x-m4a`, `audio/wav`                              |
+
+## Breaking Changes
+
+### Asset Source ID Renames
+
+The following asset source IDs have been renamed to align with v5 naming conventions:
+
+| Old ID (deprecated)            | New ID (v1.69+)          |
+| ------------------------------ | ------------------------ |
+| `ly.img.captionPresets`        | `ly.img.caption.presets` |
+| `ly.img.colors.defaultPalette` | `ly.img.color.palette`   |
+| `ly.img.vectorpath`            | `ly.img.vector.shape`    |
+| `ly.img.textComponents`        | `ly.img.text.components` |
+
+### Merged Asset Sources
+
+The following asset sources have been consolidated:
+
+| Old IDs (deprecated)                                | New ID (v1.69+)       | Notes                         |
+| --------------------------------------------------- | --------------------- | ----------------------------- |
+| `ly.img.filter.lut` + `ly.img.filter.duotone`       | `ly.img.filter`       | Single source for all filters |
+| `ly.img.page.presets` + `ly.img.page.presets.video` | `ly.img.page.presets` | Unified page presets          |
+| `ly.img.template` + `ly.img.video.template`         | `ly.img.templates`    | Unified template assets       |
+
+### Merged Feature API Identifiers
+
+The following Feature API identifiers have been consolidated:
+
+| Old IDs (deprecated)                          | New ID (v1.69+) | Notes                     |
+| --------------------------------------------- | --------------- | ------------------------- |
+| `ly.img.filter.lut` + `ly.img.filter.duotone` | `ly.img.filter` | Controls all filter types |
+
+### Translation Key Updates
+
+Translation keys have been updated to match the new asset source naming:
+
+- Keys containing `captionPresets` → `caption.presets`
+- Keys containing `colors.defaultPalette` → `color.palette`
+- Keys containing `vectorpath` → `vector.shape`
+- Keys containing `textComponents` → `text.components`
+- Keys containing `filter.lut` or `filter.duotone` → `filter`
+
+### Scene Creation Methods
+
+The `createDesignScene()` and `createVideoScene()` methods are deprecated. Use the unified `scene.create` action instead.
+
+<Tabs syncKey="editor-type">
+  <TabItem label="Design">
+    **Before (deprecated):**
+
+    ```ts
+    await cesdk.createDesignScene();
+    ```
+
+    **After (v1.69+):**
+
+    ```ts
+    await cesdk.actions.run('scene.create');
+    ```
+
+  </TabItem>
+
+  <TabItem label="Video">
+    **Before (deprecated):**
+
+    ```ts
+    await cesdk.createVideoScene();
+    ```
+
+    **After (v1.69+):**
+
+    ```ts
+    await cesdk.actions.run('scene.create', { mode: 'Video' });
+    ```
+
+  </TabItem>
+</Tabs>
+
+The new action provides a single entry point for scene creation with flexible configuration:
+
+```ts
+// Create a scene with specific page dimensions
+await cesdk.actions.run('scene.create', {
+  page: { width: 1080, height: 1920, unit: 'Pixel' }
+});
+
+// Create a scene from a page preset asset
+await cesdk.actions.run('scene.create', {
+  page: {
+    sourceId: 'ly.img.page.presets',
+    assetId: 'ly.img.page.presets.instagram.story'
+  }
+});
+
+// Create multiple pages at once
+await cesdk.actions.run('scene.create', {
+  page: { width: 1080, height: 1080, unit: 'Pixel' },
+  pageCount: 3
+});
+```
+
+> **Default Page Format Migration:** If you previously set `meta: { default: 'true' }` on a page preset asset to auto-select it when creating scenes, this is no longer applied automatically. Pass the desired page format explicitly via the `page` parameter.
+
+```ts
+await cesdk.actions.run('scene.create', {
+  page: {
+    sourceId: 'ly.img.page.presets',
+    assetId: 'ly.img.page.presets.instagram.story'
+  }
+});
+```
+
+## Migration Checklist
+
+Use this checklist to ensure a complete migration:
+
+- Adopt a Starter Kit configuration for your editor type
+- Replace `addDefaultAssetSources()` and `addDemoAssetSources()` calls with individual asset source plugins
+- Update any hardcoded asset source IDs to use the new v5 naming conventions (see Breaking Changes)
+- Test asset loading and UI configuration
+
+## Want a Complete, Ready-to-Run App?
+
+Extracting the configuration folder is ideal for existing projects where you need full control over editor setup. If you're starting fresh and want a complete application scaffold with build tooling, asset management, and framework integration already configured, explore our [Starter Kits](./starterkits.md) instead.
+
+Starter Kits provide complete applications with everything wired together—clone, install, and start building.
+
+---
+
+## More Resources
+
+- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS 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