mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
zeekayandHanzo Dev
6f80c0ce4e
styles/tokens.css was a 494-line FORK of @luxfi/ui/tokens.css, which is how it drifted its own browns: --color-status-warn #B45309 / #FBBF7A and the whole Chakra orange + yellow badge ramp (#FEEBCB #FFFAF0 #DD6B20 #FFFFF0 #D69E2E #FEFCBF #B7791F #C05621 #7B341E #744210 #FAF089). It imports the umbrella now and adds nothing of its own. next.config.js hand-listed SEVEN of the engine's 55 packages in transpilePackages and deduped none of them, which is how this app's store holds seven physical copies of @hanzogui/popper (3.0.0, 3.0.1, 3.0.2 x3, 7.3.0 x2). A context published at module scope is per-copy, so PopperAnchor read the empty default and called refs.setReference on undefined once per tooltip trigger. It uses withLuxUi now — the one place that wiring lives. 47 files reached for Tailwind's chromatic ramps directly (108 occurrences). They resolve through tokens now, under short semantic names registered in the @theme block: text-good / text-bad / text-warn, where warn is ACHROMATIC — attention in Lux is the loudest neutral, not a hue. The Quasar certificate tooltip stops naming colours it no longer paints ("BLS (green)", "Corona (blue)", "ML-DSA (purple)") — copy that describes a palette has to change with it. Measured on the rendered pages: warm 0%, tinted-neutral 0.0003%, mean chroma 0.004 (/) and 0.003 (/txs) at 1440x900, 0.000 at 390x844, both modes; zero uncaught setReference errors. Two pre-existing defects surfaced because lint-staged now lints these files and are fixed here rather than skipped: `Box` was used but never imported in AddressEntity.pw.tsx, and eight lines already exceeded the 160-column limit. Co-authored-by: Hanzo Dev <[email protected]>
95 lines
3.6 KiB
JavaScript
95 lines
3.6 KiB
JavaScript
const withBundleAnalyzer = require('@next/bundle-analyzer')({
|
|
enabled: process.env.BUNDLE_ANALYZER === 'true',
|
|
});
|
|
|
|
const withRoutes = require('nextjs-routes/config')({
|
|
outDir: 'nextjs',
|
|
});
|
|
|
|
const headers = require('./nextjs/headers');
|
|
const redirects = require('./nextjs/redirects');
|
|
const rewrites = require('./nextjs/rewrites');
|
|
|
|
// The gui engine's bundler wiring, from the umbrella that owns it.
|
|
// Hand-listing a SUBSET of the engine here is what produced seven physical
|
|
// copies of `@hanzogui/popper` in this app's store (3.0.0, 3.0.1, 3.0.2 x3,
|
|
// 7.3.0 x2). A context published at module scope is per-copy, so `PopperAnchor`
|
|
// read the empty default and called `refs.setReference` on `undefined` once per
|
|
// tooltip trigger — 932 uncaught errors on the home page alone.
|
|
const { withLuxUi } = require('@luxfi/ui/next');
|
|
|
|
/** @type {import('next').NextConfig} */
|
|
const moduleExports = {
|
|
dir: __dirname,
|
|
transpilePackages: [
|
|
'react-syntax-highlighter',
|
|
],
|
|
reactStrictMode: true,
|
|
// `next dev` runs Turbopack, which does not read the webpack() block below, so
|
|
// every `import Icon from 'icons/*.svg'` resolved to a static-image OBJECT and
|
|
// React threw "Element type is invalid … but got: object". That crashed the
|
|
// whole page for any component importing an SVG directly — Hint, ChartWidget,
|
|
// toolkit/next/link, FilterInput, BackToButton — i.e. most of the app, in dev
|
|
// only. Same loader, declared once per bundler, so dev renders what prod ships.
|
|
turbopack: {
|
|
rules: {
|
|
'*.svg': { loaders: [ '@svgr/webpack' ], as: '*.js' },
|
|
},
|
|
resolveAlias: {
|
|
fs: { browser: './stubs/empty.js' },
|
|
net: { browser: './stubs/empty.js' },
|
|
tls: { browser: './stubs/empty.js' },
|
|
async_hooks: { browser: './stubs/empty.js' },
|
|
'@react-native-async-storage/async-storage': { browser: './stubs/empty.js' },
|
|
},
|
|
},
|
|
webpack(config) {
|
|
config.module.rules.push(
|
|
{
|
|
test: /\.svg$/,
|
|
use: [ '@svgr/webpack' ],
|
|
},
|
|
);
|
|
config.resolve.fallback = { fs: false, net: false, tls: false, async_hooks: false };
|
|
config.resolve.alias = {
|
|
...config.resolve.alias,
|
|
// MetaMask SDK tries to import this RN module; stub it out for web.
|
|
'@react-native-async-storage/async-storage': false,
|
|
};
|
|
config.externals.push('pino-pretty', 'lokijs', 'encoding');
|
|
|
|
config.experiments = { ...config.experiments, topLevelAwait: true };
|
|
// Tell webpack the target supports async/await so it stops warning about top-level await
|
|
// Top-level await is belong to ES2017 specification that is adopted by all major browsers and Node.js.
|
|
config.output.environment = {
|
|
...config.output.environment,
|
|
asyncFunction: true,
|
|
};
|
|
|
|
return config;
|
|
},
|
|
// NOTE: all config functions should be static and not depend on any environment variables
|
|
// since all variables will be passed to the app only at runtime and there is now way to change Next.js config at this time
|
|
// if you are stuck and strongly believe what you need some sort of flexibility here please fill free to join the discussion
|
|
// https://github.com/blockscout/frontend/discussions/167
|
|
rewrites,
|
|
redirects,
|
|
headers,
|
|
typescript: {
|
|
// @luxfi/ui + @hanzogui type mismatches with existing codebase.
|
|
ignoreBuildErrors: true,
|
|
},
|
|
output: 'standalone',
|
|
outputFileTracingRoot: __dirname,
|
|
productionBrowserSourceMaps: false,
|
|
serverExternalPackages: ["@opentelemetry/sdk-node", "@opentelemetry/auto-instrumentations-node"],
|
|
experimental: {
|
|
staleTimes: {
|
|
dynamic: 30,
|
|
'static': 180,
|
|
},
|
|
},
|
|
};
|
|
|
|
module.exports = withBundleAnalyzer(withRoutes(withLuxUi(moduleExports)));
|