fix(eachlabs-demo): use npm versions and design archive for Vercel builds (#148)

- Replace workspace:* and catalog: refs with npm versions (^0.2.15, ^1.66.1)
- Remove @imgly/plugin-utils dependency (providers auto-register icons)
- Switch from video archive to design archive

Author: maerch

examples/eachlabs-demo/index.html

@@ -201,7 +201,7 @@ <h1 class="FullscreenHeader_headline__Ghcp3 h5">Eachlabs.ai Demo</h1>
         window.location.href.lastIndexOf('/') + 1
       );
       initialize('#root', {
-        archiveUrl: 'https://img.ly/showcases/cesdk/cases/ai-editor/ai_editor_video.archive'
+        archiveUrl: 'https://img.ly/showcases/cesdk/cases/ai-editor/ai_editor_design.archive'
       });
     </script>
   </body>

examples/eachlabs-demo/package.json

@@ -54,14 +54,13 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@cesdk/cesdk-js": "catalog:",
-    "@cesdk/engine": "catalog:",
-    "@imgly/plugin-ai-apps-web": "workspace:*",
-    "@imgly/plugin-ai-generation-web": "workspace:*",
-    "@imgly/plugin-ai-image-generation-web": "workspace:*",
-    "@imgly/plugin-ai-text-generation-web": "workspace:*",
-    "@imgly/plugin-ai-video-generation-web": "workspace:*",
-    "@imgly/plugin-utils": "workspace:*",
+    "@cesdk/cesdk-js": "^1.66.1",
+    "@cesdk/engine": "^1.66.1",
+    "@imgly/plugin-ai-apps-web": "^0.2.15",
+    "@imgly/plugin-ai-generation-web": "^0.2.15",
+    "@imgly/plugin-ai-image-generation-web": "^0.2.15",
+    "@imgly/plugin-ai-text-generation-web": "^0.2.15",
+    "@imgly/plugin-ai-video-generation-web": "^0.2.15",
     "dotenv": "^16.5.0"
   }
 }

examples/eachlabs-demo/src/index.ts

@@ -4,7 +4,6 @@ import EachLabsImage from '@imgly/plugin-ai-image-generation-web/eachlabs';
 import EachLabsVideo from '@imgly/plugin-ai-video-generation-web/eachlabs';
 import Anthropic from '@imgly/plugin-ai-text-generation-web/anthropic';
 import { Middleware } from '@imgly/plugin-ai-generation-web';
-import { Icons } from '@imgly/plugin-utils';
 
 function initialize(
   selector: string,
@@ -44,7 +43,7 @@ function initialize(
 
         await Promise.all([
           instance.addDefaultAssetSources(),
-          instance.addDemoAssetSources({ sceneMode: 'Video' })
+          instance.addDemoAssetSources({ sceneMode: 'Design' })
         ]);
 
         instance.ui.setDockOrder([
@@ -74,7 +73,7 @@ function initialize(
 
         await instance.engine.scene.loadFromArchiveURL(
           options?.archiveUrl ??
-            'https://img.ly/showcases/cesdk/cases/ai-editor/ai_editor_video.archive'
+            'https://img.ly/showcases/cesdk/cases/ai-editor/ai_editor_design.archive'
         );
         const [page] = instance.engine.scene.getPages();
         instance.engine.scene.enableZoomAutoFit(page, 'Both');
@@ -83,9 +82,6 @@ function initialize(
           en: {}
         });
 
-        // Add format icons for aspect ratio/size selection
-        instance.ui.addIconSet('@imgly/plugin/formats', Icons.Formats);
-
         const errorMiddleware: Middleware<any, any> = async (
           input,
           options,