@nethesis/chat-island 0.1.0 → 0.1.2

package/README.md

@@ -10,6 +10,8 @@ import '@nethesis/chat-island/dist/index.css'
 ```
 
 Serve `dist/chat-island-sw.js` from the host for notifications with the tab closed.
+`theme`: `light`, `dark` or `system`; default follows the host's `dark` class on `<html>`.
+`drag={false}` when the host moves its own window (NethLink).
 
 ## Events
 
@@ -21,6 +23,7 @@ Serve `dist/chat-island-sw.js` from the host for notifications with the tab clos
 | `chat-island-delete` | in | `{ username }` purge a conversation, leave or destroy a group |
 | `chat-island-contacts` | in | `{ contacts }` names, avatars, presence, number |
 | `chat-island-conversations-request` | in | ask for the list |
+| `chat-island-theme-change` | in | `{ theme }` light, dark or system, remembered |
 | `chat-island-conversations` | out | `{ conversations }` newest first |
 | `chat-island-unread` | out | `{ total }` |
 | `chat-island-message` | out | every new message |

package/dist/ChatIsland.d.ts

@@ -1,11 +1,12 @@
+import { type Theme } from './theme';
 import './index.css';
 export interface ChatIslandProps {
     /** Base64 of "<cti_host>:<cti_username>:<cti_token>", the same shape phone-island uses. */
     dataConfig: string;
     /** Where the island sits; default bottom-right. */
     position?: 'bottom-right' | 'bottom-left';
-    /** Force dark theme; by default follows a `dark` class on <html>. */
-    dark?: boolean;
+    /** 'light', 'dark' or 'system'; default follows the host's `dark` class on <html>. */
+    theme?: Theme;
     /** URL of chat-island-sw.js served by the host app; enables notifications when the tab is closed. */
     serviceWorker?: string;
     /** How many chat heads the dock keeps; older ones drop off. Default 5. */
@@ -16,5 +17,7 @@ export interface ChatIslandProps {
     notifications?: 'auto' | 'click';
     /** Play a short chime when a message arrives and its window is not in view (default true). */
     sound?: boolean;
+    /** Drag the island around the page (default true); off when the host moves its own window. */
+    drag?: boolean;
 }
-export declare function ChatIsland({ dataConfig, position, dark, serviceWorker, maxHeads, newChatButton, notifications, sound }: ChatIslandProps): import("react").JSX.Element | null;
+export declare function ChatIsland({ dataConfig, position, theme, serviceWorker, maxHeads, newChatButton, notifications, sound, drag: draggable }: ChatIslandProps): import("react").JSX.Element | null;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { ChatIsland, type ChatIslandProps } from './ChatIsland';
 export type { Contact, ConversationSummary, Message, Status } from './types';
+export type { Theme } from './theme';