anentrypoint-design 0.0.130 → 0.0.134

package/src/index.js

@@ -14,6 +14,7 @@ import { renderPageHtml } from './page-html.js';
 import { mountKit } from './bootstrap.js';
 import * as theme from './theme.js';
 import { registerChatElement, DsChat } from './web-components/ds-chat.js';
+import { registerFreddieChatElement, FreddieChat } from './web-components/freddie-chat.js';
 
 let _installed = false;
 export async function installStyles(target) {
@@ -51,9 +52,10 @@ export function mount(rootEl, viewFn, { autoScope = true } = {}) {
     return render;
 }
 
-// Side-effect: register <ds-chat> as soon as the SDK loads in a browser.
+// Side-effect: register <ds-chat> + <freddie-chat> as soon as the SDK loads in a browser.
 if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
     registerChatElement();
+    registerFreddieChatElement();
 }
 
 export {
@@ -63,6 +65,7 @@ export {
     renderMarkdown, ensureMarkdownReady,
     ensurePrism, highlightAllUnder,
     registerChatElement, DsChat,
+    registerFreddieChatElement, FreddieChat,
     renderPageHtml,
     theme
 };

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

@@ -0,0 +1,38 @@
+// <freddie-chat> — thin subclass of <ds-chat> with freddie-flavored defaults
+// (title, sub, composer placeholder). Auto-registers in browsers.
+
+import { DsChat, registerChatElement } from './ds-chat.js';
+import { register } from '../debug.js';
+
+let _stats = { mounts: 0, sends: 0 };
+
+class FreddieChat extends DsChat {
+    constructor() {
+        super();
+        this._title = 'freddie';
+        this._sub = '';
+        this._placeholder = 'message freddie · /tools · /tool name {json} · /run …';
+    }
+
+    connectedCallback() {
+        _stats.mounts += 1;
+        super.connectedCallback();
+    }
+}
+
+let _registered = false;
+export function registerFreddieChatElement() {
+    registerChatElement();
+    if (_registered) return;
+    if (typeof customElements === 'undefined') return;
+    if (!customElements.get('freddie-chat')) customElements.define('freddie-chat', FreddieChat);
+    _registered = true;
+}
+
+if (typeof window !== 'undefined' && typeof customElements !== 'undefined') {
+    registerFreddieChatElement();
+}
+
+register('freddie-chat', () => ({ registered: _registered, ..._stats, instances: typeof document !== 'undefined' ? document.querySelectorAll('freddie-chat').length : 0 }));
+
+export { FreddieChat };