@nikkory/vibe-engine 4.0.2 → 4.0.3
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 +44 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -73,6 +73,50 @@ vibe batch -o ./generated --ds material-design
|
|
|
73
73
|
| Standard | 50-150 | + forwardRef, displayName, variants |
|
|
74
74
|
| Enterprise | 150-300 | + memo, useCallback, analytics, ARIA |
|
|
75
75
|
|
|
76
|
+
### Example Output (Enterprise Tier)
|
|
77
|
+
|
|
78
|
+
Generated Material Design Button with full production-ready features:
|
|
79
|
+
|
|
80
|
+
```typescript
|
|
81
|
+
import React, { memo, forwardRef, useCallback } from 'react';
|
|
82
|
+
|
|
83
|
+
export const MaterialDesignButtonEnterprise = memo(
|
|
84
|
+
forwardRef<HTMLButtonElement, MaterialDesignButtonEnterpriseProps>(
|
|
85
|
+
({ children, analyticsEvent, onClick, ...props }, ref) => {
|
|
86
|
+
const handleClick = useCallback(
|
|
87
|
+
(e: React.MouseEvent<HTMLButtonElement>): void => {
|
|
88
|
+
if (analyticsEvent && typeof window !== 'undefined') {
|
|
89
|
+
(window as unknown as { dataLayer?: unknown[] }).dataLayer?.push({
|
|
90
|
+
event: analyticsEvent,
|
|
91
|
+
category: 'component',
|
|
92
|
+
action: 'click',
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
onClick?.(e);
|
|
96
|
+
},
|
|
97
|
+
[analyticsEvent, onClick]
|
|
98
|
+
);
|
|
99
|
+
|
|
100
|
+
return (
|
|
101
|
+
<button
|
|
102
|
+
ref={ref}
|
|
103
|
+
onClick={handleClick}
|
|
104
|
+
className="bg-blue-500 hover:bg-blue-600 rounded-full px-6 py-3"
|
|
105
|
+
aria-label={props['aria-label']}
|
|
106
|
+
{...props}
|
|
107
|
+
>
|
|
108
|
+
{children}
|
|
109
|
+
</button>
|
|
110
|
+
);
|
|
111
|
+
}
|
|
112
|
+
)
|
|
113
|
+
);
|
|
114
|
+
|
|
115
|
+
MaterialDesignButtonEnterprise.displayName = 'MaterialDesignButtonEnterprise';
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
**Generated in <0.1s** with full TypeScript types and tests included.
|
|
119
|
+
|
|
76
120
|
---
|
|
77
121
|
|
|
78
122
|
## 🎯 24-Factor System
|
package/package.json
CHANGED