Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-25 19:13:54 +00:00
Code Issues Projects Releases Wiki Activity

Linting and typing fixups

Browse source 
Summary:

Test Plan:
This commit is contained in:
Jordan Eldredge 2025-01-11 21:21:05 -08:00
parent e242054ec6
commit afff5d63d2
4 changed files with 51 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/webamp/js/components/FFTNullsoft.ts
View file

@ -39,8 +39,8 @@ export class FFT {
let bias = 0.04; // FFT.INITIAL_BIAS
for (let i = 0; i < NFREQ / 2; i++) {
const inv_half_nfreq = (9.0 - bias) / (NFREQ / 2);
equalize[i] = Math.log10(1.0 + bias + (i + 1) * inv_half_nfreq);
const invHalfNfreq = (9.0 - bias) / (NFREQ / 2);
equalize[i] = Math.log10(1.0 + bias + (i + 1) * invHalfNfreq);
bias /= 1.0025; // FFT.BIAS_DECAY_RATE
}
@ -161,8 +161,8 @@ export class FFT {
this.temp2.fill(0);
// 2. Perform FFT
let real = this.temp1;
let imag = this.temp2;
const real = this.temp1;
const imag = this.temp2;
let dftsize = 2;
let t = 0;

4
packages/webamp/js/components/Vis.tsx
View file

@ -147,6 +147,10 @@ export default function Vis({ analyser }: Props) {
}
}
}
// TODO: Double check expected behavior when pause state changes.
// Here we ignore the audioStatus dependency because we don't
// want to clear the canvas when the audio is paused.
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [doubled, canvas, painter]);
useEffect(() => {

81
packages/webamp/js/components/VisPainter.ts
View file

@ -1,3 +1,5 @@
import { FFT } from "./FFTNullsoft";
export interface Vis {
canvas: HTMLCanvasElement;
colors: string[];
@ -9,13 +11,12 @@ export interface Vis {
saFalloff?: "slower" | "slow" | "moderate" | "fast" | "faster";
saPeakFalloff?: "slower" | "slow" | "moderate" | "fast" | "faster";
sa?: "analyzer" | "oscilloscope" | "none";
renderHeight?: number;
renderHeight: number;
smallVis?: boolean;
pixelDensity?: number;
doubled?: boolean;
isMWOpen?: boolean;
}
import { FFT } from "./FFTNullsoft";
/**
* Base class of Visualizer (animation frame renderer engine)
@ -163,9 +164,6 @@ export class BarPaintHandler extends VisPaintHandler {
this.uVar12 = 0;
this.pushDown = 0;
this.inWaveData;
this.outSpectralData;
switch (this._vis.coloring) {
case "fire":
this.paintBar = this.paintBarFire.bind(this);
@ -286,9 +284,9 @@ export class BarPaintHandler extends VisPaintHandler {
const h = ctx.canvas.height;
ctx.fillStyle = this._color;
let maxFreqIndex = 512;
let logMaxFreqIndex = Math.log10(maxFreqIndex);
let logMinFreqIndex = 0;
const maxFreqIndex = 512;
const logMaxFreqIndex = Math.log10(maxFreqIndex);
const logMinFreqIndex = 0;
let targetSize: number;
let maxHeight: number;
@ -326,17 +324,17 @@ export class BarPaintHandler extends VisPaintHandler {
// This factor controls the scaling from linear to logarithmic.
// scale = 0.0 -> fully linear scaling
// scale = 1.0 -> fully logarithmic scaling
let scale = 0.91; // Adjust this value between 0.0 and 1.0
const scale = 0.91; // Adjust this value between 0.0 and 1.0
for (let x = 0; x < targetSize; x++) {
// Linear interpolation between linear and log scaling
let linearIndex = (x / (targetSize - 1)) * (maxFreqIndex - 1);
let logScaledIndex =
const linearIndex = (x / (targetSize - 1)) * (maxFreqIndex - 1);
const logScaledIndex =
logMinFreqIndex +
((logMaxFreqIndex - logMinFreqIndex) * x) / (targetSize - 1);
let logIndex = Math.pow(10, logScaledIndex);
const logIndex = Math.pow(10, logScaledIndex);
// Interpolating between linear and logarithmic scaling
let scaledIndex = (1.0 - scale) * linearIndex + scale * logIndex;
const scaledIndex = (1.0 - scale) * linearIndex + scale * logIndex;
let index1 = Math.floor(scaledIndex);
let index2 = Math.ceil(scaledIndex);
@ -348,11 +346,11 @@ export class BarPaintHandler extends VisPaintHandler {
index2 = maxFreqIndex - 1;
}
if (index1 == index2) {
if (index1 === index2) {
this.sample[x] = this.outSpectralData[index1];
} else {
let frac2 = scaledIndex - index1;
let frac1 = 1.0 - frac2;
const frac2 = scaledIndex - index1;
const frac1 = 1.0 - frac2;
this.sample[x] =
frac1 * this.outSpectralData[index1] +
frac2 * this.outSpectralData[index2];
@ -417,10 +415,8 @@ export class BarPaintHandler extends VisPaintHandler {
if (this._vis.smallVis) {
// SORRY NOTHING
// ironically enough the peaks do appear at the bottom here
} else {
if (Math.round(this.barPeak[x]) < 1) {
this.barPeak[x] = -3; // Push peaks outside the viewable area, this isn't a Modern Skin!
}
} else if (Math.round(this.barPeak[x]) < 1) {
this.barPeak[x] = -3; // Push peaks outside the viewable area, this isn't a Modern Skin!
}
// skip rendering if x is 4
@ -474,7 +470,7 @@ export class BarPaintHandler extends VisPaintHandler {
peakHeight: number
) {
const h = ctx.canvas.height;
let y = h - barHeight;
const y = h - barHeight;
ctx.drawImage(
this._bar,
@ -508,7 +504,7 @@ export class BarPaintHandler extends VisPaintHandler {
peakHeight: number
) {
const h = ctx.canvas.height;
let y = h - barHeight;
const y = h - barHeight;
// FIXME: Line drawing is currently Fire mode!
ctx.drawImage(
@ -592,7 +588,7 @@ export class WavePaintHandler extends VisPaintHandler {
ctx.fillRect(0, y, 1, y + 1);
}
}
// @ts-ignore
this._ctx.imageSmoothingEnabled = false;
// @ts-ignore
@ -632,17 +628,16 @@ export class WavePaintHandler extends VisPaintHandler {
colorIndex(y: number): number {
if (this._vis.smallVis) {
return 0;
} else {
if (y >= 14) return 4;
if (y >= 12) return 3;
if (y >= 10) return 2;
if (y >= 8) return 1;
if (y >= 6) return 0;
if (y >= 4) return 1;
if (y >= 2) return 2;
if (y >= 0) return 3;
return 3;
}
if (y >= 14) return 4;
if (y >= 12) return 3;
if (y >= 10) return 2;
if (y >= 8) return 1;
if (y >= 6) return 0;
if (y >= 4) return 1;
if (y >= 2) return 2;
if (y >= 0) return 3;
return 3;
}
paintOscilloscope(x: number, y: number) {
@ -682,7 +677,7 @@ export class WavePaintHandler extends VisPaintHandler {
// where it's adjusted further to give you the fullest view possible in that small window
// else we leave y as is
let yadjust: number;
if (this._vis.pixelDensity == 2) yadjust = 3;
if (this._vis.pixelDensity === 2) yadjust = 3;
else yadjust = 5;
y = this._vis.smallVis ? y - yadjust : y;
@ -707,7 +702,7 @@ export class WavePaintHandler extends VisPaintHandler {
? this._vis.renderHeight - 1
: y;
}
let v = y;
const v = y;
if (x === 0) this._lastY = y;
let top = y;
@ -745,15 +740,13 @@ export class WavePaintHandler extends VisPaintHandler {
} else if (this._vis.oscStyle === "dots") {
top = y;
bottom = y;
} else {
if (bottom < top) {
[bottom, top] = [top, bottom];
if (this._vis.smallVis) {
// SORRY NOTHING
// really just removes the smoother line descending thing that's present in the Main Window
} else {
top++; //top++, that emulates Winamp's/WACUP's OSC behavior correctly
}
} else if (bottom < top) {
[bottom, top] = [top, bottom];
if (this._vis.smallVis) {
// SORRY NOTHING
// really just removes the smoother line descending thing that's present in the Main Window
} else {
top++; //top++, that emulates Winamp's/WACUP's OSC behavior correctly
}
}

7
yarn.lock
View file

@ -15134,11 +15134,16 @@ graphql-ws@5.12.1:
resolved "https://registry.npmjs.org/graphql-ws/-/graphql-ws-5.12.1.tgz"
integrity sha512-umt4f5NnMK46ChM2coO36PTFhHouBrK9stWWBczERguwYrGnPNxJ9dimU6IyOBfOkC6Izhkg4H8+F51W/8CYDg==
graphql@16.8.1, graphql@^16.8.1, graphql@^16.9.0:
graphql@^16.8.1:
version "16.8.1"
resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.8.1.tgz#1930a965bef1170603702acdb68aedd3f3cf6f07"
integrity sha512-59LZHPdGZVh695Ud9lRzPBVTtlX9ZCV150Er2W43ro37wVof0ctenSaskPPjN7lVTIN8mSZt8PHUNKZuNQUuxw==
graphql@^16.9.0:
version "16.10.0"
resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.10.0.tgz#24c01ae0af6b11ea87bf55694429198aaa8e220c"
integrity sha512-AjqGKbDGUFRKIRCP9tCKiIGHyriz2oHEbPIbEtcSLSs4YjReZOIPQQWek4+6hjw62H9QShXHyaGivGiYVLeYFQ==
grats@^0.0.30:
version "0.0.30"
resolved "https://registry.yarnpkg.com/grats/-/grats-0.0.30.tgz#42d048d9d651a4873d741ad38f5b41c5b399719f"