feat!: update to nodejs 20 (#197)

* feat: update to nodejs 20

* fix: update distroless image

.github/workflows/audit.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: "yarn"
       - run: yarn install --frozen-lockfile
       - name: Run audit

.github/workflows/check-code.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: "yarn"
       - run: yarn install --frozen-lockfile
       - name: Run check code

.github/workflows/code-check.yml

@@ -10,7 +10,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
       - run: yarn install
       - name: Run check code
         run: . ./.envrc && yarn code:check

.github/workflows/tests.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
       - run: yarn install
       - name: Run all tests
         run: yarn test

.github/workflows/vendor/nodejs-audit.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: "yarn"
       - run: yarn install --frozen-lockfile
       - name: Run audit

.github/workflows/vendor/nodejs-check-code.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: "yarn"
       - run: yarn install --frozen-lockfile
       - name: Run check code

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:18-alpine AS BUILD_IMAGE
+FROM node:20-alpine AS BUILD_IMAGE
 
 ARG CUSTOM_MODULES="default"
 
@@ -16,7 +16,7 @@ COPY ./*.js ./
 RUN CUSTOM_MODULES=${CUSTOM_MODULES} yarn build:node && yarn build:files && yarn build:bundler
 
 
-FROM gcr.io/distroless/nodejs:18
+FROM gcr.io/distroless/nodejs20-debian11
 
 ARG CUSTOM_MODULES="default"
 

package.json

@@ -22,7 +22,7 @@
     "codegen": "graphql-codegen --config codegen.yml"
   },
   "engines": {
-    "node": "18"
+    "node": "20"
   },
   "dependencies": {
     "@apollo/client": "^3.7.3",

src/components/header.tsx

@@ -13,7 +13,7 @@ import Icon from "components/icon"
 const headerNavPages = ["home"] as const
 
 type Page =
-  | typeof headerNavPages[number]
+  | (typeof headerNavPages)[number]
   | "conversion-flow"
   | "send-bitcoin"
   | "receive-bitcoin"

src/components/pages/settings.tsx

@@ -71,6 +71,7 @@ const SettingsPasswordUpdate: FCT = ({ flowData: flowDataProp }) => {
     kratos
       .initializeSelfServiceSettingsFlowForBrowsers(
         returnTo ? String(returnTo) : undefined,
+        undefined,
         { withCredentials: true },
       )
       .then(({ data }) => setFlowData(data))

src/graphql/generated.ts

@@ -258,7 +258,7 @@ export const ExchangeCurrencyUnit = {
 } as const
 
 export type ExchangeCurrencyUnit =
-  typeof ExchangeCurrencyUnit[keyof typeof ExchangeCurrencyUnit]
+  (typeof ExchangeCurrencyUnit)[keyof typeof ExchangeCurrencyUnit]
 /** Provides global settings for the application which might have an impact for the user. */
 export type Globals = {
   readonly __typename: "Globals"
@@ -339,7 +339,7 @@ export const InvoicePaymentStatus = {
 } as const
 
 export type InvoicePaymentStatus =
-  typeof InvoicePaymentStatus[keyof typeof InvoicePaymentStatus]
+  (typeof InvoicePaymentStatus)[keyof typeof InvoicePaymentStatus]
 export type LnInvoice = {
   readonly __typename: "LnInvoice"
   readonly paymentHash: Scalars["PaymentHash"]
@@ -747,7 +747,7 @@ export const Network = {
   Testnet: "testnet",
 } as const
 
-export type Network = typeof Network[keyof typeof Network]
+export type Network = (typeof Network)[keyof typeof Network]
 export type OnChainAddressCreateInput = {
   readonly walletId: Scalars["WalletId"]
 }
@@ -844,14 +844,14 @@ export const PaymentSendResult = {
   Success: "SUCCESS",
 } as const
 
-export type PaymentSendResult = typeof PaymentSendResult[keyof typeof PaymentSendResult]
+export type PaymentSendResult = (typeof PaymentSendResult)[keyof typeof PaymentSendResult]
 export const PhoneCodeChannelType = {
   Sms: "SMS",
   Whatsapp: "WHATSAPP",
 } as const
 
 export type PhoneCodeChannelType =
-  typeof PhoneCodeChannelType[keyof typeof PhoneCodeChannelType]
+  (typeof PhoneCodeChannelType)[keyof typeof PhoneCodeChannelType]
 /** Price amount expressed in base/offset. To calculate, use: `base / 10^offset` */
 export type Price = {
   readonly __typename: "Price"
@@ -870,7 +870,7 @@ export const PriceGraphRange = {
   OneYear: "ONE_YEAR",
 } as const
 
-export type PriceGraphRange = typeof PriceGraphRange[keyof typeof PriceGraphRange]
+export type PriceGraphRange = (typeof PriceGraphRange)[keyof typeof PriceGraphRange]
 export type PriceInput = {
   readonly amount: Scalars["SatAmount"]
   readonly amountCurrencyUnit: ExchangeCurrencyUnit
@@ -1154,7 +1154,7 @@ export const TxDirection = {
   Send: "SEND",
 } as const
 
-export type TxDirection = typeof TxDirection[keyof typeof TxDirection]
+export type TxDirection = (typeof TxDirection)[keyof typeof TxDirection]
 export const TxNotificationType = {
   IntraLedgerPayment: "IntraLedgerPayment",
   IntraLedgerReceipt: "IntraLedgerReceipt",
@@ -1165,14 +1165,14 @@ export const TxNotificationType = {
 } as const
 
 export type TxNotificationType =
-  typeof TxNotificationType[keyof typeof TxNotificationType]
+  (typeof TxNotificationType)[keyof typeof TxNotificationType]
 export const TxStatus = {
   Failure: "FAILURE",
   Pending: "PENDING",
   Success: "SUCCESS",
 } as const
 
-export type TxStatus = typeof TxStatus[keyof typeof TxStatus]
+export type TxStatus = (typeof TxStatus)[keyof typeof TxStatus]
 /** A wallet belonging to an account which contains a USD balance and a list of transactions. */
 export type UsdWallet = Wallet & {
   readonly __typename: "UsdWallet"
@@ -1374,7 +1374,7 @@ export const WalletCurrency = {
   Usd: "USD",
 } as const
 
-export type WalletCurrency = typeof WalletCurrency[keyof typeof WalletCurrency]
+export type WalletCurrency = (typeof WalletCurrency)[keyof typeof WalletCurrency]
 export type CaptchaCreateChallengeMutationVariables = Exact<{ [key: string]: never }>
 
 export type CaptchaCreateChallengeMutation = {

src/kratos/helpers.ts

@@ -18,7 +18,7 @@ export const getUrlForFlow = ({
   kratosBrowserUrl,
   query,
 }: {
-  flow: typeof KratosFlow[keyof typeof KratosFlow]
+  flow: (typeof KratosFlow)[keyof typeof KratosFlow]
   kratosBrowserUrl: string
   query?: URLSearchParams
 }) =>