@arunselvakumar/cue-demo

POC React chat UI package that can be consumed two ways:

• As a normal React component from an existing React app.
• As an embeddable browser widget from a .NET MVC Razor page.

React

import { CueChat } from '@arunselvakumar/cue-demo'

export function App() {
  return (
    <CueChat
      mode="floating"
      user={{ id: '123', name: 'Demo User' }}
      context={{ host: 'react', page: 'Dashboard' }}
    />
  )
}

MVC / Plain Script

Copy dist/cue-demo-widget.iife.js into a public static assets folder and initialize it from Razor:

<div id="cue-demo-chat"></div>
<script src="/vendor/cue-demo/cue-demo-widget.iife.js"></script>
<script>
  window.CueDemo.init({
    container: '#cue-demo-chat',
    mode: 'floating',
    user: { name: 'MVC User' },
    context: { host: 'mvc', page: 'Home' }
  });
</script>

The widget emits browser events such as cue-demo:ready, cue-demo:opened, and cue-demo:message-sent.