pcm-agents-react 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
3
|
-
import { FloatImage as FloatImageElement, defineCustomElement as defineFloatImage } from "pcm-agents/dist/components/float-image.js";
|
|
4
3
|
import { MyComponent as MyComponentElement, defineCustomElement as defineMyComponent } from "pcm-agents/dist/components/my-component.js";
|
|
4
|
+
import { PcmChatMessage as PcmChatMessageElement, defineCustomElement as definePcmChatMessage } from "pcm-agents/dist/components/pcm-chat-message.js";
|
|
5
|
+
import { PcmChatModal as PcmChatModalElement, defineCustomElement as definePcmChatModal } from "pcm-agents/dist/components/pcm-chat-modal.js";
|
|
5
6
|
import React from 'react';
|
|
6
|
-
export const FloatImage = createComponent({
|
|
7
|
-
tagName: 'float-image',
|
|
8
|
-
elementClass: FloatImageElement,
|
|
9
|
-
react: React,
|
|
10
|
-
events: { onFloatImageClick: 'floatImageClick' },
|
|
11
|
-
defineCustomElement: defineFloatImage
|
|
12
|
-
});
|
|
13
7
|
export const MyComponent = createComponent({
|
|
14
8
|
tagName: 'my-component',
|
|
15
9
|
elementClass: MyComponentElement,
|
|
@@ -17,4 +11,22 @@ export const MyComponent = createComponent({
|
|
|
17
11
|
events: {},
|
|
18
12
|
defineCustomElement: defineMyComponent
|
|
19
13
|
});
|
|
14
|
+
export const PcmChatMessage = createComponent({
|
|
15
|
+
tagName: 'pcm-chat-message',
|
|
16
|
+
elementClass: PcmChatMessageElement,
|
|
17
|
+
react: React,
|
|
18
|
+
events: { onMessageChange: 'messageChange' },
|
|
19
|
+
defineCustomElement: definePcmChatMessage
|
|
20
|
+
});
|
|
21
|
+
export const PcmChatModal = createComponent({
|
|
22
|
+
tagName: 'pcm-chat-modal',
|
|
23
|
+
elementClass: PcmChatModalElement,
|
|
24
|
+
react: React,
|
|
25
|
+
events: {
|
|
26
|
+
onMessageSent: 'messageSent',
|
|
27
|
+
onModalClosed: 'modalClosed',
|
|
28
|
+
onStreamComplete: 'streamComplete'
|
|
29
|
+
},
|
|
30
|
+
defineCustomElement: definePcmChatModal
|
|
31
|
+
});
|
|
20
32
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAUb,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAUb,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,mBAAmB,IAAI,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AACzI,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,mBAAmB,IAAI,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtJ,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAC9I,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,WAAW,GAA+E,eAAe,CAAwC;IAC1J,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,kBAAkB;IAEhC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAuB;IAC/B,mBAAmB,EAAE,iBAAiB;CACzC,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,cAAc,GAAqF,eAAe,CAA8C;IACzK,OAAO,EAAE,kBAAkB;IAC3B,YAAY,EAAE,qBAAqB;IAEnC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAA0B;IACpE,mBAAmB,EAAE,oBAAoB;CAC5C,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAiF,eAAe,CAA0C;IAC/J,OAAO,EAAE,gBAAgB;IACzB,YAAY,EAAE,mBAAmB;IAEjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACJ,aAAa,EAAE,aAAa;QAC5B,aAAa,EAAE,aAAa;QAC5B,gBAAgB,EAAE,gBAAgB;KACf;IACvB,mBAAmB,EAAE,kBAAkB;CAC1C,CAAC,CAAC"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { type ChatMessage, type PcmChatMessageCustomEvent } from "pcm-agents";
|
|
3
3
|
import { MyComponent as MyComponentElement } from "pcm-agents/dist/components/my-component.js";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
export declare const FloatImage: StencilReactComponent<FloatImageElement, FloatImageEvents>;
|
|
4
|
+
import { PcmChatMessage as PcmChatMessageElement } from "pcm-agents/dist/components/pcm-chat-message.js";
|
|
5
|
+
import { PcmChatModal as PcmChatModalElement } from "pcm-agents/dist/components/pcm-chat-modal.js";
|
|
8
6
|
type MyComponentEvents = NonNullable<unknown>;
|
|
9
7
|
export declare const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents>;
|
|
8
|
+
type PcmChatMessageEvents = {
|
|
9
|
+
onMessageChange: EventName<PcmChatMessageCustomEvent<Partial<ChatMessage>>>;
|
|
10
|
+
};
|
|
11
|
+
export declare const PcmChatMessage: StencilReactComponent<PcmChatMessageElement, PcmChatMessageEvents>;
|
|
12
|
+
type PcmChatModalEvents = {
|
|
13
|
+
onMessageSent: EventName<CustomEvent<string>>;
|
|
14
|
+
onModalClosed: EventName<CustomEvent<void>>;
|
|
15
|
+
onStreamComplete: EventName<CustomEvent<{
|
|
16
|
+
conversation_id: string;
|
|
17
|
+
event: string;
|
|
18
|
+
message_id: string;
|
|
19
|
+
id: string;
|
|
20
|
+
}>>;
|
|
21
|
+
};
|
|
22
|
+
export declare const PcmChatModal: StencilReactComponent<PcmChatModalElement, PcmChatModalEvents>;
|
|
10
23
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pcm-agents-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"description": "React wrapper components for pcm-agents",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@stencil/react-output-target": "^0.8.2",
|
|
18
|
-
"pcm-agents": "
|
|
18
|
+
"pcm-agents": "link:../pcm-agents"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": "^17.0.0 || ^18.0.0",
|