const { withPlausibleProxy } = require('next-plausible') const { InjectManifest } = require('workbox-webpack-plugin') const { generatePrecacheManifest } = require('./sw/build.js') const webpack = require('webpack') let isProd = process.env.NODE_ENV === 'production' const corsHeaders = [ { key: 'Access-Control-Allow-Origin', value: '*' }, { key: 'Access-Control-Allow-Methods', value: 'GET, HEAD, OPTIONS' } ] const noCacheHeader = { key: 'Cache-Control', value: 'no-cache, max-age=0, must-revalidate' } const getGitCommit = (env) => { return env === 'aws' // XXX this fragile ... eb could change the version label location ... it also require we set the label on deploy // eslint-disable-next-line ? Object.keys(require('/opt/elasticbeanstalk/deployment/app_version_manifest.json').RuntimeSources['stacker.news'])[0].slice(0, 6) : require('child_process').execSync('git rev-parse HEAD').toString().slice(0, 6) } let commitHash try { if (isProd) { try { commitHash = getGitCommit('aws') } catch (e) { // maybe we're running prod build locally commitHash = getGitCommit() // if above line worked, we're running locally and should not use prod config which configurates CDN isProd = false } } else { commitHash = getGitCommit() } } catch (e) { console.log('could not get commit hash with `git rev-parse HEAD` ... using 0000') commitHash = '0000' } module.exports = withPlausibleProxy()({ env: { NEXT_PUBLIC_COMMIT_HASH: commitHash, NEXT_PUBLIC_LND_CONNECT_ADDRESS: process.env.LND_CONNECT_ADDRESS, NEXT_PUBLIC_ASSET_PREFIX: isProd ? 'https://a.stacker.news' : '', // in prod, we build in /var/app/staging and then cp and deploy in /var/app/current // so we need to resolve the relative path to the lightning module LIGHTNING_MODULE_PATH: require('path').relative(process.cwd(), require.resolve('lightning')) }, compress: false, experimental: { scrollRestoration: true }, reactStrictMode: true, productionBrowserSourceMaps: true, generateBuildId: commitHash ? async () => commitHash : undefined, // Use the CDN in production and localhost for development. assetPrefix: isProd ? 'https://a.stacker.news' : undefined, crossOrigin: isProd ? 'anonymous' : undefined, async headers () { return [ { source: '/', headers: [ { // This tells the browser to send this client hint in subsequent requests // Only added to the "/" path since that's what is initially loaded for the PWA key: 'Accept-CH', value: 'Sec-CH-Prefers-Color-Scheme' } ] }, { source: '/_next/:asset*', headers: corsHeaders }, { source: '/.well-known/:slug*', headers: [ ...corsHeaders, noCacheHeader ] }, // never cache service worker // https://stackoverflow.com/questions/38843970/service-worker-javascript-update-frequency-every-24-hours/38854905#38854905 { source: '/sw.js', headers: [noCacheHeader] }, { source: '/api/lnauth', headers: [ ...corsHeaders ] }, { source: '/api/lnurlp/:slug*', headers: [ ...corsHeaders, noCacheHeader ] }, { source: '/api/lnwith', headers: [ ...corsHeaders ] }, ...['ttf', 'woff', 'woff2'].map(ext => ({ source: `/Lightningvolt-xoqm.${ext}`, headers: [ ...corsHeaders, { key: 'Cache-Control', value: 'public, max-age=31536000, immutable' } ] })) ] }, async rewrites () { return [ { source: '/faq', destination: '/items/349' }, { source: '/story', destination: '/items/1620' }, { source: '/privacy', destination: '/items/338369' }, { source: '/copyright', destination: '/items/338453' }, { source: '/tos', destination: '/items/338393' }, { source: '/changes', destination: '/items/78763' }, { source: '/guide', destination: '/items/81862' }, { source: '/daily', destination: '/api/daily' }, { source: '/.well-known/lnurlp/:username', destination: '/api/lnurlp/:username' }, { source: '/.well-known/nostr.json', destination: '/api/nostr/nip05' }, { source: '/.well-known/web-app-origin-association', destination: '/api/web-app-origin-association' }, { source: '/~:sub/:slug*\\?:query*', destination: '/~/:slug*?:query*&sub=:sub' }, { source: '/~:sub/:slug*', destination: '/~/:slug*?sub=:sub' }, ...['/', '/post', '/rss', '/random', '/recent/:slug*', '/top/:slug*'].map(source => ({ source, destination: '/~' + source })) ] }, async redirects () { return [ { source: '/statistics', destination: '/satistics?inc=invoice,withdrawal', permanent: true } ] }, webpack: (config, { isServer, dev, defaultLoaders }) => { if (isServer) { generatePrecacheManifest() const workboxPlugin = new InjectManifest({ // ignore the precached manifest which includes the webpack assets // since they are not useful to us exclude: [/.*/], // by default, webpack saves service worker at .next/server/ swDest: '../../public/sw.js', swSrc: './sw/index.js', webpackCompilationPlugins: [ // this is need to allow the service worker to access these environment variables // from lib/constants.js new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV), 'process.env.MEDIA_URL_DOCKER': JSON.stringify(process.env.MEDIA_URL_DOCKER), 'process.env.NEXT_PUBLIC_MEDIA_URL': JSON.stringify(process.env.NEXT_PUBLIC_MEDIA_URL), 'process.env.NEXT_PUBLIC_MEDIA_DOMAIN': JSON.stringify(process.env.NEXT_PUBLIC_MEDIA_DOMAIN), 'process.env.NEXT_PUBLIC_URL': JSON.stringify(process.env.NEXT_PUBLIC_URL), 'process.env.NEXT_PUBLIC_FAST_POLL_INTERVAL': JSON.stringify(process.env.NEXT_PUBLIC_FAST_POLL_INTERVAL), 'process.env.NEXT_PUBLIC_NORMAL_POLL_INTERVAL': JSON.stringify(process.env.NEXT_PUBLIC_NORMAL_POLL_INTERVAL), 'process.env.NEXT_PUBLIC_LONG_POLL_INTERVAL': JSON.stringify(process.env.NEXT_PUBLIC_LONG_POLL_INTERVAL), 'process.env.NEXT_PUBLIC_EXTRA_LONG_POLL_INTERVAL': JSON.stringify(process.env.NEXT_PUBLIC_EXTRA_LONG_POLL_INTERVAL), 'process.env.NEXT_IS_EXPORT_WORKER': 'true' }) ] }) if (dev) { // Suppress the "InjectManifest has been called multiple times" warning by reaching into // the private properties of the plugin and making sure it never ends up in the state // where it makes that warning. // https://github.com/GoogleChrome/workbox/blob/v6/packages/workbox-webpack-plugin/src/inject-manifest.ts#L260-L282 Object.defineProperty(workboxPlugin, 'alreadyCalled', { get () { return false }, set () { // do nothing; the internals try to set it to true, which then results in a warning // on the next run of webpack. } }) } config.plugins.push(workboxPlugin) } config.module.rules.push( { test: /\.svg$/, use: [ defaultLoaders.babel, { loader: '@svgr/webpack', options: { babel: false, svgoConfig: { plugins: [{ name: 'preset-default', params: { overrides: { removeViewBox: false } } }] } } } ] } ) return config } })