@netlify/build 18.24.0 → 18.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netlify/build",
-  "version": "18.24.0",
+  "version": "18.25.0",
   "description": "Netlify build module",
   "main": "src/core/main.js",
   "types": "types/index.d.ts",

package/src/error/monitor/print.js

@@ -10,7 +10,14 @@ const printEventForTest = function (
     groupingHash,
     severity,
     unhandled,
-    _metadata: { location, plugin: { packageName, homepage } = {}, pluginPackageJson, env: { BUILD_ID } = {}, other },
+    _metadata: {
+      location,
+      plugin: { packageName, homepage } = {},
+      pluginPackageJson,
+      tsConfig,
+      env: { BUILD_ID } = {},
+      other,
+    },
   },
   logs,
 ) {
@@ -26,6 +33,7 @@ const printEventForTest = function (
       packageName,
       pluginPackageJson: pluginPackageJson !== undefined,
       homepage,
+      tsConfig,
       BUILD_ID,
       other,
     },

package/src/error/monitor/report.js

@@ -60,11 +60,11 @@ const getGroupingHash = function (group, error, type) {
   return `${group}\n${messageA}`
 }
 
-const getMetadata = function ({ location, plugin }, childEnv, groupingHash) {
+const getMetadata = function ({ location, plugin, tsConfig }, childEnv, groupingHash) {
   const pluginMetadata = getPluginMetadata({ location, plugin })
   const envMetadata = getEnvMetadata(childEnv)
   const locationMetadata = getLocationMetadata(location, envMetadata)
-  return { location: locationMetadata, ...pluginMetadata, env: envMetadata, other: { groupingHash } }
+  return { location: locationMetadata, ...pluginMetadata, tsConfig, env: envMetadata, other: { groupingHash } }
 }
 
 const getPluginMetadata = function ({ location, plugin }) {

package/src/error/parse/parse.js

@@ -1,5 +1,6 @@
 'use strict'
 
+const { serializeObject } = require('../../log/serialize')
 const { getErrorInfo } = require('../info')
 const { getTypeInfo } = require('../type')
 
@@ -17,7 +18,7 @@ const getFullErrorInfo = function ({ error, colors, debug }) {
     stack,
     errorProps,
     errorInfo,
-    errorInfo: { location = {}, plugin = {} },
+    errorInfo: { location = {}, plugin = {}, tsConfig },
     severity,
     title,
     stackType,
@@ -31,10 +32,28 @@ const getFullErrorInfo = function ({ error, colors, debug }) {
   const { message: messageA, stack: stackA } = getStackInfo({ message, stack, stackType, rawStack, severity, debug })
 
   const pluginInfo = getPluginInfo(plugin, location)
+  const tsConfigInfo = getTsConfigInfo(tsConfig)
   const locationInfo = getLocationInfo({ stack: stackA, location, locationType })
   const errorPropsA = getErrorProps({ errorProps, showErrorProps, colors })
 
-  return { ...basicErrorInfo, title: titleA, message: messageA, pluginInfo, locationInfo, errorProps: errorPropsA }
+  return {
+    ...basicErrorInfo,
+    title: titleA,
+    message: messageA,
+    tsConfigInfo,
+    pluginInfo,
+    locationInfo,
+    errorProps: errorPropsA,
+  }
+}
+
+// Serialize the `tsConfig` error information
+const getTsConfigInfo = function (tsConfig) {
+  if (tsConfig === undefined) {
+    return
+  }
+
+  return serializeObject(tsConfig)
 }
 
 // Parse error instance into all the basic properties containing information

package/src/error/parse/serialize_log.js

@@ -4,19 +4,20 @@ const { THEME } = require('../../log/theme')
 
 // Serialize an error object into a title|body string to print in logs
 const serializeLogError = function ({
-  fullErrorInfo: { title, severity, message, pluginInfo, locationInfo, errorProps },
+  fullErrorInfo: { title, severity, message, pluginInfo, locationInfo, tsConfigInfo, errorProps },
 }) {
-  const body = getBody({ message, pluginInfo, locationInfo, errorProps, severity })
+  const body = getBody({ message, pluginInfo, locationInfo, tsConfigInfo, errorProps, severity })
   return { title, body }
 }
 
-const getBody = function ({ message, pluginInfo, locationInfo, errorProps, severity }) {
+const getBody = function ({ message, pluginInfo, locationInfo, tsConfigInfo, errorProps, severity }) {
   if (severity === 'none') {
     return message
   }
 
   return Object.entries({
     message,
+    tsConfigInfo,
     pluginInfo,
     locationInfo,
     errorProps,
@@ -38,6 +39,7 @@ const LOG_BLOCK_NAMES = {
   message: 'Error message',
   pluginInfo: 'Plugin details',
   locationInfo: 'Error location',
+  tsConfigInfo: 'TypeScript configuration',
   errorProps: 'Error properties',
 }
 

package/src/plugins/child/load.js

@@ -9,9 +9,9 @@ const { validatePlugin } = require('./validate')
 // This also validates the plugin.
 // Do it when parent requests it using the `load` event.
 // Also figure out the list of plugin steps. This is also passed to the parent.
-const load = function ({ pluginPath, inputs, packageJson }) {
+const load = async function ({ pluginPath, inputs, packageJson }) {
   registerTypeScript(pluginPath)
-  const logic = getLogic({ pluginPath, inputs })
+  const logic = await getLogic({ pluginPath, inputs })
 
   validatePlugin(logic)
 

package/src/plugins/child/logic.js

@@ -1,18 +1,21 @@
 'use strict'
 
+const { addTsErrorInfo } = require('./typescript')
+
 // Require the plugin file and fire its top-level function.
 // The returned object is the `logic` which includes all event handlers.
-const getLogic = function ({ pluginPath, inputs }) {
-  const logic = requireLogic(pluginPath)
+const getLogic = async function ({ pluginPath, inputs }) {
+  const logic = await requireLogic(pluginPath)
   const logicA = loadLogic({ logic, inputs })
   return logicA
 }
 
-const requireLogic = function (pluginPath) {
+const requireLogic = async function (pluginPath) {
   try {
     // eslint-disable-next-line node/global-require, import/no-dynamic-require
     return require(pluginPath)
   } catch (error) {
+    await addTsErrorInfo(error, pluginPath)
     error.message = `Could not import plugin:\n${error.message}`
     throw error
   }

package/src/plugins/child/typescript.js

@@ -2,8 +2,11 @@
 
 const { extname } = require('path')
 
+const execa = require('execa')
 const { register } = require('ts-node')
 
+const { addErrorInfo } = require('../../error/info')
+
 // Allow local plugins to be written with TypeScript.
 // Local plugins cannot be transpiled by the build command since they can be run
 // before it. Therefore, we type-check and transpile them automatically using
@@ -16,10 +19,32 @@ const registerTypeScript = function (pluginPath) {
   register()
 }
 
+// On TypeScript errors, adds information about the `ts-node` configuration,
+// which includes the resolved `tsconfig.json`.
+const addTsErrorInfo = async function (error, pluginPath) {
+  if (!isTypeScriptPlugin(pluginPath)) {
+    return
+  }
+
+  const { stdout } = await execa.command('ts-node --show-config')
+  const tsConfig = safeJsonParse(stdout)
+  addErrorInfo(error, { tsConfig })
+}
+
+// The output of `ts-node --show-config` should be JSON.
+// This is just a failsafe.
+const safeJsonParse = function (stdout) {
+  try {
+    return JSON.parse(stdout)
+  } catch (error) {
+    return { stdout, parsingError: error.message }
+  }
+}
+
 const isTypeScriptPlugin = function (pluginPath) {
   return TYPESCRIPT_EXTENSIONS.has(extname(pluginPath))
 }
 
 const TYPESCRIPT_EXTENSIONS = new Set(['.ts', '.tsx', '.mts', '.cts'])
 
-module.exports = { registerTypeScript }
+module.exports = { registerTypeScript, addTsErrorInfo }