fix types

blechdom · Nov 9, 2023 · 608b275 · 608b275
1 parent 368006e
commit 608b275
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/src/components/ContourAudioControls.tsx b/src/components/ContourAudioControls.tsx
@@ -3,7 +3,7 @@ import WebRenderer from "@elemaudio/web-renderer";
 import dynamic from "next/dynamic";
 import React, {useEffect, useState} from "react";
 import styled from "styled-components";
-import {AudioParamsType, KnobRow} from "@/components/FractalPlayer";
+import {ContourAudioParamsType, KnobRow} from "@/components/FractalPlayer";
 
 type ContourAudioControlsProps = {
   contour: { angle: number; duration: number }[];
@@ -25,7 +25,7 @@ const ContourAudioControls: React.FC<ContourAudioControlsProps> = (
   const [freqScaling, setFreqScaling] = useState<number>(1);
   const [highest, setHighest] = useState<number>(6000);
   const [duration, setDuration] = useState<number>(5);
-  const [audioParams, setAudioParams] = useState<AudioParamsType>({
+  const [audioParams, setAudioParams] = useState<ContourAudioParamsType>({
     volume: 0,
     threshold: 0,
     highest: 0,

diff --git a/src/components/ContourAudioEngine.tsx b/src/components/ContourAudioEngine.tsx
@@ -1,4 +1,4 @@
-import {AudioParamsType} from "@/components/FractalPlayer";
+import {ContourAudioParamsType} from "@/components/FractalPlayer";
 import dynamic from "next/dynamic";
 import React, {useCallback, useEffect, useState} from "react";
 import {el, NodeRepr_t} from "@elemaudio/core";
@@ -14,7 +14,7 @@ type AudioEngineProps = {
   audioContext: AudioContext | null;
   core: WebRenderer;
   playing: boolean;
-  audioParams: AudioParamsType;
+  audioParams: ContourAudioParamsType;
 }
 
 const AudioEngine: React.FC<AudioEngineProps> = ({

diff --git a/src/components/FractalPlayer.tsx b/src/components/FractalPlayer.tsx
@@ -41,12 +41,18 @@ type FractalPlayerProps = {
 
 export type AudioParamsType = {
   volume: number;
-  threshold?: number;
-  highest?: number;
-  lowest?: number;
-  smoothing?: number;
-  freqScaling?: number;
-  duration?: number;
+  threshold: number;
+  highest: number;
+  lowest: number;
+  smoothing: number;
+}
+
+export type ContourAudioParamsType = {
+  volume: number;
+  threshold: number;
+  highest: number;
+  freqScaling: number;
+  duration: number;
 }
 
 const FractalPlayer: React.FC<FractalPlayerProps> = ({