sr2/link-stack
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix build errors

Browse source
This commit is contained in:
Darren Clarke 2023-03-14 17:40:24 +00:00
parent 785d0965e3
commit d0f1c1337c
28 changed files with 268 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

32
apps/metamigo-frontend/components/voice/voicelines/MicInput.tsx
View file

@ -10,13 +10,17 @@ import { useStopwatch } from "react-timer-hook";
import style from "./MicInput.module.css";
//import type { ReactMicProps } from "react-mic";
const ReactMic = dynamic<ReactMicProps>(
const ReactMic = dynamic<any>(
// eslint-disable-next-line promise/prefer-await-to-then
() => { throw new Error("MIC INPUT FEATURE IS DISABLED"); /*return import("react-mic").then((mod) => mod.ReactMic);*/ } ,
() => {
throw new Error(
"MIC INPUT FEATURE IS DISABLED"
); /*return import("react-mic").then((mod) => mod.ReactMic);*/
},
{ ssr: false }
);
const blobToDataUri = (blob) => {
const blobToDataUri = (blob: Blob) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
return new Promise((resolve) => {
@ -26,32 +30,32 @@ const blobToDataUri = (blob) => {
});
};
const dataUriToObj = (dataUri) => {
const dataUriToObj = (dataUri: string) => {
const [prefix, base64] = dataUri.split(",");
const mime = prefix.slice(5, prefix.indexOf(";"));
const result = {};
const result: any = {};
result[mime] = base64;
return result;
};
const blobToResult = async (blob) => {
const result = dataUriToObj(await blobToDataUri(blob));
const blobToResult = async (blob: Blob) => {
const result = dataUriToObj((await blobToDataUri(blob)) as string);
return result;
};
const resultToDataUri = (result): string => {
const resultToDataUri = (result: Record<string, any>): string => {
if (!result || !result["audio/webm"]) return "";
const base64 = result["audio/webm"];
const r = `data:audio/webm;base64,${base64}`;
return r;
};
const MicInput = (props) => {
const MicInput = (props: any) => {
const { seconds, minutes, hours, start, reset, pause } = useStopwatch();
const theme = useTheme();
const {
input: { value, onChange },
field: { value, onChange },
} = useInput(props);
let [record, setRecorder] = useState({ record: false });
@ -67,18 +71,16 @@ const MicInput = (props) => {
pause();
};
async function onData(recordedBlob) {}
async function onData(recordedBlob: any) {}
async function onStop(recordedBlob) {
async function onStop(recordedBlob: any) {
const result = await blobToResult(recordedBlob.blob);
onChange(result);
}
const isRecording = record.record;
const canPlay = !isRecording && decodedValue;
const duration = `${hours
.toString()
.padStart(2, "0")}:${minutes
const duration = `${hours.toString().padStart(2, "0")}:${minutes
.toString()
.padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;