CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-confusing-browser-globals

A curated list of browser globals that commonly cause confusion and are not recommended to use without an explicit window qualifier

Overall
score

97%

Overview
Eval results
Files

rubric.jsonevals/scenario-9/

{
  "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-globals

tile.json