Fixed profiling and added DevOps integration

Author: crashbandicootfm

.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": "next/core-web-vitals",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "@typescript-eslint/no-explicit-any": "warn"
+  }
+}

.github/workflows/build-test.yml

@@ -0,0 +1,40 @@
+name: Build and Test
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Cache node modules
+        uses: actions/cache@v4
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Audit dependencies
+        run: npm audit --audit-level=moderate || true
+
+      - name: Run tests
+        run: npm test
+
+      - name: Build project
+        run: npm run build

.idea/codeStyles/Project.xml

@@ -0,0 +1,39 @@
+// // components/ContributorCard.tsx
+// import { FC, memo } from 'react'
+// import Image from 'next/image'
+// import Link from 'next/link'
+//
+// const ContributorCard: FC<{ contributor: any }> = memo(({ contributor }) => (
+//   <div className="flex flex-col items-center rounded-lg bg-white p-6 shadow-md transition-all duration-200 hover:shadow-lg">
+//     <Link
+//       href={contributor.url}
+//       target="_blank"
+//       rel="noopener noreferrer"
+//       className="group relative"
+//     >
+//       <Image
+//         src={contributor.avatar}
+//         alt={`${contributor.name}'s avatar`}
+//         width={120}
+//         height={120}
+//         className="rounded-full transition-transform duration-200 group-hover:scale-105"
+//         loading="lazy"
+//         placeholder="blur"
+//         blurDataURL="/placeholder.png"
+//       />
+//     </Link>
+//     <h3 className="mt-4 text-lg font-semibold text-gray-900">
+//       {contributor.name}
+//     </h3>
+//     <Link
+//       href={contributor.url}
+//       target="_blank"
+//       rel="noopener noreferrer"
+//       className="mt-2 text-modern-purple hover:text-modern-purple/80"
+//     >
+//       View Profile
+//     </Link>
+//   </div>
+// ))
+//
+// export default ContributorCard

.idea/codeStyles/codeStyleConfig.xml

@@ -45,6 +45,31 @@ const nextConfig = {
   }
 };
 
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+})
+module.exports = withBundleAnalyzer({
+  reactStrictMode: true,
+})
+
+// const nextConfig1 = {
+//   async headers() {
+//     return [
+//       {
+//         source: "/:all*(svg|jpg|png|webp|ico|js|css|woff2)",
+//         headers: [
+//           {
+//             key: "Cache-Control",
+//             value: "public, max-age=31536000, immutable"
+//           }
+//         ],
+//       },
+//     ]
+//   },
+// }
+// module.exports = nextConfig1
+
+
 module.exports = nextConfig;
 
 

components/communityComponents/ContributorCard.tsx

@@ -17,34 +17,39 @@
     "@clerk/nextjs": "^4.31.5",
     "@clerk/themes": "^2.2.3",
     "@heroicons/react": "^2.0.18",
+    "@jest/globals": "^29.7.0",
+    "@testing-library/react": "^16.3.0",
+    "expect": "^29.7.0",
     "framer-motion": "^12.0.0",
     "next": "^14.1.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-intersection-observer": "^9.15.1"
+    "react-intersection-observer": "^9.15.1",
+    "react-window": "^2.2.3"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@eslint/eslintrc": "^3.3.1",
-    "@jest/globals": "^29.7.0",
+    "@next/bundle-analyzer": "^16.0.0",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
     "@types/jest": "^30.0.0",
     "@types/node": "24.7.2",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
+    "@types/react-window": "^1.8.8",
+    "@types/testing-library__jest-dom": "^5.14.9",
+    "@typescript-eslint/eslint-plugin": "^8.46.2",
+    "@typescript-eslint/parser": "^8.46.2",
     "autoprefixer": "10.4.21",
     "babel-jest": "^29.7.0",
-    "eslint": "9.38.0",
-    "eslint-config-next": "15.5.6",
-    "expect": "^30.2.0",
+    "eslint": "^9.37.0",
+    "eslint-config-next": "15.5.5",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "8.5.6",
     "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.7.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "tailwindcss": "3.4.15",
     "ts-jest": "^29.4.5",
     "typescript": "5.9.3"

next.config.js

@@ -1,34 +1,37 @@
 import { useRouter } from 'next/router'
+import dynamic from 'next/dynamic'
 import React from 'react'
-import Discussions from '../../components/communityComponents/Discussions'
-import Events from '../../components/communityComponents/Events'
-import CommunityNotSupported from '../../components/communityComponents/CommunityNotSupported'
+
+const Discussions = dynamic(
+  () => import('../../components/communityComponents/Discussions'),
+  { ssr: false }
+)
+const Events = dynamic(
+  () => import('../../components/communityComponents/Events'),
+  { ssr: false }
+)
+const CommunityNotSupported = dynamic(
+  () => import('../../components/communityComponents/CommunityNotSupported'),
+  { ssr: false }
+)
 
 const CommunityPage = () => {
   const router = useRouter()
   const { community } = router.query
 
-  const renderContent = () => {
-    switch (community) {
-      case 'discussions':
-        return (
-          <div className='bg-primary min-h-screen'>
-            <Discussions />
-          </div>
-        )
-      case 'events':
-        return (
-          <div className='bg-primary min-h-screen'>
-            <Events />
-          </div>
-        )
-
-      default:
-        return <CommunityNotSupported />
-    }
+  let Content
+  switch (community) {
+    case 'discussions':
+      Content = <Discussions />
+      break
+    case 'events':
+      Content = <Events />
+      break
+    default:
+      Content = <CommunityNotSupported />
   }
 
-  return <div className='bg-primary'>{renderContent()}</div>
+  return <div className="bg-primary min-h-screen">{Content}</div>
 }
 
-export default CommunityPage
+export default CommunityPage