Merge pull request #629 from subquery/perf/bundle-size

Perf/bundle size

package.json

@@ -20,12 +20,12 @@
     "@rainbow-me/rainbowkit": "^1.2.0",
     "@sentry/react": "^7.57.0",
     "@subql/apollo-links": "^1.2.3",
-    "@subql/components": "1.0.3-25",
+    "@subql/components": "1.0.3-27",
     "@subql/contract-sdk": "0.112.0",
-    "@subql/network-clients": "^0.112.1-0",
+    "@subql/network-clients": "^0.112.1-1",
     "@subql/network-config": "^0.112.0",
     "@subql/network-query": "0.112.0",
-    "@subql/react-hooks": "^0.112.1-0",
+    "@subql/react-hooks": "^0.112.1-1",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",

src/components/AccountActions/AccountActions.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { AiOutlineDown } from 'react-icons/ai';
 import { BsBoxArrowInUpRight, BsBoxArrowLeft } from 'react-icons/bs';
 import { useNavigate } from 'react-router';
-import { InfoCircleOutlined } from '@ant-design/icons';
+import InfoCircleOutlined from '@ant-design/icons/InfoCircleOutlined';
 import { SQT_TOKEN_ADDRESS } from '@containers/Web3';
 import { Address, Typography } from '@subql/components';
 import { Button, Dropdown, Tooltip } from 'antd';

src/components/TokenTooltip/TokenTooltip.tsx

@@ -3,7 +3,8 @@
 
 import React, { FC } from 'react';
 import { BsBoxArrowInUpRight } from 'react-icons/bs';
-import { ExclamationCircleFilled, InfoCircleOutlined } from '@ant-design/icons';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
+import InfoCircleOutlined from '@ant-design/icons/InfoCircleOutlined';
 import { useSQToken } from '@containers';
 import { Typography } from '@subql/components';
 import { formatEther, TOKEN } from '@utils';

src/components/UnsafeWarn/index.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { FC } from 'react';
-import { WarningOutlined } from '@ant-design/icons';
+import WarningOutlined from '@ant-design/icons/WarningOutlined';
 import { Typography } from '@subql/components';
 import { Tag, Tooltip } from 'antd';
 

src/hooks/useGetIfUnsafeDeployment.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { useEffect, useState } from 'react';
-import { WarningOutlined } from '@ant-design/icons';
+import WarningOutlined from '@ant-design/icons/WarningOutlined';
 import { useIPFS } from '@containers';
 import { Modal, Typography } from '@subql/components';
 import { waitForSomething } from '@utils/waitForSomething';

src/hooks/useInitContracts.ts

@@ -3,9 +3,10 @@
 
 import React from 'react';
 import { NETWORK_NAME } from '@containers/Web3';
-import { ContractSDK, SQToken__factory } from '@subql/contract-sdk';
 import mainnetJSON from '@subql/contract-sdk/publish/mainnet.json';
 import testnetJSON from '@subql/contract-sdk/publish/testnet.json';
+import { ContractSDK } from '@subql/contract-sdk/sdk';
+import { SQToken__factory } from '@subql/contract-sdk/typechain/factories/contracts/root/SQToken__factory';
 import { ContractClient } from '@subql/network-clients';
 import { parseError } from '@utils';
 import { goerli, mainnet } from 'viem/chains';

src/hooks/useProjectList.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useMemo, useState } from 'react';
-import { SearchOutlined } from '@ant-design/icons';
+import SearchOutlined from '@ant-design/icons/SearchOutlined';
 import { ProjectCard } from '@components';
 import { useProjectMetadata } from '@containers';
 import { SubqlCheckbox } from '@subql/components';

src/pages/studio/Create/Create.tsx

@@ -3,7 +3,7 @@
 
 import * as React from 'react';
 import { useNavigate } from 'react-router';
-import { CloseOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import { BigNumber } from '@ethersproject/bignumber';
 import { useGetIfUnsafeDeployment } from '@hooks/useGetIfUnsafeDeployment';
 import { Markdown, Modal, openNotification, Spinner, SubqlCheckbox, Typography } from '@subql/components';

src/stores/web3Account.ts

@@ -1,7 +1,8 @@
 // Copyright 2020-2022 SubQuery Pte Ltd authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { ContractSDK, SQToken } from '@subql/contract-sdk';
+import { ContractSDK } from '@subql/contract-sdk/sdk';
+import { SQToken } from '@subql/contract-sdk/typechain/contracts/root/SQToken';
 import { ContractClient } from '@subql/network-clients';
 import { ethers } from 'ethers';
 import { create } from 'zustand';

vite.config.js

@@ -32,7 +32,13 @@ export default defineConfig({
     rollupOptions: {
       cache: false,
       output: {
+        compact: true,
         sourcemap: false,
+        manualChunks: {
+          lodash: ['lodash', 'lodash-es'],
+          antd: ['antd'],
+          '@sentry': ['@sentry/react'],
+        },
       },
     },
   },