add arrows to the typography extension

docs/src/demos/Extensions/Typography/index.spec.js

@@ -44,4 +44,16 @@ context('/api/extensions/typography', () => {
       .type("'closeSingleQuote'")
       .should('contain', 'closeSingleQuote’')
   })
+
+  it('should make a leftwards arrow', () => {
+    cy.get('.ProseMirror')
+      .type('<- leftwardsArrow')
+      .should('contain', '← leftwardsArrow')
+  })
+
+  it('should make a rightwards arrow', () => {
+    cy.get('.ProseMirror')
+      .type('-> rightwardsArrow')
+      .should('contain', '→ rightwardsArrow')
+  })
 })

docs/src/docPages/api/extensions/typography.md

@@ -1,5 +1,5 @@
 # Typography
-This extension tries to help with common text patterns with the correct typographic character.
+This extension tries to help with common text patterns with the correct typographic character. Under the hood all rules are input rules.
 
 ## Installation
 ```bash
@@ -19,6 +19,8 @@ yarn add @tiptap/typography
 | closeDoubleQuote | “Smart`”` closing double quotes.                       |
 | openSingleQuote  | `‘`Smart’ opening single quotes.                       |
 | closeSingleQuote | ‘Smart`’` closing single quotes.                       |
+| leftwardsArrow   | Converts <code><&dash;</code> to an arrow `←`.         |
+| leftwardsArrow   | Converts <code>&dash;></code> to an arrow `→`.         |
 
 ## Source code
 [packages/typography/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/typography/)

packages/extension-typography/index.ts

@@ -6,8 +6,12 @@ import {
   closeDoubleQuote,
   openSingleQuote,
   closeSingleQuote,
+  InputRule,
 } from 'prosemirror-inputrules'
 
+export const leftwardsArrow = new InputRule(/<-$/, '←')
+export const rightwardsArrow = new InputRule(/->$/, '→')
+
 const Typography = createExtension({
   addInputRules() {
     return [
@@ -17,6 +21,8 @@ const Typography = createExtension({
       closeDoubleQuote,
       openSingleQuote,
       closeSingleQuote,
+      leftwardsArrow,
+      rightwardsArrow,
     ]
   },
 })