CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-tiptap--extension-typography

tessl install tessl/npm-tiptap--extension-typography@3.4.0

Typography 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%

rubric.jsonevals/scenario-5/

{
  "context": "This evaluation assesses the engineer's ability to use the Tiptap Link extension API for creating, modifying, and querying hyperlinks in a rich text editor. The focus is on proper use of link commands, attribute handling, and state detection using the @tiptap/extension-link package.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Link Extension Integration",
      "description": "Properly imports and configures the Link extension from @tiptap/extension-link in the editor initialization, including any necessary options like autolink or openOnClick.",
      "max_score": 15
    },
    {
      "name": "setLink Command Usage",
      "description": "Uses the editor.chain().focus().setLink() or editor.commands.setLink() command to insert or update links with the href attribute and optional target/rel attributes.",
      "max_score": 20
    },
    {
      "name": "unsetLink Command Usage",
      "description": "Uses the editor.chain().focus().unsetLink() or editor.commands.unsetLink() command to remove links while preserving text content.",
      "max_score": 15
    },
    {
      "name": "extendMarkRange Command",
      "description": "Uses editor.chain().focus().extendMarkRange() to expand selection to the entire link before operations, or demonstrates awareness of link boundary handling.",
      "max_score": 10
    },
    {
      "name": "isActive Link Detection",
      "description": "Uses editor.isActive('link') to detect whether a link is active at the current selection position.",
      "max_score": 15
    },
    {
      "name": "getAttributes Method",
      "description": "Uses editor.getAttributes('link') to retrieve link attributes (href, target, rel) from the current selection.",
      "max_score": 15
    },
    {
      "name": "updateAttributes Command",
      "description": "Uses editor.chain().focus().updateAttributes('link', {...}) or similar approach to update specific attributes of an existing link.",
      "max_score": 10
    }
  ]
}

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/@tiptap/extension-typography@3.4.x
tile.json