ultron-ai-sdk 1.0.1 → 1.0.3

package/README.md

@@ -16,7 +16,7 @@ npm install ultron-ai-sdk
 
 ```javascript
 // Import the SDK
-    import {SceneCanvas, Character} from './dist/index.mjs';        
+    import {SceneCanvas, Character} from 'ultron-ai-sdk';        
         
     let sceneCanvas
     let character
@@ -26,6 +26,7 @@ npm install ultron-ai-sdk
         const initializationSetting= {
             avatarId: "AVATAR_ID",       // AvatarId and Request Id are same
             config:{
+                accessToken: 'YOUR_CURRENT_AUTH_TOKEN',   // Can be accessed from your app.ultronai.me localstorage data
                 apiKey: "YOUR_ULTRON_API_KEY"
             },
             options:{
@@ -40,6 +41,12 @@ npm install ultron-ai-sdk
 
 ```
 
+#### Quick Demo
+
+Check out our website for demo at: [🔗Talk to Avatar in metabrix website](https://dev-website.ultronai.me)
+
+
+
 ---
 
 ## Target HTML Element
@@ -65,6 +72,7 @@ sceneCanvas.init(config)
 
 | Option      | Description |
 |-------------|--------------|
+| `accessToken` (optional) | accessToken current logged in Account |
 | `sessionId` (optional) | Session Id obtained using API key |
 | `apiKey` | You ultron key which can be found in your profile in Ultron App |
 
@@ -167,7 +175,7 @@ ultronSDK.setAudioInputDevice(myDevice.deviceId)
 ### Basic Implementation
 
 ```javascript
-    import {SceneCanvas, Character} from './dist/index.mjs';        
+    import {SceneCanvas, Character} from 'ultron-ai-sdk';        
         
     let sceneCanvas
     let character

package/dist/index.cjs

@@ -43907,6 +43907,7 @@ class SceneCanvas{
       console.log("clicked");
       let message = this.welcomeMessage || "Hi I am your AI Agent please tell me how can I help you?";
       if(!this.character) return
+      this.initialClickElement.style.display = 'none';
       await this.character.say(message);  
       this.container.removeEventListener("mouseup", this.onClickElement);
     }
@@ -43964,6 +43965,23 @@ class SceneCanvas{
       
       console.log('adding mic button');
       // Create button element
+      this.initialClickElement = document.createElement('div');
+      this.initialClickElement.style.display = 'flex';
+      this.initialClickElement.style.alignItems = 'center';
+      this.initialClickElement.style.justifyContent = 'center';
+      this.initialClickElement.style.fontFamily = '"Inter", sans-serif';
+      this.initialClickElement.style.position = 'absolute';
+      this.initialClickElement.style.top = '100px';
+      this.initialClickElement.style.marginLeft = '50%';
+      this.initialClickElement.style.backgroundColor = "#00000060";
+      this.initialClickElement.style.padding = "10px";
+      this.initialClickElement.style.color = '#fff';
+      this.initialClickElement.style.cursor = 'pointer';
+      this.initialClickElement.style.borderRadius = '8px';
+      this.initialClickElement.style.transform = 'translate(-50%, 0%)';
+      this.initialClickElement.innerHTML = "Click me to start talking";
+
+
       this.voiceElementBlock = document.createElement('div');
 
       this.voiceElementBlock.style.position = 'absolute';
@@ -44028,10 +44046,12 @@ class SceneCanvas{
 
       // Append to target div
       micButton.appendChild(micIcon);
+      
       this.voiceElementBlock.append(this.micButton);
       this.voiceElementBlock.append(this.voiceUIText);
       
       this.container.appendChild(this.voiceElementBlock);
+      this.container.append(this.initialClickElement);
   }
 }
 
@@ -44268,16 +44288,22 @@ class Character {
     }
     if(this.currentAudio){
         // this.idleAction.fadeOut(0.5).stop()
-        this.playAnimation('talking');
-        this.currentAudio.play();
-        if(action){
-            action.play();
-            let timeout = setTimeout(()=>{
-                this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
-                clearTimeout(timeout);
-                this.onSpeakComplete();
-            }, (duration - 0.5)*1000);
+        try{
+          this.playAnimation('talking');
+          this.currentAudio.play();
+          if(action){
+              action.play();
+              clearTimeout(this.idleTimeout);
+              this.idleTimeout = setTimeout(()=>{
+                  this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
+                  clearTimeout(this.idleTimeout);
+                  this.onSpeakComplete();
+              }, (duration - 0.5)*1000);
+          }
+        }catch(e){
+          console.error(e);
         }
+        
     }
     if(this.sceneCanvasRef?.voiceUIText){
       this.sceneCanvasRef.voiceUIText.innerHTML = "Speaking...";

package/dist/index.mjs

@@ -43905,6 +43905,7 @@ class SceneCanvas{
       console.log("clicked");
       let message = this.welcomeMessage || "Hi I am your AI Agent please tell me how can I help you?";
       if(!this.character) return
+      this.initialClickElement.style.display = 'none';
       await this.character.say(message);  
       this.container.removeEventListener("mouseup", this.onClickElement);
     }
@@ -43962,6 +43963,23 @@ class SceneCanvas{
       
       console.log('adding mic button');
       // Create button element
+      this.initialClickElement = document.createElement('div');
+      this.initialClickElement.style.display = 'flex';
+      this.initialClickElement.style.alignItems = 'center';
+      this.initialClickElement.style.justifyContent = 'center';
+      this.initialClickElement.style.fontFamily = '"Inter", sans-serif';
+      this.initialClickElement.style.position = 'absolute';
+      this.initialClickElement.style.top = '100px';
+      this.initialClickElement.style.marginLeft = '50%';
+      this.initialClickElement.style.backgroundColor = "#00000060";
+      this.initialClickElement.style.padding = "10px";
+      this.initialClickElement.style.color = '#fff';
+      this.initialClickElement.style.cursor = 'pointer';
+      this.initialClickElement.style.borderRadius = '8px';
+      this.initialClickElement.style.transform = 'translate(-50%, 0%)';
+      this.initialClickElement.innerHTML = "Click me to start talking";
+
+
       this.voiceElementBlock = document.createElement('div');
 
       this.voiceElementBlock.style.position = 'absolute';
@@ -44026,10 +44044,12 @@ class SceneCanvas{
 
       // Append to target div
       micButton.appendChild(micIcon);
+      
       this.voiceElementBlock.append(this.micButton);
       this.voiceElementBlock.append(this.voiceUIText);
       
       this.container.appendChild(this.voiceElementBlock);
+      this.container.append(this.initialClickElement);
   }
 }
 
@@ -44266,16 +44286,22 @@ class Character {
     }
     if(this.currentAudio){
         // this.idleAction.fadeOut(0.5).stop()
-        this.playAnimation('talking');
-        this.currentAudio.play();
-        if(action){
-            action.play();
-            let timeout = setTimeout(()=>{
-                this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
-                clearTimeout(timeout);
-                this.onSpeakComplete();
-            }, (duration - 0.5)*1000);
+        try{
+          this.playAnimation('talking');
+          this.currentAudio.play();
+          if(action){
+              action.play();
+              clearTimeout(this.idleTimeout);
+              this.idleTimeout = setTimeout(()=>{
+                  this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
+                  clearTimeout(this.idleTimeout);
+                  this.onSpeakComplete();
+              }, (duration - 0.5)*1000);
+          }
+        }catch(e){
+          console.error(e);
         }
+        
     }
     if(this.sceneCanvasRef?.voiceUIText){
       this.sceneCanvasRef.voiceUIText.innerHTML = "Speaking...";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultron-ai-sdk",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "This package is for integrating Ultron AI Characters as website Companions on a website",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",