{
  "context": "This criteria evaluates how well the engineer uses the better-scroll library's observe-dom plugin to handle dynamic content updates. The focus is on correctly initializing the scroller with DOM observation enabled and demonstrating that automatic refresh occurs when content changes.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "BetterScroll instantiation",
      "description": "Creates a BetterScroll instance using the BetterScroll constructor or BScroll constructor with the wrapper element",
      "max_score": 20
    },
    {
      "name": "observe-dom plugin usage",
      "description": "Enables the observe-dom plugin by including it via BScroll.use() or by using the full better-scroll package, and configures it with observeDOM option set to true in the options object",
      "max_score": 35
    },
    {
      "name": "Proper configuration",
      "description": "Provides appropriate BetterScroll options including scrollY or scrollX set to true, and any other necessary scroll configuration for the use case",
      "max_score": 15
    },
    {
      "name": "DOM manipulation handling",
      "description": "Implements addItem and removeItem functions that directly manipulate the DOM by adding/removing child elements from the scroll content area, allowing the observe-dom plugin to detect changes automatically",
      "max_score": 20
    },
    {
      "name": "Scroll instance management",
      "description": "Properly returns and manages the BetterScroll instance, providing access to it for the addItem and removeItem functions",
      "max_score": 10
    }
  ]
}