@conversokit/widgets 0.1.0 → 0.1.1
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/package.json +14 -3
package/README.md
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# @conversokit/widgets
|
|
2
|
+
|
|
3
|
+
19 themed React widgets for ConversoKit (commerce, booking, lead-gen, travel, dashboard, consent) — every widget styled via `--ck-*` CSS variables.
|
|
4
|
+
|
|
5
|
+
Part of [ConversoKit](https://github.com/Xyborg/ConversoKit) — a boilerplate for building ChatGPT Apps (Apps SDK / MCP) in <30 minutes.
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
pnpm add @conversokit/widgets @conversokit/themes react
|
|
11
|
+
# or
|
|
12
|
+
npm install @conversokit/widgets @conversokit/themes react
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { ThemeProvider, themes } from '@conversokit/themes';
|
|
19
|
+
import { ProductCard, AddToCartPanel, CheckoutSummary } from '@conversokit/widgets';
|
|
20
|
+
|
|
21
|
+
export function Storefront({ product }) {
|
|
22
|
+
return (
|
|
23
|
+
<ThemeProvider theme={themes.commerce}>
|
|
24
|
+
<ProductCard product={product} />
|
|
25
|
+
<AddToCartPanel productId={product.id} />
|
|
26
|
+
<CheckoutSummary />
|
|
27
|
+
</ThemeProvider>
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
Widgets ship for commerce (`ProductCard`, `ProductCarousel`, `AddToCartPanel`, `CheckoutSummary`), booking (`AvailabilityCalendar`, `TimeSlotSelector`, `BookingCard`), lead-gen, travel, dashboard, and a `ConsentBanner` for PRD §14 compliance.
|
|
33
|
+
|
|
34
|
+
## Documentation
|
|
35
|
+
|
|
36
|
+
Full docs and runnable examples live in the [main repo](https://github.com/Xyborg/ConversoKit#readme).
|
|
37
|
+
|
|
38
|
+
## License
|
|
39
|
+
|
|
40
|
+
Apache-2.0 © Martín Aberastegue
|
package/package.json
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@conversokit/widgets",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "19 themed React widgets for ConversoKit (commerce, booking, lead-gen, travel, dashboard, consent) — every widget styled via `--ck-*` CSS variables.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
|
+
"keywords": [
|
|
7
|
+
"react",
|
|
8
|
+
"components",
|
|
9
|
+
"ui",
|
|
10
|
+
"chatgpt-apps",
|
|
11
|
+
"mcp",
|
|
12
|
+
"conversokit"
|
|
13
|
+
],
|
|
14
|
+
"engines": {
|
|
15
|
+
"node": ">=18.0.0"
|
|
16
|
+
},
|
|
6
17
|
"repository": {
|
|
7
18
|
"type": "git",
|
|
8
19
|
"url": "git+https://github.com/Xyborg/ConversoKit.git",
|
|
@@ -25,8 +36,8 @@
|
|
|
25
36
|
"date-fns": "^3.6.0",
|
|
26
37
|
"react-hook-form": "^7.51.0",
|
|
27
38
|
"zod": "^3.22.2",
|
|
28
|
-
"@conversokit/
|
|
29
|
-
"@conversokit/
|
|
39
|
+
"@conversokit/shared": "0.1.1",
|
|
40
|
+
"@conversokit/themes": "0.1.1"
|
|
30
41
|
},
|
|
31
42
|
"peerDependencies": {
|
|
32
43
|
"react": "^18.0.0"
|