[pull] development from blockchain:development

.eslintignore

@@ -1 +1,2 @@
-index.d.ts
+index.d.ts
+*.json

.eslintrc

@@ -1,5 +1,6 @@
 {
   "extends": ["eslint-config-constellation"],
+  "ignorePatterns": ["packages/blockchain-wallet-v4-frontend/src/generated/*"],
   "parserOptions": {
     "project": "./tsconfig.json",
     "ecmaVersion": 12,
@@ -35,7 +36,7 @@
         "groups": [
           ["^react", "^@?\\w"],
           [
-            "^(blockchain-wallet-v4|blockchain-info-components|components|coins|@core|data|layouts|providers|services|utils)(/.*|$)"
+            "^(blockchain-wallet-v4|blockchain-info-components|components|coins|@core|data|generated|hooks|layouts|middleware|providers|services|utils)(/.*|$)"
           ],
           ["^\\.", "^[^.]"]
         ]

.github/CODEOWNERS

@@ -1 +1 @@
-* @schnogz @blockdylanb @TheLeoB @milan-bc @plondon
+* @TheLeoB @milan-bc @jjBlockchain @dkremniov-bc @mperdomo-bc @mrodriguez-bc @CTucker-BC @jhagerman-bc

.github/workflows/deploy-storybook.yml

@@ -5,27 +5,38 @@ on:
     branches:
       - development
 
+env:
+  HUSKY: 0
+
 jobs:
   pull-request:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [14.16]
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
-      - name: Install node.js v${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+      - name: Install node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'yarn'
+          node-version: 16
 
-      - name: Install dependencies
-        run: yarn
+      - name: Get node version
+        id: node
+        run: |
+          echo "::set-output name=version::$(node -v)"
 
-      - name: Deploy storybook - base components
-        run: yarn storybook:base
+      - name: Get node_modules cache
+        uses: actions/cache@v4
+        id: node_modules
+        with:
+          path: |
+            **/node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}-${{ steps.node.outputs.version }}
+
+      - name: Install dependencies
+        run: yarn --frozen-lockfile
 
       - name: Deploy storybook - wallet
-        run: yarn storybook:deploy-wallet
+        run: yarn storybook:deploy-wallet --ci
+        env:
+          GH_TOKEN: ${{ github.actor }}:${{ secrets.GITHUB_TOKEN }}

.github/workflows/pull-request.yml

@@ -4,24 +4,36 @@ on:
   pull_request:
     types: [opened, synchronize, reopened]
 
+env:
+  HUSKY: 0
+
 jobs:
   pull-request:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [14.16]
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
+
+      - name: Install node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 16
+
+      - name: Get node version
+        id: node
+        run: |
+          echo "::set-output name=version::$(node -v)"
 
-      - name: Install node.js v${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+      - name: Get node_modules cache
+        uses: actions/cache@v4
+        id: node_modules
         with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'yarn'
+          path: |
+            **/node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}-${{ steps.node.outputs.version }}
 
       - name: Install dependencies
-        run: yarn
+        run: yarn --frozen-lockfile
 
       # TODO: enable once all lint issues are fixed
       #- name: Lint code
@@ -34,4 +46,4 @@ jobs:
         run: yarn ci:test:core:components
 
       - name: Test package - frontend
-        run: yarn ci:test:frontend
+        run: yarn ci:test:frontend

.gitignore

@@ -52,3 +52,12 @@ config/env/development.js
 config/env/staging.js
 config/ssl/*
 !config/ssl/ssl.md
+
+# Yarn Files
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.nvmrc

@@ -1 +1 @@
-v14.16
+v16

.release-it.json

@@ -4,18 +4,14 @@
       "rm -rf packages/blockchain-wallet-v4-frontend/build",
       "rm -rf packages/blockchain-wallet-v4-frontend/extracted-ts",
       "yarn manage:translations"
-    ],
-    "before:release": "echo 🚨 REMINDER: Update default branch in Github to be this release branch now! 🚨",
-    "after:release": "echo ✅ SUCCESS! 🚨 REMINDER: After CI build has completed the 'pull repository/code step', reset default branch in Github back to development!"
+    ]
   },
   "git": {
     "requireCleanWorkingDir": false,
     "requireUpstream": false,
-    "changelog": "changelog -t $(git describe --abbrev=0 --tags) -f -",
-    "commitMessage": "chore(Release): v${version}",
+    "commitMessage": "chore(release): v${version}",
     "tagName": "v${version}",
-    "tagAnnotation": "Release v${version}",
-    "pushArgs": "--no-verify"
+    "tagAnnotation": "Release v${version}"
   },
   "github": {
     "release": true,
@@ -25,5 +21,13 @@
   },
   "npm": {
     "publish": false
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": {
+        "name": "angular"
+      },
+      "infile": false
+    }
   }
 }

.storybook/main.js

@@ -1,19 +1,18 @@
 const path = require('path')
 
 module.exports = {
-  stories: ['../packages/blockchain-wallet-v4-frontend/src/components/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../packages/blockchain-wallet-v4-frontend/src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    'storybook-dark-mode'
   ],
   refs: {
-    'new-core': {
-      title: 'New Core Components',
+    'constellation': {
+      title: 'Constellation Components',
       url: 'https://blockchain.github.io/constellation/'
     },
-    'design-system': {
-      title: 'Core Components',
+    'blockchain-info-components': {
+      title: 'Blockchain Info Components (Deprecated)',
       url: 'http://localhost:6007'
     }
   },
@@ -26,17 +25,18 @@ module.exports = {
     config.resolve.alias = {
       '@core': path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4/src/'),
       components: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/components/'),
-      middleware: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/middleware/'),
       data: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/data/'),
+      hooks: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/hooks/'),
       layouts: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/layouts/'),
+      middleware: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/middleware/'),
       providers: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/providers/'),
       services: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/services/'),
-      utils: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/utils/')
+      utils: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/utils/'),
+      generated: path.resolve(__dirname, '..', 'packages/blockchain-wallet-v4-frontend/src/generated/')
     }
 
     // Return the altered config
     return config;
   },
 
 }
-

.storybook/preview.js

@@ -1,43 +1,42 @@
-import React from 'react';
-import { ThemeProvider } from 'styled-components';
-import { addDecorator } from '@storybook/react';
+import React from 'react'
+import { ThemeProvider } from 'styled-components'
+import { addDecorator } from '@storybook/react'
 
 import { Palette } from '../packages/blockchain-info-components/src/Colors/index'
 import { FontGlobalStyles, IconGlobalStyles } from '../packages/blockchain-info-components/src'
+import { addIconsToWindow } from './utils/addIconsToWindow'
 
 const withTheme = () => (story, context) => {
-  const theme1= Palette('default')
+  const theme1 = Palette('default')
   const theme2 = Palette('darkmode')
   const theme3 = Palette('compliment')
   const theme4 = Palette('greyscale')
   const theme5 = Palette('invert')
   const theme = context.args.theme ? Palette(context.args.theme) : theme1
 
-  return (
-    <ThemeProvider theme={theme}>
-      {story()}
-    </ThemeProvider>
-  )
+  addIconsToWindow()
+
+  return <ThemeProvider theme={theme}>{story()}</ThemeProvider>
 }
 
 const withIconsAndFonts = () => (story) => {
   return (
-    <>
-      {story()}
-      <IconGlobalStyles />
-      <FontGlobalStyles />
-    </>
+      <>
+        {story()}
+        <IconGlobalStyles />
+        <FontGlobalStyles />
+      </>
   )
 }
 addDecorator(withTheme())
 addDecorator(withIconsAndFonts())
 
 export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
+  actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {
     matchers: {
       color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
+      date: /Date$/
+    }
+  }
 }

.storybook/utils/addIconsToWindow.ts

@@ -0,0 +1,50 @@
+declare global {
+  interface Window { coins: {[key: string]: unknown}; }
+}
+
+export const addIconsToWindow = () => {
+  window.coins = {
+    BTC: {
+      coinfig: {
+        symbol: "WBTC",
+        displaySymbol: "WBTC",
+        name: "Wrapped Bitcoin",
+        type: {
+          logoPngUrl: "https://raw.githubusercontent.com/blockchain/coin-definitions/master/extensions/blockchains/ethereum/assets/0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599/logo.png",
+        },
+      }
+    },
+    AAVE: {
+      coinfig: {
+        symbol: 'AAVE',
+        name: 'Aave',
+        type: {
+          logoPngUrl:
+            'https://raw.githubusercontent.com/blockchain/coin-definitions/master/extensions/blockchains/ethereum/assets/0x7Fc66500c84A76Ad7e9c93437bFc5Ac33E2DDaE9/logo.png',
+        },
+      }
+    },
+    XLM: {
+      coinfig: {
+        name: 'Stellar',
+        precision: 7,
+        products: ['PrivateKey'],
+        symbol: 'XLM',
+        type: {
+          logoPngUrl: 'https://raw.githubusercontent.com/blockchain/coin-definitions/master/extensions/blockchains/stellar/info/logo.png'
+        }
+      }
+    },
+    ETH: {
+      coinfig: {
+        name: 'Stellar',
+        precision: 7,
+        products: ['PrivateKey'],
+        symbol: 'XLM',
+        type: {
+          logoPngUrl: 'https://raw.githubusercontent.com/blockchain/coin-definitions/master/extensions/blockchains/ethereum/info/logo.png'
+        }
+      }
+    }
+  }
+}