tessl install tessl/npm-tiptap--extension-typography@3.4.0Typography extension for Tiptap that automatically converts common text input patterns into proper typographic characters.
Agent Success
Agent success rate when using this tile
73%
Improvement
Agent success rate improvement when using this tile compared to baseline
0.86x
Baseline
Agent success rate without this tile
85%
{
"context": "This criteria evaluates how well the engineer uses the Tiptap FileHandler extension to implement file drop and paste handling in a rich text editor. The focus is on proper extension configuration, event handling callbacks, and MIME type filtering.",
"type": "weighted_checklist",
"checklist": [
{
"name": "FileHandler Extension Import",
"description": "Correctly imports the FileHandler extension from @tiptap/extension-file-handler package",
"max_score": 10
},
{
"name": "FileHandler Configuration",
"description": "Configures the FileHandler extension with proper options including onDrop and onPaste handlers",
"max_score": 15
},
{
"name": "Drop Event Handler",
"description": "Implements the onDrop callback to handle file drop events, accessing files, position, and editor context",
"max_score": 20
},
{
"name": "Paste Event Handler",
"description": "Implements the onPaste callback to handle file paste events, accessing files, htmlContent, and editor context",
"max_score": 20
},
{
"name": "MIME Type Filtering",
"description": "Uses the allowedMimeTypes option or implements custom filtering logic to accept only specific file types (e.g., images) and reject others (e.g., PDFs)",
"max_score": 15
},
{
"name": "File Upload Integration",
"description": "Calls the provided uploadFile callback function to process dropped/pasted files and retrieve URLs",
"max_score": 10
},
{
"name": "Image Insertion",
"description": "Uses editor commands to insert images at the correct position after upload (using insertContentAt or similar with position from drop/paste event)",
"max_score": 10
}
]
}