explorer/next.config.mjs at master · ewrast/explorer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import { withSentryConfig } from '@sentry/nextjs';
import path from 'path';
import { fileURLToPath } from 'url';

import { createSentryBuildConfig } from './sentry/config.mjs';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const ADDRESS_ALIASES = ['account', 'accounts', 'addresses'];
const TX_ALIASES = ['txs', 'txn', 'txns', 'transaction', 'transactions'];
const SUPPLY_ALIASES = ['accounts', 'accounts/top'];

/** @type {import('next').NextConfig} */
const nextConfig = {
    experimental: {
        // FIXME: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout
        missingSuspenseWithCSRBailout: false,
    },
    images: {
        remotePatterns: [
            {
                hostname: 'raw.githubusercontent.com',
                pathname: '/solana-labs/token-list/main/assets/**',
                port: '',
                protocol: 'https',
            },
        ],
    },
    async redirects() {
        return [
            // Leave this above `ADDRESS_ALIASES`, since it also provides an alias for `/accounts`.
            ...SUPPLY_ALIASES.map(oldRoot => ({
                destination: '/supply',
                permanent: true,
                source: '/' + oldRoot,
            })),
            ...ADDRESS_ALIASES.flatMap(oldRoot =>
                [':address', ':address/:tab'].map(path => ({
                    destination: '/' + ['address', path].join('/'),
                    permanent: true,
                    source: '/' + [oldRoot, path].join('/'),
                }))
            ),
            ...TX_ALIASES.map(oldRoot => ({
                destination: '/' + ['tx', ':signature'].join('/'),
                permanent: true,
                source: '/' + [oldRoot, ':signature'].join('/'),
            })),
            {
                destination: '/address/:address',
                permanent: true,
                source: '/address/:address/history',
            },
        ];
    },
    webpack: (config, { isServer }) => {
        config.resolve.alias = {
            ...(config.resolve.alias || {}),
            borsh: path.resolve(__dirname, 'node_modules/borsh'), // force legacy version
        };

        if (!isServer) {
            // Fixes npm packages that depend on `fs` module like `@project-serum/anchor`.
            config.resolve.fallback.fs = false;
        }

        return config;
    },
};

/// Add wrapper to track errors with Sentry
export default withSentryConfig(nextConfig, createSentryBuildConfig());

/// We going to handle Sentry errors step-by-step by cathcing unhandled exceptions route-wise
/// See: https://nextjs.org/docs/app/getting-started/error-handling#nested-error-boundaries
/// FEAT: Next step would be adding a layer to catch errors globally.
/// At this point we catch just the errors for a new functionality
/// Use the code below to enable it globally in the future
/// #<PROJECT_ROOT>/app/global-error.tsx
// 'use client';

// import * as Sentry from '@sentry/nextjs';
// import NextError from 'next/error';
// import { useEffect } from 'react';

// export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
//     useEffect(() => {
//         Sentry.captureException(error);
//     }, [error]);

//     return (
//         <html>
//             <body>
//                 {/* `NextError` is the default Next.js error page component. Its type
//                 definition requires a `statusCode` prop. However, since the App Router
//                 does not expose status codes for errors, we simply pass 0 to render a
//                 generic error message. */}
//                 <NextError statusCode={0} />
//             </body>
//         </html>
//     );
// }