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

{
  "context": "This criteria evaluates how well the engineer uses the @tiptap/extension-typography package to implement automatic typography replacements in a Tiptap editor. The focus is on proper usage of the Typography extension, its configuration options, and integration with the Tiptap core editor system.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Typography Extension Import",
      "description": "Correctly imports the Typography extension from @tiptap/extension-typography package",
      "max_score": 10
    },
    {
      "name": "Editor Initialization",
      "description": "Properly creates an Editor instance from @tiptap/core with the Typography extension included in the extensions array",
      "max_score": 15
    },
    {
      "name": "Basic Extension Usage",
      "description": "Successfully uses the Typography extension to enable default typography replacements (em dash, ellipsis, smart quotes, arrows, fractions, mathematical symbols)",
      "max_score": 20
    },
    {
      "name": "Extension Configuration",
      "description": "Uses Typography.configure() method to customize typography options, passing an options object with individual typography rules enabled or disabled",
      "max_score": 20
    },
    {
      "name": "Selective Rules",
      "description": "Demonstrates ability to selectively enable/disable specific typography rules by setting options like emDash, ellipsis, openDoubleQuote, etc., with appropriate values (string for enabled, false for disabled)",
      "max_score": 15
    },
    {
      "name": "Content Insertion",
      "description": "Uses appropriate Tiptap methods (setContent, insertContent, or commands.insertContent) to add text content to the editor for testing typography replacements",
      "max_score": 10
    },
    {
      "name": "Content Retrieval",
      "description": "Uses editor.getHTML() or similar Tiptap method to retrieve the processed content with typography replacements applied",
      "max_score": 10
    }
  ]
}

Version

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