Reimplement clade graph rendering

.eslintignore

@@ -1,6 +1,7 @@
 /\.build
 /\.cache
 /\.env
+/\.eslintrc.js
 /\.github
 /\.idea
 /\.ignore

.eslintrc.js

@@ -1,3 +1,226 @@
 module.exports = {
-  "extends": ["next/core-web-vitals", "prettier"]
+  root: true,
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 'latest',
+    ecmaFeatures: {
+      jsx: true,
+      globalReturn: false,
+    },
+    project: './tsconfig.json',
+    warnOnUnsupportedTypeScriptVersion: true,
+  },
+  globals: {},
+  extends: [
+    'eslint:recommended',
+
+    'airbnb',
+    'airbnb-typescript',
+    'airbnb/hooks',
+
+    'next/core-web-vitals',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:array-func/all',
+    'plugin:import/errors',
+    'plugin:import/typescript',
+    'plugin:import/warnings',
+    'plugin:jsx-a11y/recommended',
+    'plugin:lodash/recommended',
+    'plugin:promise/recommended',
+    'plugin:react/recommended',
+    'plugin:react-perf/all',
+    'plugin:security/recommended',
+    'plugin:sonarjs/recommended',
+    'plugin:unicorn/recommended',
+
+    'plugin:prettier/recommended',
+  ],
+  plugins: [
+    'array-func',
+    'cflint',
+    'import',
+    'jsx-a11y',
+    'lodash',
+    'no-loops',
+    'no-secrets',
+    'node',
+    'only-ascii',
+    'promise',
+    'react',
+    'react-hooks',
+    'react-perf',
+    'security',
+    'sonarjs',
+    'unicorn',
+    'unused-imports',
+
+    'only-warn',
+
+    '@typescript-eslint',
+
+    'prettier',
+  ],
+  reportUnusedDisableDirectives: true,
+  rules: {
+    '@next/next/no-title-in-document-head': 'off',
+    '@typescript-eslint/array-type': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/lines-between-class-members': 'off',
+    '@typescript-eslint/naming-convention': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-shadow': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-use-before-define': 'off',
+    '@typescript-eslint/unbound-method': ['off'],
+    'array-func/no-unnecessary-this-arg': 'off',
+    'array-func/prefer-array-from': 'off',
+    'camelcase': 'warn',
+    'cflint/no-substr': 'warn',
+    'cflint/no-this-assignment': 'warn',
+    'import/extensions': [
+      'warn',
+      'ignorePackages',
+      {
+        js: 'never',
+        jsx: 'never',
+        mjs: 'never',
+        ts: 'never',
+        tsx: 'never',
+      },
+    ],
+    'import/no-extraneous-dependencies': ['warn', { devDependencies: true }],
+    'import/no-webpack-loader-syntax': 'off',
+    'import/order': 'warn',
+    'import/prefer-default-export': 'off',
+    'jsx-a11y/label-has-associated-control': ['warn', { assert: 'either' }],
+    'lodash/chaining': 'off',
+    'lodash/import-scope': 'off',
+    'lodash/prefer-constant': 'off',
+    'lodash/prefer-lodash-chain': 'off',
+    'lodash/prefer-lodash-method': 'off',
+    'lodash/prefer-lodash-typecheck': 'off',
+    'lodash/prefer-noop': 'off',
+    'lodash/preferred-alias': 'off',
+    'lodash/prop-shorthand': 'off',
+    'max-classes-per-file': 'off',
+    'no-console': ['warn', { allow: ['info', 'warn', 'error', 'memory'] }],
+    'no-loops/no-loops': 'off',
+    'no-param-reassign': ['warn', { ignorePropertyModificationsFor: ['draft'] }],
+    'no-secrets/no-secrets': ['warn', { tolerance: 5 }],
+    'no-shadow': 'off',
+    'no-unused-vars': 'off',
+    'only-ascii/only-ascii': 'warn',
+    'prefer-for-of': 'off',
+    'prettier/prettier': 'warn',
+    'react-hooks/exhaustive-deps': [
+      'warn',
+      {
+        additionalHooks: '(useRecoilCallback|useRecoilTransaction|useRecoilTransaction_UNSTABLE)',
+      },
+    ],
+    'react/jsx-curly-brace-presence': 'off',
+    'react/jsx-filename-extension': ['warn', { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
+    'react/jsx-props-no-spreading': 'off',
+    'react/no-unused-prop-types': 'off',
+    'react/prop-types': 'off',
+    'react/require-default-props': 'off',
+    'react/state-in-constructor': 'off',
+    'security/detect-non-literal-fs-filename': 'off',
+    'security/detect-object-injection': 'off',
+    'sonarjs/cognitive-complexity': ['warn', 20],
+    'unicorn/consistent-function-scoping': 'off',
+    'unicorn/escape-case': 'off',
+    'unicorn/filename-case': 'off',
+    'unicorn/new-for-builtins': 'off',
+    'unicorn/no-abusive-eslint-disable': 'warn',
+    'unicorn/no-array-callback-reference': 'off',
+    'unicorn/no-array-for-each': 'off',
+    'unicorn/no-array-method-this-argument': 'off',
+    'unicorn/no-array-reduce': 'off',
+    'unicorn/no-fn-reference-in-iterator': 'off',
+    'unicorn/no-null': 'off',
+    'unicorn/no-reduce': 'off',
+    'unicorn/no-useless-undefined': 'off',
+    'unicorn/no-zero-fractions': 'off',
+    'unicorn/prefer-node-protocol': 'off',
+    'unicorn/prefer-query-selector': 'off',
+    'unicorn/prefer-spread': 'off',
+    'unicorn/prefer-top-level-await': 'off',
+    'unicorn/prevent-abbreviations': 'off',
+    'unused-imports/no-unused-imports': 'warn',
+    'unused-imports/no-unused-vars': [
+      'warn',
+      { vars: 'all', varsIgnorePattern: '^_', args: 'after-used', argsIgnorePattern: '^_' },
+    ],
+
+    'lines-between-class-members': ['warn', 'always', { exceptAfterSingleLine: true }],
+
+    'require-await': 'off',
+    '@typescript-eslint/require-await': 'off',
+
+    'no-unused-expressions': 'off',
+    '@typescript-eslint/no-unused-expressions': 'warn',
+
+    '@typescript-eslint/no-duplicate-imports': 'off',
+  },
+  env: {
+    browser: true,
+    es6: true,
+    node: true,
+  },
+  settings: {
+    'react': {
+      version: 'detect',
+    },
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.js', '.jsx', '.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true,
+      },
+    },
+  },
+  overrides: [
+    {
+      files: ['src/pages/**/*', 'src/types/**/*'],
+      rules: {
+        'no-restricted-exports': 'off',
+      },
+    },
+    {
+      files: ['*.d.ts'],
+      rules: {
+        '@typescript-eslint/ban-types': ['warn', { extendDefaults: true, types: { object: false } }],
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-unused-vars': 'off',
+        'import/no-duplicates': 'off',
+        'no-useless-constructor': 'off',
+        'react/prefer-stateless-function': 'off',
+      },
+    },
+    {
+      files: ['.eslintrc.js', 'next.config.js'],
+      rules: {
+        '@typescript-eslint/no-unsafe-argument': 'off',
+        '@typescript-eslint/no-unsafe-assignment': 'off',
+        '@typescript-eslint/no-unsafe-call': 'off',
+        '@typescript-eslint/no-unsafe-member-access': 'off',
+        '@typescript-eslint/no-unsafe-return': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        '@typescript-eslint/restrict-template-expressions': 'off',
+        'global-require': 'off',
+        'import/extensions': 'off',
+        'import/no-anonymous-default-export': 'off',
+        'import/no-import-module-exports': 'off',
+        'security/detect-child-process': 'off',
+        'sonarjs/cognitive-complexity': ['warn', 50],
+        'unicorn/prefer-module': 'off',
+      },
+    },
+  ],
 }

next.config.cjs → next.config.js

@@ -3,4 +3,10 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
   reactStrictMode: true,
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
 }

package.json

@@ -10,23 +10,68 @@
     "cleanest": "rm -rf .cache .next node_modules"
   },
   "dependencies": {
-    "d3": "7.2.1",
+    "bootstrap": "5.1.3",
     "file-saver": "2.0.5",
-    "next": "12.0.7",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "lodash": "4.17.21",
+    "next": "13.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-resize-detector": "7.1.2",
+    "reactstrap": "9.1.5",
+    "styled-components": "5.3.6"
   },
   "devDependencies": {
-    "@types/d3": "7.1.0",
-    "@types/file-saver": "2.0.4",
-    "@types/node": "17.0.0",
-    "@types/react": "17.0.37",
-    "@types/react-dom": "17.0.11",
-    "eslint": "8.4.1",
+    "@types/file-saver": "2.0.5",
+    "@types/fs-extra": "9.0.13",
+    "@types/lodash": "4.14.187",
+    "@types/node": "18.11.9",
+    "@types/styled-components": "5.1.26",
+    "@typescript-eslint/eslint-plugin": "5.42.0",
+    "@typescript-eslint/parser": "5.42.0",
+    "@typescript-eslint/typescript-estree": "5.42.0",
+    "eslint": "8.26.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-airbnb-base": "15.0.0",
+    "eslint-config-airbnb-typescript": "17.0.0",
     "eslint-config-next": "12.0.7",
+    "eslint-config-next": "13.0.1",
     "eslint-config-prettier": "8.3.0",
-    "prettier": "2.5.1",
-    "ts-node": "10.4.0",
-    "typescript": "4.5.4"
+    "eslint-config-prettier": "8.5.0",
+    "eslint-config-react-app": "7.0.1",
+    "eslint-formatter-codeframe": "7.32.1",
+    "eslint-import-resolver-ts": "0.4.2",
+    "eslint-import-resolver-typescript": "3.5.2",
+    "eslint-loader": "4.0.2",
+    "eslint-plugin-array-func": "3.1.7",
+    "eslint-plugin-cflint": "1.0.0",
+    "eslint-plugin-cypress": "2.12.1",
+    "eslint-plugin-flowtype": "8.0.3",
+    "eslint-plugin-i18next": "5.2.1",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jest": "27.1.3",
+    "eslint-plugin-jest-dom": "4.0.2",
+    "eslint-plugin-json": "3.1.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-lodash": "7.4.0",
+    "eslint-plugin-no-loops": "0.3.0",
+    "eslint-plugin-no-secrets": "0.8.9",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-only-ascii": "0.0.0",
+    "eslint-plugin-only-warn": "1.0.3",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.31.10",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-react-perf": "3.3.1",
+    "eslint-plugin-react-redux": "4.0.0",
+    "eslint-plugin-redux-saga": "1.3.2",
+    "eslint-plugin-security": "1.5.0",
+    "eslint-plugin-sonarjs": "0.16.0",
+    "eslint-plugin-unicorn": "44.0.2",
+    "eslint-plugin-unused-imports": "2.0.0",
+    "fs-extra": "10.1.0",
+    "prettier": "2.7.1",
+    "ts-node": "10.9.1",
+    "typescript": "4.8.4"
   }
 }