feat: move to nextjs

.eslintrc.json

@@ -0,0 +1,20 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true,
+    "node": true
+  },
+  "extends": ["next/core-web-vitals", "plugin:@typescript-eslint/recommended"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "args": "after-used",
+        "ignoreRestSiblings": true,
+        "varsIgnorePattern": "^_",
+        "argsIgnorePattern": "^_"
+      }
+    ]
+  }
+}

.gitignore

@@ -1,11 +1,25 @@
 node_modules/
-public/bundles/
-build/
-src/dist/
 coverage/
-.gvars.json
 yarn-error.log
-.env
 .vscode/
 .DS_Store
 src/modules
+
+public/bundles
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierignore

@@ -6,7 +6,8 @@ public/vendor/
 build/
 coverage/
 .vscode
-.gvars.json
+
+.next/
 
 **/*.yaml
 **/*.yml

README.md

@@ -20,10 +20,7 @@ In the project directory:
 yarn install
 
 # In a terminal
-yarn dev:bundler
-
-# In another terminal
-yarn dev:server
+yarn dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
@@ -36,8 +33,8 @@ In the project directory:
 yarn install
 
 # To build the app under the `build` folder
-yarn build:all
+yarn build
 
 # To start the app
-yarn prod:start
+yarn start
 ```

jest-globals.js

@@ -0,0 +1,4 @@
+import { TextDecoder, TextEncoder } from "util"
+
+global.TextEncoder = TextEncoder
+global.TextDecoder = TextDecoder

jest.config.js

@@ -1,10 +1,30 @@
-module.exports = {
-  roots: ["<rootDir>/src"],
-  transform: {
-    "^.+\\.tsx?$": "ts-jest",
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const nextJest = require("next/jest")
+
+const createJestConfig = nextJest({
+  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
+  dir: "./",
+})
+
+// Add any custom config to be passed to Jest
+/** @type {import('jest').Config} */
+const customJestConfig = {
+  // Add more setup options before each test is run
+  // setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
+  // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
+  moduleDirectories: ["node_modules", "<rootDir>/"],
+
+  // If you're using [Module Path Aliases](https://nextjs.org/docs/advanced-features/module-path-aliases),
+  // you will have to add the moduleNameMapper in order for jest to resolve your absolute paths.
+  // The paths have to be matching with the paths option within the compilerOptions in the tsconfig.json
+  // For example:
+
+  moduleNameMapper: {
+    "@/(.*)$": "<rootDir>/src/$1",
   },
-  modulePaths: ["<rootDir>/src"],
-  setupFilesAfterEnv: ["<rootDir>/src/jest/setupTests.ts"],
-  testEnvironment: "<rootDir>/src/jest/custom-env.ts",
-  testPathIgnorePatterns: ["/node_modules/"],
+  testEnvironment: "jest-environment-jsdom",
+  setupFilesAfterEnv: ["<rootDir>/jest-globals.js"],
 }
+
+// createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
+module.exports = createJestConfig(customJestConfig)

next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig