Merge develop into testnet

.env.development.example

@@ -1,8 +1,15 @@
 REACT_APP_API_URL=http://your-api-url
 REACT_APP_CHAIN_TYPE=testnet
+REACT_APP_DID_INDEXER_URL=https://indexer-v1.did.id
+REACT_APP_DOBS_SERVICE_URL=https://dobs-api.magickbase.com
+REACT_APP_BITCOIN_EXPLORER=https://mempool.space/testnet
+REACT_APP_BTC_TESETNET_IDENTIFIER=https://your-identifier-service
+REACT_APP_PROB_NODE=https://api-nodes.magickbase.com
 
 # sentry
 REACT_APP_SENTRY_DSN=
 SENTRY_AUTH_TOKEN=
 SENTRY_ORG=
 SENTRY_PROJECT=
+
+REACT_APP_BACKUP_NODES=

.env.production.example

@@ -1,5 +1,10 @@
 REACT_APP_API_URL=http://your-api-url
 REACT_APP_CHAIN_TYPE=mainnet
+REACT_APP_DID_INDEXER_URL=https://indexer-v1.did.id
+REACT_APP_DOBS_SERVICE_URL=https://dobs-api.magickbase.com
+REACT_APP_BITCOIN_EXPLORER=https://mempool.space/testnet
+REACT_APP_BTC_TESETNET_IDENTIFIER=https://your-identifier-service
+REACT_APP_PROB_NODE=https://api-nodes.magickbase.com
 
 # sentry
 REACT_APP_SENTRY_DSN=
@@ -9,3 +14,5 @@ SENTRY_PROJECT=
 
 # google analytics id
 REACT_APP_GA_ID=
+
+REACT_APP_BACKUP_NODES=

.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

.eslintrc.js

@@ -1,7 +1,8 @@
 module.exports = {
-  extends: ['airbnb', 'plugin:prettier/recommended'],
+  root: true,
+  extends: ['airbnb', 'plugin:prettier/recommended', 'plugin:storybook/recommended'],
   parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint', 'react-hooks'],
+  plugins: ['@typescript-eslint', 'react-hooks', 'unused-imports'],
   globals: {
     State: 'true',
     CustomRouter: 'true',
@@ -32,16 +33,10 @@ module.exports = {
       },
     ],
     'no-unused-vars': 'off',
+    'unused-imports/no-unused-imports': 'error',
+    'unused-imports/no-unused-vars': 'error',
     'no-undef': 'off',
     'implicit-arrow-linebreak': 'off',
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        vars: 'local',
-        args: 'after-used',
-        ignoreRestSiblings: false,
-      },
-    ],
     'operator-linebreak': [0, 'none'],
     'arrow-parens': [2, 'as-needed'],
     'max-len': [
@@ -89,6 +84,7 @@ module.exports = {
         prop: 'ignore',
       },
     ],
+    'react/jsx-pascal-case': 'off',
     'no-console': ['error', { allow: ['error'] }],
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'warn',
@@ -105,6 +101,20 @@ module.exports = {
         allow: ['^.*_'],
       },
     ],
+    // The service layer uses the singleton pattern, so there will be many methods that do not use this.
+    'class-methods-use-this': 'off',
+    // TODO: Perhaps @typescript-eslint/recommended should be used.
+    '@typescript-eslint/array-type': 'error',
+    'no-dupe-class-members': 'off',
+    '@typescript-eslint/no-dupe-class-members': 'error',
+    'lines-between-class-members': 'off',
+    // It looks like this rule has a bug, and it seems that typescript-eslint missed this rule when supporting eslint v8.
+    '@typescript-eslint/lines-between-class-members': 'off',
+    'no-redeclare': 'off',
+    '@typescript-eslint/no-redeclare': 'error',
+    'jsx-a11y/label-has-associated-control': 'off',
+    'jsx-a11y/no-static-element-interactions': 'off',
+    'jsx-a11y/no-noninteractive-element-interactions': 'off',
   },
   env: {
     jest: true,

.github/workflows/auto_merge_request.yml

@@ -2,13 +2,16 @@ name: Auto merge
 
 on: push
 
+permissions:
+  pull-requests: write
+
 jobs:
   merge-develop-into-testnet:
     if: ${{ github.ref == 'refs/heads/develop' }}
     name: Merge develop into testnet
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - uses: repo-sync/pull-request@v2
         with:
           source_branch: 'develop'
@@ -23,7 +26,7 @@ jobs:
     name: Merge testnet into mainnet
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - uses: repo-sync/pull-request@v2
         with:
           source_branch: 'testnet'
@@ -38,7 +41,7 @@ jobs:
     name: Merge mainnet back to develop
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - uses: repo-sync/pull-request@v2
         with:
           source_branch: 'master'
@@ -47,4 +50,3 @@ jobs:
           pr_reviewer: 'keith-cy'
           pr_label: 'auto-pr'
           github_token: ${{ secrets.GITHUB_TOKEN }}
-

.github/workflows/check-spelling.yml

@@ -0,0 +1,13 @@
+name: Check spelling
+
+on:
+  - pull_request
+  - push
+
+jobs:
+  run:
+    name: Check spelling
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: crate-ci/typos@master

.github/workflows/sync-external-updates.yml

@@ -2,7 +2,7 @@ name: Sync updates from external repos
 
 on:
   schedule:
-    - cron: '*/5 * * * *'
+    - cron: '0 */1 * * *'
 
 jobs:
   default:
@@ -12,11 +12,11 @@ jobs:
       pull-requests: write # for opening PR
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Open PR from forked repo to origin one
         if: vars.EXTERNAL_REPO != ''
-        uses: actions/script@v6
+        uses: actions/script@v7
         with:
           script: |
             github.rest.pulls.create({
@@ -27,6 +27,12 @@ jobs:
               head: `develop`,
               title: `Merge ${process.env.REPO}:develop to develop`,
               body: `Ready to deploy`,
+            }).catch(async res => {
+              const content = await res.json()
+              if (content.message.includes('No commits between')) {
+                return
+              }
+              throw new Error(content.message)
             })
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/test.yml

@@ -7,8 +7,8 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 18.13.0
       - name: Install dependence

.gitignore

@@ -1,13 +1,15 @@
 .DS_Store
 .vscode
 .idea/
+.eslintcache
 
 node_modules/
 build/
 dist/
 npm-debug.log
 *.log
 coverage/
+dist/
 *.orig
 *.swp
 *.bak

.husky/pre-commit

@@ -1,6 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint:css
+yarn lint-staged
 yarn test
-npx lint-staged

.node-version

@@ -1 +1 @@
-v18.13.0
+18.20.3

.storybook/main.ts

@@ -0,0 +1,22 @@
+import type { StorybookConfig } from '@storybook/react-webpack5'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/preset-create-react-app',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+    '@storybook/addon-storysource',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
+  staticDirs: ['../public'],
+}
+export default config

.storybook/preview.ts

@@ -0,0 +1,23 @@
+import 'antd/dist/antd.css'
+// This should be after all third-party library styles so that it can override them.
+import '../src/index.css'
+import '../src/utils/i18n'
+import type { Preview } from '@storybook/react'
+import { MINIMAL_VIEWPORTS, INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      viewports: { ...MINIMAL_VIEWPORTS, ...INITIAL_VIEWPORTS },
+    },
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+}
+
+export default preview