security updates

Author: sord-dev

__mocks__/file-mock.js

@@ -0,0 +1 @@
+module.exports = 'file-stub'

__mocks__/next/router.js

@@ -0,0 +1,22 @@
+export default {
+    push: jest.fn(),
+    back: jest.fn(),
+    forward: jest.fn(),
+    prefetch: jest.fn(),
+    replace: jest.fn(),
+    reload: jest.fn(),
+    pathname: '/',
+    route: '/',
+    query: {},
+    asPath: '/',
+    basePath: '',
+    isLocaleDomain: false,
+    isReady: true,
+    isPreview: false,
+    events: {
+        on: jest.fn(),
+        off: jest.fn(),
+        emit: jest.fn()
+    },
+    beforePopState: jest.fn()
+}

__mocks__/react-markdown/index.js

@@ -0,0 +1,10 @@
+import React from 'react'
+
+const ReactMarkdown = ({ children, ...props }) => {
+    return React.createElement('div', { 
+        'data-testid': 'markdown-content',
+        ...props 
+    }, children)
+}
+
+export default ReactMarkdown

babel.config.js

@@ -1,13 +1,3 @@
 module.exports = {
-    presets: [
-        "@babel/preset-react",
-        [
-            "@babel/preset-env",
-            {
-                targets: {
-                    browsers: "last 2 versions", // Specify the browsers you want to support
-                },
-            },
-        ],
-    ],
+  presets: ['next/babel']
 };

jest.config.js

@@ -1,17 +1,36 @@
 module.exports = {
-    testEnvironment: "jsdom",
-    testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx|js)$",
-    setupFilesAfterEnv: ["<rootDir>/setupTests.js"],
-    transform: {
-        "^.+\\.(js|jsx)$": "babel-jest"
-    },
-    moduleNameMapper: {
-        'next/router': '<rootDir>/__mocks__/next/router.js',
-        '^.+\\.module\\.(css|sass|scss)$': 'identity-obj-proxy',
-        '^.+\\.(jpg|jpeg|png|gif|webp|avif|svg)$': '<rootDir>/__mocks__/file-mock.js',
-        'react-markdown': '<rootDir>/node_modules/react-markdown/react-markdown.min.js',
-        "\\.(css|sass|scss)$": "identity-obj-proxy",
-        "\\.(jpg|jpeg|png|gif|eot|otf|svg|ttf|woff|woff2)$": "jest-transform-stub",
-    },
-
+  testEnvironment: "jsdom",
+  testMatch: [
+    "<rootDir>/src/**/__tests__/**/*.{js,jsx}",
+    "<rootDir>/src/**/*.{test,spec}.{js,jsx}"
+  ],
+  setupFilesAfterEnv: ["<rootDir>/setupTests.js"],
+  transform: {
+    "^.+\\.(js|jsx)$": ["babel-jest", { presets: ["next/babel"] }]
+  },
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+    "next/router": "<rootDir>/__mocks__/next/router.js",
+    "react-markdown": "<rootDir>/__mocks__/react-markdown/index.js",
+    "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
+    "^.+\\.(css|sass|scss)$": "identity-obj-proxy",
+    "^.+\\.(jpg|jpeg|png|gif|webp|avif|svg|ico|bmp|tiff)$": "<rootDir>/__mocks__/file-mock.js"
+  },
+  collectCoverageFrom: [
+    "src/**/*.{js,jsx}",
+    "!src/**/*.test.{js,jsx}",
+    "!src/**/__tests__/**",
+    "!src/pages/_*.js"
+  ],
+  coverageThreshold: {
+    global: {
+      branches: 70,
+      functions: 70,
+      lines: 70,
+      statements: 70
+    }
+  },
+  testEnvironmentOptions: {
+    customExportConditions: [""]
+  }
 };

next.config.js

@@ -1,4 +1,37 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  reactStrictMode: true,
+  // Security headers
+  async headers() {
+    return [
+      {
+        source: '/(.*)',
+        headers: [
+          {
+            key: 'X-Frame-Options',
+            value: 'DENY'
+          },
+          {
+            key: 'X-Content-Type-Options',
+            value: 'nosniff'
+          },
+          {
+            key: 'Referrer-Policy',
+            value: 'origin-when-cross-origin'
+          },
+          {
+            key: 'Permissions-Policy',
+            value: 'camera=(), microphone=(), geolocation=()'
+          }
+        ]
+      }
+    ]
+  },
+  // GitHub Pages specific settings
+  trailingSlash: true,
+  images: {
+    unoptimized: true
+  }
+}
 
 module.exports = nextConfig