@voxket-ai/voxket-live 1.0.71 → 1.0.72
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 +3 -23
- package/dist/index.cjs +41 -70
- package/dist/index.css +1 -0
- package/dist/index.js +2332 -2385
- package/package.json +3 -5
- package/dist/style.css +0 -1
package/README.md
CHANGED
|
@@ -29,26 +29,11 @@ npm install @voxket-ai/voxket-live@latest
|
|
|
29
29
|
|
|
30
30
|
## Usage
|
|
31
31
|
|
|
32
|
-
To use the Voxket Live widget in your React application, simply import and use the component. **
|
|
32
|
+
To use the Voxket Live widget in your React application, simply import and use the component. **No separate CSS import is required** - styles are automatically included:
|
|
33
33
|
|
|
34
|
-
### Automatic Styles (Recommended)
|
|
35
34
|
```tsx
|
|
36
35
|
import React from 'react';
|
|
37
36
|
import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
|
|
38
|
-
// Styles are automatically injected - no manual import needed!
|
|
39
|
-
|
|
40
|
-
const MyCustomApp = () => {
|
|
41
|
-
// ... component code
|
|
42
|
-
};
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
### Manual CSS Import (If needed)
|
|
46
|
-
If automatic style injection doesn't work in your setup, you can manually import the CSS:
|
|
47
|
-
|
|
48
|
-
```tsx
|
|
49
|
-
import React from 'react';
|
|
50
|
-
import VoxketWidget, { VoxketWidgetProps } from '@voxket-ai/voxket-live';
|
|
51
|
-
import '@voxket-ai/voxket-live/style.css'; // Manual CSS import
|
|
52
37
|
|
|
53
38
|
const MyCustomApp = () => {
|
|
54
39
|
const widgetProps: VoxketWidgetProps = {
|
|
@@ -76,14 +61,9 @@ const MyCustomApp = () => {
|
|
|
76
61
|
export default MyCustomApp;
|
|
77
62
|
```
|
|
78
63
|
|
|
79
|
-
### ✅
|
|
80
|
-
|
|
81
|
-
As of version 1.0.70+, **CSS styles are automatically injected** when you import any component. If automatic injection doesn't work in your environment, you can manually import the CSS file as shown above.
|
|
64
|
+
### ✅ Auto-Included Styles
|
|
82
65
|
|
|
83
|
-
**
|
|
84
|
-
- For Next.js apps, see our [Next.js Troubleshooting Guide](./NEXT_JS_TROUBLESHOOTING.md)
|
|
85
|
-
- For React conflicts, see our [React Conflict Prevention Guide](./REACT_CONFLICTS.md)
|
|
86
|
-
- If styles don't load automatically, use the manual CSS import method above
|
|
66
|
+
As of version 1.0.22+, **CSS styles are automatically injected** when you import the component. You don't need to manually import any CSS files!
|
|
87
67
|
|
|
88
68
|
## Props
|
|
89
69
|
|