A comprehensive web component compiler that transforms TypeScript and JSX code into standards-compliant web components with complete development toolchain.
75
{
"context": "This evaluation assesses how well the engineer leverages @stencil/core's TypeScript compilation system to build a tool that compiles and verifies web components. The focus is on proper usage of Stencil's compiler API, TypeScript transpilation, decorator transformation, and JSX compilation capabilities.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Compiler Initialization",
"description": "Uses @stencil/core's createCompiler() or equivalent API to instantiate the compiler with appropriate configuration",
"max_score": 20
},
{
"name": "TypeScript Transpilation",
"description": "Properly configures and invokes the TypeScript transpilation process through Stencil's compiler API to transform TypeScript to JavaScript",
"max_score": 25
},
{
"name": "Decorator Transformation",
"description": "Leverages Stencil's decorator-to-metadata transformation capabilities to convert decorators (@Component, @Prop, etc.) into static metadata in the compiled output",
"max_score": 25
},
{
"name": "JSX/TSX Compilation",
"description": "Utilizes Stencil's JSX/TSX compilation feature to transform JSX syntax into appropriate function calls (e.g., h() function calls)",
"max_score": 20
},
{
"name": "Compilation Output Handling",
"description": "Properly accesses and handles the compiler's output, including compiled files, diagnostics, and error information through Stencil's compiler result APIs",
"max_score": 10
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-stencil--coredocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10