Merge pull request #266 from skalenetwork/update-apps-meta

Update apps metadata format, update skale-network

.github/workflows/publish.yml

@@ -19,7 +19,7 @@ jobs:
           submodules: true
       - uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '20.x'
           registry-url: 'https://registry.npmjs.org'
       - name: Prepare metadata
         run: |

.github/workflows/test.yml

@@ -6,7 +6,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [18]
+        node: [20]
     env:
       TEST: true
     steps:

package.json

@@ -21,7 +21,7 @@
     "./dist/style.css": "./dist/style.css"
   },
   "engines": {
-    "node": "18"
+    "node": "20"
   },
   "scripts": {
     "dev": "storybook dev -p 6006",

src/core/interfaces/ChainsMetadata.ts

@@ -33,15 +33,23 @@ export interface ChainMetadata {
   gradientBackground?: string
   description?: string
   url?: string
-  apps?: {
-    [appName: string]: {
-      alias: string
-      background: string
-      gradientBackground?: string
-      description?: string
-      url?: string
-    }
-  }
+  apps?: AppMetadataMap
+}
+
+export interface AppMetadata {
+  alias: string
+  background: string
+  gradientBackground?: string
+  description?: string
+  url?: string
+  tags?: string[]
+  contracts?: string[]
+  dappradar?: string | boolean
+  legacy?: boolean
+}
+
+export interface AppMetadataMap {
+  [appName: string]: AppMetadata
 }
 
 export interface ChainsMetadataMap {

src/core/metadata.ts

@@ -55,13 +55,15 @@ export const CHAINS_META: NetworksMetadataMap = {
   testnet: testnetMeta
 }
 
+// deprecated, remove after merge
 function transformChainName(chainName: string): string {
   return chainName
     .split('-')
     .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
     .join(' ')
 }
 
+// deprecated, remove after merge
 export function getChainAlias(
   skaleNetwork: SkaleNetwork,
   chainName: string,
@@ -108,14 +110,21 @@ export function chainIconPath(skaleNetwork: SkaleNetwork, name: string, app?: st
   }
 }
 
+// deprecated, remove after merge
 export function chainBg(skaleNetwork: SkaleNetwork, chainName: string, app?: string): string {
   if (CHAINS_META[skaleNetwork][chainName]) {
     if (app && CHAINS_META[skaleNetwork][chainName]['apps'][app]) {
+      if (CHAINS_META[skaleNetwork][chainName]['apps'][app]['gradientBackgroundLight']) {
+        return CHAINS_META[skaleNetwork][chainName]['apps'][app]['gradientBackgroundLight']
+      }
       if (CHAINS_META[skaleNetwork][chainName]['apps'][app]['gradientBackground']) {
         return CHAINS_META[skaleNetwork][chainName]['apps'][app]['gradientBackground']
       }
       return CHAINS_META[skaleNetwork][chainName]['apps'][app]['background']
     }
+    if (CHAINS_META[skaleNetwork][chainName]['gradientBackgroundLight']) {
+      return CHAINS_META[skaleNetwork][chainName]['gradientBackgroundLight']
+    }
     if (CHAINS_META[skaleNetwork][chainName]['gradientBackground']) {
       return CHAINS_META[skaleNetwork][chainName]['gradientBackground']
     }