Merge pull request #61 from Ritika8081/web-worker

Implemented web worker and added support for Giga R1 device.

next.config.mjs

@@ -1,7 +1,7 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+// next.config.mjs
+export default {
   reactStrictMode: true,
-  output: 'export',  // This is key for static export
+  output: 'export',
   images: {
     unoptimized: true,
     remotePatterns: [
@@ -11,6 +11,14 @@ const nextConfig = {
       },
     ],
   },
+  webpack(config, { isServer }) {
+    // If this is the server-side bundle, we don’t need to process worker files
+    if (!isServer) {
+      config.module.rules.push({
+        test: /\.worker\.(js|ts)$/,
+        use: { loader: 'worker-loader' },
+      });
+    }
+    return config;
+  },
 };
-/* module.exports = nextConfig*/
-export default nextConfig;

package.json

@@ -1,7 +1,8 @@
 {
-  "name": "Chords",
-  "version": "2.3.0a",
+  "name": "chords",
+  "version": "2.3.2a",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -39,7 +40,7 @@
     "html2canvas": "^1.4.1",
     "jszip": "^3.10.1",
     "lucide-react": "^0.460.0",
-    "next": "14.2.10",
+    "next": "14.2.20",
     "next-themes": "^0.3.0",
     "react": "^18",
     "react-dom": "^18",

src/app/not-found.tsx

@@ -6,7 +6,7 @@ import Link from "next/link";
 const FourOFourPage = async () => {
   return (
     <div className="">
-      <Navbar />
+      <Navbar isDisplay={true}/>
       <div className="flex flex-col min-h-[85vh] mx-auto justify-center items-center size-full">
         <div className="text-center py-10 px-4 sm:px-6 lg:px-8">
           <h1 className="text-7xl font-bold sm:text-9xl text-primary">404</h1>

src/app/page.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from "react";
 import Navbar from "../components/Navbar";
 import { Skeleton } from "../components/ui/skeleton";

src/components/Canvas.tsx

@@ -61,6 +61,8 @@ const Canvas = forwardRef(
           return samplingRate * 4;
         case "fourteen":
           return samplingRate * 4;
+        case "sixteen":
+          return samplingRate * 4;
         default:
           return 0; // Or any other fallback value you'd like
       }
@@ -82,7 +84,7 @@ const Canvas = forwardRef(
         if (array3DRef.current[activebuffer.current][i].length >= numX) {
           array3DRef.current[activebuffer.current][i] = [];
         }
-        array3DRef.current[activebuffer.current][i].push(incomingData[i+1]);
+        array3DRef.current[activebuffer.current][i].push(incomingData[i + 1]);
 
         if (array3DRef.current[activebuffer.current][i].length < numX && !pauseRef.current) {
           array3DRef.current[activebuffer.current][i] = [];
@@ -289,7 +291,7 @@ const Canvas = forwardRef(
           // Use a separate sweep position for each line
           currentSweepPos.current[i] = sweepPositions.current[i];
           // Plot the new data at the current sweep position
-          line.setY(currentSweepPos.current[i] % line.numPoints, data[i+1]);
+          line.setY(currentSweepPos.current[i] % line.numPoints, data[i + 1]);
 
           // Clear the next point to create a gap (optional, for visual effect)
           const clearPosition = (currentSweepPos.current[i] + (numX / 100)) % line.numPoints;