@netlify/plugin-nextjs 3.9.2 → 4.0.0-beta.12

package/src/lib/pages/getStaticProps/setup.js

@@ -1,68 +0,0 @@
-const { join } = require('path')
-
-const { copySync } = require('fs-extra')
-const slash = require('slash')
-
-const getFilePathForRoute = require('../../helpers/getFilePathForRoute')
-const getI18n = require('../../helpers/getI18n')
-const getNextDistDir = require('../../helpers/getNextDistDir')
-const isRouteWithFallback = require('../../helpers/isRouteWithFallback')
-const { logTitle } = require('../../helpers/logger')
-
-const getPages = require('./pages')
-
-// Copy pre-rendered SSG pages
-const setup = async ({ functionsPath, publishPath }) => {
-  logTitle('🔥 Copying pre-rendered pages with getStaticProps and JSON data to', publishPath)
-  // Keep track of the functions that have been set up, so that we do not set up
-  // a function for the same file path twice
-  const filePathsDone = new Set()
-  const pages = await getPages()
-  const nextDistDir = await getNextDistDir()
-  const i18n = await getI18n()
-
-  const jobs = []
-
-  await Promise.all(
-    pages.map(async ({ route, dataRoute, srcRoute }) => {
-      // Copy pre-rendered HTML page
-      const htmlPath = getFilePathForRoute(route, 'html')
-
-      jobs.push({ type: 'static', inputPath: htmlPath, publishPath })
-
-      // Copy page's JSON data
-      const jsonPath = getFilePathForRoute(route, 'json')
-      jobs.push({
-        type: 'static',
-        inputPath: jsonPath,
-        outputPath: dataRoute,
-        publishPath,
-      })
-
-      // HACK: If i18n, 404.html needs to be at the top level of the publish directory
-      if (i18n.defaultLocale && route === `/${i18n.defaultLocale}/404`) {
-        copySync(join(nextDistDir, 'serverless', 'pages', htmlPath), join(publishPath, '404.html'))
-      }
-
-      // Set up the Netlify function (this is ONLY for preview mode)
-      const relativePath = getFilePathForRoute(srcRoute || route, 'js')
-      const filePath = slash(join('pages', relativePath))
-
-      // Skip if we have already set up a function for this file
-
-      if (filePathsDone.has(filePath)) {
-        return
-      }
-      filePathsDone.add(filePath)
-
-      // or if the source route has a fallback (handled by getStaticPropsWithFallback)
-      if (await isRouteWithFallback(srcRoute)) {
-        return
-      }
-      jobs.push({ type: 'function', filePath, functionsPath })
-    }),
-  )
-  return jobs
-}
-
-module.exports = setup

package/src/lib/pages/getStaticPropsWithFallback/pages.js

@@ -1,24 +0,0 @@
-const getPrerenderManifest = require('../../helpers/getPrerenderManifest')
-
-// Get pages using getStaticProps
-const getPages = async () => {
-  const { dynamicRoutes } = await getPrerenderManifest()
-
-  // Collect pages
-  const pages = []
-
-  Object.entries(dynamicRoutes).forEach(([route, { dataRoute, fallback }]) => {
-    // Skip pages without fallback
-    if (fallback === false) return
-
-    // Add the page
-    pages.push({
-      route,
-      dataRoute,
-    })
-  })
-
-  return pages
-}
-
-module.exports = getPages

package/src/lib/pages/getStaticPropsWithFallback/redirects.js

@@ -1,51 +0,0 @@
-const { join } = require('path')
-
-const slash = require('slash')
-
-const { PREVIEW_MODE_COOKIES } = require('../../config')
-const addLocaleRedirects = require('../../helpers/addLocaleRedirects')
-const asyncForEach = require('../../helpers/asyncForEach')
-const getFilePathForRoute = require('../../helpers/getFilePathForRoute')
-const getNetlifyFunctionName = require('../../helpers/getNetlifyFunctionName')
-const getPreviewModeFunctionName = require('../../helpers/getPreviewModeFunctionName')
-
-const getPages = require('./pages')
-
-const getRedirects = async () => {
-  const redirects = []
-  const pages = await getPages()
-
-  await asyncForEach(pages, async ({ route, dataRoute }) => {
-    const relativePath = getFilePathForRoute(route, 'js')
-    const filePath = slash(join('pages', relativePath))
-    const functionName = getNetlifyFunctionName(filePath)
-    const target = `/.netlify/functions/${functionName}`
-    const previewModeTarget = `/.netlify/functions/${getPreviewModeFunctionName(functionName)}`
-
-    await addLocaleRedirects(redirects, route, target)
-
-    // Add a redirect for preview mode pointing to the standard function
-    redirects.push({
-      route,
-      target: previewModeTarget,
-      conditions: PREVIEW_MODE_COOKIES,
-      force: true,
-      specialPreviewMode: true,
-    })
-
-    // Add one redirect pointing to the ODB
-    redirects.push({
-      route,
-      target,
-    })
-
-    // Add one redirect for the data route
-    redirects.push({
-      route: dataRoute,
-      target,
-    })
-  })
-  return redirects
-}
-
-module.exports = getRedirects

package/src/lib/pages/getStaticPropsWithFallback/setup.js

@@ -1,29 +0,0 @@
-const { join } = require('path')
-
-const slash = require('slash')
-
-const getFilePathForRoute = require('../../helpers/getFilePathForRoute')
-const { logTitle } = require('../../helpers/logger')
-
-const getPages = require('./pages')
-
-// Create a Netlify Function for every page with getStaticProps and fallback
-const setup = async (functionsPath) => {
-  logTitle('💫 Setting up pages with getStaticProps and fallback: true', 'as Netlify Functions in', functionsPath)
-
-  const pages = await getPages()
-
-  // Create Netlify Function for every page
-  return pages.reduce((jobs, { route }) => {
-    const relativePath = getFilePathForRoute(route, 'js')
-    const filePath = slash(join('pages', relativePath))
-    // Need two different functions - one ODB for normal pages, one standard for preview mode
-    return [
-      ...jobs,
-      { type: 'function', filePath, functionsPath, isODB: true },
-      { type: 'function', filePath, functionsPath, forFallbackPreviewMode: true },
-    ]
-  }, [])
-}
-
-module.exports = setup

package/src/lib/pages/getStaticPropsWithRevalidate/pages.js

@@ -1,45 +0,0 @@
-const { yellowBright } = require('chalk')
-
-const asyncForEach = require('../../helpers/asyncForEach')
-const getPrerenderManifest = require('../../helpers/getPrerenderManifest')
-const isRouteWithFallback = require('../../helpers/isRouteWithFallback')
-
-// Get pages using getStaticProps
-const getPages = async () => {
-  const { routes } = await getPrerenderManifest()
-
-  // Collect pages
-  const pages = []
-
-  let usesRevalidateAtLeastOnce = false
-
-  await asyncForEach(Object.entries(routes), async ([route, { dataRoute, srcRoute, initialRevalidateSeconds }]) => {
-    // Skip pages without revalidate, these are handled by getStaticProps/pages
-    if (!initialRevalidateSeconds) return
-
-    usesRevalidateAtLeastOnce = true
-
-    // Skip pages with fallback, these are handled by
-    // getStaticPropsWithFallback/pages
-    if (await isRouteWithFallback(srcRoute)) return
-
-    // Add the page
-    pages.push({
-      route,
-      srcRoute,
-      dataRoute,
-    })
-  })
-
-  if (usesRevalidateAtLeastOnce) {
-    console.log(
-      yellowBright(
-        `Warning: It looks like you're using the 'revalidate' flag in one of your Next.js pages.  Please read our docs about ISR on Netlify: https://ntl.fyi/next-isr-info`,
-      ),
-    )
-  }
-
-  return pages
-}
-
-module.exports = getPages

package/src/lib/pages/getStaticPropsWithRevalidate/redirects.js

@@ -1,55 +0,0 @@
-const { join } = require('path')
-
-const slash = require('slash')
-
-const addDefaultLocaleRedirect = require('../../helpers/addDefaultLocaleRedirect')
-const asyncForEach = require('../../helpers/asyncForEach')
-const getFilePathForRoute = require('../../helpers/getFilePathForRoute')
-const getNetlifyFunctionName = require('../../helpers/getNetlifyFunctionName')
-
-const getPages = require('./pages')
-
-// getStaticProps with revalidate pages
-//
-// Page params: {
-//     route -> '/getStaticProps', '/getStaticProps/3'
-//     dataRoute -> '/_next/data/{BUILD_ID}/getStaticProps.json', '_next/data/{BUILD_ID}/getStaticProps/3.json'
-//     srcRoute -> null, /getStaticProps/[id]
-// }
-//
-// Page params in i18n {
-//     route -> '/getStaticProps', '/en/getStaticProps/3'
-//     dataRoute -> '/_next/data/{BUILD_ID}/getStaticProps.json', '_next/data/{BUILD_ID}/en/getStaticProps/3.json'
-//     srcRoute -> null, /getStaticProps/[id]
-// }
-//
-
-const getRedirects = async () => {
-  const redirects = []
-  const pages = await getPages()
-
-  await asyncForEach(pages, async ({ route, srcRoute, dataRoute }) => {
-    const relativePath = getFilePathForRoute(srcRoute || route, 'js')
-    const filePath = slash(join('pages', relativePath))
-    const functionName = getNetlifyFunctionName(filePath)
-    const target = `/.netlify/functions/${functionName}`
-
-    // Add one redirect for the page
-    redirects.push({
-      route,
-      target,
-    })
-
-    // Add one redirect for the data route
-    redirects.push({
-      route: dataRoute,
-      target,
-    })
-
-    await addDefaultLocaleRedirect(redirects, route, target)
-  })
-
-  return redirects
-}
-
-module.exports = getRedirects

package/src/lib/pages/getStaticPropsWithRevalidate/setup.js

@@ -1,40 +0,0 @@
-const { join } = require('path')
-
-const slash = require('slash')
-
-const getFilePathForRoute = require('../../helpers/getFilePathForRoute')
-const { logTitle } = require('../../helpers/logger')
-
-const getPages = require('./pages')
-
-// Create a Netlify Function for every page with getStaticProps and revalidate
-const setup = async (functionsPath) => {
-  logTitle(
-    '💫 Setting up pages with getStaticProps and revalidation interval',
-    'as Netlify Functions in',
-    functionsPath,
-  )
-
-  // Keep track of the functions that have been set up, so that we do not set up
-  // a function for the same file path twice
-  const filePathsDone = new Set()
-
-  const pages = await getPages()
-
-  // Create Netlify Function for every page
-
-  const jobs = []
-
-  pages.forEach(({ route, srcRoute }) => {
-    const relativePath = getFilePathForRoute(srcRoute || route, 'js')
-    const filePath = slash(join('pages', relativePath))
-    if (filePathsDone.has(filePath)) {
-      return
-    }
-    filePathsDone.add(filePath)
-    jobs.push({ type: 'function', filePath, functionsPath })
-  })
-  return jobs
-}
-
-module.exports = setup

package/src/lib/pages/withoutProps/pages.js

@@ -1,27 +0,0 @@
-const asyncForEach = require('../../helpers/asyncForEach')
-const getPagesManifest = require('../../helpers/getPagesManifest')
-const isHtmlFile = require('../../helpers/isHtmlFile')
-const isRouteInPrerenderManifest = require('../../helpers/isRouteInPrerenderManifest')
-
-// Collect pages
-const getPages = async () => {
-  const pages = []
-
-  // Get HTML and SSR pages and API endpoints from the NextJS pages manifest
-  const pagesManifest = await getPagesManifest()
-
-  // Parse HTML pages
-  await asyncForEach(Object.entries(pagesManifest), async ([route, filePath]) => {
-    // Ignore non-HTML files
-    if (!isHtmlFile(filePath)) return
-
-    // Skip page if it is actually used with getStaticProps
-    if (await isRouteInPrerenderManifest(route)) return
-
-    // Add the HTML page
-    pages.push({ route, filePath })
-  })
-  return pages
-}
-
-module.exports = getPages

package/src/lib/pages/withoutProps/redirects.js

@@ -1,51 +0,0 @@
-const getNextConfig = require('../../../../helpers/getNextConfig')
-const addDefaultLocaleRedirect = require('../../helpers/addDefaultLocaleRedirect')
-const asyncForEach = require('../../helpers/asyncForEach')
-const isDynamicRoute = require('../../helpers/isDynamicRoute')
-
-const getPages = require('./pages')
-
-// withoutProps pages
-//
-// Page params {
-//     route -> '/about', '/initial/[id]'
-//     filePath -> 'pages/about.html', 'pages/initial[id].html'
-// }
-//
-// Page params in i18n {
-//     route -> '/en/about', '/fr/initial/[id]'
-//     filePath -> 'pages/en/about.html', 'pages/fr/initial[id].html'
-// }
-//
-
-const getRedirects = async () => {
-  const redirects = []
-  const pages = await getPages()
-  const { basePath } = await getNextConfig()
-
-  await asyncForEach(pages, async ({ route, filePath }) => {
-    const target = filePath.replace(/pages/, '')
-
-    await addDefaultLocaleRedirect(redirects, route, target)
-
-    // For sites that use basePath, manually add necessary redirects here specific
-    // only to this page type (which excludes static route redirects by default)
-    if (basePath && basePath !== '') {
-      redirects.push({
-        route: `${basePath}${route}`,
-        target: route,
-      })
-    }
-
-    // Only create normal redirects for pages with dynamic routing
-    if (!isDynamicRoute(route)) return
-
-    redirects.push({
-      route,
-      target: filePath.replace(/pages/, ''),
-    })
-  })
-  return redirects
-}
-
-module.exports = getRedirects

package/src/lib/pages/withoutProps/setup.js

@@ -1,34 +0,0 @@
-const { join, relative } = require('path')
-
-const { copySync } = require('fs-extra')
-
-const asyncForEach = require('../../helpers/asyncForEach')
-const getI18n = require('../../helpers/getI18n')
-const getNextDistDir = require('../../helpers/getNextDistDir')
-const { logTitle, logItem } = require('../../helpers/logger')
-
-const getPages = require('./pages')
-
-// Identify all pages that have been pre-rendered and copy each one to the
-// Netlify publish directory.
-const setup = async (publishPath) => {
-  logTitle('🔥 Copying pre-rendered pages without props to', publishPath)
-
-  const i18n = await getI18n()
-  const nextDistDir = await getNextDistDir()
-  const pages = await getPages()
-
-  // Copy each page to the Netlify publish directory
-  return pages.map(({ filePath }) => {
-    // HACK: If i18n, 404.html needs to be at the top level of the publish directory
-    if (i18n.defaultLocale && filePath === `pages/${i18n.defaultLocale}/404.html`) {
-      copySync(join(nextDistDir, 'serverless', filePath), join(publishPath, '404.html'))
-    }
-
-    // The path to the file, relative to the pages directory
-    const relativePath = relative('pages', filePath)
-    return { type: 'static', inputPath: relativePath, publishPath }
-  })
-}
-
-module.exports = setup

package/src/lib/pages/worker.js

@@ -1,19 +0,0 @@
-const setupNetlifyFunctionForPage = require('../helpers/setupNetlifyFunctionForPage')
-const setupStaticFileForPage = require('../helpers/setupStaticFileForPage')
-
-exports.processPage = function processPage(job) {
-  try {
-    switch (job.type) {
-      case 'function': {
-        return setupNetlifyFunctionForPage(job)
-      }
-      case 'static': {
-        return setupStaticFileForPage(job)
-      }
-      default:
-        console.log('Unknown job type', job.type)
-    }
-  } catch (error) {
-    console.error('Error in worker', error, 'Job', job)
-  }
-}

package/src/lib/steps/copyNextAssets.js

@@ -1,31 +0,0 @@
-const { join, resolve } = require('path')
-
-const { copySync, existsSync } = require('fs-extra')
-
-const getNextDistDir = require('../helpers/getNextDistDir')
-const { logTitle } = require('../helpers/logger')
-
-// Copy the NextJS static assets from NextJS distDir to Netlify publish folder.
-// These need to be available for NextJS to work.
-
-// Note: If you're using a custom build setup, such as a monorepo,
-// you may need to explicitly set distDir in your next.config.js.
-
-const copyNextAssets = async (publishPath) => {
-  const nextDistDir = await getNextDistDir()
-  const staticAssetsPath = join(nextDistDir, 'static')
-  if (!existsSync(staticAssetsPath)) {
-    throw new Error(
-      `No static assets found in your distDir (missing /static in ${resolve(
-        nextDistDir,
-      )}). Please check your project configuration. Your next.config.js must be one of \`serverless\` or \`experimental-serverless-trace\`. Your build command should include \`next build\`.`,
-    )
-  }
-  logTitle('💼 Copying static NextJS assets to', publishPath)
-  copySync(staticAssetsPath, join(publishPath, '_next', 'static'), {
-    overwrite: false,
-    errorOnExist: true,
-  })
-}
-
-module.exports = copyNextAssets

package/src/lib/steps/copyPublicFiles.js

@@ -1,18 +0,0 @@
-const { existsSync, copySync } = require('fs-extra')
-
-const { PUBLIC_PATH } = require('../config')
-const { logTitle } = require('../helpers/logger')
-
-// Copy files from public folder to Netlify publish folder
-const copyPublicFiles = (publishPath) => {
-  // Abort if no public/ folder
-  if (!existsSync(PUBLIC_PATH)) return
-
-  // Perform copy operation
-  if (publishPath !== PUBLIC_PATH) {
-    logTitle('🌍️ Copying', PUBLIC_PATH, 'folder to', publishPath)
-    copySync(PUBLIC_PATH, publishPath)
-  }
-}
-
-module.exports = copyPublicFiles

package/src/lib/steps/prepareFolders.js

@@ -1,39 +0,0 @@
-const { join } = require('path')
-
-const findCacheDir = require('find-cache-dir')
-const { emptyDirSync } = require('fs-extra')
-
-const { NETLIFY_PUBLISH_PATH, NETLIFY_FUNCTIONS_PATH } = require('../config')
-const handleFileTracking = require('../helpers/handleFileTracking')
-const { logTitle, log } = require('../helpers/logger')
-
-// Clean existing publish and functions folders
-const prepareFolders = ({ functionsPath, publishPath }) => {
-  logTitle('🚀 Next on Netlify 🚀')
-
-  const isNotConfiguredFunctionsDir = functionsPath === NETLIFY_FUNCTIONS_PATH
-  const isNotConfiguredPublishDir = publishPath === NETLIFY_PUBLISH_PATH
-
-  if (isNotConfiguredFunctionsDir) {
-    log('  ', 'Functions directory: ', functionsPath)
-  }
-  if (isNotConfiguredPublishDir) {
-    log('  ', 'Publish directory: ', publishPath)
-  }
-  if (isNotConfiguredFunctionsDir || isNotConfiguredPublishDir) {
-    log('  ', 'Make sure these are set in your netlify.toml file.')
-  }
-
-  // We can empty these dirs knowing there will only be stale NoN-generated files inside
-  if (isNotConfiguredPublishDir) {
-    emptyDirSync(publishPath)
-  }
-  if (isNotConfiguredFunctionsDir) {
-    emptyDirSync(functionsPath)
-  }
-
-  // This returns a function that runs as the last step of nextOnNetlify()
-  return handleFileTracking({ functionsPath, publishPath })
-}
-
-module.exports = prepareFolders

package/src/lib/steps/setupHeaders.js

@@ -1,37 +0,0 @@
-const { join } = require('path')
-
-const { existsSync, readFileSync, writeFileSync } = require('fs-extra')
-
-const { CUSTOM_HEADERS_PATH } = require('../config')
-const { logTitle, logItem } = require('../helpers/logger')
-
-const indentNewLine = (s) => `\n  ${s}`
-
-// Setup _headers file to override specific header rules for next assets
-const setupHeaders = (publishPath) => {
-  logTitle('🔀 Setting up headers')
-
-  // Collect custom redirects defined by the user
-  const headers = []
-  if (existsSync(CUSTOM_HEADERS_PATH)) {
-    logItem('# Prepending custom headers')
-    headers.push(readFileSync(CUSTOM_HEADERS_PATH, 'utf8'))
-  }
-
-  // Add NoN section heading
-  headers.push('# Next-on-Netlify Headers')
-
-  // Add rule to override cache control for static chunks
-  const staticChunkRule = [
-    `/_next/static/chunks/*`,
-    indentNewLine(`cache-control: public`),
-    indentNewLine(`cache-control: max-age=31536000`),
-    indentNewLine(`cache-control: immutable`),
-  ].join('')
-  headers.push(staticChunkRule)
-
-  // Write redirects to _redirects file
-  writeFileSync(join(publishPath, '_headers'), headers.join('\n'))
-}
-
-module.exports = setupHeaders

package/src/lib/steps/setupImageFunction.js

@@ -1,17 +0,0 @@
-const { join } = require('path')
-
-const { copyFile, writeJSON, ensureDir } = require('fs-extra')
-
-const { NEXT_IMAGE_FUNCTION_NAME, TEMPLATES_DIR } = require('../config')
-
-// Move our next/image function into the correct functions directory
-const setupImageFunction = async (functionsPath, imageconfig = {}) => {
-  const functionName = `${NEXT_IMAGE_FUNCTION_NAME}.js`
-  const functionDirectory = join(functionsPath, NEXT_IMAGE_FUNCTION_NAME)
-
-  await ensureDir(functionDirectory)
-  await writeJSON(join(functionDirectory, 'imageconfig.json'), imageconfig)
-  await copyFile(join(TEMPLATES_DIR, 'imageFunction.js'), join(functionDirectory, functionName))
-}
-
-module.exports = setupImageFunction

package/src/lib/steps/setupPages.js

@@ -1,25 +0,0 @@
-const runJobsQueue = require('../helpers/runJobsQueue')
-const apiSetup = require('../pages/api/setup')
-const getInitialPropsSetup = require('../pages/getInitialProps/setup')
-const getServerSidePropsSetup = require('../pages/getServerSideProps/setup')
-const getStaticPropsSetup = require('../pages/getStaticProps/setup')
-const getSPFallbackSetup = require('../pages/getStaticPropsWithFallback/setup')
-const getSPRevalidateSetup = require('../pages/getStaticPropsWithRevalidate/setup')
-const withoutPropsSetup = require('../pages/withoutProps/setup')
-
-// Set up all our NextJS pages according to the recipes defined in pages/
-const setupPages = async ({ functionsPath, publishPath }) => {
-  const jobs = [
-    ...(await apiSetup(functionsPath)),
-    ...(await getInitialPropsSetup(functionsPath)),
-    ...(await getServerSidePropsSetup(functionsPath)),
-    ...(await getStaticPropsSetup({ functionsPath, publishPath })),
-    ...(await getSPFallbackSetup(functionsPath)),
-    ...(await getSPRevalidateSetup(functionsPath)),
-    ...(await withoutPropsSetup(publishPath)),
-  ]
-
-  return runJobsQueue(jobs)
-}
-
-module.exports = setupPages