Try fix build "out of memory" error (#1347)

* build: allocate more memory for nodejs on build * build: increase memory limit * chore: remove posthog provider to test build error * chore: remove posthog provider to test build error * chore: remove reward import * build: remove memory limit override * chore: fix circular import * fix: update import outside v2 * fix: add missing react suspense * Revert "chore: remove reward import" This reverts commit b2cf1d8. * chore: remove accidental svg * fix(layout): add back `PostHogPageViews` --------- Co-authored-by: BrickheadJohnny <[email protected]>
guildxyz · Jul 3, 2024 · d9e797c · d9e797c
1 parent e376372
commit d9e797c
Show file tree

Hide file tree

Showing 30 changed files with 47 additions and 46 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -23,7 +23,8 @@ export default function RootLayout({ children }: RootLayoutProps) {
       <body className={clsx(dystopian.variable, inter.variable)}>
         <Providers>
           {children}
-          <Suspense fallback={null}>
+
+          <Suspense>
             <PostHogPageViews />
           </Suspense>
         </Providers>

diff --git a/src/components/[guild]/JoinModal/components/WalletAuthButton.tsx b/src/components/[guild]/JoinModal/components/WalletAuthButton.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { SignIn, Wallet } from "@phosphor-icons/react"
 import { useSetAtom } from "jotai"

diff --git a/src/components/[guild]/NoPermissionToPageFallback.tsx b/src/components/[guild]/NoPermissionToPageFallback.tsx
@@ -1,7 +1,7 @@
 import {
   accountModalAtom,
   walletSelectorModalAtom,
-} from "@/components/Providers/Providers"
+} from "@/components/Providers/atoms"
 import {
   Alert,
   AlertDescription,

diff --git a/...ments/components/GuildCheckout/components/PaymentCurrencyPicker/PaymentCurrencyPicker.tsx b/...ments/components/GuildCheckout/components/PaymentCurrencyPicker/PaymentCurrencyPicker.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import {
   Circle,
   HStack,

diff --git a/.../[guild]/Requirements/components/GuildCheckout/components/buttons/ConnectWalletButton.tsx b/.../[guild]/Requirements/components/GuildCheckout/components/buttons/ConnectWalletButton.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { Collapse, Tooltip } from "@chakra-ui/react"
 import Button from "components/common/Button"

diff --git a/src/components/[guild]/Requirements/components/HiddenRequirementAccessIndicator.tsx b/src/components/[guild]/Requirements/components/HiddenRequirementAccessIndicator.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import {
   ButtonGroup,
   Collapse,

diff --git a/src/components/[guild]/Requirements/components/RequirementAccessIndicator.tsx b/src/components/[guild]/Requirements/components/RequirementAccessIndicator.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import {
   ButtonGroup,
   Icon,

diff --git a/src/components/[guild]/RoleCard/components/AccessIndicator/AccessIndicator.tsx b/src/components/[guild]/RoleCard/components/AccessIndicator/AccessIndicator.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import {
   Box,
   Divider,

diff --git a/src/components/[guild]/leaderboard/LeaderboardAirdropFallbackCard.tsx b/src/components/[guild]/leaderboard/LeaderboardAirdropFallbackCard.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { Center, Collapse, Img, useColorModeValue } from "@chakra-ui/react"
 import { SignIn, X } from "@phosphor-icons/react"
 import ActionCard from "components/common/ActionCard"

diff --git a/src/components/_app/LegacyWeb3ConnectionManager.tsx b/src/components/_app/LegacyWeb3ConnectionManager.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { Web3ConnectionManagerBase } from "@/components/Web3ConnectionManager/Web3ConnectionManager"
 import { useSetAtom } from "jotai"

diff --git a/src/components/common/GoogleGuildSetup/GoogleGuildSetup.tsx b/src/components/common/GoogleGuildSetup/GoogleGuildSetup.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import {
   ButtonGroup,
   GridItem,

diff --git a/src/components/common/Layout/components/Account/Account.tsx b/src/components/common/Layout/components/Account/Account.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { ButtonGroup, Divider } from "@chakra-ui/react"
 import { SignIn } from "@phosphor-icons/react"

diff --git a/...common/Layout/components/Account/components/AccountModal/components/LinkAddressButton.tsx b/...common/Layout/components/Account/components/AccountModal/components/LinkAddressButton.tsx
@@ -1,7 +1,7 @@
 import {
   addressLinkParamsAtom,
   walletSelectorModalAtom,
-} from "@/components/Providers/Providers"
+} from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { Plus } from "@phosphor-icons/react"
 import useUser from "components/[guild]/hooks/useUser"

diff --git a/.../components/Account/components/AccountModal/components/UsersGuildCredentials/GuildPin.tsx b/.../components/Account/components/AccountModal/components/UsersGuildCredentials/GuildPin.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import { Link } from "@chakra-ui/next-js"
 import { Card, Circle, Img, Tag, useColorModeValue } from "@chakra-ui/react"
 import { useSetAtom } from "jotai"

diff --git a/...nents/Account/components/AccountModal/components/UsersGuildCredentials/UsersGuildPins.tsx b/...nents/Account/components/AccountModal/components/UsersGuildCredentials/UsersGuildPins.tsx
@@ -1,4 +1,4 @@
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import { Alert, AlertIcon, Box, Flex, Text } from "@chakra-ui/react"
 import useUsersGuildPins from "hooks/useUsersGuildPins"
 import { useAtomValue } from "jotai"

diff --git a/src/components/create-guild/CreateGuildButton.tsx b/src/components/create-guild/CreateGuildButton.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { Collapse, Stack } from "@chakra-ui/react"
 import Button from "components/common/Button"

diff --git a/src/components/create-guild/PlatformsGrid/components/PlatformSelectButton.tsx b/src/components/create-guild/PlatformsGrid/components/PlatformSelectButton.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import {
   Circle,

diff --git a/src/components/explorer/YourGuilds.tsx b/src/components/explorer/YourGuilds.tsx
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { Box, HStack, Img, Stack, Text } from "@chakra-ui/react"
 import { Plus, SignIn } from "@phosphor-icons/react"

diff --git a/src/v2/components/Account/Account.tsx b/src/v2/components/Account/Account.tsx
@@ -7,7 +7,7 @@ import useUser from "components/[guild]/hooks/useUser"
 import { useSetAtom } from "jotai"
 import shortenHex from "utils/shortenHex"
 import { GuildAvatar } from "../GuildAvatar"
-import { accountModalAtom, walletSelectorModalAtom } from "../Providers/Providers"
+import { accountModalAtom, walletSelectorModalAtom } from "../Providers/atoms"
 import { Button } from "../ui/Button"
 import { Card } from "../ui/Card"
 import { useWeb3ConnectionManager } from "../Web3ConnectionManager/hooks/useWeb3ConnectionManager"

diff --git a/src/v2/components/Account/components/AccountModal/AccountModal.tsx b/src/v2/components/Account/components/AccountModal/AccountModal.tsx
@@ -1,6 +1,6 @@
 import { CopyableAddress } from "@/components/CopyableAddress"
 import { GuildAvatar } from "@/components/GuildAvatar"
-import { accountModalAtom } from "@/components/Providers/Providers"
+import { accountModalAtom } from "@/components/Providers/atoms"
 import { Button } from "@/components/ui/Button"
 import {
   Dialog,

diff --git a/src/v2/components/Providers/Providers.tsx b/src/v2/components/Providers/Providers.tsx
@@ -3,7 +3,6 @@
 import { FuelProvider } from "@fuels/react"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { fuelConfig } from "fuelConfig"
-import { atom } from "jotai"
 import { ThemeProvider } from "next-themes"
 import { SWRConfig } from "swr"
 import { fetcherForSWR } from "utils/fetcher"
@@ -13,23 +12,10 @@ import { AccountModal } from "../Account/components/AccountModal"
 import { Toaster } from "../ui/Toaster"
 import { Web3ConnectionManager } from "../Web3ConnectionManager"
 import { PostHogProvider } from "./PostHogProvider"
+import { Suspense } from "react"
 
 const queryClient = new QueryClient()
 
-// Atoms for global modals - TODO: move the types to another file
-export const walletSelectorModalAtom = atom(false)
-export const accountModalAtom = atom(false)
-
-export type AddressLinkParams = {
-  userId?: number
-  address?: `0x${string}`
-}
-export const addressLinkParamsAtom = atom<AddressLinkParams>({
-  userId: undefined,
-  address: undefined,
-})
-export const walletLinkHelperModalAtom = atom(false)
-
 // TODO: add AppErrorBoundary
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
@@ -48,7 +34,9 @@ export function Providers({ children }: { children: React.ReactNode }) {
                 {/* TODO: <IntercomProvider> */}
                 {children}
                 <AccountModal />
-                <Web3ConnectionManager />
+                <Suspense>
+                  <Web3ConnectionManager />
+                </Suspense>
                 {/* </IntercomProvider> */}
               </PostHogProvider>
             </FuelProvider>

diff --git a/src/v2/components/Providers/atoms.ts b/src/v2/components/Providers/atoms.ts
@@ -0,0 +1,10 @@
+import { atom } from "jotai"
+import { AddressLinkParams } from "./types"
+
+export const accountModalAtom = atom(false)
+export const walletSelectorModalAtom = atom(false)
+export const addressLinkParamsAtom = atom<AddressLinkParams>({
+  userId: undefined,
+  address: undefined,
+})
+export const walletLinkHelperModalAtom = atom(false)
diff --git a/src/v2/components/Providers/types.ts b/src/v2/components/Providers/types.ts
@@ -0,0 +1,4 @@
+export type AddressLinkParams = {
+  userId?: number
+  address?: `0x${string}`
+}
diff --git a/src/v2/components/Web3ConnectionManager/WalletLinkHelperModal.tsx b/src/v2/components/Web3ConnectionManager/WalletLinkHelperModal.tsx
@@ -12,7 +12,7 @@ import LogicDivider from "components/[guild]/LogicDivider"
 import Button from "components/common/Button"
 import { Modal } from "components/common/Modal"
 import { useAtom } from "jotai"
-import { walletLinkHelperModalAtom } from "../Providers/Providers"
+import { walletLinkHelperModalAtom } from "../Providers/atoms"
 
 const WalletLinkHelperModal = () => {
   const [isWalletLinkHelperModalOpen, setIsWalletLinkModalOpen] = useAtom(

diff --git a/src/v2/components/Web3ConnectionManager/WalletSelectorModal/WalletSelectorModal.tsx b/src/v2/components/Web3ConnectionManager/WalletSelectorModal/WalletSelectorModal.tsx
@@ -16,7 +16,7 @@ import { usePostHogContext } from "@/components/Providers/PostHogProvider"
 import {
   addressLinkParamsAtom,
   walletLinkHelperModalAtom,
-} from "@/components/Providers/Providers"
+} from "@/components/Providers/atoms"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { ArrowSquareOut } from "@phosphor-icons/react/dist/ssr"
 import { useAtom, useSetAtom } from "jotai"

diff --git a/src/v2/components/Web3ConnectionManager/WalletSelectorModal/components/ConnectorButton.tsx b/src/v2/components/Web3ConnectionManager/WalletSelectorModal/components/ConnectorButton.tsx
@@ -1,7 +1,7 @@
 import {
   addressLinkParamsAtom,
   walletLinkHelperModalAtom,
-} from "@/components/Providers/Providers"
+} from "@/components/Providers/atoms"
 import { Button, ButtonProps } from "@/components/ui/Button"
 import useConnectorNameAndIcon from "@/components/Web3ConnectionManager/hooks/useConnectorNameAndIcon"
 import { useUserPublic } from "@/hooks/useUserPublic"

diff --git a/src/v2/components/Web3ConnectionManager/WalletSelectorModal/hooks/useLinkAddress.ts b/src/v2/components/Web3ConnectionManager/WalletSelectorModal/hooks/useLinkAddress.ts
@@ -1,8 +1,6 @@
+import { addressLinkParamsAtom } from "@/components/Providers/atoms"
 import { usePostHogContext } from "@/components/Providers/PostHogProvider"
-import {
-  AddressLinkParams,
-  addressLinkParamsAtom,
-} from "@/components/Providers/Providers"
+import { AddressLinkParams } from "@/components/Providers/types"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { useUserPublic } from "@/hooks/useUserPublic"
 import useSubmit from "hooks/useSubmit"

diff --git a/src/v2/components/Web3ConnectionManager/Web3ConnectionManager.tsx b/src/v2/components/Web3ConnectionManager/Web3ConnectionManager.tsx
@@ -1,6 +1,6 @@
 import useAutoReconnect from "@/hooks/useAutoReconnect"
 import { useAtom } from "jotai"
-import { walletSelectorModalAtom } from "../Providers/Providers"
+import { walletSelectorModalAtom } from "../Providers/atoms"
 import { useTriggerWalletSelectorModal } from "./hooks/useTriggerWalletSelectorModal"
 import WalletSelectorModal from "./WalletSelectorModal"
 

diff --git a/src/v2/components/Web3ConnectionManager/hooks/useTriggerWalletSelectorModal.ts b/src/v2/components/Web3ConnectionManager/hooks/useTriggerWalletSelectorModal.ts
@@ -1,4 +1,4 @@
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useSetAtom } from "jotai"
 import { useSearchParams } from "next/navigation"
 import { useEffect } from "react"

diff --git a/src/v2/hooks/useUserPublic.ts b/src/v2/hooks/useUserPublic.ts
@@ -1,5 +1,5 @@
 import { usePostHogContext } from "@/components/Providers/PostHogProvider"
-import { walletSelectorModalAtom } from "@/components/Providers/Providers"
+import { walletSelectorModalAtom } from "@/components/Providers/atoms"
 import { useToast } from "@/components/ui/hooks/useToast"
 import { useWeb3ConnectionManager } from "@/components/Web3ConnectionManager/hooks/useWeb3ConnectionManager"
 import { PublicUserProfile } from "@guildxyz/types"