@zentauri-ui/zentauri-components 2.3.1 → 2.3.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 +7 -5
- package/cli/props.json +664 -0
- package/cli/registry.json +12 -0
- package/dist/chunk-2RBBXVFA.js +19 -0
- package/dist/{chunk-MY3DQVNF.js.map → chunk-2RBBXVFA.js.map} +1 -1
- package/dist/{chunk-VMVG2RVZ.mjs → chunk-425DAZTS.mjs} +4 -4
- package/dist/{chunk-VMVG2RVZ.mjs.map → chunk-425DAZTS.mjs.map} +1 -1
- package/dist/{chunk-RBNZNWYQ.js → chunk-6GP74P4F.js} +6 -6
- package/dist/{chunk-RBNZNWYQ.js.map → chunk-6GP74P4F.js.map} +1 -1
- package/dist/chunk-DUKHIN2W.js +44 -0
- package/dist/chunk-DUKHIN2W.js.map +1 -0
- package/dist/chunk-HJ7EFBED.js +86 -0
- package/dist/chunk-HJ7EFBED.js.map +1 -0
- package/dist/chunk-K2VCZK4I.mjs +75 -0
- package/dist/chunk-K2VCZK4I.mjs.map +1 -0
- package/dist/{chunk-UN5RRNPV.js → chunk-KVBFWRPF.js} +12 -12
- package/dist/{chunk-UN5RRNPV.js.map → chunk-KVBFWRPF.js.map} +1 -1
- package/dist/chunk-N4MLFU2Q.mjs +69 -0
- package/dist/chunk-N4MLFU2Q.mjs.map +1 -0
- package/dist/{chunk-K7UU3K54.js → chunk-NZQA4M35.js} +24 -4
- package/dist/chunk-NZQA4M35.js.map +1 -0
- package/dist/chunk-OME7XOPN.js +78 -0
- package/dist/chunk-OME7XOPN.js.map +1 -0
- package/dist/chunk-PVDWJUMF.mjs +34 -0
- package/dist/chunk-PVDWJUMF.mjs.map +1 -0
- package/dist/{chunk-TTKTPERV.mjs → chunk-R2JXARKB.mjs} +3 -3
- package/dist/{chunk-TTKTPERV.mjs.map → chunk-R2JXARKB.mjs.map} +1 -1
- package/dist/chunk-SD7YXMNV.js +40 -0
- package/dist/chunk-SD7YXMNV.js.map +1 -0
- package/dist/{chunk-PJATBFEK.mjs → chunk-TZTUL6C4.mjs} +24 -4
- package/dist/chunk-TZTUL6C4.mjs.map +1 -0
- package/dist/chunk-V5EE5ATH.mjs +36 -0
- package/dist/chunk-V5EE5ATH.mjs.map +1 -0
- package/dist/{chunk-STWXN5EM.mjs → chunk-YDD5HQGX.mjs} +3 -3
- package/dist/{chunk-STWXN5EM.mjs.map → chunk-YDD5HQGX.mjs.map} +1 -1
- package/dist/design-system/facade.js +6 -4
- package/dist/design-system/facade.js.map +1 -1
- package/dist/design-system/facade.mjs +5 -3
- package/dist/design-system/facade.mjs.map +1 -1
- package/dist/design-system/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/speech-recognition.d.ts +39 -0
- package/dist/design-system/speech-recognition.d.ts.map +1 -0
- package/dist/design-system/speech-synthesizer.d.ts +41 -0
- package/dist/design-system/speech-synthesizer.d.ts.map +1 -0
- package/dist/ui/buttons/animated.js +8 -6
- package/dist/ui/buttons/animated.js.map +1 -1
- package/dist/ui/buttons/animated.mjs +6 -4
- package/dist/ui/buttons/animated.mjs.map +1 -1
- package/dist/ui/buttons.js +9 -7
- package/dist/ui/buttons.mjs +7 -5
- package/dist/ui/data-table.js +19 -17
- package/dist/ui/data-table.js.map +1 -1
- package/dist/ui/data-table.mjs +9 -7
- package/dist/ui/data-table.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +18 -16
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +7 -5
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/pagination.js +10 -8
- package/dist/ui/pagination.mjs +7 -5
- package/dist/ui/speech-recognition/animated/animations.d.ts +8 -0
- package/dist/ui/speech-recognition/animated/animations.d.ts.map +1 -0
- package/dist/ui/speech-recognition/animated/index.d.ts +4 -0
- package/dist/ui/speech-recognition/animated/index.d.ts.map +1 -0
- package/dist/ui/speech-recognition/animated/speech-recognition-animated.d.ts +6 -0
- package/dist/ui/speech-recognition/animated/speech-recognition-animated.d.ts.map +1 -0
- package/dist/ui/speech-recognition/animated/types.d.ts +9 -0
- package/dist/ui/speech-recognition/animated/types.d.ts.map +1 -0
- package/dist/ui/speech-recognition/animated.js +288 -0
- package/dist/ui/speech-recognition/animated.js.map +1 -0
- package/dist/ui/speech-recognition/animated.mjs +285 -0
- package/dist/ui/speech-recognition/animated.mjs.map +1 -0
- package/dist/ui/speech-recognition/index.d.ts +4 -0
- package/dist/ui/speech-recognition/index.d.ts.map +1 -0
- package/dist/ui/speech-recognition/speech-recognition-base.d.ts +6 -0
- package/dist/ui/speech-recognition/speech-recognition-base.d.ts.map +1 -0
- package/dist/ui/speech-recognition/speech-recognition.d.ts +2 -0
- package/dist/ui/speech-recognition/speech-recognition.d.ts.map +1 -0
- package/dist/ui/speech-recognition/types.d.ts +31 -0
- package/dist/ui/speech-recognition/types.d.ts.map +1 -0
- package/dist/ui/speech-recognition/variants.d.ts +11 -0
- package/dist/ui/speech-recognition/variants.d.ts.map +1 -0
- package/dist/ui/speech-recognition.js +242 -0
- package/dist/ui/speech-recognition.js.map +1 -0
- package/dist/ui/speech-recognition.mjs +233 -0
- package/dist/ui/speech-recognition.mjs.map +1 -0
- package/dist/ui/speech-synthesizer/animated/animations.d.ts +8 -0
- package/dist/ui/speech-synthesizer/animated/animations.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/animated/index.d.ts +4 -0
- package/dist/ui/speech-synthesizer/animated/index.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/animated/speech-synthesizer-animated.d.ts +6 -0
- package/dist/ui/speech-synthesizer/animated/speech-synthesizer-animated.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/animated/types.d.ts +9 -0
- package/dist/ui/speech-synthesizer/animated/types.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/animated.js +269 -0
- package/dist/ui/speech-synthesizer/animated.js.map +1 -0
- package/dist/ui/speech-synthesizer/animated.mjs +266 -0
- package/dist/ui/speech-synthesizer/animated.mjs.map +1 -0
- package/dist/ui/speech-synthesizer/index.d.ts +4 -0
- package/dist/ui/speech-synthesizer/index.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/speech-synthesizer-base.d.ts +6 -0
- package/dist/ui/speech-synthesizer/speech-synthesizer-base.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/speech-synthesizer.d.ts +2 -0
- package/dist/ui/speech-synthesizer/speech-synthesizer.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/types.d.ts +43 -0
- package/dist/ui/speech-synthesizer/types.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer/variants.d.ts +13 -0
- package/dist/ui/speech-synthesizer/variants.d.ts.map +1 -0
- package/dist/ui/speech-synthesizer.js +220 -0
- package/dist/ui/speech-synthesizer.js.map +1 -0
- package/dist/ui/speech-synthesizer.mjs +211 -0
- package/dist/ui/speech-synthesizer.mjs.map +1 -0
- package/dist/ui/split-button.js +20 -18
- package/dist/ui/split-button.js.map +1 -1
- package/dist/ui/split-button.mjs +7 -5
- package/dist/ui/split-button.mjs.map +1 -1
- package/package.json +1 -1
- package/src/design-system/index.ts +2 -0
- package/src/design-system/speech-recognition.ts +82 -0
- package/src/design-system/speech-synthesizer.ts +90 -0
- package/src/ui/speech-recognition/animated/animations.ts +62 -0
- package/src/ui/speech-recognition/animated/index.ts +8 -0
- package/src/ui/speech-recognition/animated/speech-recognition-animated.tsx +276 -0
- package/src/ui/speech-recognition/animated/types.ts +11 -0
- package/src/ui/speech-recognition/index.ts +15 -0
- package/src/ui/speech-recognition/speech-recognition-base.tsx +276 -0
- package/src/ui/speech-recognition/speech-recognition.test.tsx +74 -0
- package/src/ui/speech-recognition/speech-recognition.tsx +1 -0
- package/src/ui/speech-recognition/types.ts +50 -0
- package/src/ui/speech-recognition/variants.ts +47 -0
- package/src/ui/speech-synthesizer/animated/animations.ts +62 -0
- package/src/ui/speech-synthesizer/animated/index.ts +8 -0
- package/src/ui/speech-synthesizer/animated/speech-synthesizer-animated.tsx +260 -0
- package/src/ui/speech-synthesizer/animated/types.ts +11 -0
- package/src/ui/speech-synthesizer/index.ts +14 -0
- package/src/ui/speech-synthesizer/speech-synthesizer-base.tsx +255 -0
- package/src/ui/speech-synthesizer/speech-synthesizer.test.tsx +87 -0
- package/src/ui/speech-synthesizer/speech-synthesizer.tsx +1 -0
- package/src/ui/speech-synthesizer/types.ts +57 -0
- package/src/ui/speech-synthesizer/variants.ts +55 -0
- package/dist/chunk-K7UU3K54.js.map +0 -1
- package/dist/chunk-MY3DQVNF.js +0 -19
- package/dist/chunk-PJATBFEK.mjs.map +0 -1
|
@@ -0,0 +1,288 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkSD7YXMNV_js = require('../../chunk-SD7YXMNV.js');
|
|
5
|
+
require('../../chunk-OME7XOPN.js');
|
|
6
|
+
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
7
|
+
require('../../chunk-PZ5AY32C.js');
|
|
8
|
+
var framerMotion = require('framer-motion');
|
|
9
|
+
var react = require('react');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
+
|
|
12
|
+
// src/ui/speech-recognition/animated/animations.ts
|
|
13
|
+
var speechRecognitionAnimationPresets = {
|
|
14
|
+
none: {
|
|
15
|
+
transition: { duration: 0 },
|
|
16
|
+
variants: {
|
|
17
|
+
initial: { scale: 1 },
|
|
18
|
+
animate: { scale: 1 }
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
pulse: {
|
|
22
|
+
transition: {
|
|
23
|
+
duration: 1,
|
|
24
|
+
repeat: Infinity,
|
|
25
|
+
repeatType: "reverse",
|
|
26
|
+
ease: "easeInOut"
|
|
27
|
+
},
|
|
28
|
+
variants: {
|
|
29
|
+
initial: { scale: 1, opacity: 0.7 },
|
|
30
|
+
animate: { scale: 1.15, opacity: 1 }
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
wave: {
|
|
34
|
+
transition: {
|
|
35
|
+
duration: 0.8,
|
|
36
|
+
repeat: Infinity,
|
|
37
|
+
repeatType: "reverse",
|
|
38
|
+
ease: "easeInOut"
|
|
39
|
+
},
|
|
40
|
+
variants: {
|
|
41
|
+
initial: { scale: 1, rotate: 0 },
|
|
42
|
+
animate: { scale: 1.1, rotate: -5 }
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
glow: {
|
|
46
|
+
transition: {
|
|
47
|
+
duration: 1.5,
|
|
48
|
+
repeat: Infinity,
|
|
49
|
+
repeatType: "reverse",
|
|
50
|
+
ease: "easeInOut"
|
|
51
|
+
},
|
|
52
|
+
variants: {
|
|
53
|
+
initial: {
|
|
54
|
+
boxShadow: "0 0 0px rgba(59,130,246,0)"
|
|
55
|
+
},
|
|
56
|
+
animate: {
|
|
57
|
+
boxShadow: "0 0 20px rgba(59,130,246,0.5)"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
function getSpeechRecognition() {
|
|
63
|
+
if (typeof window === "undefined") return void 0;
|
|
64
|
+
return window.SpeechRecognition ?? window.webkitSpeechRecognition;
|
|
65
|
+
}
|
|
66
|
+
function DefaultMic({
|
|
67
|
+
isListening,
|
|
68
|
+
state
|
|
69
|
+
}) {
|
|
70
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
71
|
+
"svg",
|
|
72
|
+
{
|
|
73
|
+
viewBox: "0 0 24 24",
|
|
74
|
+
fill: "none",
|
|
75
|
+
stroke: "currentColor",
|
|
76
|
+
strokeWidth: "2",
|
|
77
|
+
strokeLinecap: "round",
|
|
78
|
+
strokeLinejoin: "round",
|
|
79
|
+
className: `size-5 ${state === "error" ? "text-red-400" : ""}`,
|
|
80
|
+
children: [
|
|
81
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
|
|
82
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
|
|
83
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "22" }),
|
|
84
|
+
isListening && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
85
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "20", x2: "7", y2: "22" }),
|
|
86
|
+
/* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "20", x2: "17", y2: "22" })
|
|
87
|
+
] })
|
|
88
|
+
]
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
}
|
|
92
|
+
function SpeechRecognitionAnimated({
|
|
93
|
+
appearance,
|
|
94
|
+
size,
|
|
95
|
+
lang,
|
|
96
|
+
continuous = false,
|
|
97
|
+
interimResults = true,
|
|
98
|
+
autoStart = false,
|
|
99
|
+
onResult,
|
|
100
|
+
onError,
|
|
101
|
+
onStateChange,
|
|
102
|
+
renderMic,
|
|
103
|
+
animation = "pulse",
|
|
104
|
+
className,
|
|
105
|
+
children,
|
|
106
|
+
...rest
|
|
107
|
+
}) {
|
|
108
|
+
const [state, setState] = react.useState("idle");
|
|
109
|
+
const [transcript, setTranscript] = react.useState("");
|
|
110
|
+
const [interimText, setInterimText] = react.useState("");
|
|
111
|
+
const recognitionRef = react.useRef(null);
|
|
112
|
+
const stateRef = react.useRef("idle");
|
|
113
|
+
const preset = speechRecognitionAnimationPresets[animation];
|
|
114
|
+
const setStateSafe = react.useCallback(
|
|
115
|
+
(newState) => {
|
|
116
|
+
stateRef.current = newState;
|
|
117
|
+
setState(newState);
|
|
118
|
+
onStateChange?.(newState);
|
|
119
|
+
},
|
|
120
|
+
[onStateChange]
|
|
121
|
+
);
|
|
122
|
+
const start = react.useCallback(() => {
|
|
123
|
+
const SR = getSpeechRecognition();
|
|
124
|
+
if (!SR) {
|
|
125
|
+
setStateSafe("error");
|
|
126
|
+
onError?.("SpeechRecognition is not supported in this browser");
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
if (recognitionRef.current) {
|
|
130
|
+
try {
|
|
131
|
+
recognitionRef.current.abort();
|
|
132
|
+
} catch {
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
const recognition = new SR();
|
|
136
|
+
recognition.continuous = continuous;
|
|
137
|
+
recognition.interimResults = interimResults;
|
|
138
|
+
if (lang) recognition.lang = lang;
|
|
139
|
+
recognition.onstart = () => setStateSafe("listening");
|
|
140
|
+
recognition.onresult = (event) => {
|
|
141
|
+
let finalText = "";
|
|
142
|
+
let interimTextBuilder = "";
|
|
143
|
+
for (let i = event.resultIndex; i < event.results.length; i++) {
|
|
144
|
+
const result = event.results[i];
|
|
145
|
+
if (result.isFinal) {
|
|
146
|
+
finalText += result[0].transcript;
|
|
147
|
+
} else {
|
|
148
|
+
interimTextBuilder += result[0].transcript;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
if (finalText) {
|
|
152
|
+
setTranscript((prev) => prev + finalText);
|
|
153
|
+
onResult?.({ transcript: finalText, isFinal: true });
|
|
154
|
+
setStateSafe("processing");
|
|
155
|
+
}
|
|
156
|
+
setInterimText(interimTextBuilder);
|
|
157
|
+
if (interimTextBuilder) {
|
|
158
|
+
onResult?.({ transcript: interimTextBuilder, isFinal: false });
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
recognition.onerror = (event) => {
|
|
162
|
+
setStateSafe("error");
|
|
163
|
+
onError?.(event.error);
|
|
164
|
+
};
|
|
165
|
+
recognition.onend = () => {
|
|
166
|
+
if (stateRef.current === "listening") {
|
|
167
|
+
setStateSafe("idle");
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
try {
|
|
171
|
+
recognition.start();
|
|
172
|
+
} catch (err) {
|
|
173
|
+
setStateSafe("error");
|
|
174
|
+
onError?.(String(err));
|
|
175
|
+
}
|
|
176
|
+
recognitionRef.current = recognition;
|
|
177
|
+
}, [continuous, interimResults, lang, onError, onResult, setStateSafe]);
|
|
178
|
+
const stop = react.useCallback(() => {
|
|
179
|
+
if (recognitionRef.current) {
|
|
180
|
+
try {
|
|
181
|
+
recognitionRef.current.stop();
|
|
182
|
+
} catch {
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
setStateSafe("idle");
|
|
186
|
+
}, [setStateSafe]);
|
|
187
|
+
const abort = react.useCallback(() => {
|
|
188
|
+
if (recognitionRef.current) {
|
|
189
|
+
try {
|
|
190
|
+
recognitionRef.current.abort();
|
|
191
|
+
} catch {
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
setTranscript("");
|
|
195
|
+
setInterimText("");
|
|
196
|
+
setStateSafe("idle");
|
|
197
|
+
}, [setStateSafe]);
|
|
198
|
+
const imperativeHandle = {
|
|
199
|
+
start,
|
|
200
|
+
stop,
|
|
201
|
+
abort,
|
|
202
|
+
get state() {
|
|
203
|
+
return stateRef.current;
|
|
204
|
+
}
|
|
205
|
+
};
|
|
206
|
+
react.useImperativeHandle(rest.ref, () => imperativeHandle, [
|
|
207
|
+
start,
|
|
208
|
+
stop,
|
|
209
|
+
abort
|
|
210
|
+
]);
|
|
211
|
+
react.useEffect(() => {
|
|
212
|
+
if (autoStart) start();
|
|
213
|
+
return () => {
|
|
214
|
+
if (recognitionRef.current) {
|
|
215
|
+
try {
|
|
216
|
+
recognitionRef.current.abort();
|
|
217
|
+
} catch {
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
};
|
|
221
|
+
}, []);
|
|
222
|
+
const isListening = state === "listening";
|
|
223
|
+
const toggleListening = react.useCallback(() => {
|
|
224
|
+
isListening ? stop() : start();
|
|
225
|
+
}, [isListening, start, stop]);
|
|
226
|
+
const displayText = transcript + (interimText ? ` ${interimText}` : "");
|
|
227
|
+
const statusText = state === "idle" ? "Click to start listening" : state === "listening" ? "Listening..." : state === "processing" ? "Processing..." : "Error occurred";
|
|
228
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
229
|
+
framerMotion.motion.div,
|
|
230
|
+
{
|
|
231
|
+
"data-slot": "speech-recognition",
|
|
232
|
+
className: chunkZS5756ZC_js.cn(chunkSD7YXMNV_js.speechRecognitionVariants({ size }), className),
|
|
233
|
+
...rest,
|
|
234
|
+
children: [
|
|
235
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
236
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
237
|
+
framerMotion.motion.button,
|
|
238
|
+
{
|
|
239
|
+
type: "button",
|
|
240
|
+
"data-slot": "speech-recognition-btn",
|
|
241
|
+
className: chunkZS5756ZC_js.cn(
|
|
242
|
+
chunkSD7YXMNV_js.speechRecognitionBtnVariants({ appearance, size }),
|
|
243
|
+
isListening && chunkSD7YXMNV_js.speechRecognitionBtnActiveClasses
|
|
244
|
+
),
|
|
245
|
+
onClick: toggleListening,
|
|
246
|
+
"aria-label": isListening ? "Stop listening" : "Start listening",
|
|
247
|
+
"aria-pressed": isListening,
|
|
248
|
+
animate: isListening ? {
|
|
249
|
+
scale: [1, 1.1, 1],
|
|
250
|
+
transition: { duration: 1, repeat: Infinity }
|
|
251
|
+
} : { scale: 1 },
|
|
252
|
+
children: renderMic ? renderMic({ isListening, state }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultMic, { isListening, state })
|
|
253
|
+
}
|
|
254
|
+
),
|
|
255
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
256
|
+
framerMotion.motion.span,
|
|
257
|
+
{
|
|
258
|
+
"data-slot": "speech-recognition-status",
|
|
259
|
+
className: chunkSD7YXMNV_js.speechRecognitionStatusClasses,
|
|
260
|
+
initial: "initial",
|
|
261
|
+
animate: isListening ? "animate" : "initial",
|
|
262
|
+
variants: preset.variants,
|
|
263
|
+
transition: preset.transition,
|
|
264
|
+
children: statusText
|
|
265
|
+
}
|
|
266
|
+
)
|
|
267
|
+
] }),
|
|
268
|
+
displayText && /* @__PURE__ */ jsxRuntime.jsx(
|
|
269
|
+
framerMotion.motion.p,
|
|
270
|
+
{
|
|
271
|
+
"data-slot": "speech-recognition-transcript",
|
|
272
|
+
className: chunkSD7YXMNV_js.speechRecognitionTranscriptClasses,
|
|
273
|
+
initial: { opacity: 0, y: 5 },
|
|
274
|
+
animate: { opacity: 1, y: 0 },
|
|
275
|
+
children: displayText
|
|
276
|
+
}
|
|
277
|
+
),
|
|
278
|
+
children
|
|
279
|
+
]
|
|
280
|
+
}
|
|
281
|
+
);
|
|
282
|
+
}
|
|
283
|
+
SpeechRecognitionAnimated.displayName = "SpeechRecognitionAnimated";
|
|
284
|
+
|
|
285
|
+
exports.SpeechRecognitionAnimated = SpeechRecognitionAnimated;
|
|
286
|
+
exports.speechRecognitionAnimationPresets = speechRecognitionAnimationPresets;
|
|
287
|
+
//# sourceMappingURL=animated.js.map
|
|
288
|
+
//# sourceMappingURL=animated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/speech-recognition/animated/animations.ts","../../../src/ui/speech-recognition/animated/speech-recognition-animated.tsx"],"names":["jsxs","jsx","Fragment","useState","useRef","useCallback","useImperativeHandle","useEffect","motion","cn","speechRecognitionVariants","speechRecognitionBtnVariants","speechRecognitionBtnActiveClasses","speechRecognitionStatusClasses","speechRecognitionTranscriptClasses"],"mappings":"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","file":"animated.js","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type SpeechRecognitionAnimation = \"none\" | \"pulse\" | \"wave\" | \"glow\";\n\nexport type SpeechRecognitionAnimationPresets = Record<\n SpeechRecognitionAnimation,\n {\n transition: Transition;\n variants: Variants;\n }\n>;\n\nexport const speechRecognitionAnimationPresets: SpeechRecognitionAnimationPresets =\n {\n none: {\n transition: { duration: 0 },\n variants: {\n initial: { scale: 1 },\n animate: { scale: 1 },\n },\n },\n pulse: {\n transition: {\n duration: 1,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: { scale: 1, opacity: 0.7 },\n animate: { scale: 1.15, opacity: 1 },\n },\n },\n wave: {\n transition: {\n duration: 0.8,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: { scale: 1, rotate: 0 },\n animate: { scale: 1.1, rotate: -5 },\n },\n },\n glow: {\n transition: {\n duration: 1.5,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: {\n boxShadow: \"0 0 0px rgba(59,130,246,0)\",\n },\n animate: {\n boxShadow: \"0 0 20px rgba(59,130,246,0.5)\",\n },\n },\n },\n };\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport {\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpeechRecognitionRef, SpeechRecognitionState } from \"../types\";\nimport {\n speechRecognitionBtnActiveClasses,\n speechRecognitionBtnVariants,\n speechRecognitionStatusClasses,\n speechRecognitionTranscriptClasses,\n speechRecognitionVariants,\n} from \"../variants\";\n\nimport { speechRecognitionAnimationPresets } from \"./animations\";\nimport type { SpeechRecognitionAnimatedProps } from \"./types\";\n\nfunction getSpeechRecognition(): any {\n if (typeof window === \"undefined\") return undefined;\n return (\n (window as any).SpeechRecognition ?? (window as any).webkitSpeechRecognition\n );\n}\n\nfunction DefaultMic({\n isListening,\n state,\n}: {\n isListening: boolean;\n state: SpeechRecognitionState;\n}) {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={`size-5 ${state === \"error\" ? \"text-red-400\" : \"\"}`}\n >\n <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\" />\n {isListening && (\n <>\n <line x1=\"9\" y1=\"20\" x2=\"7\" y2=\"22\" />\n <line x1=\"15\" y1=\"20\" x2=\"17\" y2=\"22\" />\n </>\n )}\n </svg>\n );\n}\n\nexport function SpeechRecognitionAnimated({\n appearance,\n size,\n lang,\n continuous = false,\n interimResults = true,\n autoStart = false,\n onResult,\n onError,\n onStateChange,\n renderMic,\n animation = \"pulse\",\n className,\n children,\n ...rest\n}: SpeechRecognitionAnimatedProps) {\n const [state, setState] = useState<SpeechRecognitionState>(\"idle\");\n const [transcript, setTranscript] = useState(\"\");\n const [interimText, setInterimText] = useState(\"\");\n const recognitionRef = useRef<any>(null);\n const stateRef = useRef<SpeechRecognitionState>(\"idle\");\n const preset = speechRecognitionAnimationPresets[animation];\n\n const setStateSafe = useCallback(\n (newState: SpeechRecognitionState) => {\n stateRef.current = newState;\n setState(newState);\n onStateChange?.(newState);\n },\n [onStateChange],\n );\n\n const start = useCallback(() => {\n const SR = getSpeechRecognition();\n if (!SR) {\n setStateSafe(\"error\");\n onError?.(\"SpeechRecognition is not supported in this browser\");\n return;\n }\n\n if (recognitionRef.current) {\n try {\n recognitionRef.current.abort();\n } catch {}\n }\n\n const recognition = new SR();\n recognition.continuous = continuous;\n recognition.interimResults = interimResults;\n if (lang) recognition.lang = lang;\n\n recognition.onstart = () => setStateSafe(\"listening\");\n recognition.onresult = (event: any) => {\n let finalText = \"\";\n let interimTextBuilder = \"\";\n\n for (let i = event.resultIndex; i < event.results.length; i++) {\n const result = event.results[i];\n if (result.isFinal) {\n finalText += result[0].transcript;\n } else {\n interimTextBuilder += result[0].transcript;\n }\n }\n\n if (finalText) {\n setTranscript((prev) => prev + finalText);\n onResult?.({ transcript: finalText, isFinal: true });\n setStateSafe(\"processing\");\n }\n setInterimText(interimTextBuilder);\n if (interimTextBuilder) {\n onResult?.({ transcript: interimTextBuilder, isFinal: false });\n }\n };\n recognition.onerror = (event: { error: string }) => {\n setStateSafe(\"error\");\n onError?.(event.error);\n };\n recognition.onend = () => {\n if (stateRef.current === \"listening\") {\n setStateSafe(\"idle\");\n }\n };\n\n try {\n recognition.start();\n } catch (err) {\n setStateSafe(\"error\");\n onError?.(String(err));\n }\n recognitionRef.current = recognition;\n }, [continuous, interimResults, lang, onError, onResult, setStateSafe]);\n\n const stop = useCallback(() => {\n if (recognitionRef.current) {\n try {\n recognitionRef.current.stop();\n } catch {}\n }\n setStateSafe(\"idle\");\n }, [setStateSafe]);\n\n const abort = useCallback(() => {\n if (recognitionRef.current) {\n try {\n recognitionRef.current.abort();\n } catch {}\n }\n setTranscript(\"\");\n setInterimText(\"\");\n setStateSafe(\"idle\");\n }, [setStateSafe]);\n\n const imperativeHandle: SpeechRecognitionRef = {\n start,\n stop,\n abort,\n get state() {\n return stateRef.current;\n },\n };\n\n useImperativeHandle((rest as any).ref, () => imperativeHandle, [\n start,\n stop,\n abort,\n ]);\n\n useEffect(() => {\n if (autoStart) start();\n return () => {\n if (recognitionRef.current) {\n try {\n recognitionRef.current.abort();\n } catch {}\n }\n };\n }, []);\n\n const isListening = state === \"listening\";\n const toggleListening = useCallback(() => {\n isListening ? stop() : start();\n }, [isListening, start, stop]);\n\n const displayText = transcript + (interimText ? ` ${interimText}` : \"\");\n const statusText =\n state === \"idle\"\n ? \"Click to start listening\"\n : state === \"listening\"\n ? \"Listening...\"\n : state === \"processing\"\n ? \"Processing...\"\n : \"Error occurred\";\n\n return (\n <motion.div\n data-slot=\"speech-recognition\"\n className={cn(speechRecognitionVariants({ size }), className)}\n {...(rest as any)}\n >\n <div className=\"flex items-center gap-3\">\n <motion.button\n type=\"button\"\n data-slot=\"speech-recognition-btn\"\n className={cn(\n speechRecognitionBtnVariants({ appearance, size }),\n isListening && speechRecognitionBtnActiveClasses,\n )}\n onClick={toggleListening}\n aria-label={isListening ? \"Stop listening\" : \"Start listening\"}\n aria-pressed={isListening}\n animate={\n isListening\n ? {\n scale: [1, 1.1, 1],\n transition: { duration: 1, repeat: Infinity },\n }\n : { scale: 1 }\n }\n >\n {renderMic ? (\n renderMic({ isListening, state })\n ) : (\n <DefaultMic isListening={isListening} state={state} />\n )}\n </motion.button>\n <motion.span\n data-slot=\"speech-recognition-status\"\n className={speechRecognitionStatusClasses}\n initial=\"initial\"\n animate={isListening ? \"animate\" : \"initial\"}\n variants={preset.variants}\n transition={preset.transition}\n >\n {statusText}\n </motion.span>\n </div>\n {displayText && (\n <motion.p\n data-slot=\"speech-recognition-transcript\"\n className={speechRecognitionTranscriptClasses}\n initial={{ opacity: 0, y: 5 }}\n animate={{ opacity: 1, y: 0 }}\n >\n {displayText}\n </motion.p>\n )}\n {children}\n </motion.div>\n );\n}\n\nSpeechRecognitionAnimated.displayName = \"SpeechRecognitionAnimated\";\n"]}
|
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { speechRecognitionBtnVariants, speechRecognitionBtnActiveClasses, speechRecognitionStatusClasses, speechRecognitionTranscriptClasses, speechRecognitionVariants } from '../../chunk-PVDWJUMF.mjs';
|
|
3
|
+
import '../../chunk-N4MLFU2Q.mjs';
|
|
4
|
+
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
5
|
+
import '../../chunk-J5LGTIGS.mjs';
|
|
6
|
+
import { motion } from 'framer-motion';
|
|
7
|
+
import { useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
|
|
8
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
// src/ui/speech-recognition/animated/animations.ts
|
|
11
|
+
var speechRecognitionAnimationPresets = {
|
|
12
|
+
none: {
|
|
13
|
+
transition: { duration: 0 },
|
|
14
|
+
variants: {
|
|
15
|
+
initial: { scale: 1 },
|
|
16
|
+
animate: { scale: 1 }
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
pulse: {
|
|
20
|
+
transition: {
|
|
21
|
+
duration: 1,
|
|
22
|
+
repeat: Infinity,
|
|
23
|
+
repeatType: "reverse",
|
|
24
|
+
ease: "easeInOut"
|
|
25
|
+
},
|
|
26
|
+
variants: {
|
|
27
|
+
initial: { scale: 1, opacity: 0.7 },
|
|
28
|
+
animate: { scale: 1.15, opacity: 1 }
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
wave: {
|
|
32
|
+
transition: {
|
|
33
|
+
duration: 0.8,
|
|
34
|
+
repeat: Infinity,
|
|
35
|
+
repeatType: "reverse",
|
|
36
|
+
ease: "easeInOut"
|
|
37
|
+
},
|
|
38
|
+
variants: {
|
|
39
|
+
initial: { scale: 1, rotate: 0 },
|
|
40
|
+
animate: { scale: 1.1, rotate: -5 }
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
glow: {
|
|
44
|
+
transition: {
|
|
45
|
+
duration: 1.5,
|
|
46
|
+
repeat: Infinity,
|
|
47
|
+
repeatType: "reverse",
|
|
48
|
+
ease: "easeInOut"
|
|
49
|
+
},
|
|
50
|
+
variants: {
|
|
51
|
+
initial: {
|
|
52
|
+
boxShadow: "0 0 0px rgba(59,130,246,0)"
|
|
53
|
+
},
|
|
54
|
+
animate: {
|
|
55
|
+
boxShadow: "0 0 20px rgba(59,130,246,0.5)"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
function getSpeechRecognition() {
|
|
61
|
+
if (typeof window === "undefined") return void 0;
|
|
62
|
+
return window.SpeechRecognition ?? window.webkitSpeechRecognition;
|
|
63
|
+
}
|
|
64
|
+
function DefaultMic({
|
|
65
|
+
isListening,
|
|
66
|
+
state
|
|
67
|
+
}) {
|
|
68
|
+
return /* @__PURE__ */ jsxs(
|
|
69
|
+
"svg",
|
|
70
|
+
{
|
|
71
|
+
viewBox: "0 0 24 24",
|
|
72
|
+
fill: "none",
|
|
73
|
+
stroke: "currentColor",
|
|
74
|
+
strokeWidth: "2",
|
|
75
|
+
strokeLinecap: "round",
|
|
76
|
+
strokeLinejoin: "round",
|
|
77
|
+
className: `size-5 ${state === "error" ? "text-red-400" : ""}`,
|
|
78
|
+
children: [
|
|
79
|
+
/* @__PURE__ */ jsx("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
|
|
80
|
+
/* @__PURE__ */ jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
|
|
81
|
+
/* @__PURE__ */ jsx("line", { x1: "12", y1: "19", x2: "12", y2: "22" }),
|
|
82
|
+
isListening && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
83
|
+
/* @__PURE__ */ jsx("line", { x1: "9", y1: "20", x2: "7", y2: "22" }),
|
|
84
|
+
/* @__PURE__ */ jsx("line", { x1: "15", y1: "20", x2: "17", y2: "22" })
|
|
85
|
+
] })
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
);
|
|
89
|
+
}
|
|
90
|
+
function SpeechRecognitionAnimated({
|
|
91
|
+
appearance,
|
|
92
|
+
size,
|
|
93
|
+
lang,
|
|
94
|
+
continuous = false,
|
|
95
|
+
interimResults = true,
|
|
96
|
+
autoStart = false,
|
|
97
|
+
onResult,
|
|
98
|
+
onError,
|
|
99
|
+
onStateChange,
|
|
100
|
+
renderMic,
|
|
101
|
+
animation = "pulse",
|
|
102
|
+
className,
|
|
103
|
+
children,
|
|
104
|
+
...rest
|
|
105
|
+
}) {
|
|
106
|
+
const [state, setState] = useState("idle");
|
|
107
|
+
const [transcript, setTranscript] = useState("");
|
|
108
|
+
const [interimText, setInterimText] = useState("");
|
|
109
|
+
const recognitionRef = useRef(null);
|
|
110
|
+
const stateRef = useRef("idle");
|
|
111
|
+
const preset = speechRecognitionAnimationPresets[animation];
|
|
112
|
+
const setStateSafe = useCallback(
|
|
113
|
+
(newState) => {
|
|
114
|
+
stateRef.current = newState;
|
|
115
|
+
setState(newState);
|
|
116
|
+
onStateChange?.(newState);
|
|
117
|
+
},
|
|
118
|
+
[onStateChange]
|
|
119
|
+
);
|
|
120
|
+
const start = useCallback(() => {
|
|
121
|
+
const SR = getSpeechRecognition();
|
|
122
|
+
if (!SR) {
|
|
123
|
+
setStateSafe("error");
|
|
124
|
+
onError?.("SpeechRecognition is not supported in this browser");
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
if (recognitionRef.current) {
|
|
128
|
+
try {
|
|
129
|
+
recognitionRef.current.abort();
|
|
130
|
+
} catch {
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
const recognition = new SR();
|
|
134
|
+
recognition.continuous = continuous;
|
|
135
|
+
recognition.interimResults = interimResults;
|
|
136
|
+
if (lang) recognition.lang = lang;
|
|
137
|
+
recognition.onstart = () => setStateSafe("listening");
|
|
138
|
+
recognition.onresult = (event) => {
|
|
139
|
+
let finalText = "";
|
|
140
|
+
let interimTextBuilder = "";
|
|
141
|
+
for (let i = event.resultIndex; i < event.results.length; i++) {
|
|
142
|
+
const result = event.results[i];
|
|
143
|
+
if (result.isFinal) {
|
|
144
|
+
finalText += result[0].transcript;
|
|
145
|
+
} else {
|
|
146
|
+
interimTextBuilder += result[0].transcript;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
if (finalText) {
|
|
150
|
+
setTranscript((prev) => prev + finalText);
|
|
151
|
+
onResult?.({ transcript: finalText, isFinal: true });
|
|
152
|
+
setStateSafe("processing");
|
|
153
|
+
}
|
|
154
|
+
setInterimText(interimTextBuilder);
|
|
155
|
+
if (interimTextBuilder) {
|
|
156
|
+
onResult?.({ transcript: interimTextBuilder, isFinal: false });
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
recognition.onerror = (event) => {
|
|
160
|
+
setStateSafe("error");
|
|
161
|
+
onError?.(event.error);
|
|
162
|
+
};
|
|
163
|
+
recognition.onend = () => {
|
|
164
|
+
if (stateRef.current === "listening") {
|
|
165
|
+
setStateSafe("idle");
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
try {
|
|
169
|
+
recognition.start();
|
|
170
|
+
} catch (err) {
|
|
171
|
+
setStateSafe("error");
|
|
172
|
+
onError?.(String(err));
|
|
173
|
+
}
|
|
174
|
+
recognitionRef.current = recognition;
|
|
175
|
+
}, [continuous, interimResults, lang, onError, onResult, setStateSafe]);
|
|
176
|
+
const stop = useCallback(() => {
|
|
177
|
+
if (recognitionRef.current) {
|
|
178
|
+
try {
|
|
179
|
+
recognitionRef.current.stop();
|
|
180
|
+
} catch {
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
setStateSafe("idle");
|
|
184
|
+
}, [setStateSafe]);
|
|
185
|
+
const abort = useCallback(() => {
|
|
186
|
+
if (recognitionRef.current) {
|
|
187
|
+
try {
|
|
188
|
+
recognitionRef.current.abort();
|
|
189
|
+
} catch {
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
setTranscript("");
|
|
193
|
+
setInterimText("");
|
|
194
|
+
setStateSafe("idle");
|
|
195
|
+
}, [setStateSafe]);
|
|
196
|
+
const imperativeHandle = {
|
|
197
|
+
start,
|
|
198
|
+
stop,
|
|
199
|
+
abort,
|
|
200
|
+
get state() {
|
|
201
|
+
return stateRef.current;
|
|
202
|
+
}
|
|
203
|
+
};
|
|
204
|
+
useImperativeHandle(rest.ref, () => imperativeHandle, [
|
|
205
|
+
start,
|
|
206
|
+
stop,
|
|
207
|
+
abort
|
|
208
|
+
]);
|
|
209
|
+
useEffect(() => {
|
|
210
|
+
if (autoStart) start();
|
|
211
|
+
return () => {
|
|
212
|
+
if (recognitionRef.current) {
|
|
213
|
+
try {
|
|
214
|
+
recognitionRef.current.abort();
|
|
215
|
+
} catch {
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
}, []);
|
|
220
|
+
const isListening = state === "listening";
|
|
221
|
+
const toggleListening = useCallback(() => {
|
|
222
|
+
isListening ? stop() : start();
|
|
223
|
+
}, [isListening, start, stop]);
|
|
224
|
+
const displayText = transcript + (interimText ? ` ${interimText}` : "");
|
|
225
|
+
const statusText = state === "idle" ? "Click to start listening" : state === "listening" ? "Listening..." : state === "processing" ? "Processing..." : "Error occurred";
|
|
226
|
+
return /* @__PURE__ */ jsxs(
|
|
227
|
+
motion.div,
|
|
228
|
+
{
|
|
229
|
+
"data-slot": "speech-recognition",
|
|
230
|
+
className: cn(speechRecognitionVariants({ size }), className),
|
|
231
|
+
...rest,
|
|
232
|
+
children: [
|
|
233
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
|
|
234
|
+
/* @__PURE__ */ jsx(
|
|
235
|
+
motion.button,
|
|
236
|
+
{
|
|
237
|
+
type: "button",
|
|
238
|
+
"data-slot": "speech-recognition-btn",
|
|
239
|
+
className: cn(
|
|
240
|
+
speechRecognitionBtnVariants({ appearance, size }),
|
|
241
|
+
isListening && speechRecognitionBtnActiveClasses
|
|
242
|
+
),
|
|
243
|
+
onClick: toggleListening,
|
|
244
|
+
"aria-label": isListening ? "Stop listening" : "Start listening",
|
|
245
|
+
"aria-pressed": isListening,
|
|
246
|
+
animate: isListening ? {
|
|
247
|
+
scale: [1, 1.1, 1],
|
|
248
|
+
transition: { duration: 1, repeat: Infinity }
|
|
249
|
+
} : { scale: 1 },
|
|
250
|
+
children: renderMic ? renderMic({ isListening, state }) : /* @__PURE__ */ jsx(DefaultMic, { isListening, state })
|
|
251
|
+
}
|
|
252
|
+
),
|
|
253
|
+
/* @__PURE__ */ jsx(
|
|
254
|
+
motion.span,
|
|
255
|
+
{
|
|
256
|
+
"data-slot": "speech-recognition-status",
|
|
257
|
+
className: speechRecognitionStatusClasses,
|
|
258
|
+
initial: "initial",
|
|
259
|
+
animate: isListening ? "animate" : "initial",
|
|
260
|
+
variants: preset.variants,
|
|
261
|
+
transition: preset.transition,
|
|
262
|
+
children: statusText
|
|
263
|
+
}
|
|
264
|
+
)
|
|
265
|
+
] }),
|
|
266
|
+
displayText && /* @__PURE__ */ jsx(
|
|
267
|
+
motion.p,
|
|
268
|
+
{
|
|
269
|
+
"data-slot": "speech-recognition-transcript",
|
|
270
|
+
className: speechRecognitionTranscriptClasses,
|
|
271
|
+
initial: { opacity: 0, y: 5 },
|
|
272
|
+
animate: { opacity: 1, y: 0 },
|
|
273
|
+
children: displayText
|
|
274
|
+
}
|
|
275
|
+
),
|
|
276
|
+
children
|
|
277
|
+
]
|
|
278
|
+
}
|
|
279
|
+
);
|
|
280
|
+
}
|
|
281
|
+
SpeechRecognitionAnimated.displayName = "SpeechRecognitionAnimated";
|
|
282
|
+
|
|
283
|
+
export { SpeechRecognitionAnimated, speechRecognitionAnimationPresets };
|
|
284
|
+
//# sourceMappingURL=animated.mjs.map
|
|
285
|
+
//# sourceMappingURL=animated.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/speech-recognition/animated/animations.ts","../../../src/ui/speech-recognition/animated/speech-recognition-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type SpeechRecognitionAnimation = \"none\" | \"pulse\" | \"wave\" | \"glow\";\n\nexport type SpeechRecognitionAnimationPresets = Record<\n SpeechRecognitionAnimation,\n {\n transition: Transition;\n variants: Variants;\n }\n>;\n\nexport const speechRecognitionAnimationPresets: SpeechRecognitionAnimationPresets =\n {\n none: {\n transition: { duration: 0 },\n variants: {\n initial: { scale: 1 },\n animate: { scale: 1 },\n },\n },\n pulse: {\n transition: {\n duration: 1,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: { scale: 1, opacity: 0.7 },\n animate: { scale: 1.15, opacity: 1 },\n },\n },\n wave: {\n transition: {\n duration: 0.8,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: { scale: 1, rotate: 0 },\n animate: { scale: 1.1, rotate: -5 },\n },\n },\n glow: {\n transition: {\n duration: 1.5,\n repeat: Infinity,\n repeatType: \"reverse\",\n ease: \"easeInOut\",\n },\n variants: {\n initial: {\n boxShadow: \"0 0 0px rgba(59,130,246,0)\",\n },\n animate: {\n boxShadow: \"0 0 20px rgba(59,130,246,0.5)\",\n },\n },\n },\n };\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport {\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpeechRecognitionRef, SpeechRecognitionState } from \"../types\";\nimport {\n speechRecognitionBtnActiveClasses,\n speechRecognitionBtnVariants,\n speechRecognitionStatusClasses,\n speechRecognitionTranscriptClasses,\n speechRecognitionVariants,\n} from \"../variants\";\n\nimport { speechRecognitionAnimationPresets } from \"./animations\";\nimport type { SpeechRecognitionAnimatedProps } from \"./types\";\n\nfunction getSpeechRecognition(): any {\n if (typeof window === \"undefined\") return undefined;\n return (\n (window as any).SpeechRecognition ?? (window as any).webkitSpeechRecognition\n );\n}\n\nfunction DefaultMic({\n isListening,\n state,\n}: {\n isListening: boolean;\n state: SpeechRecognitionState;\n}) {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={`size-5 ${state === \"error\" ? \"text-red-400\" : \"\"}`}\n >\n <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\" />\n {isListening && (\n <>\n <line x1=\"9\" y1=\"20\" x2=\"7\" y2=\"22\" />\n <line x1=\"15\" y1=\"20\" x2=\"17\" y2=\"22\" />\n </>\n )}\n </svg>\n );\n}\n\nexport function SpeechRecognitionAnimated({\n appearance,\n size,\n lang,\n continuous = false,\n interimResults = true,\n autoStart = false,\n onResult,\n onError,\n onStateChange,\n renderMic,\n animation = \"pulse\",\n className,\n children,\n ...rest\n}: SpeechRecognitionAnimatedProps) {\n const [state, setState] = useState<SpeechRecognitionState>(\"idle\");\n const [transcript, setTranscript] = useState(\"\");\n const [interimText, setInterimText] = useState(\"\");\n const recognitionRef = useRef<any>(null);\n const stateRef = useRef<SpeechRecognitionState>(\"idle\");\n const preset = speechRecognitionAnimationPresets[animation];\n\n const setStateSafe = useCallback(\n (newState: SpeechRecognitionState) => {\n stateRef.current = newState;\n setState(newState);\n onStateChange?.(newState);\n },\n [onStateChange],\n );\n\n const start = useCallback(() => {\n const SR = getSpeechRecognition();\n if (!SR) {\n setStateSafe(\"error\");\n onError?.(\"SpeechRecognition is not supported in this browser\");\n return;\n }\n\n if (recognitionRef.current) {\n try {\n recognitionRef.current.abort();\n } catch {}\n }\n\n const recognition = new SR();\n recognition.continuous = continuous;\n recognition.interimResults = interimResults;\n if (lang) recognition.lang = lang;\n\n recognition.onstart = () => setStateSafe(\"listening\");\n recognition.onresult = (event: any) => {\n let finalText = \"\";\n let interimTextBuilder = \"\";\n\n for (let i = event.resultIndex; i < event.results.length; i++) {\n const result = event.results[i];\n if (result.isFinal) {\n finalText += result[0].transcript;\n } else {\n interimTextBuilder += result[0].transcript;\n }\n }\n\n if (finalText) {\n setTranscript((prev) => prev + finalText);\n onResult?.({ transcript: finalText, isFinal: true });\n setStateSafe(\"processing\");\n }\n setInterimText(interimTextBuilder);\n if (interimTextBuilder) {\n onResult?.({ transcript: interimTextBuilder, isFinal: false });\n }\n };\n recognition.onerror = (event: { error: string }) => {\n setStateSafe(\"error\");\n onError?.(event.error);\n };\n recognition.onend = () => {\n if (stateRef.current === \"listening\") {\n setStateSafe(\"idle\");\n }\n };\n\n try {\n recognition.start();\n } catch (err) {\n setStateSafe(\"error\");\n onError?.(String(err));\n }\n recognitionRef.current = recognition;\n }, [continuous, interimResults, lang, onError, onResult, setStateSafe]);\n\n const stop = useCallback(() => {\n if (recognitionRef.current) {\n try {\n recognitionRef.current.stop();\n } catch {}\n }\n setStateSafe(\"idle\");\n }, [setStateSafe]);\n\n const abort = useCallback(() => {\n if (recognitionRef.current) {\n try {\n recognitionRef.current.abort();\n } catch {}\n }\n setTranscript(\"\");\n setInterimText(\"\");\n setStateSafe(\"idle\");\n }, [setStateSafe]);\n\n const imperativeHandle: SpeechRecognitionRef = {\n start,\n stop,\n abort,\n get state() {\n return stateRef.current;\n },\n };\n\n useImperativeHandle((rest as any).ref, () => imperativeHandle, [\n start,\n stop,\n abort,\n ]);\n\n useEffect(() => {\n if (autoStart) start();\n return () => {\n if (recognitionRef.current) {\n try {\n recognitionRef.current.abort();\n } catch {}\n }\n };\n }, []);\n\n const isListening = state === \"listening\";\n const toggleListening = useCallback(() => {\n isListening ? stop() : start();\n }, [isListening, start, stop]);\n\n const displayText = transcript + (interimText ? ` ${interimText}` : \"\");\n const statusText =\n state === \"idle\"\n ? \"Click to start listening\"\n : state === \"listening\"\n ? \"Listening...\"\n : state === \"processing\"\n ? \"Processing...\"\n : \"Error occurred\";\n\n return (\n <motion.div\n data-slot=\"speech-recognition\"\n className={cn(speechRecognitionVariants({ size }), className)}\n {...(rest as any)}\n >\n <div className=\"flex items-center gap-3\">\n <motion.button\n type=\"button\"\n data-slot=\"speech-recognition-btn\"\n className={cn(\n speechRecognitionBtnVariants({ appearance, size }),\n isListening && speechRecognitionBtnActiveClasses,\n )}\n onClick={toggleListening}\n aria-label={isListening ? \"Stop listening\" : \"Start listening\"}\n aria-pressed={isListening}\n animate={\n isListening\n ? {\n scale: [1, 1.1, 1],\n transition: { duration: 1, repeat: Infinity },\n }\n : { scale: 1 }\n }\n >\n {renderMic ? (\n renderMic({ isListening, state })\n ) : (\n <DefaultMic isListening={isListening} state={state} />\n )}\n </motion.button>\n <motion.span\n data-slot=\"speech-recognition-status\"\n className={speechRecognitionStatusClasses}\n initial=\"initial\"\n animate={isListening ? \"animate\" : \"initial\"}\n variants={preset.variants}\n transition={preset.transition}\n >\n {statusText}\n </motion.span>\n </div>\n {displayText && (\n <motion.p\n data-slot=\"speech-recognition-transcript\"\n className={speechRecognitionTranscriptClasses}\n initial={{ opacity: 0, y: 5 }}\n animate={{ opacity: 1, y: 0 }}\n >\n {displayText}\n </motion.p>\n )}\n {children}\n </motion.div>\n );\n}\n\nSpeechRecognitionAnimated.displayName = \"SpeechRecognitionAnimated\";\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { SpeechRecognition } from "./speech-recognition";
|
|
2
|
+
export type { SpeechRecognitionBaseProps, SpeechRecognitionProps, SpeechRecognitionRef, SpeechRecognitionResult, SpeechRecognitionState, SpeechRecognitionVariantProps, } from "./types";
|
|
3
|
+
export { speechRecognitionBtnVariants, speechRecognitionVariants, } from "./variants";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/speech-recognition/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EACV,0BAA0B,EAC1B,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,6BAA6B,GAC9B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SpeechRecognitionBaseProps } from "./types";
|
|
2
|
+
export declare function SpeechRecognitionBase({ appearance, size, lang, continuous, interimResults, autoStart, onResult, onError, onStateChange, renderMic, className, children, ...rest }: SpeechRecognitionBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace SpeechRecognitionBase {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=speech-recognition-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"speech-recognition-base.d.ts","sourceRoot":"","sources":["../../../src/ui/speech-recognition/speech-recognition-base.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,0BAA0B,EAG3B,MAAM,SAAS,CAAC;AA8CjB,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,UAAkB,EAClB,cAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,0BAA0B,2CAqM5B;yBAnNe,qBAAqB"}
|