@useupup/vue 3.3.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 (175) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +67 -0
  3. package/dist/AudioUploader-6ZMGQ3GT.cjs +376 -0
  4. package/dist/AudioUploader-6ZMGQ3GT.cjs.map +1 -0
  5. package/dist/AudioUploader-IEWPI3TS.js +376 -0
  6. package/dist/AudioUploader-IEWPI3TS.js.map +1 -0
  7. package/dist/BoxUploader-S6CGJLO7.cjs +214 -0
  8. package/dist/BoxUploader-S6CGJLO7.cjs.map +1 -0
  9. package/dist/BoxUploader-TIDCYWMC.js +214 -0
  10. package/dist/BoxUploader-TIDCYWMC.js.map +1 -0
  11. package/dist/CameraUploader-575RARRY.js +258 -0
  12. package/dist/CameraUploader-575RARRY.js.map +1 -0
  13. package/dist/CameraUploader-LBIVBECB.cjs +258 -0
  14. package/dist/CameraUploader-LBIVBECB.cjs.map +1 -0
  15. package/dist/DropboxUploader-HTGDBDTB.cjs +216 -0
  16. package/dist/DropboxUploader-HTGDBDTB.cjs.map +1 -0
  17. package/dist/DropboxUploader-M2LY2Q32.js +216 -0
  18. package/dist/DropboxUploader-M2LY2Q32.js.map +1 -0
  19. package/dist/GoogleDriveUploader-R3WJYLW7.cjs +220 -0
  20. package/dist/GoogleDriveUploader-R3WJYLW7.cjs.map +1 -0
  21. package/dist/GoogleDriveUploader-SAY4C2QY.js +220 -0
  22. package/dist/GoogleDriveUploader-SAY4C2QY.js.map +1 -0
  23. package/dist/OneDriveUploader-EDB3RJA4.js +219 -0
  24. package/dist/OneDriveUploader-EDB3RJA4.js.map +1 -0
  25. package/dist/OneDriveUploader-WYALTOCQ.cjs +219 -0
  26. package/dist/OneDriveUploader-WYALTOCQ.cjs.map +1 -0
  27. package/dist/ScreenCaptureUploader-F65CM6OA.js +334 -0
  28. package/dist/ScreenCaptureUploader-F65CM6OA.js.map +1 -0
  29. package/dist/ScreenCaptureUploader-TZ74W7WQ.cjs +334 -0
  30. package/dist/ScreenCaptureUploader-TZ74W7WQ.cjs.map +1 -0
  31. package/dist/UrlUploader-PXEGUBQ4.js +143 -0
  32. package/dist/UrlUploader-PXEGUBQ4.js.map +1 -0
  33. package/dist/UrlUploader-TLYGV433.cjs +143 -0
  34. package/dist/UrlUploader-TLYGV433.cjs.map +1 -0
  35. package/dist/assets/logos.d.ts +5 -0
  36. package/dist/assets/logos.d.ts.map +1 -0
  37. package/dist/chunk-D32QOALR.cjs +1083 -0
  38. package/dist/chunk-D32QOALR.cjs.map +1 -0
  39. package/dist/chunk-GG4ABGXB.cjs +62 -0
  40. package/dist/chunk-GG4ABGXB.cjs.map +1 -0
  41. package/dist/chunk-GVB7IFRP.cjs +0 -0
  42. package/dist/chunk-GVB7IFRP.cjs.map +1 -0
  43. package/dist/chunk-IXLKUMV2.cjs +55 -0
  44. package/dist/chunk-IXLKUMV2.cjs.map +1 -0
  45. package/dist/chunk-M6AHIQ3M.js +62 -0
  46. package/dist/chunk-M6AHIQ3M.js.map +1 -0
  47. package/dist/chunk-PPPFIWFQ.js +1083 -0
  48. package/dist/chunk-PPPFIWFQ.js.map +1 -0
  49. package/dist/chunk-RZ7RTSRZ.js +55 -0
  50. package/dist/chunk-RZ7RTSRZ.js.map +1 -0
  51. package/dist/chunk-X6FZTCNT.js +0 -0
  52. package/dist/chunk-X6FZTCNT.js.map +1 -0
  53. package/dist/components/AudioUploader.vue.d.ts +3 -0
  54. package/dist/components/AudioUploader.vue.d.ts.map +1 -0
  55. package/dist/components/AudioWaveform.vue.d.ts +16 -0
  56. package/dist/components/AudioWaveform.vue.d.ts.map +1 -0
  57. package/dist/components/BoxUploader.vue.d.ts +3 -0
  58. package/dist/components/BoxUploader.vue.d.ts.map +1 -0
  59. package/dist/components/CameraUploader.vue.d.ts +3 -0
  60. package/dist/components/CameraUploader.vue.d.ts.map +1 -0
  61. package/dist/components/ClientBoxUploader.vue.d.ts +3 -0
  62. package/dist/components/ClientBoxUploader.vue.d.ts.map +1 -0
  63. package/dist/components/ClientDropboxUploader.vue.d.ts +3 -0
  64. package/dist/components/ClientDropboxUploader.vue.d.ts.map +1 -0
  65. package/dist/components/ClientGoogleDriveUploader.vue.d.ts +3 -0
  66. package/dist/components/ClientGoogleDriveUploader.vue.d.ts.map +1 -0
  67. package/dist/components/ClientOneDriveUploader.vue.d.ts +3 -0
  68. package/dist/components/ClientOneDriveUploader.vue.d.ts.map +1 -0
  69. package/dist/components/DefaultLoaderIcon.vue.d.ts +3 -0
  70. package/dist/components/DefaultLoaderIcon.vue.d.ts.map +1 -0
  71. package/dist/components/DropboxUploader.vue.d.ts +3 -0
  72. package/dist/components/DropboxUploader.vue.d.ts.map +1 -0
  73. package/dist/components/FileHero.vue.d.ts +13 -0
  74. package/dist/components/FileHero.vue.d.ts.map +1 -0
  75. package/dist/components/FileIcon.vue.d.ts +9 -0
  76. package/dist/components/FileIcon.vue.d.ts.map +1 -0
  77. package/dist/components/FileItem.vue.d.ts +14 -0
  78. package/dist/components/FileItem.vue.d.ts.map +1 -0
  79. package/dist/components/FileList.vue.d.ts +3 -0
  80. package/dist/components/FileList.vue.d.ts.map +1 -0
  81. package/dist/components/FilePreview.vue.d.ts +22 -0
  82. package/dist/components/FilePreview.vue.d.ts.map +1 -0
  83. package/dist/components/FilePreviewPortal.vue.d.ts +15 -0
  84. package/dist/components/FilePreviewPortal.vue.d.ts.map +1 -0
  85. package/dist/components/FilePreviewThumbnail.vue.d.ts +19 -0
  86. package/dist/components/FilePreviewThumbnail.vue.d.ts.map +1 -0
  87. package/dist/components/FileRow.vue.d.ts +17 -0
  88. package/dist/components/FileRow.vue.d.ts.map +1 -0
  89. package/dist/components/GoogleDriveUploader.vue.d.ts +3 -0
  90. package/dist/components/GoogleDriveUploader.vue.d.ts.map +1 -0
  91. package/dist/components/Icon.d.ts +36 -0
  92. package/dist/components/Icon.d.ts.map +1 -0
  93. package/dist/components/Icons.d.ts +10 -0
  94. package/dist/components/Icons.d.ts.map +1 -0
  95. package/dist/components/ImageEditorStub.vue.d.ts +3 -0
  96. package/dist/components/ImageEditorStub.vue.d.ts.map +1 -0
  97. package/dist/components/OneDriveUploader.vue.d.ts +3 -0
  98. package/dist/components/OneDriveUploader.vue.d.ts.map +1 -0
  99. package/dist/components/ScreenCaptureUploader.vue.d.ts +3 -0
  100. package/dist/components/ScreenCaptureUploader.vue.d.ts.map +1 -0
  101. package/dist/components/ServerModeDriveUploader.vue.d.ts +9 -0
  102. package/dist/components/ServerModeDriveUploader.vue.d.ts.map +1 -0
  103. package/dist/components/SourceSelector.vue.d.ts +3 -0
  104. package/dist/components/SourceSelector.vue.d.ts.map +1 -0
  105. package/dist/components/SourceView.vue.d.ts +3 -0
  106. package/dist/components/SourceView.vue.d.ts.map +1 -0
  107. package/dist/components/UploaderPanel.vue.d.ts +3 -0
  108. package/dist/components/UploaderPanel.vue.d.ts.map +1 -0
  109. package/dist/components/UrlUploader.vue.d.ts +3 -0
  110. package/dist/components/UrlUploader.vue.d.ts.map +1 -0
  111. package/dist/components/shared/DriveAuthFallback.vue.d.ts +12 -0
  112. package/dist/components/shared/DriveAuthFallback.vue.d.ts.map +1 -0
  113. package/dist/components/shared/DriveBrowser.vue.d.ts +28 -0
  114. package/dist/components/shared/DriveBrowser.vue.d.ts.map +1 -0
  115. package/dist/components/shared/DriveBrowserHeader.vue.d.ts +13 -0
  116. package/dist/components/shared/DriveBrowserHeader.vue.d.ts.map +1 -0
  117. package/dist/components/shared/DriveBrowserIcon.vue.d.ts +7 -0
  118. package/dist/components/shared/DriveBrowserIcon.vue.d.ts.map +1 -0
  119. package/dist/components/shared/DriveBrowserItem.vue.d.ts +9 -0
  120. package/dist/components/shared/DriveBrowserItem.vue.d.ts.map +1 -0
  121. package/dist/components/shared/FileSuccessCheck.vue.d.ts +20 -0
  122. package/dist/components/shared/FileSuccessCheck.vue.d.ts.map +1 -0
  123. package/dist/components/shared/ProgressBar.vue.d.ts +11 -0
  124. package/dist/components/shared/ProgressBar.vue.d.ts.map +1 -0
  125. package/dist/components/shared/SourceViewContainer.vue.d.ts +18 -0
  126. package/dist/components/shared/SourceViewContainer.vue.d.ts.map +1 -0
  127. package/dist/components/shared/UploaderHeader.vue.d.ts +15 -0
  128. package/dist/components/shared/UploaderHeader.vue.d.ts.map +1 -0
  129. package/dist/composables/use-tiles-per-row.d.ts +10 -0
  130. package/dist/composables/use-tiles-per-row.d.ts.map +1 -0
  131. package/dist/composables/useBox.d.ts +28 -0
  132. package/dist/composables/useBox.d.ts.map +1 -0
  133. package/dist/composables/useCameraUploader.d.ts +25 -0
  134. package/dist/composables/useCameraUploader.d.ts.map +1 -0
  135. package/dist/composables/useDropbox.d.ts +28 -0
  136. package/dist/composables/useDropbox.d.ts.map +1 -0
  137. package/dist/composables/useFetchFileByUrl.d.ts +8 -0
  138. package/dist/composables/useFetchFileByUrl.d.ts.map +1 -0
  139. package/dist/composables/useGoogleDrive.d.ts +28 -0
  140. package/dist/composables/useGoogleDrive.d.ts.map +1 -0
  141. package/dist/composables/useOneDrive.d.ts +29 -0
  142. package/dist/composables/useOneDrive.d.ts.map +1 -0
  143. package/dist/composables/useSSEProcessing.d.ts +19 -0
  144. package/dist/composables/useSSEProcessing.d.ts.map +1 -0
  145. package/dist/composables/useServerModeDrive.d.ts +17 -0
  146. package/dist/composables/useServerModeDrive.d.ts.map +1 -0
  147. package/dist/composables/useSourceSelector.d.ts +13 -0
  148. package/dist/composables/useSourceSelector.d.ts.map +1 -0
  149. package/dist/composables/useUploaderController.d.ts +4 -0
  150. package/dist/composables/useUploaderController.d.ts.map +1 -0
  151. package/dist/composables/useUploaderPanel.d.ts +13 -0
  152. package/dist/composables/useUploaderPanel.d.ts.map +1 -0
  153. package/dist/context/source-view-header-extra.d.ts +4 -0
  154. package/dist/context/source-view-header-extra.d.ts.map +1 -0
  155. package/dist/context/uploader-context.d.ts +95 -0
  156. package/dist/context/uploader-context.d.ts.map +1 -0
  157. package/dist/index.cjs +4405 -0
  158. package/dist/index.cjs.map +1 -0
  159. package/dist/index.d.ts +9 -0
  160. package/dist/index.d.ts.map +1 -0
  161. package/dist/index.js +4405 -0
  162. package/dist/index.js.map +1 -0
  163. package/dist/lib/constants.d.ts +11 -0
  164. package/dist/lib/constants.d.ts.map +1 -0
  165. package/dist/lib/view-mode.d.ts +24 -0
  166. package/dist/lib/view-mode.d.ts.map +1 -0
  167. package/dist/shared/types.d.ts +15 -0
  168. package/dist/shared/types.d.ts.map +1 -0
  169. package/dist/styles.d.ts +4 -0
  170. package/dist/tailwind-prefixed.css +2508 -0
  171. package/dist/upup-uploader.vue.d.ts +18 -0
  172. package/dist/upup-uploader.vue.d.ts.map +1 -0
  173. package/dist/use-upup-upload.d.ts +38 -0
  174. package/dist/use-upup-upload.d.ts.map +1 -0
  175. package/package.json +100 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023 Devino
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,67 @@
1
+ # @useupup/vue
2
+
3
+ Vue 3 file uploader with cloud-drive sources (Google Drive, OneDrive, Dropbox,
4
+ Box), resumable uploads, theming, and ICU i18n. A native port of the canonical
5
+ [upup](https://github.com/DevinoSolutions/upup) React UI, DOM-identical to it.
6
+
7
+ Requires Vue 3.4+ (`vue` is a peer dependency).
8
+
9
+ ## Install
10
+
11
+ ```sh
12
+ npm i @useupup/vue
13
+ ```
14
+
15
+ ## Usage (Client Mode)
16
+
17
+ Client Mode uploads directly from the browser to your storage; your server only
18
+ issues short-lived upload credentials at `uploadEndpoint`.
19
+
20
+ ```vue
21
+ <script setup lang="ts">
22
+ import { UpupUploader } from '@useupup/vue'
23
+ import '@useupup/vue/styles'
24
+ </script>
25
+
26
+ <template>
27
+ <UpupUploader
28
+ provider="aws"
29
+ upload-endpoint="/api/upload-token"
30
+ :on-file-upload-complete="
31
+ (file, key) => console.log('Uploaded', file.name, 'to', key)
32
+ "
33
+ />
34
+ </template>
35
+ ```
36
+
37
+ The stylesheet is a separate import so projects without Tailwind get the same
38
+ look. `upload-endpoint` is your own route returning a presigned upload URL — see
39
+ the quickstart for a ready-made handler.
40
+
41
+ ## Server Mode
42
+
43
+ For credential isolation and server-proxied cloud drives, add
44
+ [`@useupup/server`](https://www.npmjs.com/package/@useupup/server) and point the
45
+ uploader at it:
46
+
47
+ ```vue
48
+ <template>
49
+ <UpupUploader mode="server" server-url="/api/upup" provider="aws" />
50
+ </template>
51
+ ```
52
+
53
+ ## Also exported
54
+
55
+ The `use*` uploader composables (`useUpupUpload`, `useUploaderFiles`,
56
+ `useUploaderContext`, and more), plus the `FileSource`, `StorageProvider`, and
57
+ `UploadStatus` enums.
58
+
59
+ ## Links
60
+
61
+ - [Vue quickstart](https://useupup.com/docs/quickstarts/vue)
62
+ - [Documentation](https://useupup.com/docs/)
63
+ - [Source & monorepo](https://github.com/DevinoSolutions/upup)
64
+
65
+ ## License
66
+
67
+ MIT
@@ -0,0 +1,376 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+ var _chunkGG4ABGXBcjs = require('./chunk-GG4ABGXB.cjs');
4
+
5
+
6
+
7
+
8
+
9
+ var _chunkGVB7IFRPcjs = require('./chunk-GVB7IFRP.cjs');
10
+
11
+ // src/components/AudioUploader.vue
12
+ var _vue = require('vue');
13
+
14
+ var _internal = require('@useupup/core/internal');
15
+
16
+ // src/components/AudioWaveform.vue
17
+
18
+
19
+
20
+ var BAR_COUNT = 28;
21
+ var _sfc_main = /* @__PURE__ */ _vue.defineComponent.call(void 0, {
22
+ __name: "AudioWaveform",
23
+ props: { stream: {
24
+ type: null,
25
+ required: true
26
+ } },
27
+ setup(__props, { expose: __expose }) {
28
+ __expose();
29
+ const props = __props;
30
+ const barEls = Array.from({ length: BAR_COUNT }, () => null);
31
+ let raf = 0;
32
+ let audioCtx = null;
33
+ let sourceNode = null;
34
+ function setBar(el, index) {
35
+ barEls[index] = el;
36
+ }
37
+ _vue.onMounted.call(void 0, () => {
38
+ var _a;
39
+ const AudioCtor = (_a = window.AudioContext) != null ? _a : window.webkitAudioContext;
40
+ if (!AudioCtor) return;
41
+ audioCtx = new AudioCtor();
42
+ void audioCtx.resume();
43
+ sourceNode = audioCtx.createMediaStreamSource(props.stream);
44
+ const analyser = audioCtx.createAnalyser();
45
+ analyser.fftSize = 64;
46
+ sourceNode.connect(analyser);
47
+ const data = new Uint8Array(analyser.frequencyBinCount);
48
+ const tick = () => {
49
+ var _a2;
50
+ analyser.getByteFrequencyData(data);
51
+ for (let i = 0; i < barEls.length; i++) {
52
+ const v = (_a2 = data[i % data.length]) != null ? _a2 : 0;
53
+ const el = barEls[i];
54
+ if (el) el.style.height = `${6 + v / 255 * 34}px`;
55
+ }
56
+ raf = requestAnimationFrame(tick);
57
+ };
58
+ raf = requestAnimationFrame(tick);
59
+ });
60
+ _vue.onBeforeUnmount.call(void 0, () => {
61
+ cancelAnimationFrame(raf);
62
+ sourceNode == null ? void 0 : sourceNode.disconnect();
63
+ void (audioCtx == null ? void 0 : audioCtx.close());
64
+ });
65
+ const __returned__ = {
66
+ BAR_COUNT,
67
+ props,
68
+ barEls,
69
+ get raf() {
70
+ return raf;
71
+ },
72
+ set raf(v) {
73
+ raf = v;
74
+ },
75
+ get audioCtx() {
76
+ return audioCtx;
77
+ },
78
+ set audioCtx(v) {
79
+ audioCtx = v;
80
+ },
81
+ get sourceNode() {
82
+ return sourceNode;
83
+ },
84
+ set sourceNode(v) {
85
+ sourceNode = v;
86
+ },
87
+ setBar
88
+ };
89
+ Object.defineProperty(__returned__, "__isScriptSetup", {
90
+ enumerable: false,
91
+ value: true
92
+ });
93
+ return __returned__;
94
+ }
95
+ });
96
+ var _hoisted_1 = {
97
+ "data-upup-slot": "audio-waveform",
98
+ "aria-hidden": "true",
99
+ class: "upup-flex upup-h-11 upup-items-center upup-justify-center upup-gap-[3px]"
100
+ };
101
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
102
+ return _vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, "div", _hoisted_1, [(_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0,
103
+ _vue.Fragment,
104
+ null,
105
+ _vue.renderList.call(void 0, $setup.BAR_COUNT, (i) => {
106
+ return _vue.createElementVNode.call(void 0,
107
+ "span",
108
+ {
109
+ key: i,
110
+ ref_for: true,
111
+ ref: (el) => $setup.setBar(el, i - 1),
112
+ class: "upup-w-[3px] upup-flex-none upup-rounded-full upup-bg-[#38bdf8]",
113
+ style: { "height": "6px" }
114
+ },
115
+ null,
116
+ 512
117
+ /* NEED_PATCH */
118
+ );
119
+ }),
120
+ 64
121
+ /* STABLE_FRAGMENT */
122
+ ))]);
123
+ }
124
+ var AudioWaveform_default = /* @__PURE__ */ _chunkGVB7IFRPcjs.export_helper_default.call(void 0, _sfc_main, [["render", _sfc_render], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\AudioWaveform.vue"]]);
125
+
126
+ // src/components/AudioUploader.vue
127
+
128
+ var _sfc_main2 = /* @__PURE__ */ _vue.defineComponent.call(void 0, {
129
+ __name: "AudioUploader",
130
+ setup(__props, { expose: __expose }) {
131
+ __expose();
132
+ const { setFiles } = _chunkGVB7IFRPcjs.useUploaderFiles.call(void 0, );
133
+ const { setActiveSource } = _chunkGVB7IFRPcjs.useUploaderSource.call(void 0, );
134
+ const { isDark: dark } = _chunkGVB7IFRPcjs.useUploaderTheme.call(void 0, );
135
+ const state = _vue.ref.call(void 0, "idle");
136
+ const duration = _vue.ref.call(void 0, 0);
137
+ const audioUrl = _vue.ref.call(void 0, null);
138
+ const error = _vue.ref.call(void 0, null);
139
+ const mediaRecorder = _vue.ref.call(void 0, null);
140
+ const chunks = [];
141
+ const timerRef = _vue.ref.call(void 0, null);
142
+ const streamRef = _vue.ref.call(void 0, null);
143
+ _vue.onUnmounted.call(void 0, () => {
144
+ var _a;
145
+ if (timerRef.value) clearInterval(timerRef.value);
146
+ if (audioUrl.value) URL.revokeObjectURL(audioUrl.value);
147
+ (_a = streamRef.value) == null ? void 0 : _a.getTracks().forEach((t) => t.stop());
148
+ });
149
+ async function startRecording() {
150
+ try {
151
+ const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
152
+ streamRef.value = stream;
153
+ chunks.length = 0;
154
+ const recorder = new MediaRecorder(stream);
155
+ mediaRecorder.value = recorder;
156
+ recorder.ondataavailable = (e) => {
157
+ if (e.data.size > 0) chunks.push(e.data);
158
+ };
159
+ recorder.onstop = () => {
160
+ const blob = new Blob(chunks, { type: recorder.mimeType || "audio/webm" });
161
+ audioUrl.value = URL.createObjectURL(blob);
162
+ stream.getTracks().forEach((t) => t.stop());
163
+ };
164
+ recorder.start();
165
+ state.value = "recording";
166
+ duration.value = 0;
167
+ timerRef.value = setInterval(() => {
168
+ duration.value++;
169
+ }, 1e3);
170
+ } catch (e2) {
171
+ error.value = "Microphone access denied. Please allow microphone access and try again.";
172
+ }
173
+ }
174
+ function stopRecording() {
175
+ var _a;
176
+ (_a = mediaRecorder.value) == null ? void 0 : _a.stop();
177
+ if (timerRef.value) clearInterval(timerRef.value);
178
+ state.value = "recorded";
179
+ }
180
+ function discardRecording() {
181
+ if (audioUrl.value) URL.revokeObjectURL(audioUrl.value);
182
+ audioUrl.value = null;
183
+ duration.value = 0;
184
+ state.value = "idle";
185
+ }
186
+ function addRecording() {
187
+ var _a, _b;
188
+ if (!audioUrl.value) return;
189
+ const ext = ((_b = (_a = mediaRecorder.value) == null ? void 0 : _a.mimeType) == null ? void 0 : _b.includes("webm")) ? "webm" : "ogg";
190
+ fetch(audioUrl.value).then((r) => r.blob()).then((blob) => {
191
+ const file = new File([blob], `recording-${Date.now()}.${ext}`, { type: blob.type });
192
+ setFiles([file]);
193
+ setActiveSource(void 0);
194
+ }).catch(() => {
195
+ });
196
+ }
197
+ function formatTime(s) {
198
+ const m = Math.floor(s / 60);
199
+ const sec = s % 60;
200
+ return `${m}:${sec.toString().padStart(2, "0")}`;
201
+ }
202
+ const __returned__ = {
203
+ setFiles,
204
+ setActiveSource,
205
+ dark,
206
+ state,
207
+ duration,
208
+ audioUrl,
209
+ error,
210
+ mediaRecorder,
211
+ chunks,
212
+ timerRef,
213
+ streamRef,
214
+ startRecording,
215
+ stopRecording,
216
+ discardRecording,
217
+ addRecording,
218
+ formatTime,
219
+ get cn() {
220
+ return _internal.cn;
221
+ },
222
+ SourceViewContainer: _chunkGG4ABGXBcjs.SourceViewContainer_default,
223
+ AudioWaveform: AudioWaveform_default
224
+ };
225
+ Object.defineProperty(__returned__, "__isScriptSetup", {
226
+ enumerable: false,
227
+ value: true
228
+ });
229
+ return __returned__;
230
+ }
231
+ });
232
+ var _hoisted_12 = { class: "upup-flex upup-flex-col upup-items-center upup-gap-3 upup-p-6 upup-text-center" };
233
+ var _hoisted_2 = { class: "upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-6 upup-p-6" };
234
+ var _hoisted_3 = ["src"];
235
+ var _hoisted_4 = { class: "upup-flex upup-gap-3" };
236
+ function _sfc_render2(_ctx, _cache, $props, $setup, $data, $options) {
237
+ return _vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0,
238
+ _vue.Fragment,
239
+ null,
240
+ [_vue.createCommentVNode.call(void 0, " Error state "), $setup.error ? (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["SourceViewContainer"], {
241
+ key: 0,
242
+ "data-upup-slot": "audio-uploader"
243
+ }, {
244
+ default: _vue.withCtx.call(void 0, () => [_vue.createElementVNode.call(void 0, "div", _hoisted_12, [_vue.createElementVNode.call(void 0,
245
+ "p",
246
+ { class: _vue.normalizeClass.call(void 0, $setup.cn("upup-text-sm upup-text-red-500", { "upup-text-red-400": $setup.dark })) },
247
+ _vue.toDisplayString.call(void 0, $setup.error),
248
+ 3
249
+ /* TEXT, CLASS */
250
+ )])]),
251
+ _: 1
252
+ })) : (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0,
253
+ _vue.Fragment,
254
+ { key: 1 },
255
+ [_vue.createCommentVNode.call(void 0, " Normal state "), _vue.createVNode.call(void 0, $setup["SourceViewContainer"], { "data-upup-slot": "audio-uploader" }, {
256
+ default: _vue.withCtx.call(void 0, () => [_vue.createElementVNode.call(void 0, "div", _hoisted_2, [
257
+ _vue.createElementVNode.call(void 0,
258
+ "div",
259
+ { class: _vue.normalizeClass.call(void 0, $setup.cn("upup-flex upup-h-24 upup-w-24 upup-items-center upup-justify-center upup-rounded-full", {
260
+ "upup-bg-red-500/20": $setup.state === "recording",
261
+ "upup-bg-[#0ea5e9]/20": $setup.state === "idle" || $setup.state === "recorded"
262
+ })) },
263
+ [_vue.createElementVNode.call(void 0,
264
+ "div",
265
+ { class: _vue.normalizeClass.call(void 0, $setup.cn("upup-flex upup-h-16 upup-w-16 upup-items-center upup-justify-center upup-rounded-full upup-transition-all", {
266
+ "upup-animate-pulse upup-bg-red-500": $setup.state === "recording",
267
+ "upup-bg-[#0ea5e9]": $setup.state === "idle" || $setup.state === "recorded"
268
+ })) },
269
+ [..._cache[0] || (_cache[0] = [_vue.createElementVNode.call(void 0,
270
+ "svg",
271
+ {
272
+ xmlns: "http://www.w3.org/2000/svg",
273
+ width: "28",
274
+ height: "28",
275
+ viewBox: "0 0 24 24",
276
+ fill: "none",
277
+ stroke: "white",
278
+ "stroke-width": "2",
279
+ "stroke-linecap": "round",
280
+ "stroke-linejoin": "round"
281
+ },
282
+ [
283
+ _vue.createElementVNode.call(void 0, "path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
284
+ _vue.createElementVNode.call(void 0, "path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
285
+ _vue.createElementVNode.call(void 0, "line", {
286
+ x1: "12",
287
+ x2: "12",
288
+ y1: "19",
289
+ y2: "22"
290
+ })
291
+ ],
292
+ -1
293
+ /* CACHED */
294
+ )])],
295
+ 2
296
+ /* CLASS */
297
+ )],
298
+ 2
299
+ /* CLASS */
300
+ ),
301
+ $setup.state === "recording" && $setup.streamRef ? (_vue.openBlock.call(void 0, ), _vue.createBlock.call(void 0, $setup["AudioWaveform"], {
302
+ key: 0,
303
+ stream: $setup.streamRef
304
+ }, null, 8, ["stream"])) : _vue.createCommentVNode.call(void 0, "v-if", true),
305
+ _vue.createElementVNode.call(void 0,
306
+ "span",
307
+ { class: _vue.normalizeClass.call(void 0, $setup.cn("upup-text-2xl upup-font-mono upup-tabular-nums", {
308
+ "upup-text-[#1b1b1b]": !$setup.dark,
309
+ "upup-text-white": $setup.dark
310
+ })) },
311
+ _vue.toDisplayString.call(void 0, $setup.formatTime($setup.duration)),
312
+ 3
313
+ /* TEXT, CLASS */
314
+ ),
315
+ $setup.state === "recorded" && $setup.audioUrl ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, "audio", {
316
+ key: 1,
317
+ controls: "",
318
+ src: $setup.audioUrl,
319
+ class: "upup-w-full upup-max-w-xs"
320
+ }, null, 8, _hoisted_3)) : _vue.createCommentVNode.call(void 0, "v-if", true),
321
+ _vue.createElementVNode.call(void 0, "div", _hoisted_4, [
322
+ $setup.state === "idle" ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0,
323
+ "button",
324
+ {
325
+ key: 0,
326
+ type: "button",
327
+ class: _vue.normalizeClass.call(void 0, $setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": $setup.dark })),
328
+ onClick: $setup.startRecording
329
+ },
330
+ " Start Recording ",
331
+ 2
332
+ /* CLASS */
333
+ )) : _vue.createCommentVNode.call(void 0, "v-if", true),
334
+ $setup.state === "recording" ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0, "button", {
335
+ key: 1,
336
+ type: "button",
337
+ class: "upup-rounded-lg upup-bg-red-500 upup-px-6 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-red-600",
338
+ onClick: $setup.stopRecording
339
+ }, " Stop Recording ")) : _vue.createCommentVNode.call(void 0, "v-if", true),
340
+ $setup.state === "recorded" ? (_vue.openBlock.call(void 0, ), _vue.createElementBlock.call(void 0,
341
+ _vue.Fragment,
342
+ { key: 2 },
343
+ [_vue.createElementVNode.call(void 0, "button", {
344
+ type: "button",
345
+ class: "upup-rounded-lg upup-bg-gray-500 upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-gray-600",
346
+ onClick: $setup.discardRecording
347
+ }, " Discard "), _vue.createElementVNode.call(void 0,
348
+ "button",
349
+ {
350
+ type: "button",
351
+ class: _vue.normalizeClass.call(void 0, $setup.cn("upup-rounded-lg upup-bg-[#0ea5e9] upup-px-4 upup-py-2.5 upup-text-sm upup-font-medium upup-text-white upup-transition-colors hover:upup-bg-[#0284c7]", { "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8]": $setup.dark })),
352
+ onClick: $setup.addRecording
353
+ },
354
+ " Add Recording ",
355
+ 2
356
+ /* CLASS */
357
+ )],
358
+ 64
359
+ /* STABLE_FRAGMENT */
360
+ )) : _vue.createCommentVNode.call(void 0, "v-if", true)
361
+ ])
362
+ ])]),
363
+ _: 1
364
+ })],
365
+ 2112
366
+ /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
367
+ ))],
368
+ 2112
369
+ /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
370
+ );
371
+ }
372
+ var AudioUploader_default = /* @__PURE__ */ _chunkGVB7IFRPcjs.export_helper_default.call(void 0, _sfc_main2, [["render", _sfc_render2], ["__file", "C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\src\\components\\AudioUploader.vue"]]);
373
+
374
+
375
+ exports.default = AudioUploader_default;
376
+ //# sourceMappingURL=AudioUploader-6ZMGQ3GT.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["c:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\AudioUploader-6ZMGQ3GT.cjs"],"names":[],"mappings":"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,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,oBAAA;AACA,oBAAA;AACA,oBAAA;AACA,oBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,YAAA;AACA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,cAAA;AACA,gBAAA;AACA,gBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA;AACA,cAAA;AACA,cAAA;AACA;AACA,YAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA;AACA,IAAA;AACA,IAAA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA","file":"C:\\Users\\amind\\OneDrive\\Desktop\\Projects\\INTERNAL\\upup\\packages\\vue\\dist\\AudioUploader-6ZMGQ3GT.cjs","sourcesContent":[null]}