A curated list of browser globals that commonly cause confusion and are not recommended to use without an explicit window qualifier
Overall
score
97%
{
"context": "This criteria evaluates how effectively the engineer uses webpack's configuration API to create environment-specific build configurations. The focus is on using webpack-specific properties and methods to configure development and production modes with appropriate settings.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Mode configuration",
"description": "Sets the webpack 'mode' property correctly to 'development' or 'production' based on the environment parameter",
"max_score": 15
},
{
"name": "Development devtool",
"description": "Configures the 'devtool' property for development mode with an appropriate source map option (e.g., 'eval-source-map', 'inline-source-map', or 'cheap-module-source-map')",
"max_score": 10
},
{
"name": "Production devtool",
"description": "Configures the 'devtool' property for production mode appropriately (false, 'source-map', or production-suitable option)",
"max_score": 10
},
{
"name": "DevServer configuration",
"description": "Creates a 'devServer' configuration object in development mode with appropriate properties",
"max_score": 15
},
{
"name": "Hot module replacement",
"description": "Enables hot module replacement (HMR) in the devServer configuration using the 'hot' property set to true",
"max_score": 10
},
{
"name": "DevServer port",
"description": "Sets the 'port' property in devServer configuration to 3000",
"max_score": 5
},
{
"name": "DevServer open",
"description": "Enables the 'open' property in devServer configuration to automatically open the browser",
"max_score": 5
},
{
"name": "Production optimization",
"description": "Configures the 'optimization' property in production mode to enable code splitting or other optimization features",
"max_score": 10
},
{
"name": "Output filename hashing",
"description": "Configures the 'output.filename' property in production mode with content hash placeholder (e.g., '[name].[contenthash].js' or '[contenthash].js')",
"max_score": 15
},
{
"name": "Environment validation",
"description": "Validates that the environment parameter is either 'development' or 'production' and handles invalid inputs appropriately",
"max_score": 5
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-confusing-browser-globalsdocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10