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-8/

{
  "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
    }
  ]
}

Version

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