hanc-webrtc-widgets 2.0.1 → 2.0.2
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.
- package/README.md +40 -0
- package/dist/hanc-webrtc-widgets.es.js +3160 -2931
- package/dist/hanc-webrtc-widgets.umd.js +56 -40
- package/dist/src/components/floating-call/floating-call.d.ts +12 -0
- package/dist/src/components/inline-call/inline-call.d.ts +13 -0
- package/dist/src/core/color-utils.d.ts +1 -0
- package/dist/src/renderers/base-renderer.d.ts +8 -2
- package/dist/src/renderers/neural-network-renderer.d.ts +8 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -6,6 +6,38 @@ It provides ready-to-use, customizable, and lightweight UI widgets for initiatin
|
|
|
6
6
|
|
|
7
7
|
You can use it in **plain HTML**, or integrate it with **React**, **Next.js**, or any other modern frontend stack.
|
|
8
8
|
|
|
9
|
+
## What's New
|
|
10
|
+
|
|
11
|
+
- Light/dark orb color overrides via `orb-color-light` and `orb-color-dark`.
|
|
12
|
+
- Active-state overrides per theme via `active-orb-color-light` and `active-orb-color-dark`.
|
|
13
|
+
- Smoother neural-network transitions between connected and idle states.
|
|
14
|
+
|
|
15
|
+
### Examples
|
|
16
|
+
|
|
17
|
+
Inline (different colors per theme):
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<hanc-ai-inline-call
|
|
21
|
+
agent-id="YOUR_AGENT_ID"
|
|
22
|
+
orb-color-light="#6d28d9"
|
|
23
|
+
orb-color-dark="#8b5cf6"
|
|
24
|
+
active-orb-color-light="#16a34a"
|
|
25
|
+
active-orb-color-dark="#22c55e"
|
|
26
|
+
></hanc-ai-inline-call>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Floating (same behavior, colors optional per theme):
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<hanc-ai-floating-call
|
|
33
|
+
agent-id="YOUR_AGENT_ID"
|
|
34
|
+
orb-color-light="var(--brand-accent-600)"
|
|
35
|
+
orb-color-dark="var(--brand-accent-400)"
|
|
36
|
+
active-orb-color-light="#0ea5e9"
|
|
37
|
+
active-orb-color-dark="#38bdf8"
|
|
38
|
+
></hanc-ai-floating-call>
|
|
39
|
+
```
|
|
40
|
+
|
|
9
41
|
## Quick Start
|
|
10
42
|
|
|
11
43
|
### HTML Example
|
|
@@ -239,7 +271,11 @@ Visual styles: `liquid-glass` , `liquid-glass-premium`, `neural-liquid`,
|
|
|
239
271
|
- `hide-button`
|
|
240
272
|
- `button-position`
|
|
241
273
|
- `orb-color`
|
|
274
|
+
- `orb-color-light`
|
|
275
|
+
- `orb-color-dark`
|
|
242
276
|
- `active-orb-color`
|
|
277
|
+
- `active-orb-color-light`
|
|
278
|
+
- `active-orb-color-dark`
|
|
243
279
|
- `button-color`
|
|
244
280
|
- `button-hover-color`
|
|
245
281
|
- `button-active-color`
|
|
@@ -268,7 +304,11 @@ Visual styles: `liquid-glass` , `liquid-glass-premium`, `neural-liquid`,
|
|
|
268
304
|
- `hide-button`
|
|
269
305
|
- `button-position`
|
|
270
306
|
- `orb-color`
|
|
307
|
+
- `orb-color-light`
|
|
308
|
+
- `orb-color-dark`
|
|
271
309
|
- `active-orb-color`
|
|
310
|
+
- `active-orb-color-light`
|
|
311
|
+
- `active-orb-color-dark`
|
|
272
312
|
- `button-color`
|
|
273
313
|
- `button-hover-color`
|
|
274
314
|
- `button-active-color`
|