From 8445d75ac1b2c18279236527b91a4de4fc1f7ec9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rard=20Dethier?= <gerard@logion.network>
Date: Thu, 9 Nov 2023 11:56:04 +0100
Subject: [PATCH] feat: expose reserved balance.

logion-network/logion-internal#1055
---
 src/common/AccountAddress.css                 |  4 +-
 src/common/AccountAddress.test.tsx            |  3 +-
 src/common/AccountAddress.tsx                 | 20 +++-
 src/common/BalanceDetails.css                 | 21 +++++
 src/common/BalanceDetails.tsx                 | 33 +++++++
 src/common/TestData.ts                        |  3 +-
 src/common/Transactions.tsx                   |  8 +-
 src/common/Wallet.tsx                         | 11 +--
 src/common/WalletGauge.css                    |  1 -
 src/common/WalletGauge.test.tsx               | 13 ++-
 src/common/WalletGauge.tsx                    | 21 +++--
 .../AccountAddress.test.tsx.snap              | 39 +++++---
 src/common/__snapshots__/Wallet.test.tsx.snap | 93 ++++++++++++++-----
 src/components/inlineamount/InlineAmount.css  |  3 +
 src/components/inlineamount/InlineAmount.tsx  | 17 ++++
 src/legal-officer/Home.tsx                    |  6 +-
 src/wallet-user/Home.tsx                      |  6 +-
 .../WalletRecoveryProcessTab.test.tsx         |  3 +-
 yarn.lock                                     |  6 +-
 19 files changed, 233 insertions(+), 78 deletions(-)
 create mode 100644 src/common/BalanceDetails.css
 create mode 100644 src/common/BalanceDetails.tsx
 create mode 100644 src/components/inlineamount/InlineAmount.css
 create mode 100644 src/components/inlineamount/InlineAmount.tsx

diff --git a/src/common/AccountAddress.css b/src/common/AccountAddress.css
index 93a37d40..52c86ae7 100644
--- a/src/common/AccountAddress.css
+++ b/src/common/AccountAddress.css
@@ -40,8 +40,8 @@
     text-overflow: ellipsis;
 }
 
-.AccountAddress .text .balance .symbol {
-    font-size: 0.7rem;
+.AccountAddress .text .balance .reserved {
+    opacity: 0.5;
 }
 
 .AccountAddress .text .name {
diff --git a/src/common/AccountAddress.test.tsx b/src/common/AccountAddress.test.tsx
index 7eb14554..1497be8b 100644
--- a/src/common/AccountAddress.test.tsx
+++ b/src/common/AccountAddress.test.tsx
@@ -9,7 +9,8 @@ test("renders", () => {
         <AccountAddress
             balance={{
                 available: new Numbers.PrefixedNumber("2", Numbers.NONE),
-                balance: new Numbers.PrefixedNumber("2", Numbers.NONE),
+                total: new Numbers.PrefixedNumber("2", Numbers.NONE),
+                reserved: new Numbers.PrefixedNumber("0", Numbers.NONE),
                 coin: {
                     id: "lgnt",
                     symbol: "LGNT"
diff --git a/src/common/AccountAddress.tsx b/src/common/AccountAddress.tsx
index 6d8ab104..e9f8c2e1 100644
--- a/src/common/AccountAddress.tsx
+++ b/src/common/AccountAddress.tsx
@@ -9,6 +9,7 @@ import Icon from './Icon';
 
 import './AccountAddress.css';
 import { Spinner } from "react-bootstrap";
+import InlineAmount from "src/components/inlineamount/InlineAmount";
 
 export interface Props {
     balance?: CoinBalance | null;
@@ -83,8 +84,23 @@ export default function AccountAddress(props: Props) {
                             color: colorTheme.accounts.foreground,
                         }}
                     >
-                        <span className="amount">{ props.balance === null ? <Spinner size="sm"/> : props.balance.balance.coefficient.toFixedPrecision(2) }</span>{" "}
-                        <span className="symbol">{ (props.balance?.balance.prefix.symbol || "") + (props.balance?.coin.symbol || "LGNT") }</span>
+                        {
+                            props.balance === null &&
+                            <Spinner size="sm"/>
+                        }
+                        {
+                            props.balance !== null &&
+                            <>
+                            <InlineAmount amount={ props.balance.available } coin={ props.balance.coin } />{" "}
+                            {
+                                !props.balance.reserved.coefficient.isZero() &&
+                                <span className="reserved">
+                                    +{" "}
+                                    <InlineAmount amount={ props.balance.reserved } coin={ props.balance.coin } />
+                                </span>
+                            }
+                            </>
+                        }
                     </div>
                 }
             </div>
diff --git a/src/common/BalanceDetails.css b/src/common/BalanceDetails.css
new file mode 100644
index 00000000..c6743e94
--- /dev/null
+++ b/src/common/BalanceDetails.css
@@ -0,0 +1,21 @@
+.BalanceDetails {
+    font-size: 1rem;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.BalanceDetails .detail {
+    display: flex;
+    justify-content: space-between;
+}
+
+.BalanceDetails .label {
+    display: inline-block;
+    width: 130px;
+}
+
+.BalanceDetails.arc {
+    width: 300px;
+    padding-top: 40px;
+    padding-bottom: 30px;
+}
diff --git a/src/common/BalanceDetails.tsx b/src/common/BalanceDetails.tsx
new file mode 100644
index 00000000..7fe4dd1e
--- /dev/null
+++ b/src/common/BalanceDetails.tsx
@@ -0,0 +1,33 @@
+import { CoinBalance } from "@logion/node-api";
+import InlineAmount from "src/components/inlineamount/InlineAmount";
+import "./BalanceDetails.css";
+
+export interface Props {
+    balance: CoinBalance;
+    type: 'arc' | 'linear';
+}
+
+export default function BalanceDetails(props: Props) {
+    return (
+        <div className={ `BalanceDetails ${props.type}` }>
+            <div className="detail">
+                <div className="label">Available:</div>
+                <div className="amount">
+                    <InlineAmount amount={ props.balance.available } coin={ props.balance.coin } />
+                </div>
+            </div>
+            <div className="detail">
+                <div className="label">Reserved:</div>
+                <div className="amount">
+                    <InlineAmount amount={ props.balance.reserved } coin={ props.balance.coin } />
+                </div>
+            </div>
+            <div className="detail">
+                <div className="label">Total:</div>
+                <div className="amount">
+                    <InlineAmount amount={ props.balance.total } coin={ props.balance.coin } />
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/common/TestData.ts b/src/common/TestData.ts
index 3ff80730..1a0a19c6 100644
--- a/src/common/TestData.ts
+++ b/src/common/TestData.ts
@@ -127,8 +127,9 @@ export const DEFAULT_COIN: Coin = {
 
 export const DEFAULT_COIN_BALANCE: CoinBalance = {
     coin: DEFAULT_COIN,
-    balance: new Numbers.PrefixedNumber("42", Numbers.ATTO),
+    total: new Numbers.PrefixedNumber("42", Numbers.ATTO),
     available: new Numbers.PrefixedNumber("42", Numbers.ATTO),
+    reserved: new Numbers.PrefixedNumber("0", Numbers.ATTO),
     level: 0.1,
 };
 
diff --git a/src/common/Transactions.tsx b/src/common/Transactions.tsx
index 7eb2ea02..5ecf5eff 100644
--- a/src/common/Transactions.tsx
+++ b/src/common/Transactions.tsx
@@ -156,10 +156,8 @@ function Content(props: ContentProps) {
                             title={ <BalanceFrameTitle coin={ balance.coin } /> }
                         >
                             <WalletGauge
-                                coin={ balance.coin }
-                                balance={ balance.balance }
+                                balance={ balance }
                                 type='linear'
-                                level={ balance.level }
                                 vaultAddress={ vaultAddress }
                             />
                         </Frame>
@@ -188,10 +186,8 @@ function Content(props: ContentProps) {
                             className="gauge-container"
                         >
                             <WalletGauge
-                                coin={ balance.coin }
-                                balance={ balance.balance }
+                                balance={ balance }
                                 type='arc'
-                                level={ balance.level }
                                 sendButton={ false }
                             />
                         </Frame>
diff --git a/src/common/Wallet.tsx b/src/common/Wallet.tsx
index 8e0ab074..a81033f6 100644
--- a/src/common/Wallet.tsx
+++ b/src/common/Wallet.tsx
@@ -63,7 +63,6 @@ export function Content(props: Props & { type: WalletType }) {
 
     const latestTransaction = transactions[0];
 
-    const gaugeCoin = balances[0].coin;
     return (
         <>
         {
@@ -98,7 +97,7 @@ export function Content(props: Props & { type: WalletType }) {
                             },
                             {
                                 header: "Balance",
-                                render: balance => <Cell content={ balance.balance.coefficient.toFixedPrecision(2) } />,
+                                render: balance => <Cell content={ balance.available.coefficient.toFixedPrecision(2) } />,
                                 width: width({
                                     onSmallScreen: "120px",
                                     otherwise: "140px"
@@ -115,7 +114,7 @@ export function Content(props: Props & { type: WalletType }) {
                             },
                             {
                                 header: "Last transaction amount",
-                                render: balance => <Cell content={ balance.coin.id !== 'dot' && latestTransaction !== undefined ? toPrefixedLgnt(transactionAmount(latestTransaction)).convertTo(balance.balance.prefix).coefficient.toFixedPrecision(2) : '-' } />,
+                                render: balance => <Cell content={ balance.coin.id !== 'dot' && latestTransaction !== undefined ? toPrefixedLgnt(transactionAmount(latestTransaction)).convertTo(balance.available.prefix).coefficient.toFixedPrecision(2) : '-' } />,
                                 align: 'right',
                             },
                             {
@@ -145,9 +144,7 @@ export function Content(props: Props & { type: WalletType }) {
                         className="gauge-container"
                     >
                         <WalletGauge
-                            coin={ gaugeCoin }
-                            balance={ balances[0].balance }
-                            level={ balances[0].level }
+                            balance={ balances[0] }
                             type='arc'
                             vaultAddress={ vaultAddress }
                         />
@@ -167,7 +164,7 @@ export function AssetNameCell(props: AssetNameCellProps) {
 
     return (
         <div className="asset-name-cell">
-            <span className="name"><CoinName coinId={ props.balance.coin.id }/> ({ props.balance.balance.prefix.symbol }{ props.balance.coin.symbol })</span>
+            <span className="name"><CoinName coinId={ props.balance.coin.id }/> ({ props.balance.available.prefix.symbol }{ props.balance.coin.symbol })</span>
         </div>
     );
 }
diff --git a/src/common/WalletGauge.css b/src/common/WalletGauge.css
index 24d960b5..9f599ef5 100644
--- a/src/common/WalletGauge.css
+++ b/src/common/WalletGauge.css
@@ -4,7 +4,6 @@
 }
 
 .WalletGauge.arc .actions {
-    margin-top: 60px;
     margin-bottom: 30px;
     margin-left: auto;
     margin-right: auto;
diff --git a/src/common/WalletGauge.test.tsx b/src/common/WalletGauge.test.tsx
index 6dd120fc..1cfc976f 100644
--- a/src/common/WalletGauge.test.tsx
+++ b/src/common/WalletGauge.test.tsx
@@ -1,7 +1,7 @@
 jest.mock("../logion-chain");
 
 import { shallowRender } from '../tests';
-import { Queries, Numbers } from '@logion/node-api';
+import { CoinBalance, Queries, Numbers } from '@logion/node-api';
 
 import WalletGauge from './WalletGauge';
 
@@ -10,10 +10,15 @@ test("renders arc", () => {
 });
 
 function testWalletGauge(type: 'arc' | 'linear') {
+    const balance: CoinBalance = {
+        coin: Queries.getCoin('lgnt'),
+        available: new Numbers.PrefixedNumber("20.00", Numbers.MILLI),
+        reserved: new Numbers.PrefixedNumber("0", Numbers.NONE),
+        total: new Numbers.PrefixedNumber("20.00", Numbers.MILLI),
+        level: 0.5,
+    };
     const result = shallowRender(<WalletGauge
-        coin={ Queries.getCoin('lgnt') }
-        balance={ new Numbers.PrefixedNumber("20.00", Numbers.MILLI) }
-        level={ 0.5 }
+        balance={ balance }
         type={ type }
     />);
     expect(result).toMatchSnapshot();
diff --git a/src/common/WalletGauge.tsx b/src/common/WalletGauge.tsx
index b7ebba4f..eb8e0742 100644
--- a/src/common/WalletGauge.tsx
+++ b/src/common/WalletGauge.tsx
@@ -1,7 +1,7 @@
 import { useState, useCallback } from 'react';
 import { Form, Spinner, InputGroup, DropdownButton, Dropdown } from 'react-bootstrap';
-import { BalanceState } from '@logion/client/dist/Balance.js';
-import { Numbers, Coin, Currency } from '@logion/node-api';
+import { BalanceState } from '@logion/client';
+import { Numbers, CoinBalance, Currency } from '@logion/node-api';
 
 import { useLogionChain } from '../logion-chain';
 import ClientExtrinsicSubmitter, { Call, CallCallback } from '../ClientExtrinsicSubmitter';
@@ -16,11 +16,10 @@ import Alert from './Alert';
 import TransactionConfirmation, { Status } from "./TransactionConfirmation";
 
 import './WalletGauge.css';
+import BalanceDetails from './BalanceDetails';
 
 export interface Props {
-    coin: Coin,
-    balance: Numbers.PrefixedNumber,
-    level: number,
+    balance: CoinBalance,
     type: 'arc' | 'linear',
     vaultAddress?: string,
     sendButton?: boolean
@@ -72,10 +71,14 @@ export default function WalletGauge(props: Props) {
             children={ (status, startTransferringCallback, cancelCallback, successCallback) => {
                 return <div className={ "WalletGauge " + props.type }>
                     <Gauge
-                        readingIntegerPart={ props.balance.coefficient.toInteger() }
-                        readingDecimalPart={ props.balance.coefficient.toFixedPrecisionDecimals(2) }
-                        unit={ props.balance.prefix.symbol + Currency.SYMBOL }
-                        level={ props.level }
+                        readingIntegerPart={ props.balance.available.coefficient.toInteger() }
+                        readingDecimalPart={ props.balance.available.coefficient.toFixedPrecisionDecimals(2) }
+                        unit={ props.balance.available.prefix.symbol + Currency.SYMBOL }
+                        level={ props.balance.level }
+                        type={ props.type }
+                    />
+                    <BalanceDetails
+                        balance={ props.balance }
                         type={ props.type }
                     />
                     { (sendButton === undefined || sendButton) &&
diff --git a/src/common/__snapshots__/AccountAddress.test.tsx.snap b/src/common/__snapshots__/AccountAddress.test.tsx.snap
index ec589fe5..c3614e6d 100644
--- a/src/common/__snapshots__/AccountAddress.test.tsx.snap
+++ b/src/common/__snapshots__/AccountAddress.test.tsx.snap
@@ -79,17 +79,34 @@ exports[`renders 1`] = `
         }
       }
     >
-      <span
-        className="amount"
-      >
-        2.00
-      </span>
-       
-      <span
-        className="symbol"
-      >
-        LGNT
-      </span>
+      <React.Fragment>
+        <InlineAmount
+          amount={
+            PrefixedNumber {
+              "_prefix": Object {
+                "symbol": "",
+                "tenExponent": 0,
+              },
+              "_scientificNumber": ScientificNumber {
+                "_normalized": NormalizedNumber {
+                  "_decimalPart": "",
+                  "_integerPart": "2",
+                  "_negative": false,
+                  "_normalized": "2.",
+                },
+                "_tenExponent": 0,
+              },
+            }
+          }
+          coin={
+            Object {
+              "id": "lgnt",
+              "symbol": "LGNT",
+            }
+          }
+        />
+         
+      </React.Fragment>
     </div>
   </div>
 </div>
diff --git a/src/common/__snapshots__/Wallet.test.tsx.snap b/src/common/__snapshots__/Wallet.test.tsx.snap
index bdc4f567..8fc27872 100644
--- a/src/common/__snapshots__/Wallet.test.tsx.snap
+++ b/src/common/__snapshots__/Wallet.test.tsx.snap
@@ -97,7 +97,27 @@ exports[`renders with all data 1`] = `
                     "_tenExponent": -18,
                   },
                 },
-                "balance": PrefixedNumber {
+                "coin": Object {
+                  "id": "lgnt",
+                  "symbol": "LGNT",
+                },
+                "level": 0.1,
+                "reserved": PrefixedNumber {
+                  "_prefix": Object {
+                    "symbol": "a",
+                    "tenExponent": -18,
+                  },
+                  "_scientificNumber": ScientificNumber {
+                    "_normalized": NormalizedNumber {
+                      "_decimalPart": "",
+                      "_integerPart": "",
+                      "_negative": false,
+                      "_normalized": ".",
+                    },
+                    "_tenExponent": -18,
+                  },
+                },
+                "total": PrefixedNumber {
                   "_prefix": Object {
                     "symbol": "a",
                     "tenExponent": -18,
@@ -112,11 +132,6 @@ exports[`renders with all data 1`] = `
                     "_tenExponent": -18,
                   },
                 },
-                "coin": Object {
-                  "id": "lgnt",
-                  "symbol": "LGNT",
-                },
-                "level": 0.1,
               },
             ]
           }
@@ -148,29 +163,59 @@ exports[`renders with all data 1`] = `
       >
         <WalletGauge
           balance={
-            PrefixedNumber {
-              "_prefix": Object {
-                "symbol": "a",
-                "tenExponent": -18,
+            Object {
+              "available": PrefixedNumber {
+                "_prefix": Object {
+                  "symbol": "a",
+                  "tenExponent": -18,
+                },
+                "_scientificNumber": ScientificNumber {
+                  "_normalized": NormalizedNumber {
+                    "_decimalPart": "",
+                    "_integerPart": "42",
+                    "_negative": false,
+                    "_normalized": "42.",
+                  },
+                  "_tenExponent": -18,
+                },
+              },
+              "coin": Object {
+                "id": "lgnt",
+                "symbol": "LGNT",
               },
-              "_scientificNumber": ScientificNumber {
-                "_normalized": NormalizedNumber {
-                  "_decimalPart": "",
-                  "_integerPart": "42",
-                  "_negative": false,
-                  "_normalized": "42.",
+              "level": 0.1,
+              "reserved": PrefixedNumber {
+                "_prefix": Object {
+                  "symbol": "a",
+                  "tenExponent": -18,
+                },
+                "_scientificNumber": ScientificNumber {
+                  "_normalized": NormalizedNumber {
+                    "_decimalPart": "",
+                    "_integerPart": "",
+                    "_negative": false,
+                    "_normalized": ".",
+                  },
+                  "_tenExponent": -18,
+                },
+              },
+              "total": PrefixedNumber {
+                "_prefix": Object {
+                  "symbol": "a",
+                  "tenExponent": -18,
+                },
+                "_scientificNumber": ScientificNumber {
+                  "_normalized": NormalizedNumber {
+                    "_decimalPart": "",
+                    "_integerPart": "42",
+                    "_negative": false,
+                    "_normalized": "42.",
+                  },
+                  "_tenExponent": -18,
                 },
-                "_tenExponent": -18,
               },
             }
           }
-          coin={
-            Object {
-              "id": "lgnt",
-              "symbol": "LGNT",
-            }
-          }
-          level={0.1}
           type="arc"
         />
       </Frame>
diff --git a/src/components/inlineamount/InlineAmount.css b/src/components/inlineamount/InlineAmount.css
new file mode 100644
index 00000000..3afdb310
--- /dev/null
+++ b/src/components/inlineamount/InlineAmount.css
@@ -0,0 +1,3 @@
+.InlineAmount .symbol {
+    font-size: 0.7em;
+}
diff --git a/src/components/inlineamount/InlineAmount.tsx b/src/components/inlineamount/InlineAmount.tsx
new file mode 100644
index 00000000..5bc75ea2
--- /dev/null
+++ b/src/components/inlineamount/InlineAmount.tsx
@@ -0,0 +1,17 @@
+import { Coin, Numbers } from "@logion/node-api";
+
+import "./InlineAmount.css";
+
+export interface Props {
+    coin: Coin;
+    amount: Numbers.PrefixedNumber;
+}
+
+export default function InlineAmount(props: Props) {
+    return (
+        <span className="InlineAmount">
+            <span className="amount">{ props.amount.coefficient.toFixedPrecision(2) }</span>{" "}
+            <span className="symbol">{ props.amount.prefix.symbol + props.coin.symbol }</span>
+        </span>
+    );
+}
diff --git a/src/legal-officer/Home.tsx b/src/legal-officer/Home.tsx
index e3ae461f..acaca3b8 100644
--- a/src/legal-officer/Home.tsx
+++ b/src/legal-officer/Home.tsx
@@ -102,9 +102,9 @@ export default function Account() {
                             <Col>
                                 <div className="reading-container">
                                     <Reading
-                                        readingIntegerPart={ balanceState.balances[0].balance.coefficient.toInteger() }
-                                        readingDecimalPart={ balanceState.balances[0].balance.coefficient.toFixedPrecisionDecimals(2) }
-                                        unit={ balanceState.balances[0].balance.prefix.symbol + Currency.SYMBOL }
+                                        readingIntegerPart={ balanceState.balances[0].available.coefficient.toInteger() }
+                                        readingDecimalPart={ balanceState.balances[0].available.coefficient.toFixedPrecisionDecimals(2) }
+                                        unit={ balanceState.balances[0].available.prefix.symbol + Currency.SYMBOL }
                                         level={ balanceState.balances[0].level }
                                     />
                                     <Button
diff --git a/src/wallet-user/Home.tsx b/src/wallet-user/Home.tsx
index fdd4eab6..79f40b0c 100644
--- a/src/wallet-user/Home.tsx
+++ b/src/wallet-user/Home.tsx
@@ -120,9 +120,9 @@ export function Content() {
                             <Col>
                                 <div className="reading-container">
                                     <Reading
-                                        readingIntegerPart={ balanceState.balances[0].balance.coefficient.toInteger() }
-                                        readingDecimalPart={ balanceState.balances[0].balance.coefficient.toFixedPrecisionDecimals(2) }
-                                        unit={ balanceState.balances[0].balance.prefix.symbol + Currency.SYMBOL }
+                                        readingIntegerPart={ balanceState.balances[0].available.coefficient.toInteger() }
+                                        readingDecimalPart={ balanceState.balances[0].available.coefficient.toFixedPrecisionDecimals(2) }
+                                        unit={ balanceState.balances[0].available.prefix.symbol + Currency.SYMBOL }
                                         level={ balanceState.balances[0].level }
                                     />
                                     <Button
diff --git a/src/wallet-user/trust-protection/WalletRecoveryProcessTab.test.tsx b/src/wallet-user/trust-protection/WalletRecoveryProcessTab.test.tsx
index e5f8bb66..6f39b61f 100644
--- a/src/wallet-user/trust-protection/WalletRecoveryProcessTab.test.tsx
+++ b/src/wallet-user/trust-protection/WalletRecoveryProcessTab.test.tsx
@@ -27,8 +27,9 @@ test("Recovered tokens can be transferred", async () => {
             id: 'dot',
             symbol: 'DOT',
         },
-        balance: new Numbers.PrefixedNumber("100", Numbers.MILLI),
+        total: new Numbers.PrefixedNumber("100", Numbers.MILLI),
         available: new Numbers.PrefixedNumber("100", Numbers.MILLI),
+        reserved: new Numbers.PrefixedNumber("0", Numbers.NONE),
         level: 1
     }
 
diff --git a/yarn.lock b/yarn.lock
index f9b7dcfe..47232249 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3036,8 +3036,8 @@ __metadata:
   linkType: hard
 
 "@logion/node-api@npm:^0.25.0-2":
-  version: 0.25.0-2
-  resolution: "@logion/node-api@npm:0.25.0-2"
+  version: 0.25.0-3
+  resolution: "@logion/node-api@npm:0.25.0-3"
   dependencies:
     "@polkadot/api": ^10.10.1
     "@polkadot/util": ^12.5.1
@@ -3045,7 +3045,7 @@ __metadata:
     "@types/uuid": ^9.0.2
     fast-sha256: ^1.3.0
     uuid: ^9.0.0
-  checksum: 70da426c762bba8c7efc51fda59b47841988a1ed99cf31282fe40f2da52a5fd912f59ea8106b95e40580b3ee6d8ac50c2e9366fc3549be5fd05749bee1361481
+  checksum: 4a57b234698f6b69014317871f7db69e757fa671eb75c47cd714c7ebd9ead692a82b6b39f54deb3af42501b224f0f9cf1158ad70dd4d7998ecfc2a1507f5a746
   languageName: node
   linkType: hard