or run

npx @tessl/cli init
Log in

Version

Files

docs

index.md
tile.json

rubric.jsonevals/scenario-8/

{
  "context": "This criteria evaluates how well the engineer uses postcss-modules-extract-imports to handle multiple compositions in single declarations, including composing from multiple external files and mixing external and global compositions.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Plugin integration",
      "description": "Uses postcss-modules-extract-imports plugin correctly by importing it and integrating it into a PostCSS processing pipeline with postcss() or processor.use()",
      "max_score": 20
    },
    {
      "name": "Mixed composition handling",
      "description": "Correctly processes composition declarations that combine both external file imports (e.g., 'from \"./file.css\"') and global scope imports (e.g., 'from global') in a single composes declaration",
      "max_score": 25
    },
    {
      "name": "Multiple class imports",
      "description": "Properly handles composition declarations that import multiple class names from the same external file in a single statement (e.g., 'composes: class1 class2 from \"./file.css\"')",
      "max_score": 25
    },
    {
      "name": "Import extraction",
      "description": "The solution correctly extracts and transforms composes declarations into :import() rules at the top of the CSS output",
      "max_score": 15
    },
    {
      "name": "Global composition",
      "description": "Correctly transforms global compositions by wrapping class names with global() wrapper in the output (e.g., 'composes: global(className)')",
      "max_score": 15
    }
  ]
}