alleslabs · evilpeach · Feb 27, 2025 · Jan 14, 2025 · Jan 14, 2025 · Jan 14, 2025
diff --git a/.env.example b/.env.example
@@ -0,0 +1,6 @@
+# The mnemonic of the wallet that will be used for estimate gas fees
+NEXT_PUBLIC_DUMMY_MNEMONIC="your mnemonic here"
+NEXT_PUBLIC_SUPPORTED_NETWORK_TYPES=local,devnet,testnet,mainnet
+NEXT_PUBLIC_CHAIN=<chain-name>
+NEXT_PUBLIC_CELATONE_API_OVERRIDE=<celatone-api-url>
+NEXT_PUBLIC_INITIA_MOVE_DECODER=<initia-move-decoder-url>
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -3,11 +3,24 @@
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
     "plugin:react-hooks/recommended",
     "plugin:react/jsx-runtime",
     "plugin:@next/next/recommended",
     "plugin:storybook/recommended"
   ],
+  "settings": {
+    "import/resolver": {
+      // You will also need to install and configure the TypeScript resolver
+      // See also https://github.com/import-js/eslint-import-resolver-typescript#configuration
+      "typescript": true,
+      "node": true
+    },
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    }
+  },
   "rules": {
     // eslint basic
     "no-undef": "off",
@@ -20,12 +33,20 @@
       "error",
       { "props": true, "ignorePropertyModificationsFor": ["acc"] }
     ],
-    // "no-use-before-define": "error",
+    "no-use-before-define": "error",
     "object-shorthand": "error",
     "prefer-const": "error",
     "eqeqeq": "error",
     "semi": "error",
 
+    "@typescript-eslint/consistent-type-imports": [
+      "error",
+      {
+        "disallowTypeAnnotations": true,
+        "fixStyle": "separate-type-imports",
+        "prefer": "type-imports"
+      }
+    ],
     "@typescript-eslint/no-empty-object-type": "off",
     "sonarjs/no-duplicate-string": ["error", { "threshold": 3 }],
     "sonarjs/cognitive-complexity": ["error", 27],
@@ -35,14 +56,47 @@
         "allowExpressions": true
       }
     ],
-    "sort-imports": [
+    "import/consistent-type-specifier-style": ["error", "prefer-top-level"],
+    "import/order": [
       "error",
-      { "ignoreCase": true, "ignoreDeclarationSort": true }
+      {
+        "groups": [
+          "external",
+          "builtin",
+          "internal",
+          "sibling",
+          "parent",
+          "index"
+        ],
+        "pathGroups": [
+          {
+            "pattern": "components",
+            "group": "internal"
+          },
+          {
+            "pattern": "common",
+            "group": "internal"
+          },
+          {
+            "pattern": "routes/ **",
+            "group": "internal"
+          },
+          {
+            "pattern": "assets/**",
+            "group": "internal",
+            "position": "after"
+          }
+        ],
+        "pathGroupsExcludedImportTypes": ["internal"],
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": true
+        }
+      }
     ],
-
-    // temp remove
-    "@typescript-eslint/no-unused-vars": "off",
-    "no-use-before-define": "off"
+    "import/no-named-as-default": "off",
+    "import/no-named-as-default-member": "off",
+    "import/namespace": "off"
   },
   "parser": "@typescript-eslint/parser",
   "parserOptions": {

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -43,6 +43,79 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+## v1.10.0
+
+### Features
+
+- [#1250](https://github.com/alleslabs/celatone-frontend/pull/1250) Add evm code snippet modal and fix input fields
+- [#1247](https://github.com/alleslabs/celatone-frontend/pull/1247) Support multi address creation txs
+- [#1245](https://github.com/alleslabs/celatone-frontend/pull/1245) Support assets from assetlist in chain config
+- [#1244](https://github.com/alleslabs/celatone-frontend/pull/1244) Add EVM contract verify alert info to both Solidity and Vyper upload file(s) and contract code
+- [#1240](https://github.com/alleslabs/celatone-frontend/pull/1240) Update social media handle and naming convention from Celatone to Scan
+- [#1232](https://github.com/alleslabs/celatone-frontend/pull/1232) Support EVM verification with multiparts and standard JSON input for both Solidity and Vyper
+- [#1233](https://github.com/alleslabs/celatone-frontend/pull/1233) Support "move/" prefix hex module address in search
+- [#1230](https://github.com/alleslabs/celatone-frontend/pull/1230) Update EVM contract verify max width layout
+- [#1225](https://github.com/alleslabs/celatone-frontend/pull/1225) Validate EVM verification form options
+- [#1226](https://github.com/alleslabs/celatone-frontend/pull/1226) Show nonce on EVM tx details
+- [#1224](https://github.com/alleslabs/celatone-frontend/pull/1224) Support Vyper verification with contract code
+- [#1223](https://github.com/alleslabs/celatone-frontend/pull/1223) Support Vyper on EVM contract details
+- [#1222](https://github.com/alleslabs/celatone-frontend/pull/1222) Update Scan required environment variable
+- [#1220](https://github.com/alleslabs/celatone-frontend/pull/1220) Add EVM contract verification for Solidity with contract code (flattened method)
+- [#1219](https://github.com/alleslabs/celatone-frontend/pull/1219) Add tooltip to full editor sidebar
+- [#1218](https://github.com/alleslabs/celatone-frontend/pull/1218) Add EVM library contract
+- [#1217](https://github.com/alleslabs/celatone-frontend/pull/1217) Add evm contract method shortcuts on the overview section
+- [#1216](https://github.com/alleslabs/celatone-frontend/pull/1216) Supports searching by method name in evm contract details
+- [#1214](https://github.com/alleslabs/celatone-frontend/pull/1214) Add EVM contract details constructor arguments
+- [#1213](https://github.com/alleslabs/celatone-frontend/pull/1213) EVM verification status modal, and highlight bar
+- [#1211](https://github.com/alleslabs/celatone-frontend/pull/1211) Implement evm gas refund logic
+- [#1210](https://github.com/alleslabs/celatone-frontend/pull/1210) Add EVM contract details code preview
+- [#1209](https://github.com/alleslabs/celatone-frontend/pull/1209) Implement evm contract details interaction
+- [#1208](https://github.com/alleslabs/celatone-frontend/pull/1208) Implement evm interaction section
+- [#1207](https://github.com/alleslabs/celatone-frontend/pull/1207) Add EVM contract details compiler settings
+- [#1206](https://github.com/alleslabs/celatone-frontend/pull/1206) Add EVM contract details abi
+- [#1204](https://github.com/alleslabs/celatone-frontend/pull/1204) Add EVM contract details deployed bytecode
+- [#1203](https://github.com/alleslabs/celatone-frontend/pull/1203) Fetch EVM verify config from API, and wire up to UIs as initial values
+- [#1202](https://github.com/alleslabs/celatone-frontend/pull/1202) Add EVM contract interaction form
+- [#1201](https://github.com/alleslabs/celatone-frontend/pull/1201) Add EVM contract verification with upload files
+- [#1200](https://github.com/alleslabs/celatone-frontend/pull/1200) Add EVM contract verification with contract code
+- [#1199](https://github.com/alleslabs/celatone-frontend/pull/1199) Add EVM contract verification with Hardhat
+- [#1198](https://github.com/alleslabs/celatone-frontend/pull/1198) Add EVM contract verification with Foundry
+- [#1197](https://github.com/alleslabs/celatone-frontend/pull/1197) Add EVM contract verification with standard JSON input both for Solidity and Vyper
+- [#1194](https://github.com/alleslabs/celatone-frontend/pull/1194) Add EVM contract verification with Vyper upload file method
+- [#1193](https://github.com/alleslabs/celatone-frontend/pull/1193) Add optimizer configuration to EVM contract verify page, fix constructor args, and Zod type
+- [#1188](https://github.com/alleslabs/celatone-frontend/pull/1188) Add request and simulate evm tx
+- [#1192](https://github.com/alleslabs/celatone-frontend/pull/1192) Add fixed bytes hex address util
+- [#1189](https://github.com/alleslabs/celatone-frontend/pull/1189) Add constructor args to EVM contract verify page
+- [#1187](https://github.com/alleslabs/celatone-frontend/pull/1187) Add onboarding section to EVM contract details page and add EVM contract verify page
+- [#1184](https://github.com/alleslabs/celatone-frontend/pull/1184) Add custom layer to Initia Widget
+- [#1182](https://github.com/alleslabs/celatone-frontend/pull/1182) Add Initia Widget
+
+### Improvements
+
+- [#1252](https://github.com/alleslabs/celatone-frontend/pull/1252) Improve EVM verify error details
+- [#1253](https://github.com/alleslabs/celatone-frontend/pull/1253) Filter initia wallet, change isInitia logic, and theme logic
+- [#1249](https://github.com/alleslabs/celatone-frontend/pull/1249) Improve import order
+- [#1248](https://github.com/alleslabs/celatone-frontend/pull/1248) Support querying multiple evm verification infos
+- [#1246](https://github.com/alleslabs/celatone-frontend/pull/1246) Handle undefined constructor args
+- [#1242](https://github.com/alleslabs/celatone-frontend/pull/1242) Improve EVM proxy contract details and checksum address
+- [#1236](https://github.com/alleslabs/celatone-frontend/pull/1236) Remove unnecessary configs for users in custom network configs
+- [#1228](https://github.com/alleslabs/celatone-frontend/pull/1228) Refactor EVM verification form path and form type location
+- [#1215](https://github.com/alleslabs/celatone-frontend/pull/1215) Bump react wallet widget package to support http endpoints
+- [#1205](https://github.com/alleslabs/celatone-frontend/pull/1205) Improve EVM contract verify page via external verifier
+- [#1185](https://github.com/alleslabs/celatone-frontend/pull/1185) Replace minitia with rollup
+- [#1186](https://github.com/alleslabs/celatone-frontend/pull/1186) Bump packages mainly @initia/react-wallet-widget
+
+### Bug fixes
+
+- [#1243](https://github.com/alleslabs/celatone-frontend/pull/1243) Fix EVM Create checked by null To instead
+- [#1241](https://github.com/alleslabs/celatone-frontend/pull/1241) Fix EVM contract details interaction filter
+- [#1239](https://github.com/alleslabs/celatone-frontend/pull/1239) Fix check verified EVM contract and minor EVM contract details
+- [#1238](https://github.com/alleslabs/celatone-frontend/pull/1238) Fix EVM verify external docs link and EVM contract details mobile
+- [#1237](https://github.com/alleslabs/celatone-frontend/pull/1237) Fix EVM contract details UI layout and mobile
+- [#1235](https://github.com/alleslabs/celatone-frontend/pull/1235) Support EVM custom chain id and minor bug fixes
+- [#1191](https://github.com/alleslabs/celatone-frontend/pull/1191) Fix contract address form validation
+- [#1190](https://github.com/alleslabs/celatone-frontend/pull/1190) Fix EVM contract details verify boarding and verification page
+
 ## v1.9.3
 
 ### Features

diff --git a/README.md b/README.md
@@ -1,12 +1,12 @@
-# Celatone Frontend
+# Scan Frontend
 
 An explorer for a [CosmWasm](https://cosmwasm.com/)-powered [Cosmos](http://cosmos.network/) ecosystem.
 
 ## Development
 
 ### Stack
 
-The Celatone frontend uses the following technologies:
+The Scan frontend uses the following technologies:
 
 - Language: [TypeScript](https://www.typescriptlang.org/)
 - Framework: [React](https://reactjs.org/) & [Next.js](https://nextjs.org/)
@@ -45,7 +45,8 @@ pnpm i
 ```bash
 # The mnemonic of the wallet that will be used for estimate gas fees
 NEXT_PUBLIC_DUMMY_MNEMONIC="your mnemonic here"
-NEXT_PUBLIC_SUPPORTED_CHAIN_IDS=osmosis-1,osmo-test-5
+NEXT_PUBLIC_SUPPORTED_NETWORK_TYPES=local,devnet,testnet,mainnet
+NEXT_PUBLIC_CHAIN=<chain-name>
 NEXT_PUBLIC_CELATONE_API_OVERRIDE=http://localhost:8080
 ```
 
@@ -70,7 +71,7 @@ The website will then be live on [http://localhost:3000](http://localhost:3000)
     prettyName: "Local Initia",
     lcd: "http://localhost:1317",
     rpc: "http://localhost:26657",
-    wallets: ["initia"], // keplr, initia, compass, station
+    wallets: ["keplr"], // keplr, compass, station
     features: {
       faucet: {
         enabled: false,
@@ -165,11 +166,11 @@ The website will then be live on [http://localhost:3000](http://localhost:3000)
 
 2. Update your project environment variables by
 
-- adding your development `chainId` into `NEXT_PUBLIC_SUPPORTED_CHAIN_IDS`
+- adding `local` type into `NEXT_PUBLIC_SUPPORTED_NETWORK_TYPES`
 - (move only) setting another variable `NEXT_PUBLIC_INITIA_MOVE_DECODER`
 
 ```bash
-NEXT_PUBLIC_SUPPORTED_CHAIN_IDS=initiation-2,<chainId>
+NEXT_PUBLIC_SUPPORTED_NETWORK_TYPES=local
 
 # move only
 NEXT_PUBLIC_INITIA_MOVE_DECODER=https://celatone-move-api-prod-jiod42ec2q-as.a.run.app

diff --git a/next-env.d.ts b/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
diff --git a/next.config.js b/next.config.js
@@ -6,7 +6,7 @@ const SENTRY_DSN =
   "https://[email protected]/0";
 
 const nextConfig = {
-  swcMinify: true,
+  swcMinify: false,
   reactStrictMode: true,
   eslint: {
     dirs: ["src"],

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "celatone",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "author": "Alles Labs",
   "contributors": [
     {
@@ -42,6 +42,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
+    "@alleslabs/legacy-bcs": "0.0.3",
     "@alleslabs/shared": "1.0.0-dev6",
     "@amplitude/analytics-browser": "^2.3.3",
     "@amplitude/analytics-types": "^2.3.0",
@@ -52,28 +53,29 @@
     "@chakra-ui/icons": "^2.1.1",
     "@chakra-ui/react": "2.8.2",
     "@chakra-ui/styled-system": "^2.9.2",
-    "@cosmjs/amino": "0.32.3",
-    "@cosmjs/cosmwasm-stargate": "0.32.3",
-    "@cosmjs/crypto": "0.32.3",
-    "@cosmjs/encoding": "0.32.3",
-    "@cosmjs/proto-signing": "0.32.3",
-    "@cosmjs/stargate": "0.32.3",
-    "@cosmos-kit/compass": "2.10.0",
-    "@cosmos-kit/core": "2.12.0",
-    "@cosmos-kit/initia": "0.7.0",
-    "@cosmos-kit/keplr": "2.10.1",
-    "@cosmos-kit/keplr-extension": "2.11.1",
-    "@cosmos-kit/react": "2.15.0",
-    "@cosmos-kit/station": "2.9.0",
-    "@cosmos-kit/station-extension": "2.10.0",
+    "@cosmjs/amino": "0.32.4",
+    "@cosmjs/cosmwasm-stargate": "0.32.4",
+    "@cosmjs/crypto": "0.32.4",
+    "@cosmjs/encoding": "0.32.4",
+    "@cosmjs/proto-signing": "0.32.4",
+    "@cosmjs/stargate": "0.32.4",
+    "@cosmos-kit/compass": "2.13.3",
+    "@cosmos-kit/core": "2.15.1",
+    "@cosmos-kit/keplr": "2.14.3",
+    "@cosmos-kit/keplr-extension": "2.14.2",
+    "@cosmos-kit/react": "2.21.2",
+    "@cosmos-kit/station": "2.12.2",
+    "@cosmos-kit/station-extension": "2.13.2",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
+    "@floating-ui/react": "0.26.28",
     "@hookform/resolvers": "^3.9.0",
-    "@initia/initia.js": "0.2.5",
-    "@initia/initia.proto": "0.2.0",
+    "@initia/initia.js": "0.2.26",
+    "@initia/initia.proto": "0.2.4",
+    "@initia/react-wallet-widget": "0.195.0",
     "@interchain-ui/react": "1.23.9",
     "@monaco-editor/react": "^4.6.0",
     "@rjsf/chakra-ui": "v5.18.1",
@@ -102,6 +104,7 @@
     "chartjs-plugin-crosshair": "^2.0.0",
     "cosmjs-types": "^0.9.0",
     "dayjs": "^1.11.6",
+    "ethers": "^6.13.5",
     "file-saver": "^2.0.5",
     "framer-motion": "^11.0.3",
     "js-base64": "^3.7.4",
@@ -156,9 +159,9 @@
     "@types/react": "^18.2",
     "@types/react-linkify": "^1.0.1",
     "@types/uuid": "^9.0.7",
-    "@typescript-eslint/eslint-plugin": "^8.19.0",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
     "commitizen": "^4.2.5",
-    "commitlint": "^17.1.2",
+    "commitlint": "^18.4.4",
     "cross-env": "^7.0.3",
     "eslint": "^8.52.0",
     "eslint-config-next": "^14.0.0",