@aparte/svelte 0.16.8 → 0.16.10

package/README.md

@@ -35,12 +35,13 @@ npm install @aparte/svelte @aparte/core svelte
 <AparteChat
   bind:this={comp}
   messages={$messages}
-  on:messagesChange={(e) => chat.onMessagesChange(e.detail)}
+  onmessagesChange={(m) => chat.onMessagesChange(m)}
 />
 ```
 
-The user's message is appended automatically on send — don't add it yourself. `on:messageSent` is
-optional and only for side-effects (scroll, analytics).
+The user's message is appended automatically on send — don't add it yourself. `onmessageSent` is
+optional and only for side-effects (scroll, analytics). Every callback prop also exists as a component
+event (`on:messagesChange`, payload under `event.detail`) — the Svelte 4 spelling, still fine on Svelte 5.
 
 `@aparte/core` and `svelte` are **peer dependencies**.
 

package/dist/AparteChat.svelte

@@ -17,6 +17,12 @@ export { className as class };
 export let style = void 0;
 export let conversationId = null;
 export let config = void 0;
+export let onmessageSent = void 0;
+export let onaction = void 0;
+export let onmessagesChange = void 0;
+export let onmessageAppended = void 0;
+export let ontypingChange = void 0;
+export let onconversationCreated = void 0;
 const dispatch = createEventDispatcher();
 let hostId = "";
 let rootRef;
@@ -57,10 +63,14 @@ $: if (composerRef) {
 }
 function handleSend(event) {
   viewportRef?.requestSmoothScroll?.();
-  dispatch("messageSent", event.detail);
+  const detail = event.detail;
+  onmessageSent?.(detail);
+  dispatch("messageSent", detail);
 }
 function handleAction(event) {
-  dispatch("action", event.detail);
+  const detail = event.detail;
+  onaction?.(detail);
+  dispatch("action", detail);
 }
 onMount(() => {
   hostId = id ?? `aparte-chat-${uuid()}`;
@@ -73,10 +83,17 @@ onMount(() => {
     setMessages: (m) => {
       internalMessages = m;
     },
-    onMessagesChange: (m) => dispatch("messagesChange", m),
-    onMessageAppended: (m) => dispatch("messageAppended", m),
+    onMessagesChange: (m) => {
+      onmessagesChange?.(m);
+      dispatch("messagesChange", m);
+    },
+    onMessageAppended: (m) => {
+      onmessageAppended?.(m);
+      dispatch("messageAppended", m);
+    },
     onTypingChange: (t) => {
       typingActive = t;
+      ontypingChange?.(t);
       dispatch("typingChange", t);
     },
     onStreamingChange: () => {
@@ -89,7 +106,10 @@ onMount(() => {
   host = new AparteChatHost(binding, {
     layoutTransitionMs,
     conversationId: conversationId ?? null,
-    onConversationCreated: (id2) => dispatch("conversationCreated", id2),
+    onConversationCreated: (id2) => {
+      onconversationCreated?.(id2);
+      dispatch("conversationCreated", id2);
+    },
     config
   });
   teardown = host.bind();

package/dist/AparteUi.svelte

@@ -3,6 +3,7 @@ import { applyElementProps, APARTE_DEFAULT_UI_EVENTS } from "@aparte/core";
 export let name;
 export let props = {};
 export let events = void 0;
+export let onelementEvent = void 0;
 const dispatch = createEventDispatcher();
 let host;
 let el = null;
@@ -15,7 +16,10 @@ function create() {
   el = document.createElement(name);
   applyProps();
   for (const ev of events ?? APARTE_DEFAULT_UI_EVENTS) {
-    const listener = (e) => dispatch("elementEvent", e);
+    const listener = (e) => {
+      onelementEvent?.(e);
+      dispatch("elementEvent", e);
+    };
     el.addEventListener(ev, listener);
     cleanups.push(() => el?.removeEventListener(ev, listener));
   }

package/dist/types.d.ts

@@ -16,6 +16,11 @@ export interface AparteUiProps {
      * interactive aparté surface (`APARTE_DEFAULT_UI_EVENTS` from `@aparte/core`).
      */
     events?: string[];
+    /**
+     * Called with the element's own CustomEvent for every forwarded event, alongside
+     * the `elementEvent` component event — the callback-prop route Svelte 5 recommends.
+     */
+    onelementEvent?: (event: CustomEvent) => void;
 }
 /**
  * The imperative surface `<AparteUi>` exposes (`bind:this`) — the same

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,YAAY,EACR,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,GAC1B,MAAM,cAAc,CAAC;AAEtB,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC1B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,KAAK,CAAC,GAAG,IAAI,CAAC;IAC5D,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;CAClF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,YAAY,EACR,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,GAC1B,MAAM,cAAc,CAAC;AAEtB,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC1B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACjD;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC3B,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,KAAK,CAAC,GAAG,IAAI,CAAC;IAC5D,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;CAClF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aparte/svelte",
-  "version": "0.16.8",
+  "version": "0.16.10",
   "homepage": "https://apartejs.dev/frameworks/svelte/",
   "description": "Svelte wrapper for aparté — an ergonomic <AparteChat> component plus stores over the framework-agnostic web components. Works on Svelte 4 and 5.",
   "type": "module",
@@ -39,7 +39,7 @@
     "@sveltejs/package itself. Until then the props are documented, not compiler-enforced, for consumers."
   ],
   "peerDependencies": {
-    "@aparte/core": ">=0.16.8 <1.0.0",
+    "@aparte/core": ">=0.16.10 <1.0.0",
     "svelte": "^4.0.0 || ^5.0.0"
   },
   "devDependencies": {
@@ -52,7 +52,7 @@
     "svelte2tsx": "^0.7.61",
     "typescript": "^5.4.0",
     "vite": "^6.0.0",
-    "@aparte/core": "0.16.8"
+    "@aparte/core": "0.16.10"
   },
   "keywords": [
     "svelte",