e2816ae88b
- Add dual-stream calibration: phone sends both raw and cropped preview frames during calibration so users can see what practice will look like - Add "Adjust" button to modify existing manual calibration without resetting to auto-detection first - Hide calibration quad editor overlay when not in calibration mode - Fix rotation buttons to update cropped preview immediately - Add rate limiting (10fps) for cropped preview frames during calibration - Fix multiple bugs preventing dual-stream mode from working: - Don't mark calibration as complete during preview mode - Don't stop detection loop when receiving preview calibration - Sync refs properly in frame mode change effects Also includes accumulated formatting and cleanup changes. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
111 lines
3.1 KiB
JavaScript
111 lines
3.1 KiB
JavaScript
const createNextIntlPlugin = require('next-intl/plugin')
|
|
const withBundleAnalyzer = require('@next/bundle-analyzer')({
|
|
enabled: process.env.ANALYZE === 'true',
|
|
})
|
|
|
|
const withNextIntl = createNextIntlPlugin('./src/i18n/request.ts')
|
|
|
|
/** @type {import('next').NextConfig} */
|
|
const nextConfig = {
|
|
// Enable source maps in production for easier debugging
|
|
productionBrowserSourceMaps: true,
|
|
|
|
eslint: {
|
|
ignoreDuringBuilds: true,
|
|
},
|
|
typescript: {
|
|
ignoreBuildErrors: true,
|
|
},
|
|
experimental: {
|
|
optimizePackageImports: [
|
|
// Internal packages
|
|
'@soroban/core',
|
|
'@soroban/client',
|
|
// Icon libraries (HUGE impact - these bundle everything otherwise)
|
|
'lucide-react',
|
|
// Animation libraries
|
|
'framer-motion',
|
|
// Radix UI components
|
|
'@radix-ui/react-accordion',
|
|
'@radix-ui/react-checkbox',
|
|
'@radix-ui/react-dialog',
|
|
'@radix-ui/react-dropdown-menu',
|
|
'@radix-ui/react-hover-card',
|
|
'@radix-ui/react-label',
|
|
'@radix-ui/react-popover',
|
|
'@radix-ui/react-progress',
|
|
'@radix-ui/react-radio-group',
|
|
'@radix-ui/react-select',
|
|
'@radix-ui/react-slider',
|
|
'@radix-ui/react-switch',
|
|
'@radix-ui/react-tabs',
|
|
'@radix-ui/react-toast',
|
|
'@radix-ui/react-tooltip',
|
|
// TanStack
|
|
'@tanstack/react-query',
|
|
'@tanstack/react-form',
|
|
'@tanstack/react-virtual',
|
|
],
|
|
serverComponentsExternalPackages: ['@myriaddreamin/typst.ts'],
|
|
},
|
|
transpilePackages: ['@soroban/core', '@soroban/client', '@svg-maps/world', '@svg-maps/usa'],
|
|
webpack: (config, { isServer }) => {
|
|
config.experiments = {
|
|
...config.experiments,
|
|
asyncWebAssembly: true,
|
|
layers: true,
|
|
}
|
|
|
|
// Exclude native Node.js modules from client bundle
|
|
// canvas is a jscanify dependency only needed for Node.js, not browser
|
|
if (!isServer) {
|
|
config.externals = [...(config.externals || []), 'canvas']
|
|
}
|
|
|
|
// Optimize WASM loading
|
|
if (!isServer) {
|
|
// Enable dynamic imports for better code splitting
|
|
config.optimization = {
|
|
...config.optimization,
|
|
splitChunks: {
|
|
...config.optimization.splitChunks,
|
|
cacheGroups: {
|
|
...config.optimization.splitChunks?.cacheGroups,
|
|
// Create separate chunk for WASM modules
|
|
wasm: {
|
|
test: /\.wasm$/,
|
|
name: 'wasm',
|
|
chunks: 'async',
|
|
enforce: true,
|
|
},
|
|
// Separate typst.ts into its own chunk
|
|
typst: {
|
|
test: /[\\/]node_modules[\\/]@myriaddreamin[\\/]typst.*[\\/]/,
|
|
name: 'typst',
|
|
chunks: 'async',
|
|
enforce: true,
|
|
},
|
|
},
|
|
},
|
|
}
|
|
|
|
// Add preload hints for critical WASM files
|
|
config.resolve.fallback = {
|
|
...config.resolve.fallback,
|
|
fs: false,
|
|
path: false,
|
|
}
|
|
}
|
|
|
|
// Fix for WASM modules
|
|
config.module.rules.push({
|
|
test: /\.wasm$/,
|
|
type: 'asset/resource',
|
|
})
|
|
|
|
return config
|
|
},
|
|
}
|
|
|
|
module.exports = withBundleAnalyzer(withNextIntl(nextConfig))
|