@novasamatech/host-api 0.5.5 → 0.6.1

package/README.md

@@ -109,3 +109,28 @@ subscription.onInterrupt(() => {
 
 subscription.unsubscribe();
 ```
+
+### Custom Renderer
+
+The protocol includes a custom renderer system for building UI component trees that can be serialized and sent across the transport. This is used for rendering custom chat messages.
+
+Available components: `Box`, `Column`, `Row`, `Spacer`, `Text`, `Button`, `TextField`. Each component supports optional `Modifiers` (margin, padding, background, border, dimensions) and can contain children.
+
+```typescript
+import { CustomRendererNode } from '@novasamatech/host-api';
+```
+
+### Account Connection Status
+
+Products can subscribe to account connection status changes:
+
+```typescript
+const subscription = hostApi.accountConnectionStatusSubscribe(undefined, (status) => {
+  // status: 'connected' | 'disconnected'
+  console.log('connection status:', status);
+});
+```
+
+### Custom Chat Messages
+
+Chat messages now support a `Custom` content type that carries an arbitrary payload identified by `messageType`. Products can handle rendering of custom messages via the `productChatCustomMessageRenderSubscribe` subscription, which receives the message type and payload and expects a `CustomRendererNode` tree in response.

package/dist/hostApi.js

@@ -174,6 +174,9 @@ export function createHostApi(transport) {
                 });
             });
         },
+        accountConnectionStatusSubscribe(args, callback) {
+            return transport.subscribe('host_account_connection_status_subscribe', args, callback);
+        },
         accountGet(payload) {
             const response = fromPromise(transport.request('host_account_get', payload), e => ({
                 tag: payload.tag,
@@ -378,6 +381,9 @@ export function createHostApi(transport) {
         chatActionSubscribe(args, callback) {
             return transport.subscribe('host_chat_action_subscribe', args, callback);
         },
+        productChatCustomMessageRenderSubscribe(args, callback) {
+            return transport.subscribe('product_chat_custom_message_render_subscribe', args, callback);
+        },
         statementStoreSubscribe(args, callback) {
             return transport.subscribe('remote_statement_store_subscribe', args, callback);
         },

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export type { HexString } from '@novasamatech/scale';
 export { assertEnumVariant, enumValue, fromHex, isEnumVariant, resultErr, resultOk, toHex, unwrapResultOrThrow, } from '@novasamatech/scale';
 export { GenericError } from './protocol/commonCodecs.js';
 export { CreateTransactionErr, VersionedPublicTxPayload } from './protocol/v1/createTransaction.js';
-export { Account, AccountId, CreateProofErr, ProductAccountId, RequestCredentialsErr, RingLocation, } from './protocol/v1/accounts.js';
+export { Account, AccountConnectionStatus, AccountId, CreateProofErr, ProductAccountId, RequestCredentialsErr, RingLocation, } from './protocol/v1/accounts.js';
 export { ChatActionPayload, ChatBotRegistrationErr, ChatBotRegistrationStatus, ChatMessageContent, ChatMessagePostingErr, ChatRoom, ChatRoomRegistrationErr, ChatRoomRegistrationResult, ChatRoomRegistrationStatus, ReceivedChatAction, } from './protocol/v1/chat.js';
 export { HandshakeErr } from './protocol/v1/handshake.js';
 export { SigningErr } from './protocol/v1/sign.js';
@@ -23,3 +23,4 @@ export { RemotePermissionRequest } from './protocol/v1/remotePermission.js';
 export { PushNotification } from './protocol/v1/notification.js';
 export { NavigateToErr } from './protocol/v1/navigation.js';
 export { PreimageKey, PreimageSubmitErr, PreimageValue } from './protocol/v1/preimage.js';
+export { CustomRendererNode } from './protocol/v1/customRenderer.js';

package/dist/index.js

@@ -7,7 +7,7 @@ export { assertEnumVariant, enumValue, fromHex, isEnumVariant, resultErr, result
 // Codecs
 export { GenericError } from './protocol/commonCodecs.js';
 export { CreateTransactionErr, VersionedPublicTxPayload } from './protocol/v1/createTransaction.js';
-export { Account, AccountId, CreateProofErr, ProductAccountId, RequestCredentialsErr, RingLocation, } from './protocol/v1/accounts.js';
+export { Account, AccountConnectionStatus, AccountId, CreateProofErr, ProductAccountId, RequestCredentialsErr, RingLocation, } from './protocol/v1/accounts.js';
 export { ChatActionPayload, ChatBotRegistrationErr, ChatBotRegistrationStatus, ChatMessageContent, ChatMessagePostingErr, ChatRoom, ChatRoomRegistrationErr, ChatRoomRegistrationResult, ChatRoomRegistrationStatus, ReceivedChatAction, } from './protocol/v1/chat.js';
 export { HandshakeErr } from './protocol/v1/handshake.js';
 export { SigningErr } from './protocol/v1/sign.js';
@@ -18,3 +18,4 @@ export { RemotePermissionRequest } from './protocol/v1/remotePermission.js';
 export { PushNotification } from './protocol/v1/notification.js';
 export { NavigateToErr } from './protocol/v1/navigation.js';
 export { PreimageKey, PreimageSubmitErr, PreimageValue } from './protocol/v1/preimage.js';
+export { CustomRendererNode } from './protocol/v1/customRenderer.js';

package/dist/protocol/impl.d.ts

@@ -73,6 +73,9 @@ export declare const hostApiProtocol: {
             reason: string;
         }, "StorageErr::Unknown"> | import("@novasamatech/scale").CodecError<undefined, "StorageErr::Full">>>];
     }>;
+    readonly host_account_connection_status_subscribe: VersionedProtocolSubscription<{
+        readonly v1: [Codec<undefined>, Codec<"disconnected" | "connected">];
+    }>;
     readonly host_account_get: VersionedProtocolRequest<{
         readonly v1: [Codec<[string, number]>, Codec<import("scale-ts").ResultPayload<{
             publicKey: Uint8Array<ArrayBufferLike>;
@@ -233,6 +236,12 @@ export declare const hostApiProtocol: {
                     messageId: string;
                     emoji: string;
                 };
+            } | {
+                tag: "Custom";
+                value: {
+                    messageType: string;
+                    payload: Uint8Array<ArrayBufferLike>;
+                };
             };
         }>, Codec<import("scale-ts").ResultPayload<{
             messageId: string;
@@ -288,6 +297,12 @@ export declare const hostApiProtocol: {
                         messageId: string;
                         emoji: string;
                     };
+                } | {
+                    tag: "Custom";
+                    value: {
+                        messageType: string;
+                        payload: Uint8Array<ArrayBufferLike>;
+                    };
                 };
             } | {
                 tag: "ActionTriggered";
@@ -305,6 +320,12 @@ export declare const hostApiProtocol: {
             };
         }>];
     }>;
+    readonly product_chat_custom_message_render_subscribe: VersionedProtocolSubscription<{
+        readonly v1: [Codec<{
+            messageType: string;
+            payload: Uint8Array<ArrayBufferLike>;
+        }>, Codec<import("./v1/customRenderer.js").CustomRendererNodeType>];
+    }>;
     readonly remote_statement_store_subscribe: VersionedProtocolSubscription<{
         readonly v1: [Codec<Uint8Array<ArrayBufferLike>[]>, Codec<{
             proof: {

package/dist/protocol/impl.js

@@ -1,6 +1,6 @@
 import { Enum } from '@novasamatech/scale';
-import { AccountCreateProofV1_request, AccountCreateProofV1_response, AccountGetAliasV1_request, AccountGetAliasV1_response, AccountGetV1_request, AccountGetV1_response, GetNonProductAccountsV1_request, GetNonProductAccountsV1_response, } from './v1/accounts.js';
-import { ChatActionSubscribeV1_receive, ChatActionSubscribeV1_start, ChatCreateRoomV1_request, ChatCreateRoomV1_response, ChatListSubscribeV1_receive, ChatListSubscribeV1_start, ChatPostMessageV1_request, ChatPostMessageV1_response, ChatRegisterBotV1_request, ChatRegisterBotV1_response, } from './v1/chat.js';
+import { AccountConnectionStatusV1_receive, AccountConnectionStatusV1_start, AccountCreateProofV1_request, AccountCreateProofV1_response, AccountGetAliasV1_request, AccountGetAliasV1_response, AccountGetV1_request, AccountGetV1_response, GetNonProductAccountsV1_request, GetNonProductAccountsV1_response, } from './v1/accounts.js';
+import { ChatActionSubscribeV1_receive, ChatActionSubscribeV1_start, ChatCreateRoomV1_request, ChatCreateRoomV1_response, ChatCustomMessageRenderingV1_receive, ChatCustomMessageRenderingV1_start, ChatListSubscribeV1_receive, ChatListSubscribeV1_start, ChatPostMessageV1_request, ChatPostMessageV1_response, ChatRegisterBotV1_request, ChatRegisterBotV1_response, } from './v1/chat.js';
 import { CreateTransactionV1_request, CreateTransactionV1_response, CreateTransactionWithNonProductAccountV1_request, CreateTransactionWithNonProductAccountV1_response, } from './v1/createTransaction.js';
 import { DevicePermissionV1_request, DevicePermissionV1_response } from './v1/devicePermission.js';
 import { FeatureV1_request, FeatureV1_response } from './v1/feature.js';
@@ -62,6 +62,9 @@ export const hostApiProtocol = {
         v1: [StorageClearV1_request, StorageClearV1_response],
     }),
     // Account management
+    host_account_connection_status_subscribe: versionedSubscription({
+        v1: [AccountConnectionStatusV1_start, AccountConnectionStatusV1_receive],
+    }),
     host_account_get: versionedRequest({
         v1: [AccountGetV1_request, AccountGetV1_response],
     }),
@@ -103,6 +106,9 @@ export const hostApiProtocol = {
     host_chat_action_subscribe: versionedSubscription({
         v1: [ChatActionSubscribeV1_start, ChatActionSubscribeV1_receive],
     }),
+    product_chat_custom_message_render_subscribe: versionedSubscription({
+        v1: [ChatCustomMessageRenderingV1_start, ChatCustomMessageRenderingV1_receive],
+    }),
     // Statement store (remote namespace)
     remote_statement_store_subscribe: versionedSubscription({
         v1: [StatementStoreSubscribeV1_start, StatementStoreSubscribeV1_receive],

package/dist/protocol/messageCodec.d.ts

@@ -75,7 +75,11 @@ export declare const MessagePayload: EnumCodec<Record<"host_handshake_request",
     readonly v1: Codec<import("scale-ts").ResultPayload<undefined, import("@novasamatech/scale").CodecError<{
         reason: string;
     }, "StorageErr::Unknown"> | import("@novasamatech/scale").CodecError<undefined, "StorageErr::Full">>>;
-}>> & Record<"host_account_get_request", EnumCodec<{
+}>> & Record<"host_account_connection_status_subscribe_start", EnumCodec<{
+    readonly v1: Codec<undefined>;
+}>> & Record<"host_account_connection_status_subscribe_receive", EnumCodec<{
+    readonly v1: Codec<"disconnected" | "connected">;
+}>> & Record<"host_account_connection_status_subscribe_interrupt", Codec<undefined>> & Record<"host_account_connection_status_subscribe_stop", Codec<undefined>> & Record<"host_account_get_request", EnumCodec<{
     readonly v1: Codec<[string, number]>;
 }>> & Record<"host_account_get_response", EnumCodec<{
     readonly v1: Codec<import("scale-ts").ResultPayload<{
@@ -246,6 +250,12 @@ export declare const MessagePayload: EnumCodec<Record<"host_handshake_request",
                 messageId: string;
                 emoji: string;
             };
+        } | {
+            tag: "Custom";
+            value: {
+                messageType: string;
+                payload: Uint8Array<ArrayBufferLike>;
+            };
         };
     }>;
 }>> & Record<"host_chat_post_message_response", EnumCodec<{
@@ -304,6 +314,12 @@ export declare const MessagePayload: EnumCodec<Record<"host_handshake_request",
                     messageId: string;
                     emoji: string;
                 };
+            } | {
+                tag: "Custom";
+                value: {
+                    messageType: string;
+                    payload: Uint8Array<ArrayBufferLike>;
+                };
             };
         } | {
             tag: "ActionTriggered";
@@ -320,7 +336,14 @@ export declare const MessagePayload: EnumCodec<Record<"host_handshake_request",
             };
         };
     }>;
-}>> & Record<"host_chat_action_subscribe_interrupt", Codec<undefined>> & Record<"host_chat_action_subscribe_stop", Codec<undefined>> & Record<"remote_statement_store_subscribe_start", EnumCodec<{
+}>> & Record<"host_chat_action_subscribe_interrupt", Codec<undefined>> & Record<"host_chat_action_subscribe_stop", Codec<undefined>> & Record<"product_chat_custom_message_render_subscribe_start", EnumCodec<{
+    readonly v1: Codec<{
+        messageType: string;
+        payload: Uint8Array<ArrayBufferLike>;
+    }>;
+}>> & Record<"product_chat_custom_message_render_subscribe_receive", EnumCodec<{
+    readonly v1: Codec<import("./v1/customRenderer.js").CustomRendererNodeType>;
+}>> & Record<"product_chat_custom_message_render_subscribe_interrupt", Codec<undefined>> & Record<"product_chat_custom_message_render_subscribe_stop", Codec<undefined>> & Record<"remote_statement_store_subscribe_start", EnumCodec<{
     readonly v1: Codec<Uint8Array<ArrayBufferLike>[]>;
 }>> & Record<"remote_statement_store_subscribe_receive", EnumCodec<{
     readonly v1: Codec<{
@@ -618,6 +641,24 @@ export declare const Message: Codec<{
                 reason: string;
             }, "StorageErr::Unknown"> | import("@novasamatech/scale").CodecError<undefined, "StorageErr::Full">>;
         };
+    } | {
+        tag: "host_account_connection_status_subscribe_start";
+        value: {
+            tag: "v1";
+            value: undefined;
+        };
+    } | {
+        tag: "host_account_connection_status_subscribe_receive";
+        value: {
+            tag: "v1";
+            value: "disconnected" | "connected";
+        };
+    } | {
+        tag: "host_account_connection_status_subscribe_interrupt";
+        value: undefined;
+    } | {
+        tag: "host_account_connection_status_subscribe_stop";
+        value: undefined;
     } | {
         tag: "host_account_get_request";
         value: {
@@ -886,6 +927,12 @@ export declare const Message: Codec<{
                         messageId: string;
                         emoji: string;
                     };
+                } | {
+                    tag: "Custom";
+                    value: {
+                        messageType: string;
+                        payload: Uint8Array<ArrayBufferLike>;
+                    };
                 };
             };
         };
@@ -956,6 +1003,12 @@ export declare const Message: Codec<{
                             messageId: string;
                             emoji: string;
                         };
+                    } | {
+                        tag: "Custom";
+                        value: {
+                            messageType: string;
+                            payload: Uint8Array<ArrayBufferLike>;
+                        };
                     };
                 } | {
                     tag: "ActionTriggered";
@@ -979,6 +1032,27 @@ export declare const Message: Codec<{
     } | {
         tag: "host_chat_action_subscribe_stop";
         value: undefined;
+    } | {
+        tag: "product_chat_custom_message_render_subscribe_start";
+        value: {
+            tag: "v1";
+            value: {
+                messageType: string;
+                payload: Uint8Array<ArrayBufferLike>;
+            };
+        };
+    } | {
+        tag: "product_chat_custom_message_render_subscribe_receive";
+        value: {
+            tag: "v1";
+            value: import("./v1/customRenderer.js").CustomRendererNodeType;
+        };
+    } | {
+        tag: "product_chat_custom_message_render_subscribe_interrupt";
+        value: undefined;
+    } | {
+        tag: "product_chat_custom_message_render_subscribe_stop";
+        value: undefined;
     } | {
         tag: "remote_statement_store_subscribe_start";
         value: {

package/dist/protocol/v1/accounts.d.ts

@@ -60,6 +60,9 @@ export declare const CreateProofErr: [import("scale-ts").Encoder<import("@novasa
         reason: string;
     }, "CreateProofErr::Unknown">;
 };
+export declare const AccountConnectionStatus: import("scale-ts").Codec<"disconnected" | "connected">;
+export declare const AccountConnectionStatusV1_start: import("scale-ts").Codec<undefined>;
+export declare const AccountConnectionStatusV1_receive: import("scale-ts").Codec<"disconnected" | "connected">;
 export declare const AccountGetV1_request: import("scale-ts").Codec<[string, number]>;
 export declare const AccountGetV1_response: import("scale-ts").Codec<import("scale-ts").ResultPayload<{
     publicKey: Uint8Array<ArrayBufferLike>;

package/dist/protocol/v1/accounts.js

@@ -1,4 +1,4 @@
-import { ErrEnum, Hex } from '@novasamatech/scale';
+import { ErrEnum, Hex, Status } from '@novasamatech/scale';
 import { Bytes, Option, Result, Struct, Tuple, Vector, _void, str, u32 } from 'scale-ts';
 import { GenericErr, GenesisHash } from '../commonCodecs.js';
 // common types
@@ -38,6 +38,10 @@ export const CreateProofErr = ErrEnum('CreateProofErr', {
     Rejected: [_void, 'CreateProof: rejected'],
     Unknown: [GenericErr, 'CreateProof: unknown error'],
 });
+// account connection status
+export const AccountConnectionStatus = Status('disconnected', 'connected');
+export const AccountConnectionStatusV1_start = _void;
+export const AccountConnectionStatusV1_receive = AccountConnectionStatus;
 // account_get
 export const AccountGetV1_request = ProductAccountId;
 export const AccountGetV1_response = Result(Account, RequestCredentialsErr);

package/dist/protocol/v1/chat.d.ts

@@ -1,3 +1,5 @@
+import type { Codec } from 'scale-ts';
+import type { CustomRendererNodeType } from './customRenderer.js';
 export declare const ChatRoomRegistrationErr: [import("scale-ts").Encoder<import("@novasamatech/scale").CodecError<{
     reason: string;
 }, "ChatRoomRegistrationErr::Unknown"> | import("@novasamatech/scale").CodecError<undefined, "ChatRoomRegistrationErr::PermissionDenied">>, import("scale-ts").Decoder<import("@novasamatech/scale").CodecError<{
@@ -15,21 +17,21 @@ export declare const ChatRoomRegistrationErr: [import("scale-ts").Encoder<import
         reason: string;
     }, "ChatRoomRegistrationErr::Unknown">;
 };
-export declare const ChatRoomRequest: import("scale-ts").Codec<{
+export declare const ChatRoomRequest: Codec<{
     roomId: string;
     name: string;
     icon: string;
 }>;
-export declare const ChatRoomRegistrationStatus: import("scale-ts").Codec<"New" | "Exists">;
-export declare const ChatRoomRegistrationResult: import("scale-ts").Codec<{
+export declare const ChatRoomRegistrationStatus: Codec<"New" | "Exists">;
+export declare const ChatRoomRegistrationResult: Codec<{
     status: "New" | "Exists";
 }>;
-export declare const ChatCreateRoomV1_request: import("scale-ts").Codec<{
+export declare const ChatCreateRoomV1_request: Codec<{
     roomId: string;
     name: string;
     icon: string;
 }>;
-export declare const ChatCreateRoomV1_response: import("scale-ts").Codec<import("scale-ts").ResultPayload<{
+export declare const ChatCreateRoomV1_response: Codec<import("scale-ts").ResultPayload<{
     status: "New" | "Exists";
 }, import("@novasamatech/scale").CodecError<{
     reason: string;
@@ -51,41 +53,41 @@ export declare const ChatBotRegistrationErr: [import("scale-ts").Encoder<import(
         reason: string;
     }, "ChatBotRegistrationErr::Unknown">;
 };
-export declare const ChatBotRequest: import("scale-ts").Codec<{
+export declare const ChatBotRequest: Codec<{
     botId: string;
     name: string;
     icon: string;
 }>;
-export declare const ChatBotRegistrationStatus: import("scale-ts").Codec<"New" | "Exists">;
-export declare const ChatBotRegistrationResult: import("scale-ts").Codec<{
+export declare const ChatBotRegistrationStatus: Codec<"New" | "Exists">;
+export declare const ChatBotRegistrationResult: Codec<{
     status: "New" | "Exists";
 }>;
-export declare const ChatRegisterBotV1_request: import("scale-ts").Codec<{
+export declare const ChatRegisterBotV1_request: Codec<{
     botId: string;
     name: string;
     icon: string;
 }>;
-export declare const ChatRegisterBotV1_response: import("scale-ts").Codec<import("scale-ts").ResultPayload<{
+export declare const ChatRegisterBotV1_response: Codec<import("scale-ts").ResultPayload<{
     status: "New" | "Exists";
 }, import("@novasamatech/scale").CodecError<{
     reason: string;
 }, "ChatBotRegistrationErr::Unknown"> | import("@novasamatech/scale").CodecError<undefined, "ChatBotRegistrationErr::PermissionDenied">>>;
-export declare const ChatRoomParticipation: import("scale-ts").Codec<"RoomHost" | "Bot">;
-export declare const ChatRoom: import("scale-ts").Codec<{
+export declare const ChatRoomParticipation: Codec<"RoomHost" | "Bot">;
+export declare const ChatRoom: Codec<{
     roomId: string;
     participatingAs: "RoomHost" | "Bot";
 }>;
-export declare const ChatListSubscribeV1_start: import("scale-ts").Codec<undefined>;
-export declare const ChatListSubscribeV1_receive: import("scale-ts").Codec<{
+export declare const ChatListSubscribeV1_start: Codec<undefined>;
+export declare const ChatListSubscribeV1_receive: Codec<{
     roomId: string;
     participatingAs: "RoomHost" | "Bot";
 }[]>;
-export declare const ChatAction: import("scale-ts").Codec<{
+export declare const ChatAction: Codec<{
     actionId: string;
     title: string;
 }>;
-export declare const ChatActionLayout: import("scale-ts").Codec<"Column" | "Grid">;
-export declare const ChatActions: import("scale-ts").Codec<{
+export declare const ChatActionLayout: Codec<"Column" | "Grid">;
+export declare const ChatActions: Codec<{
     text: string | undefined;
     actions: {
         actionId: string;
@@ -93,27 +95,31 @@ export declare const ChatActions: import("scale-ts").Codec<{
     }[];
     layout: "Column" | "Grid";
 }>;
-export declare const ChatMedia: import("scale-ts").Codec<{
+export declare const ChatMedia: Codec<{
     url: string;
 }>;
-export declare const ChatRichText: import("scale-ts").Codec<{
+export declare const ChatRichText: Codec<{
     text: string | undefined;
     media: {
         url: string;
     }[];
 }>;
-export declare const ChatFile: import("scale-ts").Codec<{
+export declare const ChatFile: Codec<{
     url: string;
     fileName: string;
     mimeType: string;
     sizeBytes: bigint;
     text: string | undefined;
 }>;
-export declare const ChatReaction: import("scale-ts").Codec<{
+export declare const ChatReaction: Codec<{
     messageId: string;
     emoji: string;
 }>;
-export declare const ChatMessageContent: import("scale-ts").Codec<{
+export declare const ChatCustomMessage: Codec<{
+    messageType: string;
+    payload: Uint8Array<ArrayBufferLike>;
+}>;
+export declare const ChatMessageContent: Codec<{
     tag: "Text";
     value: string;
 } | {
@@ -155,6 +161,12 @@ export declare const ChatMessageContent: import("scale-ts").Codec<{
         messageId: string;
         emoji: string;
     };
+} | {
+    tag: "Custom";
+    value: {
+        messageType: string;
+        payload: Uint8Array<ArrayBufferLike>;
+    };
 }>;
 export declare const ChatMessagePostingErr: [import("scale-ts").Encoder<import("@novasamatech/scale").CodecError<{
     reason: string;
@@ -173,10 +185,10 @@ export declare const ChatMessagePostingErr: [import("scale-ts").Encoder<import("
         reason: string;
     }, "ChatMessagePostingErr::Unknown">;
 };
-export declare const ChatPostMessageResult: import("scale-ts").Codec<{
+export declare const ChatPostMessageResult: Codec<{
     messageId: string;
 }>;
-export declare const ChatPostMessageV1_request: import("scale-ts").Codec<{
+export declare const ChatPostMessageV1_request: Codec<{
     roomId: string;
     payload: {
         tag: "Text";
@@ -220,23 +232,29 @@ export declare const ChatPostMessageV1_request: import("scale-ts").Codec<{
             messageId: string;
             emoji: string;
         };
+    } | {
+        tag: "Custom";
+        value: {
+            messageType: string;
+            payload: Uint8Array<ArrayBufferLike>;
+        };
     };
 }>;
-export declare const ChatPostMessageV1_response: import("scale-ts").Codec<import("scale-ts").ResultPayload<{
+export declare const ChatPostMessageV1_response: Codec<import("scale-ts").ResultPayload<{
     messageId: string;
 }, import("@novasamatech/scale").CodecError<{
     reason: string;
 }, "ChatMessagePostingErr::Unknown"> | import("@novasamatech/scale").CodecError<undefined, "ChatMessagePostingErr::MessageTooLarge">>>;
-export declare const ActionTrigger: import("scale-ts").Codec<{
+export declare const ActionTrigger: Codec<{
     messageId: string;
     actionId: string;
     payload: Uint8Array<ArrayBufferLike> | undefined;
 }>;
-export declare const ChatCommand: import("scale-ts").Codec<{
+export declare const ChatCommand: Codec<{
     command: string;
     payload: string;
 }>;
-export declare const ChatActionPayload: import("scale-ts").Codec<{
+export declare const ChatActionPayload: Codec<{
     tag: "MessagePosted";
     value: {
         tag: "Text";
@@ -280,6 +298,12 @@ export declare const ChatActionPayload: import("scale-ts").Codec<{
             messageId: string;
             emoji: string;
         };
+    } | {
+        tag: "Custom";
+        value: {
+            messageType: string;
+            payload: Uint8Array<ArrayBufferLike>;
+        };
     };
 } | {
     tag: "ActionTriggered";
@@ -295,7 +319,7 @@ export declare const ChatActionPayload: import("scale-ts").Codec<{
         payload: string;
     };
 }>;
-export declare const ReceivedChatAction: import("scale-ts").Codec<{
+export declare const ReceivedChatAction: Codec<{
     roomId: string;
     peer: string;
     payload: {
@@ -342,6 +366,12 @@ export declare const ReceivedChatAction: import("scale-ts").Codec<{
                 messageId: string;
                 emoji: string;
             };
+        } | {
+            tag: "Custom";
+            value: {
+                messageType: string;
+                payload: Uint8Array<ArrayBufferLike>;
+            };
         };
     } | {
         tag: "ActionTriggered";
@@ -358,8 +388,8 @@ export declare const ReceivedChatAction: import("scale-ts").Codec<{
         };
     };
 }>;
-export declare const ChatActionSubscribeV1_start: import("scale-ts").Codec<undefined>;
-export declare const ChatActionSubscribeV1_receive: import("scale-ts").Codec<{
+export declare const ChatActionSubscribeV1_start: Codec<undefined>;
+export declare const ChatActionSubscribeV1_receive: Codec<{
     roomId: string;
     peer: string;
     payload: {
@@ -406,6 +436,12 @@ export declare const ChatActionSubscribeV1_receive: import("scale-ts").Codec<{
                 messageId: string;
                 emoji: string;
             };
+        } | {
+            tag: "Custom";
+            value: {
+                messageType: string;
+                payload: Uint8Array<ArrayBufferLike>;
+            };
         };
     } | {
         tag: "ActionTriggered";
@@ -422,3 +458,8 @@ export declare const ChatActionSubscribeV1_receive: import("scale-ts").Codec<{
         };
     };
 }>;
+export declare const ChatCustomMessageRenderingV1_start: Codec<{
+    messageType: string;
+    payload: Uint8Array<ArrayBufferLike>;
+}>;
+export declare const ChatCustomMessageRenderingV1_receive: Codec<CustomRendererNodeType>;

package/dist/protocol/v1/chat.js

@@ -1,6 +1,7 @@
 import { Enum, ErrEnum, Status } from '@novasamatech/scale';
 import { Bytes, Option, Result, Struct, Vector, _void, str, u64 } from 'scale-ts';
 import { GenericErr } from '../commonCodecs.js';
+import { CustomRendererNode } from './customRenderer.js';
 // room registration
 export const ChatRoomRegistrationErr = ErrEnum('ChatRoomRegistrationErr', {
     PermissionDenied: [_void, 'Permission denied'],
@@ -70,6 +71,10 @@ export const ChatReaction = Struct({
     messageId: str,
     emoji: str,
 });
+export const ChatCustomMessage = Struct({
+    messageType: str,
+    payload: Bytes(),
+});
 export const ChatMessageContent = Enum({
     Text: str,
     RichText: ChatRichText,
@@ -77,6 +82,7 @@ export const ChatMessageContent = Enum({
     File: ChatFile,
     Reaction: ChatReaction,
     ReactionRemoved: ChatReaction,
+    Custom: ChatCustomMessage,
 });
 // sending message
 export const ChatMessagePostingErr = ErrEnum('ChatMessagePostingErr', {
@@ -113,3 +119,6 @@ export const ReceivedChatAction = Struct({
 });
 export const ChatActionSubscribeV1_start = _void;
 export const ChatActionSubscribeV1_receive = ReceivedChatAction;
+// custom message rendering
+export const ChatCustomMessageRenderingV1_start = Struct({ messageType: str, payload: Bytes() });
+export const ChatCustomMessageRenderingV1_receive = CustomRendererNode;

package/dist/protocol/v1/customRenderer.d.ts

@@ -0,0 +1,143 @@
+import type { Codec, CodecType } from 'scale-ts';
+import { _void } from 'scale-ts';
+export declare const Size: Codec<number | bigint>;
+export declare const Dimensions: Codec<[number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined]>;
+export declare const TypographyStyle: Codec<"titleXL" | "headline" | "bodyM" | "bodyS" | "caption">;
+export declare const ButtonVariant: Codec<"primary" | "secondary" | "text">;
+export declare const ColorToken: Codec<"textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning">;
+export declare const ContentAlignment: Codec<"topStart" | "topCenter" | "topEnd" | "centerStart" | "center" | "centerEnd" | "bottomStart" | "bottomCenter" | "bottomEnd">;
+export declare const HorizontalAlignment: Codec<"center" | "start" | "end">;
+export declare const VerticalAlignment: Codec<"center" | "top" | "bottom">;
+export declare const Arrangement: Codec<"center" | "start" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly">;
+export declare const Shape: Codec<{
+    tag: "Rounded";
+    value: number | bigint;
+} | {
+    tag: "Circle";
+    value: undefined;
+}>;
+export declare const BorderStyle: Codec<{
+    width: number | bigint;
+    color: "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning";
+    shape: {
+        tag: "Rounded";
+        value: number | bigint;
+    } | {
+        tag: "Circle";
+        value: undefined;
+    } | undefined;
+}>;
+export declare const Modifiers: Codec<{
+    margin: [number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined] | undefined;
+    padding: [number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined] | undefined;
+    background: {
+        color: "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning";
+        shape: {
+            tag: "Rounded";
+            value: number | bigint;
+        } | {
+            tag: "Circle";
+            value: undefined;
+        } | undefined;
+    } | undefined;
+    border: {
+        width: number | bigint;
+        color: "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning";
+        shape: {
+            tag: "Rounded";
+            value: number | bigint;
+        } | {
+            tag: "Circle";
+            value: undefined;
+        } | undefined;
+    } | undefined;
+    height: number | bigint | undefined;
+    width: number | bigint | undefined;
+    minWidth: number | bigint | undefined;
+    minHeight: number | bigint | undefined;
+    fillWidth: boolean | undefined;
+    fillHeight: boolean | undefined;
+}>;
+type EnumVariants<T> = {
+    [K in keyof T]: {
+        tag: K;
+        value: T[K];
+    };
+}[keyof T];
+type ComponentType<Props extends Codec<any>> = CodecType<ReturnType<typeof Component<Props>>>;
+declare function Component<Props extends Codec<any>>(props: Props): Codec<{
+    modifiers: {
+        margin: [number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined] | undefined;
+        padding: [number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined] | undefined;
+        background: {
+            color: "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning";
+            shape: {
+                tag: "Rounded";
+                value: number | bigint;
+            } | {
+                tag: "Circle";
+                value: undefined;
+            } | undefined;
+        } | undefined;
+        border: {
+            width: number | bigint;
+            color: "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning";
+            shape: {
+                tag: "Rounded";
+                value: number | bigint;
+            } | {
+                tag: "Circle";
+                value: undefined;
+            } | undefined;
+        } | undefined;
+        height: number | bigint | undefined;
+        width: number | bigint | undefined;
+        minWidth: number | bigint | undefined;
+        minHeight: number | bigint | undefined;
+        fillWidth: boolean | undefined;
+        fillHeight: boolean | undefined;
+    } | undefined;
+    props: CodecType<Props>;
+    children: CustomRendererNodeType[];
+}>;
+export declare const BoxProps: Codec<{
+    contentAlignment: "topStart" | "topCenter" | "topEnd" | "centerStart" | "center" | "centerEnd" | "bottomStart" | "bottomCenter" | "bottomEnd" | undefined;
+}>;
+export declare const ColumnProps: Codec<{
+    horizontalAlignment: "center" | "start" | "end" | undefined;
+    verticalArrangement: "center" | "start" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
+}>;
+export declare const RowProps: Codec<{
+    verticalAlignment: "center" | "top" | "bottom" | undefined;
+    horizontalArrangement: "center" | "start" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
+}>;
+export declare const TextProps: Codec<{
+    style: "titleXL" | "headline" | "bodyM" | "bodyS" | "caption" | undefined;
+    color: "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "error" | "warning" | undefined;
+}>;
+export declare const ButtonProps: Codec<{
+    variant: "primary" | "secondary" | "text" | undefined;
+    enabled: boolean | undefined;
+    loading: boolean | undefined;
+    clickAction: string | undefined;
+}>;
+export declare const TextFieldProps: Codec<{
+    value: string | undefined;
+    placeholder: string | undefined;
+    label: string | undefined;
+    enabled: boolean | undefined;
+    valueChangeAction: string | undefined;
+}>;
+export type CustomRendererNodeType = EnumVariants<{
+    Nil: undefined;
+    String: string;
+    Box: ComponentType<typeof BoxProps>;
+    Column: ComponentType<typeof ColumnProps>;
+    Row: ComponentType<typeof RowProps>;
+    Spacer: ComponentType<typeof _void>;
+    Text: ComponentType<typeof TextProps>;
+    Button: ComponentType<typeof ButtonProps>;
+    TextField: ComponentType<typeof TextFieldProps>;
+}>;
+export declare const CustomRendererNode: Codec<CustomRendererNodeType>;
+export {};

package/dist/protocol/v1/customRenderer.js

@@ -0,0 +1,82 @@
+import { Enum, Status, lazy } from '@novasamatech/scale';
+import { Option, Struct, Tuple, Vector, _void, bool, compact, str } from 'scale-ts';
+export const Size = compact;
+export const Dimensions = Tuple(Size, Size, Option(Size), Option(Size));
+export const TypographyStyle = Status('titleXL', 'headline', 'bodyM', 'bodyS', 'caption');
+export const ButtonVariant = Status('primary', 'secondary', 'text');
+export const ColorToken = Status('textPrimary', 'textSecondary', 'textTertiary', 'backgroundPrimary', 'backgroundSecondary', 'backgroundTertiary', 'success', 'error', 'warning');
+export const ContentAlignment = Status('topStart', 'topCenter', 'topEnd', 'centerStart', 'center', 'centerEnd', 'bottomStart', 'bottomCenter', 'bottomEnd');
+export const HorizontalAlignment = Status('start', 'center', 'end');
+export const VerticalAlignment = Status('top', 'center', 'bottom');
+export const Arrangement = Status('start', 'end', 'center', 'spaceBetween', 'spaceAround', 'spaceEvenly');
+export const Shape = Enum({
+    Rounded: Size,
+    Circle: _void,
+});
+export const BorderStyle = Struct({
+    width: Size,
+    color: ColorToken,
+    shape: Option(Shape),
+});
+export const Modifiers = Struct({
+    margin: Option(Dimensions),
+    padding: Option(Dimensions),
+    background: Option(Struct({
+        color: ColorToken,
+        shape: Option(Shape),
+    })),
+    border: Option(BorderStyle),
+    height: Option(Size),
+    width: Option(Size),
+    minWidth: Option(Size),
+    minHeight: Option(Size),
+    fillWidth: Option(bool),
+    fillHeight: Option(bool),
+});
+const Children = lazy(() => CustomRendererNode);
+function Component(props) {
+    return Struct({
+        modifiers: Option(Modifiers),
+        props: props,
+        children: Vector(Children),
+    });
+}
+export const BoxProps = Struct({
+    contentAlignment: Option(ContentAlignment),
+});
+export const ColumnProps = Struct({
+    horizontalAlignment: Option(HorizontalAlignment),
+    verticalArrangement: Option(Arrangement),
+});
+export const RowProps = Struct({
+    verticalAlignment: Option(VerticalAlignment),
+    horizontalArrangement: Option(Arrangement),
+});
+export const TextProps = Struct({
+    style: Option(TypographyStyle),
+    color: Option(ColorToken),
+});
+export const ButtonProps = Struct({
+    variant: Option(ButtonVariant),
+    enabled: Option(bool),
+    loading: Option(bool),
+    clickAction: Option(str),
+});
+export const TextFieldProps = Struct({
+    value: Option(str),
+    placeholder: Option(str),
+    label: Option(str),
+    enabled: Option(bool),
+    valueChangeAction: Option(str),
+});
+export const CustomRendererNode = Enum({
+    Nil: _void,
+    String: str,
+    Box: Component(BoxProps),
+    Column: Component(ColumnProps),
+    Row: Component(RowProps),
+    Spacer: Component(_void),
+    Text: Component(TextProps),
+    Button: Component(ButtonProps),
+    TextField: Component(TextFieldProps),
+});

package/dist/protocol/v1/sign.js

@@ -13,12 +13,13 @@ export const SigningResult = Struct({
     signedTransaction: Option(Hex()),
 });
 // sign raw
+const RawPayload = Enum({
+    Bytes: Bytes(),
+    Payload: str,
+});
 const SigningRawPayload = Struct({
     address: str,
-    data: Enum({
-        Bytes: Bytes(),
-        Payload: str,
-    }),
+    data: RawPayload,
 });
 export const SignRawV1_request = SigningRawPayload;
 export const SignRawV1_response = Result(SigningResult, SigningErr);

package/dist/transport.js

@@ -181,13 +181,21 @@ export function createTransport(provider) {
             const unsubStart = transport.listenMessages(startAction, (requestId, payload) => {
                 if (subscriptions.has(requestId))
                     return;
+                let interrupted = false;
                 const unsubscribe = handler(payload.value, value => {
                     const receivePayload = enumValue(receiveAction, value);
                     transport.postMessage(requestId, receivePayload);
                 }, () => {
+                    interrupted = true;
+                    subscriptions.delete(requestId);
                     transport.postMessage(requestId, enumValue(interruptAction, undefined));
                 });
-                subscriptions.set(requestId, unsubscribe);
+                if (interrupted) {
+                    unsubscribe();
+                }
+                else {
+                    subscriptions.set(requestId, unsubscribe);
+                }
             });
             const unsubStop = transport.listenMessages(stopAction, requestId => {
                 subscriptions.get(requestId)?.();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@novasamatech/host-api",
   "type": "module",
-  "version": "0.5.5",
+  "version": "0.6.1",
   "description": "Host API: transport implementation for host - product integration.",
   "license": "Apache-2.0",
   "repository": {
@@ -21,7 +21,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@novasamatech/scale": "0.5.5",
+    "@novasamatech/scale": "0.6.1",
     "@polkadot-api/utils": "^0.2.0",
     "nanoevents": "9.1.0",
     "nanoid": "5.1.6",