(true);
@@ -33,9 +33,9 @@ const DataPass = () => {
if (canvasRef.current) {
canvasRef.current.updateData(data); // Assuming data is the new data to be displayed
}
- if (previousCounter !== null) {
+ if (previousCounter.current !== null) {
// If there was a previous counter value
- const expectedCounter: number = (previousCounter + 1) % 256; // Calculate the expected counter value
+ const expectedCounter: number = (previousCounter.current + 1) % 256; // Calculate the expected counter value
if (data[0] !== expectedCounter) {
// Check for data loss by comparing the current counter with the expected counter
console.warn(
@@ -43,7 +43,7 @@ const DataPass = () => {
);
}
}
- previousCounter = data[0]; // Update the previous counter with the current counter
+ previousCounter.current = data[0]; // Update the previous counter with the current counter
}, []);
return (
diff --git a/src/components/FFT.tsx b/src/components/FFT.tsx
index cd37106..aea8337 100644
--- a/src/components/FFT.tsx
+++ b/src/components/FFT.tsx
@@ -70,7 +70,7 @@ const FFT = forwardRef(
}
`;
- let samplesReceived = 0;
+ const samplesReceivedRef = useRef(0);
class SmoothingFilter {
private bufferSize: number;
private circularBuffers: number[][];
@@ -202,8 +202,8 @@ const FFT = forwardRef(
if (fftBufferRef.current[i].length > fftSize) {
fftBufferRef.current[i].shift();
}
- samplesReceived++;
- if (samplesReceived % sampleupdateref.current === 0) {
+ samplesReceivedRef.current++;
+ if (samplesReceivedRef.current % sampleupdateref.current === 0) {
const processedBuffer = fftBufferRef.current[i].slice(0, fftSize);
const floatInput = new Float32Array(processedBuffer);
const fftMags = fftProcessor.computeMagnitudes(floatInput);
@@ -215,6 +215,8 @@ const FFT = forwardRef(
newData[i] = smoothedMags;
return newData;
});
+ // prevent overflow
+ if (samplesReceivedRef.current > 1e9) samplesReceivedRef.current = 0;
}
}
},
diff --git a/tsconfig.json b/tsconfig.json
index 39ee133..f381505 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,7 +15,7 @@
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
- "jsx": "preserve",
+ "jsx": "react-jsx",
"incremental": true,
"plugins": [
{
@@ -35,9 +35,11 @@
"**/*.ts",
".next/types/**/*.ts",
"**/*.tsx",
- "out/types/**/*.ts"
-, "scripts/generateManifest.mjs" ],
+ "out/types/**/*.ts",
+ "scripts/generateManifest.mjs",
+ ".next/dev/types/**/*.ts"
+ ],
"exclude": [
"node_modules"
]
-}
+}
diff --git a/workers/indexedDBWorker.ts b/workers/indexedDBWorker.ts
index 664c4ee..16d694a 100644
--- a/workers/indexedDBWorker.ts
+++ b/workers/indexedDBWorker.ts
@@ -1,5 +1,4 @@
import JSZip from 'jszip';
-import { toast } from "sonner";
// Global variables
let canvasCount = 0;
@@ -193,13 +192,13 @@ const convertToCSV = (data: any[], canvasCount: number, selectedChannels: number
const header = ["Counter", ...selectedChannels.map((channel) => `Channel${channel}`)];
// Create rows by filtering and mapping valid data
- const rows = data
+ const rows = data
.filter((item, index) => {
// Ensure each item is an array and has valid data
if (!item || !Array.isArray(item) || item.length === 0) {
console.warn(`Skipping invalid data at index ${index}:`, item);
return false;
- } ``
+ }
return true;
})
.map((item, index) => {
@@ -256,7 +255,7 @@ const saveAllDataAsZip = async (canvasCount: number, selectedChannels: number[])
}
});
- toast.success("Data successfully downloaded as ZIP.");
+ // Worker must not access UI. Return the blob to the main thread instead.
const content = await zip.generateAsync({ type: "blob" });
return content;