bstp-agent-widget 0.1.0 → 0.2.0

package/README.md

@@ -78,7 +78,7 @@ Create a wrapper component:
 
 ```ts
 import { AfterViewInit, Component, ElementRef, OnDestroy, ViewChild } from '@angular/core';
-import { mountAgentChatWidget } from 'bstp-agent-widget';
+import { mountAgentChatWidgetFromEnvironment } from 'bstp-agent-widget';
 
 @Component({
   selector: 'app-agent-chat-widget',
@@ -88,21 +88,15 @@ export class AgentChatWidgetComponent implements AfterViewInit, OnDestroy {
   @ViewChild('widgetHost', { static: true }) widgetHost!: ElementRef<HTMLDivElement>;
   private cleanup: (() => void) | null = null;
 
-  ngAfterViewInit(): void {
-    this.cleanup = mountAgentChatWidget(this.widgetHost.nativeElement, {
-      config: {
-        baseUrl: 'https://your-genai-api-url',
-        assistantId: 123,
-        genaiInit: {
-          email: 'agent@example.com',
-          clientSecret: 'secret',
-        },
-      },
+  async ngAfterViewInit(): Promise<void> {
+    this.cleanup = await mountAgentChatWidgetFromEnvironment(this.widgetHost.nativeElement, {
       runtime: {
         customerId: '590100010884',
         customerToken: 'jwt-token',
         language: 'en-US',
       },
+      // Optional: defaults to /environment.json
+      // environmentUrl: '/environment.json',
     });
   }
 
@@ -112,6 +106,19 @@ export class AgentChatWidgetComponent implements AfterViewInit, OnDestroy {
 }
 ```
 
+The function reads `genai.config` from `environment.json`:
+
+```json
+{
+  "genai": {
+    "config": {
+      "assistantId": 220,
+      "url": "https://.../genai/api/v1"
+    }
+  }
+}
+```
+
 # React Starter Kit
 
 A modern, enterprise-grade React Starter Kit built with TypeScript, providing a comprehensive foundation for building scalable web applications. This starter kit includes all the essential tools and configurations needed for modern React development.

package/dist/agent-widget.cjs

@@ -451,5 +451,5 @@ Learn more: https://react.dev/warnings/version-mismatch`))})(),typeof Map==`func
 You might need to use a local HTTP server (instead of file://): https://react.dev/link/react-devtools-faq`:``),`font-weight:bold`)}e.createRoot=function(e,t){if(!_(e))throw Error(`Target container is not a DOM element.`);hf(e);var n=!1,r=``,i=Vo,a=Ho,o=Uo;return t!=null&&(t.hydrate?console.warn(`hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead.`):typeof t==`object`&&t&&t.$$typeof===xf&&console.error(`You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:
 
   let root = createRoot(domContainer);
-  root.render(<App />);`),!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onUncaughtError!==void 0&&(i=t.onUncaughtError),t.onCaughtError!==void 0&&(a=t.onCaughtError),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=Vd(e,1,!1,null,null,n,r,null,i,a,o,ff),e[Rp]=t.current,Ql(e),new pf(t)},e.hydrateRoot=function(e,t,n){if(!_(e))throw Error(`Target container is not a DOM element.`);hf(e),t===void 0&&console.error(`Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)`);var r=!1,i=``,a=Vo,o=Ho,s=Uo,c=null;return n!=null&&(!0===n.unstable_strictMode&&(r=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onUncaughtError!==void 0&&(a=n.onUncaughtError),n.onCaughtError!==void 0&&(o=n.onCaughtError),n.onRecoverableError!==void 0&&(s=n.onRecoverableError),n.formState!==void 0&&(c=n.formState)),t=Vd(e,1,!0,t,n??null,r,i,c,a,o,s,ff),t.context=Hd(null),n=t.current,r=Bc(n),r=ke(r),i=Li(r),i.callback=null,Ri(n,i,r),Gr(r,`hydrateRoot()`,null),n=r,t.current.lanes=n,we(t,n),Fl(t),e[Rp]=t.current,Ql(e),new mf(t)},e.version=`19.2.4`,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==`function`&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()})),zA=e.r(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`)){if(process.env.NODE_ENV!==`production`)throw Error(`^_^`);try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}}process.env.NODE_ENV===`production`?(n(),t.exports=LA()):t.exports=RA()}))();function BA({config:e,runtime:t}){return(0,H.jsx)(NA,{config:e,children:(0,H.jsx)(MA,{runtime:t,children:(0,H.jsx)(jA,{})})})}var VA=new WeakMap;function HA(e,t){let n=VA.get(e);n&&n.unmount();let r=(0,zA.createRoot)(e);return r.render((0,H.jsx)(BA,{...t})),VA.set(e,r),()=>{let t=VA.get(e);t&&(t.unmount(),VA.delete(e))}}exports.AgentChatWidget=BA,exports.mountAgentChatWidget=HA;
+  root.render(<App />);`),!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onUncaughtError!==void 0&&(i=t.onUncaughtError),t.onCaughtError!==void 0&&(a=t.onCaughtError),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=Vd(e,1,!1,null,null,n,r,null,i,a,o,ff),e[Rp]=t.current,Ql(e),new pf(t)},e.hydrateRoot=function(e,t,n){if(!_(e))throw Error(`Target container is not a DOM element.`);hf(e),t===void 0&&console.error(`Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)`);var r=!1,i=``,a=Vo,o=Ho,s=Uo,c=null;return n!=null&&(!0===n.unstable_strictMode&&(r=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onUncaughtError!==void 0&&(a=n.onUncaughtError),n.onCaughtError!==void 0&&(o=n.onCaughtError),n.onRecoverableError!==void 0&&(s=n.onRecoverableError),n.formState!==void 0&&(c=n.formState)),t=Vd(e,1,!0,t,n??null,r,i,c,a,o,s,ff),t.context=Hd(null),n=t.current,r=Bc(n),r=ke(r),i=Li(r),i.callback=null,Ri(n,i,r),Gr(r,`hydrateRoot()`,null),n=r,t.current.lanes=n,we(t,n),Fl(t),e[Rp]=t.current,Ql(e),new mf(t)},e.version=`19.2.4`,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==`function`&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()})),zA=e.r(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`)){if(process.env.NODE_ENV!==`production`)throw Error(`^_^`);try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}}process.env.NODE_ENV===`production`?(n(),t.exports=LA()):t.exports=RA()}))();function BA({config:e,runtime:t}){return(0,H.jsx)(NA,{config:e,children:(0,H.jsx)(MA,{runtime:t,children:(0,H.jsx)(jA,{})})})}var VA=new WeakMap;function HA(e,t){let n=VA.get(e);n&&n.unmount();let r=(0,zA.createRoot)(e);return r.render((0,H.jsx)(BA,{...t})),VA.set(e,r),()=>{let t=VA.get(e);t&&(t.unmount(),VA.delete(e))}}function UA(e){let t=e.genai?.config;if(!t?.url||!t?.assistantId)throw Error(`GenAI config is missing in environment.json.`);return{baseUrl:t.url,assistantId:t.assistantId,assistants:t.agents,genaiInit:e.genai?.init}}async function WA(e,t){let n=t.environmentUrl??`/environment.json`,r=await fetch(n);if(!r.ok)throw Error(`Failed to load environment from ${n}.`);return HA(e,{config:UA(await r.json()),runtime:t.runtime})}exports.AgentChatWidget=BA,exports.mountAgentChatWidget=HA,exports.mountAgentChatWidgetFromEnvironment=WA;
 //# sourceMappingURL=agent-widget.cjs.map