selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin' into jose/vertical-waveform

Browse Source
This commit is contained in:
Jose B
2023-07-21 07:04:36 -05:00
parent 573664999f 29351def4a
commit 159e9fcc09
8 changed files with 174 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/components/CustomRecordPlugin.js
View File

@@ -1,14 +1,21 @@
// Override the startRecording method so we can pass the desired stream // Override the startRecording method so we can pass the desired stream
// Checkout: https://github.com/katspaugh/wavesurfer.js/blob/fa2bcfe/src/plugins/record.ts // Checkout: https://github.com/katspaugh/wavesurfer.js/blob/fa2bcfe/src/plugins/record.ts
import RecordPlugin from "wavesurfer.js/dist/plugins/record" import RecordPlugin from "wavesurfer.js/dist/plugins/record";
const MIME_TYPES = ['audio/webm', 'audio/wav', 'audio/mpeg', 'audio/mp4', 'audio/mp3'] const MIME_TYPES = [
const findSupportedMimeType = () => MIME_TYPES.find((mimeType) => MediaRecorder.isTypeSupported(mimeType)) "audio/webm",
"audio/wav",
"audio/mpeg",
"audio/mp4",
"audio/mp3",
];
const findSupportedMimeType = () =>
MIME_TYPES.find((mimeType) => MediaRecorder.isTypeSupported(mimeType));
class CustomRecordPlugin extends RecordPlugin { class CustomRecordPlugin extends RecordPlugin {
static create(options) { static create(options) {
return new CustomRecordPlugin(options || {}) return new CustomRecordPlugin(options || {});
} }
render(stream) { render(stream) {
if (!this.wavesurfer) return () => undefined if (!this.wavesurfer) return () => undefined
@@ -88,33 +95,33 @@ class CustomRecordPlugin extends RecordPlugin {
} }
} }
startRecording(stream) { startRecording(stream) {
this.preventInteraction() this.preventInteraction();
this.cleanUp() this.cleanUp();
const onStop = this.render(stream) const onStop = this.render(stream);
const mediaRecorder = new MediaRecorder(stream, { const mediaRecorder = new MediaRecorder(stream, {
mimeType: this.options.mimeType || findSupportedMimeType(), mimeType: this.options.mimeType || findSupportedMimeType(),
audioBitsPerSecond: this.options.audioBitsPerSecond, audioBitsPerSecond: this.options.audioBitsPerSecond,
}) });
const recordedChunks = [] const recordedChunks = [];
mediaRecorder.addEventListener('dataavailable', (event) => { mediaRecorder.addEventListener("dataavailable", (event) => {
if (event.data.size > 0) { if (event.data.size > 0) {
recordedChunks.push(event.data) recordedChunks.push(event.data);
} }
}) });
mediaRecorder.addEventListener('stop', () => { mediaRecorder.addEventListener("stop", () => {
onStop() onStop();
this.loadBlob(recordedChunks, mediaRecorder.mimeType) this.loadBlob(recordedChunks, mediaRecorder.mimeType);
this.emit('stopRecording') this.emit("stopRecording");
}) });
mediaRecorder.start() mediaRecorder.start();
this.emit('startRecording') this.emit("startRecording");
this.mediaRecorder = mediaRecorder this.mediaRecorder = mediaRecorder;
} }
} }

16
app/components/dashboard.js
View File

@@ -14,7 +14,10 @@ export function Dashboard({
return ( return (
<> <>
<div className="p-4"> <div className="w-3/4 py-4">
<div className="text-center py-6">
<h1 className="text-2xl font-bold text-blue-500">Meeting Notes</h1>
</div>
<div className="flex justify-between border-b-2"> <div className="flex justify-between border-b-2">
<div className="w-1/4">Timestamp</div> <div className="w-1/4">Timestamp</div>
<div className="w-1/4">Topic</div> <div className="w-1/4">Topic</div>
@@ -38,21 +41,19 @@ export function Dashboard({
{">"} {">"}
</span> </span>
</div> </div>
<div className="w-1/4 flex flex-row space-x-0.5"> <div className="w-1/4 flex flex-row space-x-0.5"></div>
</div>
</div> </div>
{openIndex === index && ( {openIndex === index && (
<div className="mt-2 p-2">{item.transcript}</div> <div className="mt-2 p-2 bg-white">{item.transcript}</div>
)} )}
</div> </div>
))} ))}
<div className="border-b-2 py-2 w-[90vw] max-w-[1280px]"> <div className="border-b-2 py-2">
<div className="flex justify-between"> <div className="flex justify-between">
<div className="w-1/4">Live</div> <div className="w-1/4">Live</div>
<div className="w-1/4">Transcript</div> <div className="w-1/4">Transcript</div>
<div className="w-1/4 flex flex-row space-x-0.5"> <div className="w-1/4 flex flex-row space-x-0.5"></div>
</div>
</div> </div>
<div className="mt-2 p-2 bg-white temp-transcription"> <div className="mt-2 p-2 bg-white temp-transcription">
{transcriptionText} {transcriptionText}
@@ -66,7 +67,6 @@ export function Dashboard({
<p>{finalSummary.summary}</p> <p>{finalSummary.summary}</p>
</div> </div>
)} )}
</div> </div>
</> </>
); );

126
app/components/record.js
View File

@@ -2,105 +2,117 @@ import React, { useRef, useEffect, useState } from "react";
import WaveSurfer from "wavesurfer.js"; import WaveSurfer from "wavesurfer.js";
import Dropdown from 'react-dropdown' import Dropdown from "react-dropdown";
import 'react-dropdown/style.css' import "react-dropdown/style.css";
import CustomRecordPlugin from './CustomRecordPlugin'
import CustomRecordPlugin from "./CustomRecordPlugin";
export default function Recorder(props) { export default function Recorder(props) {
const waveformRef = useRef() const waveformRef = useRef();
const [wavesurfer, setWavesurfer] = useState(null) const [wavesurfer, setWavesurfer] = useState(null);
const [record, setRecord] = useState(null) const [record, setRecord] = useState(null);
const [isRecording, setIsRecording] = useState(false) const [isRecording, setIsRecording] = useState(false);
const [isPlaying, setIsPlaying] = useState(false) const [isPlaying, setIsPlaying] = useState(false);
const [deviceId, setDeviceId] = useState(null) const [deviceId, setDeviceId] = useState(null);
const [ddOptions, setDdOptions] = useState([]) const [ddOptions, setDdOptions] = useState([]);
useEffect(() => { useEffect(() => {
document.getElementById('play-btn').disabled = true document.getElementById("play-btn").disabled = true;
navigator.mediaDevices.enumerateDevices().then(devices => { navigator.mediaDevices.enumerateDevices().then((devices) => {
const audioDevices = devices const audioDevices = devices
.filter(d => d.kind === 'audioinput') .filter((d) => d.kind === "audioinput")
.map(d => ({value: d.deviceId, label: d.label})) .map((d) => ({ value: d.deviceId, label: d.label }));
if (audioDevices.length < 1) return console.log("no audio input devices") if (audioDevices.length < 1) return console.log("no audio input devices");
setDdOptions(audioDevices) setDdOptions(audioDevices);
setDeviceId(audioDevices[0].value) setDeviceId(audioDevices[0].value);
}) });
if (waveformRef.current) { if (waveformRef.current) {
const _wavesurfer = WaveSurfer.create({ const _wavesurfer = WaveSurfer.create({
container: waveformRef.current, container: waveformRef.current,
waveColor: "#333", waveColor: "#cc3347",
progressColor: "#0178FF", progressColor: "#0178FFπ",
cursorColor: "OrangeRed", cursorColor: "OrangeRed",
hideScrollbar: true, hideScrollbar: true,
autoCenter: true, autoCenter: true,
barWidth: 2, barWidth: 2,
}) });
const wsWrapper = _wavesurfer.getWrapper() const wsWrapper = _wavesurfer.getWrapper();
wsWrapper.style.cursor = 'pointer' wsWrapper.style.cursor = "pointer";
wsWrapper.style.backgroundColor = 'lightgray' wsWrapper.style.backgroundColor = "lightgray";
wsWrapper.style.borderRadius = '15px' wsWrapper.style.borderRadius = "15px";
_wavesurfer.on('play', () => { _wavesurfer.on("play", () => {
setIsPlaying(true) setIsPlaying(true);
}) });
_wavesurfer.on('pause', () => { _wavesurfer.on("pause", () => {
setIsPlaying(false) setIsPlaying(false);
}) });
setRecord(_wavesurfer.registerPlugin(CustomRecordPlugin.create())) setRecord(_wavesurfer.registerPlugin(CustomRecordPlugin.create()));
setWavesurfer(_wavesurfer) setWavesurfer(_wavesurfer);
return () => { return () => {
_wavesurfer.destroy() _wavesurfer.destroy();
setIsRecording(false) setIsRecording(false);
setIsPlaying(false) setIsPlaying(false);
};
} }
} }, []);
}, [])
const handleRecClick = async () => { const handleRecClick = async () => {
if (!record) return console.log("no record") if (!record) return console.log("no record");
if (record?.isRecording()) { if (record?.isRecording()) {
record.stopRecording() record.stopRecording();
setIsRecording(false) setIsRecording(false);
document.getElementById('play-btn').disabled = false document.getElementById("play-btn").disabled = false;
} else { } else {
const stream = await navigator.mediaDevices.getUserMedia({ audio: { deviceId } }) const stream = await navigator.mediaDevices.getUserMedia({
await record.startRecording(stream) audio: { deviceId },
props.setStream(stream) });
setIsRecording(true) await record.startRecording(stream);
} props.setStream(stream);
setIsRecording(true);
} }
};
const handlePlayClick = () => { const handlePlayClick = () => {
wavesurfer?.playPause() wavesurfer?.playPause();
} };
const handleDropdownChange = (e) => { const handleDropdownChange = (e) => {
setDeviceId(e.value) setDeviceId(e.value);
} };
return ( return (
<div className="flex flex-col items-center justify-center max-w-[90vw] w-full"> <div className="flex flex-col items-center justify-center max-w-[75vw] w-full">
<div className="flex my-2 mx-auto"> <div className="flex my-2 mx-auto">
<Dropdown options={ddOptions} onChange={handleDropdownChange} value={ddOptions[0]} /> <Dropdown
options={ddOptions}
onChange={handleDropdownChange}
value={ddOptions[0]}
/>
&nbsp; &nbsp;
<button onClick={handleRecClick} data-color={isRecording ? "red" : "blue"}> <button
onClick={handleRecClick}
data-color={isRecording ? "red" : "blue"}
>
{isRecording ? "Stop" : "Record"} {isRecording ? "Stop" : "Record"}
</button> </button>
&nbsp; &nbsp;
<button id="play-btn" onClick={handlePlayClick} data-color={isPlaying ? "orange" : "green"}> <button
id="play-btn"
onClick={handlePlayClick}
data-color={isPlaying ? "orange" : "green"}
>
{isPlaying ? "Pause" : "Play"} {isPlaying ? "Pause" : "Play"}
</button> </button>
</div> </div>
<div ref={waveformRef} className="w-full"></div> <div ref={waveformRef} className="w-full"></div>
{/* TODO: Download audio <a> tag */} {/* TODO: Download audio <a> tag */}
</div> </div>
) );
} }

2
app/components/webrtc.js
View File

@@ -37,7 +37,7 @@ const useWebRTC = (stream, setIsRecording) => {
peer.on("connect", () => { peer.on("connect", () => {
console.log("WebRTC connected"); console.log("WebRTC connected");
setData(prevData => ({ ...prevData, peer: peer })); setData((prevData) => ({ ...prevData, peer: peer }));
}); });
peer.on("data", (data) => { peer.on("data", (data) => {

10
app/layout.js
View File

@@ -16,7 +16,15 @@ export default function RootLayout({ children }) {
<Head> <Head>
<title>Test</title> <title>Test</title>
</Head> </Head>
<body className={roboto.className}>{children}</body> <body className={roboto.className + " flex flex-col min-h-screen"}>
<main className="flex-grow">
{children}
</main>
<footer className="w-full bg-gray-800 text-white text-center py-4 fixed inset-x-0 bottom-0">
© 2023 Reflector, a product of Monadical
</footer>
</body>
</html> </html>
); );
} }

7
app/page.js
View File

@@ -11,7 +11,6 @@ const App = () => {
// This is where you'd send the stream and receive the data from the server. // This is where you'd send the stream and receive the data from the server.
// transcription, summary, etc // transcription, summary, etc
const serverData = useWebRTC(stream, () => {}); const serverData = useWebRTC(stream, () => {});
const text = serverData?.text ?? "";
return ( return (
<div className="flex flex-col items-center h-[100svh]"> <div className="flex flex-col items-center h-[100svh]">
@@ -22,15 +21,11 @@ const App = () => {
<Recorder setStream={setStream} onStop={() => serverData.peer.send(JSON.stringify({ cmd: 'STOP' }))}/> <Recorder setStream={setStream} onStop={() => serverData.peer.send(JSON.stringify({ cmd: 'STOP' }))}/>
<Dashboard <Dashboard
transcriptionText={serverData.text ?? "(No transcription text)"} transcriptionText={serverData.text ?? "..."}
finalSummary={serverData.finalSummary} finalSummary={serverData.finalSummary}
topics={serverData.topics ?? []} topics={serverData.topics ?? []}
stream={stream} stream={stream}
/> />
<footer className="w-full bg-gray-800 text-center py-4 mt-auto text-white">
Reflector © 2023 Monadical
</footer>
</div> </div>
); );
}; };

26
package-lock.json generated
View File

@@ -14,10 +14,12 @@
"postcss": "8.4.25", "postcss": "8.4.25",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-dropdown": "^1.11.0",
"sass": "^1.63.6", "sass": "^1.63.6",
"simple-peer": "^9.11.1", "simple-peer": "^9.11.1",
"supports-color": "^9.4.0", "supports-color": "^9.4.0",
"tailwindcss": "^3.3.2" "tailwindcss": "^3.3.2",
"wavesurfer.js": "^7.0.3"
}, },
"devDependencies": { "devDependencies": {
"prettier": "^3.0.0" "prettier": "^3.0.0"
@@ -497,6 +499,11 @@
"node": ">= 6" "node": ">= 6"
} }
}, },
"node_modules/classnames": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
"integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
},
"node_modules/client-only": { "node_modules/client-only": {
"version": "0.0.1", "version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz", "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -1245,6 +1252,18 @@
"react": "^18.2.0" "react": "^18.2.0"
} }
}, },
"node_modules/react-dropdown": {
"version": "1.11.0",
"resolved": "https://registry.npmjs.org/react-dropdown/-/react-dropdown-1.11.0.tgz",
"integrity": "sha512-E2UWetRPxNdIhQahXw6b984ME7WmcgDj9AEAjrtS/oyLCFVo+2qkCfcS06C22JR0Zj+YLnygwv0Ozf6VKKDq7g==",
"dependencies": {
"classnames": "^2.2.3"
},
"peerDependencies": {
"react": "^0.14.7 || ^15.0.0-0 || ^16.0.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^0.14.7 || ^15.0.0-0 || ^16.0.0 || ^17.0.0|| ^18.0.0"
}
},
"node_modules/read-cache": { "node_modules/read-cache": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -1607,6 +1626,11 @@
"node": ">=10.13.0" "node": ">=10.13.0"
} }
}, },
"node_modules/wavesurfer.js": {
"version": "7.0.3",
"resolved": "https://registry.npmjs.org/wavesurfer.js/-/wavesurfer.js-7.0.3.tgz",
"integrity": "sha512-gJ3P+Bd3Q4E8qETjjg0pneaVqm2J7jegG2Cc6vqEF5YDDKQ3m8sKsvVfgVhJkacKkO9jFAGDu58Hw4zLr7xD0A=="
},
"node_modules/wrappy": { "node_modules/wrappy": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",

93
yarn.lock
View File

@@ -26,16 +26,16 @@
resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz" resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz"
integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw== integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
"@jridgewell/sourcemap-codec@1.4.14":
version "1.4.14"
resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz"
integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
"@jridgewell/sourcemap-codec@^1.4.10": "@jridgewell/sourcemap-codec@^1.4.10":
version "1.4.15" version "1.4.15"
resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz" resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg== integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
"@jridgewell/sourcemap-codec@1.4.14":
version "1.4.14"
resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz"
integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
"@jridgewell/trace-mapping@^0.3.9": "@jridgewell/trace-mapping@^0.3.9":
version "0.3.18" version "0.3.18"
resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz" resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz"
@@ -54,46 +54,6 @@
resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.9.tgz" resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.9.tgz"
integrity sha512-TVzGHpZoVBk3iDsTOQA/R6MGmFp0+17SWXMEWd6zG30AfuELmSSMe2SdPqxwXU0gbpWkJL1KgfLzy5ReN0crqQ== integrity sha512-TVzGHpZoVBk3iDsTOQA/R6MGmFp0+17SWXMEWd6zG30AfuELmSSMe2SdPqxwXU0gbpWkJL1KgfLzy5ReN0crqQ==
"@next/swc-darwin-x64@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.9.tgz#a08fccdee68201522fe6618ec81f832084b222f8"
integrity sha512-aSfF1fhv28N2e7vrDZ6zOQ+IIthocfaxuMWGReB5GDriF0caTqtHttAvzOMgJgXQtQx6XhyaJMozLTSEXeNN+A==
"@next/swc-linux-arm64-gnu@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.9.tgz#1798c2341bb841e96521433eed00892fb24abbd1"
integrity sha512-JhKoX5ECzYoTVyIy/7KykeO4Z2lVKq7HGQqvAH+Ip9UFn1MOJkOnkPRB7v4nmzqAoY+Je05Aj5wNABR1N18DMg==
"@next/swc-linux-arm64-musl@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.9.tgz#cee04c51610eddd3638ce2499205083656531ea0"
integrity sha512-OOn6zZBIVkm/4j5gkPdGn4yqQt+gmXaLaSjRSO434WplV8vo2YaBNbSHaTM9wJpZTHVDYyjzuIYVEzy9/5RVZw==
"@next/swc-linux-x64-gnu@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.9.tgz#1932d0367916adbc6844b244cda1d4182bd11f7a"
integrity sha512-iA+fJXFPpW0SwGmx/pivVU+2t4zQHNOOAr5T378PfxPHY6JtjV6/0s1vlAJUdIHeVpX98CLp9k5VuKgxiRHUpg==
"@next/swc-linux-x64-musl@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.9.tgz#a66aa8c1383b16299b72482f6360facd5cde3c7a"
integrity sha512-rlNf2WUtMM+GAQrZ9gMNdSapkVi3koSW3a+dmBVp42lfugWVvnyzca/xJlN48/7AGx8qu62WyO0ya1ikgOxh6A==
"@next/swc-win32-arm64-msvc@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.9.tgz#39482ee856c867177a612a30b6861c75e0736a4a"
integrity sha512-5T9ybSugXP77nw03vlgKZxD99AFTHaX8eT1ayKYYnGO9nmYhJjRPxcjU5FyYI+TdkQgEpIcH7p/guPLPR0EbKA==
"@next/swc-win32-ia32-msvc@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.9.tgz#29db85e34b597ade1a918235d16a760a9213c190"
integrity sha512-ojZTCt1lP2ucgpoiFgrFj07uq4CZsq4crVXpLGgQfoFq00jPKRPgesuGPaz8lg1yLfvafkU3Jd1i8snKwYR3LA==
"@next/swc-win32-x64-msvc@13.4.9":
version "13.4.9"
resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.9.tgz#0c2758164cccd61bc5a1c6cd8284fe66173e4a2b"
integrity sha512-QbT03FXRNdpuL+e9pLnu+XajZdm/TtIXVYY4lA9t+9l0fLZbHXDYEKitAqxrOj37o3Vx5ufxiRAniaIebYDCgw==
"@nodelib/fs.scandir@2.1.5": "@nodelib/fs.scandir@2.1.5":
version "2.1.5" version "2.1.5"
resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz" resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
@@ -102,7 +62,7 @@
"@nodelib/fs.stat" "2.0.5" "@nodelib/fs.stat" "2.0.5"
run-parallel "^1.1.9" run-parallel "^1.1.9"
"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2": "@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
version "2.0.5" version "2.0.5"
resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz" resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A== integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -182,7 +142,7 @@ braces@^3.0.2, braces@~3.0.2:
dependencies: dependencies:
fill-range "^7.0.1" fill-range "^7.0.1"
browserslist@^4.21.5: browserslist@^4.21.5, "browserslist@>= 4.21.0":
version "4.21.9" version "4.21.9"
resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz" resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.9.tgz"
integrity sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg== integrity sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==
@@ -234,7 +194,7 @@ caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.300015
classnames@^2.2.3: classnames@^2.2.3:
version "2.3.2" version "2.3.2"
resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924" resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz"
integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw== integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
client-only@0.0.1: client-only@0.0.1:
@@ -339,7 +299,7 @@ get-browser-rtc@^1.1.0:
resolved "https://registry.npmjs.org/get-browser-rtc/-/get-browser-rtc-1.1.0.tgz" resolved "https://registry.npmjs.org/get-browser-rtc/-/get-browser-rtc-1.1.0.tgz"
integrity sha512-MghbMJ61EJrRsDe7w1Bvqt3ZsBuqhce5nrn/XAwgwOXhcsz53/ltdxOse1h/8eKXj5slzxdsz56g5rzOFSGwfQ== integrity sha512-MghbMJ61EJrRsDe7w1Bvqt3ZsBuqhce5nrn/XAwgwOXhcsz53/ltdxOse1h/8eKXj5slzxdsz56g5rzOFSGwfQ==
glob-parent@^5.1.2, glob-parent@~5.1.2: glob-parent@^5.1.2:
version "5.1.2" version "5.1.2"
resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz" resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow== integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -353,6 +313,13 @@ glob-parent@^6.0.2:
dependencies: dependencies:
is-glob "^4.0.3" is-glob "^4.0.3"
glob-parent@~5.1.2:
version "5.1.2"
resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
dependencies:
is-glob "^4.0.1"
glob-to-regexp@^0.4.1: glob-to-regexp@^0.4.1:
version "0.4.1" version "0.4.1"
resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz" resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz"
@@ -400,7 +367,7 @@ inflight@^1.0.4:
once "^1.3.0" once "^1.3.0"
wrappy "1" wrappy "1"
inherits@2, inherits@^2.0.3: inherits@^2.0.3, inherits@2:
version "2.0.4" version "2.0.4"
resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz" resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ== integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -632,6 +599,15 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz" resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
postcss@^8.0.0, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.23, postcss@>=8.0.9, postcss@8.4.25:
version "8.4.25"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz"
integrity sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==
dependencies:
nanoid "^3.3.6"
picocolors "^1.0.0"
source-map-js "^1.0.2"
postcss@8.4.14: postcss@8.4.14:
version "8.4.14" version "8.4.14"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz" resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz"
@@ -641,15 +617,6 @@ postcss@8.4.14:
picocolors "^1.0.0" picocolors "^1.0.0"
source-map-js "^1.0.2" source-map-js "^1.0.2"
postcss@8.4.25, postcss@^8.4.23:
version "8.4.25"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.25.tgz"
integrity sha512-7taJ/8t2av0Z+sQEvNzCkpDynl0tX3uJMCODi6nT3PfASC7dYCWV9aQ+uiCf+KBD4SEFcu+GvJdGdwzQ6OSjCw==
dependencies:
nanoid "^3.3.6"
picocolors "^1.0.0"
source-map-js "^1.0.2"
prettier@^3.0.0: prettier@^3.0.0:
version "3.0.0" version "3.0.0"
resolved "https://registry.npmjs.org/prettier/-/prettier-3.0.0.tgz" resolved "https://registry.npmjs.org/prettier/-/prettier-3.0.0.tgz"
@@ -667,7 +634,7 @@ randombytes@^2.1.0:
dependencies: dependencies:
safe-buffer "^5.1.0" safe-buffer "^5.1.0"
react-dom@^18.2.0: "react-dom@^0.14.7 || ^15.0.0-0 || ^16.0.0 || ^17.0.0|| ^18.0.0", react-dom@^18.2.0:
version "18.2.0" version "18.2.0"
resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz" resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g== integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -677,12 +644,12 @@ react-dom@^18.2.0:
react-dropdown@^1.11.0: react-dropdown@^1.11.0:
version "1.11.0" version "1.11.0"
resolved "https://registry.yarnpkg.com/react-dropdown/-/react-dropdown-1.11.0.tgz#b9576de17efd28e5684d101b3f58dfe784af242c" resolved "https://registry.npmjs.org/react-dropdown/-/react-dropdown-1.11.0.tgz"
integrity sha512-E2UWetRPxNdIhQahXw6b984ME7WmcgDj9AEAjrtS/oyLCFVo+2qkCfcS06C22JR0Zj+YLnygwv0Ozf6VKKDq7g== integrity sha512-E2UWetRPxNdIhQahXw6b984ME7WmcgDj9AEAjrtS/oyLCFVo+2qkCfcS06C22JR0Zj+YLnygwv0Ozf6VKKDq7g==
dependencies: dependencies:
classnames "^2.2.3" classnames "^2.2.3"
react@^18.2.0: "react@^0.14.7 || ^15.0.0-0 || ^16.0.0 || ^17.0.0 || ^18.0.0", react@^18.2.0, "react@>= 16.8.0 || 17.x.x || ^18.0.0-0":
version "18.2.0" version "18.2.0"
resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz" resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ== integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -897,7 +864,7 @@ watchpack@2.4.0:
wavesurfer.js@^7.0.3: wavesurfer.js@^7.0.3:
version "7.0.3" version "7.0.3"
resolved "https://registry.yarnpkg.com/wavesurfer.js/-/wavesurfer.js-7.0.3.tgz#d3e0b07056c08d43db19d4950d2de68681f48606" resolved "https://registry.npmjs.org/wavesurfer.js/-/wavesurfer.js-7.0.3.tgz"
integrity sha512-gJ3P+Bd3Q4E8qETjjg0pneaVqm2J7jegG2Cc6vqEF5YDDKQ3m8sKsvVfgVhJkacKkO9jFAGDu58Hw4zLr7xD0A== integrity sha512-gJ3P+Bd3Q4E8qETjjg0pneaVqm2J7jegG2Cc6vqEF5YDDKQ3m8sKsvVfgVhJkacKkO9jFAGDu58Hw4zLr7xD0A==
wrappy@1: wrappy@1: