Redesign

.eslintrc

@@ -1,13 +1,5 @@
 {
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": false
-    }
-  },
-  "extends": ["oceanprotocol", "plugin:prettier/recommended"],
-  "plugins": ["@typescript-eslint"],
+  "extends": ["next/core-web-vitals", "next/typescript"],
   "rules": {
     "no-empty": ["error", { "allowEmptyCatch": true }],
     "prefer-destructuring": ["warn", { "object": true, "array": false }],
@@ -16,15 +8,5 @@
     "constructor-super": ["warn"],
     "require-await": "error",
     "no-unused-vars": ["error"]
-  },
-  "env": {
-    "es6": true,
-    "browser": true,
-    "mocha": true,
-    "node": true,
-    "jest": true
-  },
-  "globals": {
-    "NodeJS": true
   }
 }

.github/workflows/ci.yml

@@ -24,9 +24,10 @@ jobs:
         env:
           cache-name: cache-node-modules
         with:
-          path: ~/.npm
-          key: ${{ runner.os }}-lint-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          path: ~/.yarn
+          key: ${{ runner.os }}-lint-${{ env.cache-name }}-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-lint-${{ env.cache-name }}-
-      - run: npm ci
-      - run: npm run lint
+      - run: corepack enable
+      - run: yarn install --immutable
+      - run: yarn lint

.prettierrc

@@ -1,7 +1,10 @@
 {
-    "semi": false,
-    "singleQuote": true,
-    "printWidth": 90,
-    "trailingComma": "none",
-    "tabWidth": 2
-  }
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "arrowParens": "always",
+  "printWidth": 120,
+  "bracketSpacing": true,
+  "plugins": ["prettier-plugin-organize-imports"]
+}

.vscode/settings.json

@@ -8,5 +8,11 @@
   "search.exclude": {
     "**/.next": true,
     "**/out": true
+  },
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "files.watcherExclude": {
+      "**/node_modules/**": true,
+      "**/dist/**": true,
+      "**/.git/**": true
   }
 }

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

next.config.mjs

@@ -1,4 +1,30 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  webpack(config, { isServer }) {
+    if (!isServer) {
+      config.resolve.fallback = {
+        ...config.resolve.fallback,
+        fs: false,
+        net: false,
+        tls: false,
+        dgram: false,
+        dns: false
+      }
+    }
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    });
+    config.externals.push('pino-pretty', 'lokijs', 'encoding');
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+      fs: false,
+      'rdf-canonize-native': false,
+    };
+
+    return config;
+  },
+  transpilePackages: ['@mui/x-data-grid', '@mui/x-data-grid-pro', '@mui/x-data-grid-premium'],
+};
 
 export default nextConfig;