fix constants publish [SLT-160] (#3224)

Co-authored-by: Trajan0x <[email protected]>
Co-authored-by: abtestingalpha <[email protected]>

.github/workflows/ui-preview.yaml

@@ -8,6 +8,7 @@ on:
       - 'packages/explorer-ui/**'
       - 'docs/bridge/**'
       - 'packages/synapse-interface/**'
+      - 'packages/synapse-constants/**'
 jobs:
   changes:
     runs-on: ubuntu-latest
@@ -62,6 +63,12 @@ jobs:
           cache: 'npm'
           install_dependencies: 'false'
           cache-path: ''
+      - name: Build synapse-constants
+        run: |
+          cd packages/synapse-constants
+          yarn install
+          yarn build
+        working-directory: ${{ github.workspace }}
       - name: Get Project ID
         id: project_id
         # see: https://stackoverflow.com/a/75231888 for details

docs/bridge/package.json

@@ -39,7 +39,7 @@
     "prism-react-renderer": "^2.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "synapse-constants": "1.3.22"
+    "@synapsecns/synapse-constants": "1.5.6"
   },
   "devDependencies": {
     "typescript": "~5.2.2"

docs/bridge/src/components/Routes.tsx

@@ -1,4 +1,4 @@
-import { BRIDGABLE_TOKENS, CHAINS } from 'synapse-constants'
+import { BRIDGABLE_TOKENS, CHAINS } from '@synapsecns/synapse-constants'
 
 const CHAINS_BY_ID = {}
 

docs/bridge/src/components/USDC.tsx

@@ -1,4 +1,4 @@
-import { USDC } from 'synapse-constants'
+import { USDC } from '@synapsecns/synapse-constants'
 console.log(0, USDC)
 
 export const Test = () => {

lerna.json

@@ -1,10 +1,6 @@
 {
   "npmClient": "yarn",
   "useWorkspaces": true,
-  "packages": [
-    "packages/*",
-    "packages/rfq-indexer/*",
-    "docs/*"
-  ],
+  "packages": ["packages/*", "packages/rfq-indexer/*", "docs/*"],
   "version": "independent"
 }

packages/explorer-ui/components/misc/AssetImage.tsx

@@ -1,5 +1,6 @@
 import Image from 'next/image'
-import { TOKEN_HASH_MAP, AVWETH, USDC } from 'synapse-constants'
+
+import { TOKEN_HASH_MAP, AVWETH, USDC } from '@synapsecns/synapse-constants'
 import { getTokenAddressUrl } from '@urls'
 
 export const AssetImage = ({ tokenAddress, chainId, className }) => {

packages/explorer-ui/components/misc/ChainImage.tsx

@@ -1,7 +1,8 @@
 import Image from 'next/image'
-import { CHAINS } from 'synapse-constants'
 import { QuestionMarkCircleIcon } from '@heroicons/react/outline'
 
+import { CHAINS } from '@synapsecns/synapse-constants'
+
 const CHAINS_BY_ID = CHAINS.CHAINS_BY_ID
 
 export const ChainImage = ({ chainId, imgSize = 'w-4 h-4', className }) => {

packages/explorer-ui/components/misc/ChainInfo.tsx

@@ -1,7 +1,8 @@
 import Link from 'next/link'
 import Image from 'next/image'
-import { CHAINS } from 'synapse-constants'
 import { QuestionMarkCircleIcon } from '@heroicons/react/outline'
+
+import { CHAINS } from '@synapsecns/synapse-constants'
 import { getChainUrl, getExplorerTxUrl } from '@urls'
 
 const CHAINS_BY_ID = CHAINS.CHAINS_BY_ID

packages/explorer-ui/components/misc/MostActive.tsx

@@ -1,4 +1,4 @@
-import { TOKEN_HASH_MAP, CHAINS } from 'synapse-constants'
+import { TOKEN_HASH_MAP, CHAINS } from '@synapsecns/synapse-constants'
 import { getCoinTextColor } from '@utils/styles/coins'
 import { getNetworkTextColor } from '@utils/styles/networks'
 import { Grid } from '@components/tailwind/Grid'

packages/explorer-ui/components/misc/TokenOnChain.tsx

@@ -1,4 +1,4 @@
-import { TOKEN_HASH_MAP, CHAINS } from 'synapse-constants'
+import { TOKEN_HASH_MAP, CHAINS } from '@synapsecns/synapse-constants'
 import { getCoinTextColor } from '@utils/styles/coins'
 import { getNetworkTextColor } from '@utils/styles/networks'
 import { getChainUrl } from '@urls'

packages/explorer-ui/components/misc/ToolTip.tsx

@@ -1,5 +1,6 @@
 import ReactDOM from 'react-dom'
-import { CHAINS } from 'synapse-constants'
+
+import { CHAINS } from '@synapsecns/synapse-constants'
 import { TableHeader } from '@components/TransactionTable/TableHeader'
 import { ChainInfo } from '@components/misc/ChainInfo'
 import { formatUSD } from '@utils/formatUSD'

packages/explorer-ui/components/pages/Home/UniversalSearch/index.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 import TextField from '@mui/material/TextField'
 import {
   inputStyle,
@@ -303,7 +303,7 @@ export const UniversalSearch = ({
                       onChange: (e) => handleChains(e),
                     }}
                   >
-                    {Object.values(CHAIN_ENUM_BY_ID).map((chain) => (
+                    {Object.values(CHAIN_ENUM_BY_ID).map((chain: string) => (
                       <MenuItem key={chain} value={chain}>
                         {chain.charAt(0).toUpperCase() + chain.slice(1)}
                       </MenuItem>

packages/explorer-ui/components/pages/Home/index.tsx

@@ -8,7 +8,7 @@ import { StandardPageContainer } from '@components/layouts/StandardPageContainer
 import { BridgeTransactionTable } from '@components/BridgeTransaction/BridgeTransactionTable'
 import { useLazyQuery, useQuery } from '@apollo/client'
 import { SynapseLogoSvg } from '@components/layouts/MainLayout/SynapseLogoSvg'
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 import {
   GET_BRIDGE_TRANSACTIONS_QUERY,
   DAILY_STATISTICS_BY_CHAIN,

packages/explorer-ui/package.json

@@ -38,7 +38,7 @@
     "recharts": "^2.3.2",
     "sharp": "^0.31.3",
     "swr": "^1.3.0",
-    "synapse-constants": "^1.5.6",
+    "@synapsecns/synapse-constants": "^1.5.6",
     "tailwind-merge": "^1.3.0",
     "tiny-warning": "^1.0.3",
     "web-vitals": "^2.1.4"

packages/explorer-ui/pages/chain/[chainId].tsx

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 import { useState, useEffect } from 'react'
 import { useRouter } from 'next/router'
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 import { useLazyQuery, useQuery } from '@apollo/client'
 import {
   GET_BRIDGE_TRANSACTIONS_QUERY,

packages/explorer-ui/pages/token/[tokenAddress].tsx

@@ -2,7 +2,7 @@ import _ from 'lodash'
 import { useRouter } from 'next/router'
 import { useState, useEffect } from 'react'
 import { useSearchParams } from 'next/navigation'
-import { TOKEN_HASH_MAP } from 'synapse-constants'
+import { TOKEN_HASH_MAP } from '@synapsecns/synapse-constants'
 import { useQuery } from '@apollo/client'
 import { GET_BRIDGE_TRANSACTIONS_QUERY } from '@graphql/queries'
 import { TRANSACTIONS_PATH, getChainUrl } from '@urls'

packages/explorer-ui/pages/tx/[kappa].tsx

@@ -4,7 +4,7 @@ import { ChainInfo } from '@components/misc/ChainInfo'
 import { Error } from '@components/Error'
 import { StandardPageContainer } from '@components/layouts/StandardPageContainer'
 import { useRouter } from 'next/router'
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 import { GET_BRIDGE_TRANSACTIONS_QUERY } from '@graphql/queries'
 import { API_URL } from '@graphql'
 import { HorizontalDivider } from '@components/misc/HorizontalDivider'
@@ -39,12 +39,11 @@ export const BridgeTransaction = ({ queryResult }) => {
 
   // Get time taken to complete tx w/ appropriate units.
   const getTimeElapsedStr = (start, end) => {
-    const diff = end - start;
+    const diff = end - start
     if (diff <= 0) {
-      return '1 second';
+      return '1 second'
     }
-    return diff === 1 ? '1 second' : `${diff} seconds`;
-
+    return diff === 1 ? '1 second' : `${diff} seconds`
   }
   let content
 

packages/explorer-ui/pages/txs/index.tsx

@@ -1,4 +1,4 @@
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 import { useState, useEffect } from 'react'
 import { useLazyQuery } from '@apollo/client'
 import { GET_BRIDGE_TRANSACTIONS_QUERY } from '@graphql/queries'

packages/explorer-ui/utils/addressToDecimals.ts

@@ -1,4 +1,4 @@
-import { TOKEN_HASH_MAP } from 'synapse-constants'
+import { TOKEN_HASH_MAP } from '@synapsecns/synapse-constants'
 
 export const addressToDecimals = ({ tokenAddress, chainId }) => {
   let decimals =

packages/explorer-ui/utils/addressToSymbol.ts

@@ -1,4 +1,4 @@
-import { TOKEN_HASH_MAP } from 'synapse-constants'
+import { TOKEN_HASH_MAP } from '@synapsecns/synapse-constants'
 
 export const addressToSymbol = ({ tokenAddress, chainId }) => {
   if (

packages/explorer-ui/utils/classes/Token.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash'
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 
 const ChainId = CHAINS.ChainId
 
@@ -155,7 +155,7 @@ const makeMultiChainObj = (valOrObj) => {
   } else {
     const obj = {}
     for (const [chainName, chainId] of _.entries(ChainId)) {
-      obj[chainId] = valOrObj
+      obj[chainId as number] = valOrObj
     }
     return obj
   }

packages/explorer-ui/utils/styles/coins.ts

@@ -38,7 +38,7 @@ import {
   NOTE,
   MIM,
   AVWETH,
-} from 'synapse-constants'
+} from '@synapsecns/synapse-constants'
 
 const COLOR_COIN_MAP = {
   gray: [FRAX, GOHM, SDT, VSTA],

packages/explorer-ui/utils/styles/networks.ts

@@ -1,4 +1,4 @@
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 
 const ChainId = CHAINS.ChainId
 

packages/explorer-ui/utils/urls/index.ts

@@ -1,4 +1,4 @@
-import { CHAINS } from 'synapse-constants'
+import { CHAINS } from '@synapsecns/synapse-constants'
 
 const CHAINS_BY_ID = CHAINS.CHAINS_BY_ID