Link extension for tiptap rich text editor providing automatic link detection, paste handling, click behavior, and XSS protection.
88
{
"context": "This evaluation assesses how effectively an engineer uses @tiptap/extension-link to implement automatic link detection that respects code mark boundaries. The focus is on proper configuration of the autolink feature and implementation of code mark awareness to prevent linking URLs within inline code contexts.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Link extension import",
"description": "Correctly imports the Link extension from @tiptap/extension-link package",
"max_score": 10
},
{
"name": "Autolink configuration",
"description": "Configures the Link extension with autolink: true to enable automatic link detection",
"max_score": 15
},
{
"name": "Editor initialization",
"description": "Properly initializes a Tiptap Editor instance with the Link extension included in the extensions array",
"max_score": 10
},
{
"name": "Code mark detection",
"description": "Implements code mark detection using shouldAutoLink callback or similar mechanism to check if text is within a code mark before auto-linking",
"max_score": 25
},
{
"name": "ProseMirror state usage",
"description": "Uses editor state and ProseMirror's rangeHasMark or similar API to detect code marks in the document",
"max_score": 20
},
{
"name": "Autolink behavior",
"description": "Correctly prevents link creation when URLs are detected within code marks while still allowing autolink in regular text",
"max_score": 15
},
{
"name": "Test implementation",
"description": "Implements all three required test cases that verify autolink works for regular URLs and skips URLs within code marks",
"max_score": 5
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-tiptap--extension-linkdocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10