anentrypoint-design 0.0.102 → 0.0.103

package/src/web-components/ds-chat.js

@@ -1,75 +1,43 @@
-import * as webjsx from '../../vendor/webjsx/index.js';
-import { Chat, ChatComposer } from '../components/chat.js';
-import { register } from '../debug.js';
+// <ds-chat> custom element — auto-registers when SDK loads in a browser.
+// Properties: el.messages = [{role,text}, ...]; el.placeholder = string.
+// Emits a bubbling, composed 'send' event with { detail: { text } }.
 
-let _stats = { mounts: 0, sends: 0 };
+import * as webjsx from '../../vendor/webjsx/index.js';
+import { Chat } from '../components/chat.js';
 
 class DsChat extends HTMLElement {
-    static get observedAttributes() { return ['title', 'sub', 'placeholder']; }
-
     constructor() {
         super();
         this._messages = [];
-        this._draft = '';
-        this._title = 'chat';
-        this._sub = '';
-        this._placeholder = 'message…';
-    }
-
-    set messages(v) { this._messages = Array.isArray(v) ? v : []; this._render(); }
-    get messages() { return this._messages; }
-
-    connectedCallback() {
-        if (this.hasAttribute('messages')) {
-            try { this._messages = JSON.parse(this.getAttribute('messages')); } catch {}
-        }
-        this._title = this.getAttribute('title') || this._title;
-        this._sub = this.getAttribute('sub') || '';
-        this._placeholder = this.getAttribute('placeholder') || this._placeholder;
-        _stats.mounts += 1;
-        this._render();
+        this._placeholder = 'type, then ⏎';
     }
-
+    static get observedAttributes() { return ['messages', 'placeholder']; }
     attributeChangedCallback(name, _old, val) {
-        if (name === 'title') this._title = val || 'chat';
-        if (name === 'sub') this._sub = val || '';
-        if (name === 'placeholder') this._placeholder = val || 'message…';
-        this._render();
-    }
-
-    pushMessage(msg) {
-        this._messages = [...this._messages, msg];
+        if (name === 'messages') {
+            try { this._messages = JSON.parse(val); } catch { this._messages = []; }
+        } else if (name === 'placeholder') {
+            this._placeholder = val || '';
+        }
         this._render();
     }
-
+    set messages(v) { this._messages = Array.isArray(v) ? v : []; this._render(); }
+    get messages() { return this._messages; }
+    set placeholder(v) { this._placeholder = v || ''; this._render(); }
+    get placeholder() { return this._placeholder; }
+    connectedCallback() { this.classList.add('ds-247420'); this._render(); }
+    _send(text) { this.dispatchEvent(new CustomEvent('send', { detail: { text }, bubbles: true, composed: true })); }
     _render() {
-        const onSend = (text) => {
-            _stats.sends += 1;
-            this.dispatchEvent(new CustomEvent('send', { detail: { text }, bubbles: true, composed: true }));
-        };
-        const onInput = (v) => { this._draft = v; this._render(); };
-        const view = Chat({
-            title: this._title,
-            sub: this._sub,
-            messages: this._messages,
-            composer: ChatComposer({
-                value: this._draft,
-                placeholder: this._placeholder,
-                onInput,
-                onSend
-            })
-        });
-        webjsx.applyDiff(this, view);
+        if (!this.isConnected) return;
+        const node = Chat({ messages: this._messages, onSend: (t) => this._send(t) });
+        webjsx.applyDiff(this, node);
     }
 }
 
 let _registered = false;
 export function registerChatElement() {
     if (_registered) return;
-    if (!customElements.get('ds-chat')) customElements.define('ds-chat', DsChat);
+    if (typeof customElements === 'undefined') return;
+    if (customElements.get('ds-chat')) { _registered = true; return; }
+    customElements.define('ds-chat', DsChat);
     _registered = true;
 }
-
-register('ds-chat', () => ({ registered: _registered, ..._stats, instances: document.querySelectorAll('ds-chat').length }));
-
-export { DsChat };