@autobe/ui 0.30.0-dev.20260315 → 0.30.0

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.
Files changed (86) hide show
  1. package/LICENSE +661 -661
  2. package/lib/components/AutoBeChatMain.js +5 -5
  3. package/lib/components/AutoBeConfigModal.js +9 -9
  4. package/package.json +2 -2
  5. package/src/components/AutoBeAssistantMessageMovie.tsx +22 -22
  6. package/src/components/AutoBeChatMain.tsx +376 -376
  7. package/src/components/AutoBeChatSidebar.tsx +414 -414
  8. package/src/components/AutoBeConfigButton.tsx +83 -83
  9. package/src/components/AutoBeConfigModal.tsx +443 -443
  10. package/src/components/AutoBeStatusButton.tsx +75 -75
  11. package/src/components/AutoBeStatusModal.tsx +486 -486
  12. package/src/components/AutoBeUserMessageMovie.tsx +27 -27
  13. package/src/components/common/ActionButton.tsx +205 -205
  14. package/src/components/common/ActionButtonGroup.tsx +80 -80
  15. package/src/components/common/AutoBeConfigInput.tsx +185 -185
  16. package/src/components/common/ChatBubble.tsx +119 -119
  17. package/src/components/common/Collapsible.tsx +95 -95
  18. package/src/components/common/CompactSessionIndicator.tsx +73 -73
  19. package/src/components/common/CompactSessionList.tsx +82 -82
  20. package/src/components/common/index.ts +8 -8
  21. package/src/components/common/openai/OpenAIContent.tsx +53 -53
  22. package/src/components/common/openai/OpenAIUserAudioContent.tsx +70 -70
  23. package/src/components/common/openai/OpenAIUserFileContent.tsx +76 -76
  24. package/src/components/common/openai/OpenAIUserImageContent.tsx +34 -34
  25. package/src/components/common/openai/OpenAIUserTextContent.tsx +15 -15
  26. package/src/components/common/openai/index.ts +5 -5
  27. package/src/components/events/AutoBeCompleteEventMovie.tsx +402 -402
  28. package/src/components/events/AutoBeCorrectEventMovie.tsx +354 -354
  29. package/src/components/events/AutoBeEventGroupMovie.tsx +18 -18
  30. package/src/components/events/AutoBeEventMovie.tsx +158 -158
  31. package/src/components/events/AutoBeProgressEventMovie.tsx +217 -217
  32. package/src/components/events/AutoBeScenarioEventMovie.tsx +135 -135
  33. package/src/components/events/AutoBeStartEventMovie.tsx +82 -82
  34. package/src/components/events/AutoBeValidateEventMovie.tsx +249 -249
  35. package/src/components/events/README.md +300 -300
  36. package/src/components/events/common/CollapsibleEventGroup.tsx +211 -211
  37. package/src/components/events/common/EventCard.tsx +61 -61
  38. package/src/components/events/common/EventContent.tsx +31 -31
  39. package/src/components/events/common/EventHeader.tsx +85 -85
  40. package/src/components/events/common/EventIcon.tsx +82 -82
  41. package/src/components/events/common/ProgressBar.tsx +64 -64
  42. package/src/components/events/common/index.ts +13 -13
  43. package/src/components/events/groups/CorrectEventGroup.tsx +183 -183
  44. package/src/components/events/groups/ValidateEventGroup.tsx +143 -143
  45. package/src/components/events/groups/index.ts +8 -8
  46. package/src/components/events/index.ts +16 -16
  47. package/src/components/events/utils/eventGrouper.tsx +116 -116
  48. package/src/components/events/utils/index.ts +1 -1
  49. package/src/components/index.ts +13 -13
  50. package/src/components/upload/AutoBeChatUploadBox.tsx +425 -425
  51. package/src/components/upload/AutoBeChatUploadSendButton.tsx +66 -66
  52. package/src/components/upload/AutoBeFileUploadBox.tsx +123 -123
  53. package/src/components/upload/AutoBeUploadConfig.ts +5 -5
  54. package/src/components/upload/AutoBeVoiceRecoderButton.tsx +100 -100
  55. package/src/components/upload/index.ts +5 -5
  56. package/src/constant/color.ts +28 -28
  57. package/src/context/AutoBeAgentContext.tsx +245 -245
  58. package/src/context/AutoBeAgentSessionList.tsx +58 -58
  59. package/src/context/SearchParamsContext.tsx +49 -49
  60. package/src/hooks/index.ts +3 -3
  61. package/src/hooks/useEscapeKey.ts +24 -24
  62. package/src/hooks/useIsomorphicLayoutEffect.ts +8 -8
  63. package/src/hooks/useMediaQuery.ts +73 -73
  64. package/src/hooks/useSessionStorage.ts +10 -10
  65. package/src/icons/Receipt.tsx +74 -74
  66. package/src/index.ts +9 -9
  67. package/src/strategy/AutoBeAgentSessionStorageStrategy.ts +127 -127
  68. package/src/structure/AutoBeListener.ts +373 -373
  69. package/src/structure/AutoBeListenerState.ts +53 -53
  70. package/src/structure/IAutoBeAgentSessionStorageStrategy.ts +87 -87
  71. package/src/structure/IAutoBeEventGroup.ts +6 -6
  72. package/src/structure/index.ts +4 -4
  73. package/src/types/config.ts +44 -44
  74. package/src/types/index.ts +1 -1
  75. package/src/utils/AutoBeFileUploader.ts +279 -279
  76. package/src/utils/AutoBeVoiceRecorder.ts +95 -95
  77. package/src/utils/__tests__/crypto.test.ts +286 -286
  78. package/src/utils/__tests__/storage.test.ts +229 -229
  79. package/src/utils/crypto.ts +95 -95
  80. package/src/utils/index.ts +6 -6
  81. package/src/utils/number.ts +17 -17
  82. package/src/utils/storage.ts +96 -96
  83. package/src/utils/time.ts +14 -14
  84. package/tsconfig.json +9 -9
  85. package/vitest.config.ts +15 -15
  86. package/README.md +0 -261
@@ -1,95 +1,95 @@
1
- import { AutoBeUserMessageAudioContent } from "@autobe/interface";
2
-
3
- import { AutoBeFileUploader } from "./AutoBeFileUploader";
4
-
5
- export namespace AutoBeVoiceRecorder {
6
- export const start = async (
7
- onComplete: (content: {
8
- file: File;
9
- content: AutoBeUserMessageAudioContent;
10
- }) => void,
11
- ): Promise<MediaRecorder> => {
12
- const stream: MediaStream = await navigator.mediaDevices.getUserMedia({
13
- audio: true,
14
- });
15
- const recorder: MediaRecorder = new MediaRecorder(stream);
16
- const chunks: Blob[] = [];
17
-
18
- recorder.ondataavailable = (event) => {
19
- if (event.data.size > 0) chunks.push(event.data);
20
- };
21
- recorder.onstop = async () => {
22
- try {
23
- const audioBlob = new Blob(chunks, { type: "audio/webm" });
24
- const wavBlob = await convertToWav(audioBlob);
25
- const audioFile = new File([wavBlob], `recording-${Date.now()}.wav`, {
26
- type: "audio/wav",
27
- });
28
-
29
- const base64 = await AutoBeFileUploader.convertToBase64(audioFile);
30
- const content: AutoBeUserMessageAudioContent = {
31
- type: "audio",
32
- data: base64,
33
- format: "wav",
34
- };
35
- onComplete({
36
- file: audioFile,
37
- content,
38
- });
39
- } finally {
40
- stream.getTracks().forEach((track) => track.stop());
41
- }
42
- };
43
- return recorder;
44
- };
45
- }
46
-
47
- const convertToWav = async (audioBlob: Blob): Promise<Blob> => {
48
- const audioContext = new AudioContext();
49
- const arrayBuffer = await audioBlob.arrayBuffer();
50
- const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
51
-
52
- // Create WAV file
53
- const length = audioBuffer.length;
54
- const sampleRate = audioBuffer.sampleRate;
55
- const numberOfChannels = audioBuffer.numberOfChannels;
56
-
57
- // Calculate WAV file size
58
- const wavLength = 44 + length * numberOfChannels * 2;
59
- const buffer = new ArrayBuffer(wavLength);
60
- const view = new DataView(buffer);
61
-
62
- // WAV file header
63
- const writeString = (offset: number, string: string) => {
64
- for (let i = 0; i < string.length; i++) {
65
- view.setUint8(offset + i, string.charCodeAt(i));
66
- }
67
- };
68
-
69
- writeString(0, "RIFF");
70
- view.setUint32(4, wavLength - 8, true);
71
- writeString(8, "WAVE");
72
- writeString(12, "fmt ");
73
- view.setUint32(16, 16, true); // fmt chunk size
74
- view.setUint16(20, 1, true); // PCM format
75
- view.setUint16(22, numberOfChannels, true);
76
- view.setUint32(24, sampleRate, true);
77
- view.setUint32(28, sampleRate * numberOfChannels * 2, true); // byte rate
78
- view.setUint16(32, numberOfChannels * 2, true); // block align
79
- view.setUint16(34, 16, true); // bits per sample
80
- writeString(36, "data");
81
- view.setUint32(40, length * numberOfChannels * 2, true);
82
-
83
- // Write audio data
84
- let offset = 44;
85
- for (let i = 0; i < length; i++) {
86
- for (let channel = 0; channel < numberOfChannels; channel++) {
87
- const sample = audioBuffer.getChannelData(channel)[i]!;
88
- const value = Math.max(-1, Math.min(1, sample));
89
- view.setInt16(offset, value * 0x7fff, true);
90
- offset += 2;
91
- }
92
- }
93
-
94
- return new Blob([buffer], { type: "audio/wav" });
95
- };
1
+ import { AutoBeUserMessageAudioContent } from "@autobe/interface";
2
+
3
+ import { AutoBeFileUploader } from "./AutoBeFileUploader";
4
+
5
+ export namespace AutoBeVoiceRecorder {
6
+ export const start = async (
7
+ onComplete: (content: {
8
+ file: File;
9
+ content: AutoBeUserMessageAudioContent;
10
+ }) => void,
11
+ ): Promise<MediaRecorder> => {
12
+ const stream: MediaStream = await navigator.mediaDevices.getUserMedia({
13
+ audio: true,
14
+ });
15
+ const recorder: MediaRecorder = new MediaRecorder(stream);
16
+ const chunks: Blob[] = [];
17
+
18
+ recorder.ondataavailable = (event) => {
19
+ if (event.data.size > 0) chunks.push(event.data);
20
+ };
21
+ recorder.onstop = async () => {
22
+ try {
23
+ const audioBlob = new Blob(chunks, { type: "audio/webm" });
24
+ const wavBlob = await convertToWav(audioBlob);
25
+ const audioFile = new File([wavBlob], `recording-${Date.now()}.wav`, {
26
+ type: "audio/wav",
27
+ });
28
+
29
+ const base64 = await AutoBeFileUploader.convertToBase64(audioFile);
30
+ const content: AutoBeUserMessageAudioContent = {
31
+ type: "audio",
32
+ data: base64,
33
+ format: "wav",
34
+ };
35
+ onComplete({
36
+ file: audioFile,
37
+ content,
38
+ });
39
+ } finally {
40
+ stream.getTracks().forEach((track) => track.stop());
41
+ }
42
+ };
43
+ return recorder;
44
+ };
45
+ }
46
+
47
+ const convertToWav = async (audioBlob: Blob): Promise<Blob> => {
48
+ const audioContext = new AudioContext();
49
+ const arrayBuffer = await audioBlob.arrayBuffer();
50
+ const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);
51
+
52
+ // Create WAV file
53
+ const length = audioBuffer.length;
54
+ const sampleRate = audioBuffer.sampleRate;
55
+ const numberOfChannels = audioBuffer.numberOfChannels;
56
+
57
+ // Calculate WAV file size
58
+ const wavLength = 44 + length * numberOfChannels * 2;
59
+ const buffer = new ArrayBuffer(wavLength);
60
+ const view = new DataView(buffer);
61
+
62
+ // WAV file header
63
+ const writeString = (offset: number, string: string) => {
64
+ for (let i = 0; i < string.length; i++) {
65
+ view.setUint8(offset + i, string.charCodeAt(i));
66
+ }
67
+ };
68
+
69
+ writeString(0, "RIFF");
70
+ view.setUint32(4, wavLength - 8, true);
71
+ writeString(8, "WAVE");
72
+ writeString(12, "fmt ");
73
+ view.setUint32(16, 16, true); // fmt chunk size
74
+ view.setUint16(20, 1, true); // PCM format
75
+ view.setUint16(22, numberOfChannels, true);
76
+ view.setUint32(24, sampleRate, true);
77
+ view.setUint32(28, sampleRate * numberOfChannels * 2, true); // byte rate
78
+ view.setUint16(32, numberOfChannels * 2, true); // block align
79
+ view.setUint16(34, 16, true); // bits per sample
80
+ writeString(36, "data");
81
+ view.setUint32(40, length * numberOfChannels * 2, true);
82
+
83
+ // Write audio data
84
+ let offset = 44;
85
+ for (let i = 0; i < length; i++) {
86
+ for (let channel = 0; channel < numberOfChannels; channel++) {
87
+ const sample = audioBuffer.getChannelData(channel)[i]!;
88
+ const value = Math.max(-1, Math.min(1, sample));
89
+ view.setInt16(offset, value * 0x7fff, true);
90
+ offset += 2;
91
+ }
92
+ }
93
+
94
+ return new Blob([buffer], { type: "audio/wav" });
95
+ };