CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-stencil--core

tessl install tessl/npm-stencil--core@4.36.0

A comprehensive web component compiler that transforms TypeScript and JSX code into standards-compliant web components with complete development toolchain.

Agent Success

Agent success rate when using this tile

75%

Improvement

Agent success rate improvement when using this tile compared to baseline

1.44x

Baseline

Agent success rate without this tile

52%

rubric.jsonevals/scenario-2/

{
  "context": "This criteria evaluates how well the engineer uses Stencil's CLI watch command functionality to implement a development workflow automation tool. The focus is on proper invocation of the watch command, understanding of development mode configuration, and integration with Stencil's build system.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "CLI watch invocation",
      "description": "Uses the Stencil CLI programmatically to invoke the watch command (e.g., via child_process spawning 'stencil' binary or using the CLI API directly). Should execute the watch command rather than the build command.",
      "max_score": 25
    },
    {
      "name": "Development mode flag",
      "description": "Configures the watch process to run in development mode by passing the --dev flag or equivalent configuration. This ensures source maps and debugging information are included.",
      "max_score": 20
    },
    {
      "name": "Process output capture",
      "description": "Captures stdout/stderr from the Stencil watch process to monitor build status. Should properly pipe or listen to output streams from the spawned process.",
      "max_score": 20
    },
    {
      "name": "Build status detection",
      "description": "Parses Stencil CLI output to determine build status (building, success, error). Should look for Stencil-specific output patterns like build completion messages or error indicators.",
      "max_score": 15
    },
    {
      "name": "Process lifecycle management",
      "description": "Implements proper process management including starting the watch process, maintaining a reference to the running process, and cleanly terminating it when requested. Should handle process cleanup appropriately.",
      "max_score": 15
    },
    {
      "name": "Configuration file recognition",
      "description": "Acknowledges or utilizes Stencil's configuration file (stencil.config.ts) in the implementation. The watch command should be executed in a context where the config file is accessible.",
      "max_score": 5
    }
  ]
}

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/@stencil/core@4.36.x
tile.json