parallel-finance · adam1985 · Jan 26, 2022 · Jan 28, 2022 · Feb 9, 2022 · Feb 14, 2022
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -1 +1 @@
-*   @sxlwar @carlhong
+*   @sxlwar @carlhong @vzxh
diff --git a/.github/workflows/deploy-dev.yml b/.github/workflows/deploy-dev.yml
@@ -0,0 +1,46 @@
+name: Deploy develop
+
+on:
+  pull_request:
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/checkout@v2
+        with:
+          repository: itering/actions
+          path: .github/actions
+          persist-credentials: false
+          ssh-key: '${{ secrets.ITERING_ACTIONS_DEPLOY_KEY }}'
+
+      - uses: ./.github/actions/smart-vercel
+        name: Deploy to Vercel
+        id: smart-vercel
+        with:
+          node_version: 14
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          script_install: npm i
+          script_build: npm run build
+          alias_domain: multisig-dev
+
+      - uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          append: true
+          message: ${{ steps.smart-vercel.outputs.PREVIEW_OUTPUT }}
+
+      # - name: Slack Notification
+      #   uses: rtCamp/action-slack-notify@v2
+      #   env:
+      #     SLACK_CHANNEL: subscan-general
+      #     SLACK_COLOR: ${{ job.status }}
+      #     SLACK_ICON: https://avatars.githubusercontent.com/u/14985020?s=48&v=4
+      #     SLACK_MESSAGE: '${{ steps.smart-vercel.outputs.PREVIEW_LINK }}'
+      #     SLACK_TITLE: Preview
+      #     SLACK_USERNAME: Vercel
+      #     SLACK_WEBHOOK: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
diff --git a/.github/workflows/deploy-prd.yml b/.github/workflows/deploy-prd.yml
@@ -0,0 +1,43 @@
+name: Deploy production
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/checkout@v2
+        with:
+          repository: itering/actions
+          path: .github/actions
+          persist-credentials: false
+          ssh-key: '${{ secrets.ITERING_ACTIONS_DEPLOY_KEY }}'
+
+      - uses: ./.github/actions/smart-vercel
+        name: Deploy to Vercel
+        id: smart-vercel
+        with:
+          node_version: 14
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          prod_mode: true
+          script_install: npm i
+          script_build: npm run build
+
+      - name: Slack Notification
+        uses: rtCamp/action-slack-notify@v2
+        env:
+          SLACK_CHANNEL: subscan-multisig-notification
+          SLACK_COLOR: ${{ job.status }}
+          SLACK_ICON: https://avatars.githubusercontent.com/u/14985020?s=48&v=4
+          SLACK_MESSAGE: '${{ steps.smart-vercel.outputs.PREVIEW_LINK }}'
+          SLACK_TITLE: Preview
+          SLACK_USERNAME: Vercel
+          SLACK_WEBHOOK: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
diff --git a/.github/workflows/deploy-stg.yml b/.github/workflows/deploy-stg.yml
@@ -0,0 +1,42 @@
+name: Deploy staging
+
+on:
+  push:
+    branches: [master]
+
+jobs:
+  deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/checkout@v2
+        with:
+          repository: itering/actions
+          path: .github/actions
+          persist-credentials: false
+          ssh-key: '${{ secrets.ITERING_ACTIONS_DEPLOY_KEY }}'
+
+      - uses: ./.github/actions/smart-vercel
+        name: Deploy to Vercel
+        id: smart-vercel
+        with:
+          node_version: 14
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          script_install: npm i
+          script_build: npm run build
+          alias_domain: multisig-staging
+
+      - name: Slack Notification
+        uses: rtCamp/action-slack-notify@v2
+        env:
+          SLACK_CHANNEL: subscan-multisig-notification
+          SLACK_COLOR: ${{ job.status }}
+          SLACK_ICON: https://avatars.githubusercontent.com/u/14985020?s=48&v=4
+          SLACK_MESSAGE: '${{ steps.smart-vercel.outputs.PREVIEW_LINK }}'
+          SLACK_TITLE: Preview
+          SLACK_USERNAME: Vercel
+          SLACK_WEBHOOK: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
diff --git a/README.md b/README.md
@@ -13,6 +13,7 @@ This is a React-rewrite of previous Vue [implementation](https://github.com/iter
 
 - [Feature](#Feature)
 - [Tutorial](#Tutorial)
+- [Integration](#Integration)
 - [QuickStart](#QuickStart)
   - [Requirement](#Requirement)
   - [Installation](#Install)
@@ -152,6 +153,43 @@ Only the initiator has the authority to cancel the multi-sig extrinsic. Click "C
     <img src="./docs/12_cancel.png" style="width:800px";>
   </p>
 
+## Integration
+
+### Add your own network in supported network list
+
+#### 1.Write your network config file
+
+All networks are configured in `src/config/chains` folder, You can take `polkadot.json` as an exmaple:
+
+```
+{
+  "name": "polkadot",
+  "displayName": "Polkadot",
+  "rpc": "wss://rpc.polkadot.io",
+  // Optional (Delete this line in PR!)
+  "api": {
+    "subql": "https://api.subquery.network/sq/itering/multisig_polkadot__aXRlc"
+  },
+  "logo": "/image/polkadot-button-mobile.png",
+  // Optional (Delete this line in PR!)
+  "explorerHostName": "polkadot",
+  "themeColor": "#e6007a"
+}
+```
+
+#### 2.Make a PR to submit your network
+
+After completing the above json config file, you can place it under `src/config/chains`, and submit a PR targeting `master` branch, once it's approved, multisig APP will display your network in the list.
+
+  <p align="center">
+    <img src="./docs/13_select_network.png" style="width:800px";>
+  </p>
+
+#### 3.Deploy your own subquery endpoint (optional)
+
+In order to support advanced features such as transaction history, you need to deploy your own [subquery](https://doc.subquery.network/) endpoint, and add it to the json file above.
+You can fork from the [subscan multisig subquery repo](https://github.com/itering/subql-multisig) and add support for your network.
+
 ## QuickStart
 
 ### Requirement

diff --git a/craco.config.js b/craco.config.js
@@ -16,6 +16,8 @@ const lightVars = {
 };
 const { alias, configPaths } = require('react-app-rewire-alias');
 
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
 // just for dev purpose, use to compare vars in different theme.
 // fs.writeFileSync('./ant-theme-vars/dark.json', JSON.stringify(darkVars));
 // fs.writeFileSync('./ant-theme-vars/light.json', JSON.stringify(lightVars));
@@ -84,9 +86,35 @@ module.exports = {
   webpack: {
     plugins: {
       add: [themePlugin],
+      // add: [themePlugin, new BundleAnalyzerPlugin({ analyzerPort: 8919 })],
     },
+    // .
     // add mjs compatibility configuration
     configure: (webpackConfig) => {
+      webpackConfig.optimization.splitChunks = {
+        ...webpackConfig.optimization.splitChunks,
+        chunks: 'all',
+        minSize: 1000000,
+        maxSize: 5000000,
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            priority: -10,
+            name(module) {
+              // get the name. E.g. node_modules/packageName/not/this/part.js
+              // or node_modules/packageName
+              const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
+              // npm package names are URL-safe, but some servers don't like @ symbols
+              return `npm.${packageName.replace('@', '')}`;
+            },
+          },
+          default: {
+            minChunks: 2,
+            priority: -20,
+            reuseExistingChunk: true,
+          },
+        },
+      };
       webpackConfig.module.rules.push({
         test: /\.mjs$/,
         include: /node_modules/,

diff --git a/docs/10_approve.png b/docs/10_approve.png
diff --git a/docs/11_progress.png b/docs/11_progress.png
diff --git a/docs/12_cancel.png b/docs/12_cancel.png
diff --git a/docs/13_select_network.png b/docs/13_select_network.png
diff --git a/docs/1_download.png b/docs/1_download.png
diff --git a/docs/2_auth.png b/docs/2_auth.png
diff --git a/docs/3_create_wallet.png b/docs/3_create_wallet.png
diff --git a/docs/4_add_members.png b/docs/4_add_members.png
diff --git a/docs/5_view_members.png b/docs/5_view_members.png
diff --git a/docs/6_enter_detail.png b/docs/6_enter_detail.png
diff --git a/docs/7_account_ops.png b/docs/7_account_ops.png
diff --git a/docs/8_initial_extrinsic.png b/docs/8_initial_extrinsic.png
diff --git a/docs/9_pending.png b/docs/9_pending.png
diff --git a/docs/btn_detail.png b/docs/btn_detail.png
diff --git a/docs/btn_member.png b/docs/btn_member.png
diff --git a/docs/btn_pending.png b/docs/btn_pending.png