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

{
  "context": "This criteria evaluates how well the engineer uses Tiptap's StarterKit extension to efficiently set up a rich text editor with essential formatting capabilities. The key assessment is whether they leverage the StarterKit bundle versus manually configuring individual extensions.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "StarterKit usage",
      "description": "Uses the StarterKit extension from @tiptap/starter-kit to enable essential editor features in a single import, rather than manually importing and configuring individual extensions",
      "max_score": 40
    },
    {
      "name": "Editor instantiation",
      "description": "Creates an Editor instance from @tiptap/core with proper configuration object including extensions array",
      "max_score": 15
    },
    {
      "name": "Content initialization",
      "description": "Uses the Editor constructor's content option to initialize the editor with HTML content",
      "max_score": 10
    },
    {
      "name": "Element mounting",
      "description": "Properly mounts the editor to a DOM element using the element option in the Editor constructor",
      "max_score": 10
    },
    {
      "name": "Bold command",
      "description": "Uses editor.chain().focus().toggleBold().run() or equivalent command API to toggle bold formatting",
      "max_score": 5
    },
    {
      "name": "Heading command",
      "description": "Uses editor.chain().focus().toggleHeading() or setHeading() with level parameter to set heading levels",
      "max_score": 5
    },
    {
      "name": "List command",
      "description": "Uses editor.chain().focus().toggleOrderedList() or toggleBulletList() to manage lists",
      "max_score": 5
    },
    {
      "name": "Undo functionality",
      "description": "Uses editor.chain().focus().undo() command to revert changes, leveraging the History extension included in StarterKit",
      "max_score": 10
    }
  ]
}

Version

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