@tiptap/extension-invisible-characters 3.30.2 → 3.30.4

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/invisible-characters.ts","../src/plugin/InvisibleCharactersPlugin.ts","../src/plugin/reducers.ts","../src/plugin/style.ts","../src/plugin/utils/create-style-tag.ts","../src/plugin/utils/get-updated-ranges.ts","../src/plugin/utils/create-decoration-widget.ts","../src/plugin/InvisibleNode.ts","../src/plugin/invisible-characters/hardBreak.ts","../src/plugin/invisible-characters/paragraph.ts","../src/plugin/utils/text-between.ts","../src/plugin/InvisibleCharacter.ts","../src/plugin/invisible-characters/space.ts"],"sourcesContent":["import { InvisibleCharacters } from './invisible-characters.js'\n\nexport * from './invisible-characters.js'\nexport * from './plugin/invisible-characters/hardBreak.js'\nexport * from './plugin/invisible-characters/paragraph.js'\nexport * from './plugin/invisible-characters/space.js'\nexport * from './plugin/InvisibleCharacter.js'\nexport * from './plugin/InvisibleNode.js'\nexport * from './types.js'\n\nexport default InvisibleCharacters\n","import { Extension } from '@tiptap/core'\n\nimport { InvisibleCharactersPlugin, InvisibleCharactersPluginKey } from './plugin/index.js'\nimport { HardBreakNode } from './plugin/invisible-characters/hardBreak.js'\nimport { ParagraphNode } from './plugin/invisible-characters/paragraph.js'\nimport { SpaceCharacter } from './plugin/invisible-characters/space.js'\nimport type { InvisibleCharactersOptions } from './types.js'\n\nexport { HardBreakNode, ParagraphNode, SpaceCharacter }\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    invisibleCharacters: {\n      /**\n       * Show invisible characters\n       */\n      showInvisibleCharacters: (show?: boolean) => ReturnType\n\n      /**\n       * Hide invisible characters\n       */\n      hideInvisibleCharacters: () => ReturnType\n\n      /**\n       * Toggle invisible characters\n       */\n      toggleInvisibleCharacters: () => ReturnType\n    }\n  }\n}\n\nexport const InvisibleCharacters = Extension.create<InvisibleCharactersOptions>({\n  name: 'invisibleCharacters',\n\n  addOptions() {\n    return {\n      visible: true,\n      builders: [new SpaceCharacter(), new ParagraphNode(), new HardBreakNode()],\n      injectCSS: true,\n      injectNonce: undefined,\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [InvisibleCharactersPlugin(this.editor.state, this.options)]\n  },\n\n  addStorage() {\n    return {\n      visibility: () => this.options.visible,\n    }\n  },\n\n  onBeforeCreate() {\n    this.storage.visibility = () => {\n      return InvisibleCharactersPluginKey.getState(this.editor.state)?.visible\n    }\n  },\n\n  addCommands() {\n    return {\n      showInvisibleCharacters:\n        (visibility = true) =>\n        ({ dispatch, tr }) => {\n          if (dispatch) {\n            tr.setMeta('setInvisibleCharactersVisible', visibility)\n          }\n\n          return true\n        },\n      hideInvisibleCharacters:\n        () =>\n        ({ dispatch, tr }) => {\n          if (dispatch) {\n            tr.setMeta('setInvisibleCharactersVisible', false)\n          }\n\n          return true\n        },\n      toggleInvisibleCharacters:\n        () =>\n        ({ dispatch, tr, state }) => {\n          const visibility = !InvisibleCharactersPluginKey.getState(state)?.visible\n\n          if (dispatch) {\n            tr.setMeta('setInvisibleCharactersVisible', visibility)\n          }\n\n          return true\n        },\n    }\n  },\n})\n\nexport default InvisibleCharacters\n","import type { EditorState } from '@tiptap/pm/state'\nimport { AllSelection, Plugin, PluginKey } from '@tiptap/pm/state'\nimport { DecorationSet } from '@tiptap/pm/view'\n\nimport type { InvisibleCharactersOptions, PluginState } from '../types.js'\nimport { stateReducer } from './reducers.js'\nimport { style } from './style.js'\nimport { createStyleTag } from './utils/create-style-tag.js'\nimport { getUpdatedRanges } from './utils/get-updated-ranges.js'\n\nexport const InvisibleCharactersPluginKey = new PluginKey<PluginState>('invisibleCharacters')\n\nexport const InvisibleCharactersPlugin = (\n  state: EditorState,\n  options: InvisibleCharactersOptions,\n) => {\n  const key = InvisibleCharactersPluginKey\n  const emptyDecorationSet = DecorationSet.create(state.doc, [])\n\n  const addDecorationsBetweenPositions = (\n    from: number,\n    to: number,\n    editorState: EditorState,\n    decorations: DecorationSet,\n  ) => {\n    return options.builders\n      .sort((builderA, builderB) => {\n        if (builderA.priority > builderB.priority) {\n          return 1\n        }\n\n        return -1\n      })\n      .reduce((newDecos, builder) => {\n        return builder.createDecoration(from, to, editorState.doc, newDecos)\n      }, decorations)\n  }\n\n  return new Plugin({\n    key,\n\n    state: {\n      init: () => {\n        const { $from, $to } = new AllSelection(state.doc)\n\n        if (options.injectCSS && document) {\n          createStyleTag(style, options.injectNonce)\n        }\n\n        return {\n          visible: options.visible,\n          decorations: addDecorationsBetweenPositions(\n            $from.pos,\n            $to.pos,\n            state,\n            DecorationSet.empty,\n          ),\n        }\n      },\n      apply: (tr, pluginState, _, currentState) => {\n        const newPluginState = stateReducer(\n          pluginState,\n          tr.getMeta('setInvisibleCharactersVisible'),\n        )\n\n        const decorations = getUpdatedRanges(tr).reduce(\n          (nextDecorations, [from, to]) => {\n            return addDecorationsBetweenPositions(from, to, currentState, nextDecorations)\n          },\n          newPluginState.decorations.map(tr.mapping, tr.doc),\n        )\n\n        return {\n          ...newPluginState,\n          decorations,\n        }\n      },\n    },\n\n    props: {\n      decorations(editorState) {\n        const pluginState = this.getState(editorState)\n\n        const visible = pluginState?.visible\n        const decorations = pluginState?.decorations\n\n        return visible ? decorations : emptyDecorationSet\n      },\n    },\n  })\n}\n\nexport default InvisibleCharactersPlugin\n","import type { PluginState } from '../types.js'\n\nexport const stateReducer = (state: PluginState, visible: boolean): PluginState => {\n  if (visible === undefined) {\n    return state\n  }\n\n  return { ...state, visible }\n}\n\nexport default stateReducer\n","export const style = `.tiptap-invisible-character {\n  height: 0;\n  padding: 0;\n  pointer-events: none;\n  user-select: none;\n  width: 0;\n}\n\n.tiptap-invisible-character::before {\n  caret-color: inherit;\n  color: #aaa;\n  display: inline-block;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  width: 0;\n}\n\n.tiptap-invisible-character--space::before {\n  content: '·'\n}\n\n.tiptap-invisible-character--break::before {\n  content: '¬'\n}\n\n.tiptap-invisible-character--paragraph::before {\n  content: '¶'\n}\n\n.tiptap-invisible-character + img.ProseMirror-separator {\n  height: 0 !important;\n  pointer-events: none;\n  user-select: none;\n  width: 0 !important;\n}\n\n.is-empty[data-placeholder].has-focus > .tiptap-invisible-character {\n  display: none;\n}\n`\n\nexport default style\n","export const createStyleTag = (style: string, nonce?: string): HTMLStyleElement => {\n  const tiptapStyleTag = <HTMLStyleElement>(\n    document.querySelector('style[data-tiptap-extension-invisible-characters-style]')\n  )\n\n  if (tiptapStyleTag !== null) {\n    return tiptapStyleTag\n  }\n\n  const styleNode = document.createElement('style')\n\n  if (nonce) {\n    styleNode.setAttribute('nonce', nonce)\n  }\n\n  styleNode.setAttribute('data-tiptap-extension-invisible-characters-style', '')\n  styleNode.innerHTML = style\n  document.getElementsByTagName('head')[0].appendChild(styleNode)\n\n  return styleNode\n}\n\nexport default createStyleTag\n","import type { Transaction } from '@tiptap/pm/state'\n\ntype StepRange = [from: number, to: number]\n\nexport const getUpdatedRanges = ({ mapping }: Transaction): StepRange[] => {\n  const ranges: StepRange[] = []\n\n  mapping.maps.forEach((stepMap, i) => {\n    stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {\n      ranges.push([mapping.slice(i + 1).map(newStart), mapping.slice(i + 1).map(newEnd)])\n    })\n  })\n\n  return ranges\n}\n\nexport default getUpdatedRanges\n","import { Decoration } from '@tiptap/pm/view'\n\nexport const createDecorationWidget = (pos: number, type: string, content?: string) => {\n  const createElement = () => {\n    const newElement = document.createElement('span')\n\n    newElement.classList.add('tiptap-invisible-character')\n    newElement.classList.add(`tiptap-invisible-character--${type}`)\n\n    if (content) {\n      newElement.textContent = content\n    }\n\n    return newElement\n  }\n\n  return Decoration.widget(pos, createElement, {\n    key: type,\n    marks: [],\n    side: 1000,\n  })\n}\n\nexport default createDecorationWidget\n","import type { Node } from '@tiptap/pm/model'\nimport type { DecorationSet } from '@tiptap/pm/view'\n\nimport { createDecorationWidget } from './utils/create-decoration-widget.js'\n\nexport interface InvisibleNodeOptions {\n  content?: string\n  position?: (node: Node, pos: number) => number\n  predicate: (value: Node) => boolean\n  priority?: number\n  type: string\n}\n\n/** Default position for nodes is always at the end of the node */\nconst defaultPosition = (node: Node, pos: number) => pos + node.nodeSize - 1\n\nexport class InvisibleNode {\n  predicate: (value: Node) => boolean\n\n  position: (node: Node, pos: number) => number\n\n  content?: string\n\n  type: string\n\n  priority: number\n\n  constructor(options: InvisibleNodeOptions) {\n    this.predicate = options.predicate\n    this.type = options.type\n    this.position = options.position || defaultPosition\n    this.content = options.content\n    this.priority = options.priority || 100\n  }\n\n  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet) {\n    let newDecorations = decorations\n\n    doc.nodesBetween(from, to, (node, pos) => {\n      if (this.test(node)) {\n        const decorationPosition = this.position(node, pos)\n        const oldDecorations = newDecorations.find(\n          decorationPosition,\n          decorationPosition,\n          spec => spec.key === this.type,\n        )\n\n        newDecorations = newDecorations\n          .remove(oldDecorations)\n          .add(doc, [createDecorationWidget(decorationPosition, this.type, this.content)])\n      }\n    })\n    return newDecorations\n  }\n\n  test(value: Node) {\n    return this.predicate(value)\n  }\n}\n\nexport default InvisibleNode\n","import { InvisibleNode } from '../InvisibleNode.js'\n\nexport class HardBreakNode extends InvisibleNode {\n  constructor() {\n    super({\n      type: 'break',\n      predicate: node => node.type === node.type.schema.nodes.hardBreak,\n    })\n  }\n}\n\nexport default HardBreakNode\n","import { InvisibleNode } from '../InvisibleNode.js'\n\nexport class ParagraphNode extends InvisibleNode {\n  constructor() {\n    super({\n      type: 'paragraph',\n      predicate: node => node.type === node.type.schema.nodes.paragraph,\n    })\n  }\n}\n\nexport default ParagraphNode\n","import type { Node } from '@tiptap/pm/model'\n\nimport type { Position } from '../../types.js'\n\nexport const textBetween = (from: number, to: number, doc: Node) => {\n  const positions: Position[] = []\n\n  doc.nodesBetween(from, to, (node, pos) => {\n    if (node.isText) {\n      const offset = Math.max(from, pos) - pos\n\n      positions.push({\n        pos: pos + offset,\n        text: node.text?.slice(offset, to - pos) || '',\n      })\n    }\n  })\n\n  return positions\n}\n\nexport default textBetween\n","import type { Node } from '@tiptap/pm/model'\nimport type { DecorationSet } from '@tiptap/pm/view'\n\nimport { createDecorationWidget } from './utils/create-decoration-widget.js'\nimport { textBetween } from './utils/text-between.js'\n\nexport interface InvisibleCharacterOptions {\n  type: string\n  predicate: (value: string) => boolean\n  priority?: number\n  content?: string\n}\n\nexport class InvisibleCharacter {\n  predicate: (value: string) => boolean\n\n  content?: string\n\n  type: string\n\n  priority: number\n\n  constructor(options: InvisibleCharacterOptions) {\n    this.predicate = options.predicate\n    this.type = options.type\n    this.content = options.content\n    this.priority = options.priority || 100\n  }\n\n  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet) {\n    const textContent = textBetween(from, to, doc)\n\n    return textContent.reduce((oldDecorations, currentPosition) => {\n      return currentPosition.text.split('').reduce((innerDecorations, char, i) => {\n        return this.test(char)\n          ? innerDecorations.add(doc, [\n              createDecorationWidget(currentPosition.pos + i, this.type, this.content),\n            ])\n          : innerDecorations\n      }, oldDecorations)\n    }, decorations)\n  }\n\n  test(value: string) {\n    return this.predicate(value)\n  }\n}\n\nexport default InvisibleCharacter\n","import { InvisibleCharacter } from '../InvisibleCharacter.js'\n\nexport class SpaceCharacter extends InvisibleCharacter {\n  constructor() {\n    super({\n      type: 'space',\n      predicate: (char: string) => char === ' ',\n    })\n  }\n}\n\nexport default SpaceCharacter\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAA0B;;;ACC1B,mBAAgD;AAChD,kBAA8B;;;ACAvB,IAAM,eAAe,CAAC,OAAoB,YAAkC;AACjF,MAAI,YAAY,QAAW;AACzB,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,GAAG,OAAO,QAAQ;AAC7B;;;ACRO,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAd,IAAM,iBAAiB,CAACA,QAAe,UAAqC;AACjF,QAAM,iBACJ,SAAS,cAAc,yDAAyD;AAGlF,MAAI,mBAAmB,MAAM;AAC3B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,SAAS,cAAc,OAAO;AAEhD,MAAI,OAAO;AACT,cAAU,aAAa,SAAS,KAAK;AAAA,EACvC;AAEA,YAAU,aAAa,oDAAoD,EAAE;AAC7E,YAAU,YAAYA;AACtB,WAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,YAAY,SAAS;AAE9D,SAAO;AACT;;;AChBO,IAAM,mBAAmB,CAAC,EAAE,QAAQ,MAAgC;AACzE,QAAM,SAAsB,CAAC;AAE7B,UAAQ,KAAK,QAAQ,CAAC,SAAS,MAAM;AACnC,YAAQ,QAAQ,CAAC,WAAW,SAAS,UAAU,WAAW;AACxD,aAAO,KAAK,CAAC,QAAQ,MAAM,IAAI,CAAC,EAAE,IAAI,QAAQ,GAAG,QAAQ,MAAM,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC;AAAA,IACpF,CAAC;AAAA,EACH,CAAC;AAED,SAAO;AACT;;;AJJO,IAAM,+BAA+B,IAAI,uBAAuB,qBAAqB;AAErF,IAAM,4BAA4B,CACvC,OACA,YACG;AACH,QAAM,MAAM;AACZ,QAAM,qBAAqB,0BAAc,OAAO,MAAM,KAAK,CAAC,CAAC;AAE7D,QAAM,iCAAiC,CACrC,MACA,IACA,aACA,gBACG;AACH,WAAO,QAAQ,SACZ,KAAK,CAAC,UAAU,aAAa;AAC5B,UAAI,SAAS,WAAW,SAAS,UAAU;AACzC,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT,CAAC,EACA,OAAO,CAAC,UAAU,YAAY;AAC7B,aAAO,QAAQ,iBAAiB,MAAM,IAAI,YAAY,KAAK,QAAQ;AAAA,IACrE,GAAG,WAAW;AAAA,EAClB;AAEA,SAAO,IAAI,oBAAO;AAAA,IAChB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,MAAM;AACV,cAAM,EAAE,OAAO,IAAI,IAAI,IAAI,0BAAa,MAAM,GAAG;AAEjD,YAAI,QAAQ,aAAa,UAAU;AACjC,yBAAe,OAAO,QAAQ,WAAW;AAAA,QAC3C;AAEA,eAAO;AAAA,UACL,SAAS,QAAQ;AAAA,UACjB,aAAa;AAAA,YACX,MAAM;AAAA,YACN,IAAI;AAAA,YACJ;AAAA,YACA,0BAAc;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MACA,OAAO,CAAC,IAAI,aAAa,GAAG,iBAAiB;AAC3C,cAAM,iBAAiB;AAAA,UACrB;AAAA,UACA,GAAG,QAAQ,+BAA+B;AAAA,QAC5C;AAEA,cAAM,cAAc,iBAAiB,EAAE,EAAE;AAAA,UACvC,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM;AAC/B,mBAAO,+BAA+B,MAAM,IAAI,cAAc,eAAe;AAAA,UAC/E;AAAA,UACA,eAAe,YAAY,IAAI,GAAG,SAAS,GAAG,GAAG;AAAA,QACnD;AAEA,eAAO;AAAA,UACL,GAAG;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,YAAY,aAAa;AACvB,cAAM,cAAc,KAAK,SAAS,WAAW;AAE7C,cAAM,UAAU,2CAAa;AAC7B,cAAM,cAAc,2CAAa;AAEjC,eAAO,UAAU,cAAc;AAAA,MACjC;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;AK1FA,IAAAC,eAA2B;AAEpB,IAAM,yBAAyB,CAAC,KAAa,MAAc,YAAqB;AACrF,QAAM,gBAAgB,MAAM;AAC1B,UAAM,aAAa,SAAS,cAAc,MAAM;AAEhD,eAAW,UAAU,IAAI,4BAA4B;AACrD,eAAW,UAAU,IAAI,+BAA+B,IAAI,EAAE;AAE9D,QAAI,SAAS;AACX,iBAAW,cAAc;AAAA,IAC3B;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,wBAAW,OAAO,KAAK,eAAe;AAAA,IAC3C,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM;AAAA,EACR,CAAC;AACH;;;ACPA,IAAM,kBAAkB,CAAC,MAAY,QAAgB,MAAM,KAAK,WAAW;AAEpE,IAAM,gBAAN,MAAoB;AAAA,EAWzB,YAAY,SAA+B;AACzC,SAAK,YAAY,QAAQ;AACzB,SAAK,OAAO,QAAQ;AACpB,SAAK,WAAW,QAAQ,YAAY;AACpC,SAAK,UAAU,QAAQ;AACvB,SAAK,WAAW,QAAQ,YAAY;AAAA,EACtC;AAAA,EAEA,iBAAiB,MAAc,IAAY,KAAW,aAA4B;AAChF,QAAI,iBAAiB;AAErB,QAAI,aAAa,MAAM,IAAI,CAAC,MAAM,QAAQ;AACxC,UAAI,KAAK,KAAK,IAAI,GAAG;AACnB,cAAM,qBAAqB,KAAK,SAAS,MAAM,GAAG;AAClD,cAAM,iBAAiB,eAAe;AAAA,UACpC;AAAA,UACA;AAAA,UACA,UAAQ,KAAK,QAAQ,KAAK;AAAA,QAC5B;AAEA,yBAAiB,eACd,OAAO,cAAc,EACrB,IAAI,KAAK,CAAC,uBAAuB,oBAAoB,KAAK,MAAM,KAAK,OAAO,CAAC,CAAC;AAAA,MACnF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AAAA,EAEA,KAAK,OAAa;AAChB,WAAO,KAAK,UAAU,KAAK;AAAA,EAC7B;AACF;;;ACxDO,IAAM,gBAAN,cAA4B,cAAc;AAAA,EAC/C,cAAc;AACZ,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW,UAAQ,KAAK,SAAS,KAAK,KAAK,OAAO,MAAM;AAAA,IAC1D,CAAC;AAAA,EACH;AACF;;;ACPO,IAAM,gBAAN,cAA4B,cAAc;AAAA,EAC/C,cAAc;AACZ,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW,UAAQ,KAAK,SAAS,KAAK,KAAK,OAAO,MAAM;AAAA,IAC1D,CAAC;AAAA,EACH;AACF;;;ACLO,IAAM,cAAc,CAAC,MAAc,IAAY,QAAc;AAClE,QAAM,YAAwB,CAAC;AAE/B,MAAI,aAAa,MAAM,IAAI,CAAC,MAAM,QAAQ;AAP5C;AAQI,QAAI,KAAK,QAAQ;AACf,YAAM,SAAS,KAAK,IAAI,MAAM,GAAG,IAAI;AAErC,gBAAU,KAAK;AAAA,QACb,KAAK,MAAM;AAAA,QACX,QAAM,UAAK,SAAL,mBAAW,MAAM,QAAQ,KAAK,SAAQ;AAAA,MAC9C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AACT;;;ACNO,IAAM,qBAAN,MAAyB;AAAA,EAS9B,YAAY,SAAoC;AAC9C,SAAK,YAAY,QAAQ;AACzB,SAAK,OAAO,QAAQ;AACpB,SAAK,UAAU,QAAQ;AACvB,SAAK,WAAW,QAAQ,YAAY;AAAA,EACtC;AAAA,EAEA,iBAAiB,MAAc,IAAY,KAAW,aAA4B;AAChF,UAAM,cAAc,YAAY,MAAM,IAAI,GAAG;AAE7C,WAAO,YAAY,OAAO,CAAC,gBAAgB,oBAAoB;AAC7D,aAAO,gBAAgB,KAAK,MAAM,EAAE,EAAE,OAAO,CAAC,kBAAkB,MAAM,MAAM;AAC1E,eAAO,KAAK,KAAK,IAAI,IACjB,iBAAiB,IAAI,KAAK;AAAA,UACxB,uBAAuB,gBAAgB,MAAM,GAAG,KAAK,MAAM,KAAK,OAAO;AAAA,QACzE,CAAC,IACD;AAAA,MACN,GAAG,cAAc;AAAA,IACnB,GAAG,WAAW;AAAA,EAChB;AAAA,EAEA,KAAK,OAAe;AAClB,WAAO,KAAK,UAAU,KAAK;AAAA,EAC7B;AACF;;;AC5CO,IAAM,iBAAN,cAA6B,mBAAmB;AAAA,EACrD,cAAc;AACZ,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW,CAAC,SAAiB,SAAS;AAAA,IACxC,CAAC;AAAA,EACH;AACF;;;AZsBO,IAAM,sBAAsB,sBAAU,OAAmC;AAAA,EAC9E,MAAM;AAAA,EAEN,aAAa;AACX,WAAO;AAAA,MACL,SAAS;AAAA,MACT,UAAU,CAAC,IAAI,eAAe,GAAG,IAAI,cAAc,GAAG,IAAI,cAAc,CAAC;AAAA,MACzE,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,wBAAwB;AACtB,WAAO,CAAC,0BAA0B,KAAK,OAAO,OAAO,KAAK,OAAO,CAAC;AAAA,EACpE;AAAA,EAEA,aAAa;AACX,WAAO;AAAA,MACL,YAAY,MAAM,KAAK,QAAQ;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,iBAAiB;AACf,SAAK,QAAQ,aAAa,MAAM;AAtDpC;AAuDM,cAAO,kCAA6B,SAAS,KAAK,OAAO,KAAK,MAAvD,mBAA0D;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,MACL,yBACE,CAAC,aAAa,SACd,CAAC,EAAE,UAAU,GAAG,MAAM;AACpB,YAAI,UAAU;AACZ,aAAG,QAAQ,iCAAiC,UAAU;AAAA,QACxD;AAEA,eAAO;AAAA,MACT;AAAA,MACF,yBACE,MACA,CAAC,EAAE,UAAU,GAAG,MAAM;AACpB,YAAI,UAAU;AACZ,aAAG,QAAQ,iCAAiC,KAAK;AAAA,QACnD;AAEA,eAAO;AAAA,MACT;AAAA,MACF,2BACE,MACA,CAAC,EAAE,UAAU,IAAI,MAAM,MAAM;AAjFrC;AAkFU,cAAM,aAAa,GAAC,kCAA6B,SAAS,KAAK,MAA3C,mBAA8C;AAElE,YAAI,UAAU;AACZ,aAAG,QAAQ,iCAAiC,UAAU;AAAA,QACxD;AAEA,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF,CAAC;;;ADlFD,IAAO,gBAAQ;","names":["style","import_view"]}
+{"version":3,"file":"index.cjs","names":["PluginKey","DecorationSet","Plugin","AllSelection","Decoration","Extension"],"sources":["../src/plugin/reducers.ts","../src/plugin/style.ts","../src/plugin/utils/create-style-tag.ts","../src/plugin/utils/get-updated-ranges.ts","../src/plugin/InvisibleCharactersPlugin.ts","../src/plugin/utils/create-decoration-widget.ts","../src/plugin/InvisibleNode.ts","../src/plugin/invisible-characters/hardBreak.ts","../src/plugin/invisible-characters/paragraph.ts","../src/plugin/utils/text-between.ts","../src/plugin/InvisibleCharacter.ts","../src/plugin/invisible-characters/space.ts","../src/invisible-characters.ts","../src/index.ts"],"sourcesContent":["import type { PluginState } from '../types.js'\n\nexport const stateReducer = (state: PluginState, visible: boolean): PluginState => {\n  if (visible === undefined) {\n    return state\n  }\n\n  return { ...state, visible }\n}\n\nexport default stateReducer\n","export const style = `.tiptap-invisible-character {\n  height: 0;\n  padding: 0;\n  pointer-events: none;\n  user-select: none;\n  width: 0;\n}\n\n.tiptap-invisible-character::before {\n  caret-color: inherit;\n  color: #aaa;\n  display: inline-block;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  width: 0;\n}\n\n.tiptap-invisible-character--space::before {\n  content: '·'\n}\n\n.tiptap-invisible-character--break::before {\n  content: '¬'\n}\n\n.tiptap-invisible-character--paragraph::before {\n  content: '¶'\n}\n\n.tiptap-invisible-character + img.ProseMirror-separator {\n  height: 0 !important;\n  pointer-events: none;\n  user-select: none;\n  width: 0 !important;\n}\n\n.is-empty[data-placeholder].has-focus > .tiptap-invisible-character {\n  display: none;\n}\n`\n\nexport default style\n","export const createStyleTag = (style: string, nonce?: string): HTMLStyleElement => {\n  const tiptapStyleTag = <HTMLStyleElement>(\n    document.querySelector('style[data-tiptap-extension-invisible-characters-style]')\n  )\n\n  if (tiptapStyleTag !== null) {\n    return tiptapStyleTag\n  }\n\n  const styleNode = document.createElement('style')\n\n  if (nonce) {\n    styleNode.setAttribute('nonce', nonce)\n  }\n\n  styleNode.setAttribute('data-tiptap-extension-invisible-characters-style', '')\n  styleNode.innerHTML = style\n  document.getElementsByTagName('head')[0].appendChild(styleNode)\n\n  return styleNode\n}\n\nexport default createStyleTag\n","import type { Transaction } from '@tiptap/pm/state'\n\ntype StepRange = [from: number, to: number]\n\nexport const getUpdatedRanges = ({ mapping }: Transaction): StepRange[] => {\n  const ranges: StepRange[] = []\n\n  mapping.maps.forEach((stepMap, i) => {\n    stepMap.forEach((_oldStart, _oldEnd, newStart, newEnd) => {\n      ranges.push([mapping.slice(i + 1).map(newStart), mapping.slice(i + 1).map(newEnd)])\n    })\n  })\n\n  return ranges\n}\n\nexport default getUpdatedRanges\n","import type { EditorState } from '@tiptap/pm/state'\nimport { AllSelection, Plugin, PluginKey } from '@tiptap/pm/state'\nimport { DecorationSet } from '@tiptap/pm/view'\n\nimport type { InvisibleCharactersOptions, PluginState } from '../types.js'\nimport { stateReducer } from './reducers.js'\nimport { style } from './style.js'\nimport { createStyleTag } from './utils/create-style-tag.js'\nimport { getUpdatedRanges } from './utils/get-updated-ranges.js'\n\nexport const InvisibleCharactersPluginKey = new PluginKey<PluginState>('invisibleCharacters')\n\nexport const InvisibleCharactersPlugin = (\n  state: EditorState,\n  options: InvisibleCharactersOptions,\n) => {\n  const key = InvisibleCharactersPluginKey\n  const emptyDecorationSet = DecorationSet.create(state.doc, [])\n\n  const addDecorationsBetweenPositions = (\n    from: number,\n    to: number,\n    editorState: EditorState,\n    decorations: DecorationSet,\n  ) => {\n    return options.builders\n      .sort((builderA, builderB) => {\n        if (builderA.priority > builderB.priority) {\n          return 1\n        }\n\n        return -1\n      })\n      .reduce((newDecos, builder) => {\n        return builder.createDecoration(from, to, editorState.doc, newDecos)\n      }, decorations)\n  }\n\n  return new Plugin({\n    key,\n\n    state: {\n      init: () => {\n        const { $from, $to } = new AllSelection(state.doc)\n\n        if (options.injectCSS && document) {\n          createStyleTag(style, options.injectNonce)\n        }\n\n        return {\n          visible: options.visible,\n          decorations: addDecorationsBetweenPositions(\n            $from.pos,\n            $to.pos,\n            state,\n            DecorationSet.empty,\n          ),\n        }\n      },\n      apply: (tr, pluginState, _, currentState) => {\n        const newPluginState = stateReducer(\n          pluginState,\n          tr.getMeta('setInvisibleCharactersVisible'),\n        )\n\n        const decorations = getUpdatedRanges(tr).reduce(\n          (nextDecorations, [from, to]) => {\n            return addDecorationsBetweenPositions(from, to, currentState, nextDecorations)\n          },\n          newPluginState.decorations.map(tr.mapping, tr.doc),\n        )\n\n        return {\n          ...newPluginState,\n          decorations,\n        }\n      },\n    },\n\n    props: {\n      decorations(editorState) {\n        const pluginState = this.getState(editorState)\n\n        const visible = pluginState?.visible\n        const decorations = pluginState?.decorations\n\n        return visible ? decorations : emptyDecorationSet\n      },\n    },\n  })\n}\n\nexport default InvisibleCharactersPlugin\n","import { Decoration } from '@tiptap/pm/view'\n\nexport const createDecorationWidget = (pos: number, type: string, content?: string) => {\n  const createElement = () => {\n    const newElement = document.createElement('span')\n\n    newElement.classList.add('tiptap-invisible-character')\n    newElement.classList.add(`tiptap-invisible-character--${type}`)\n\n    if (content) {\n      newElement.textContent = content\n    }\n\n    return newElement\n  }\n\n  return Decoration.widget(pos, createElement, {\n    key: type,\n    marks: [],\n    side: 1000,\n  })\n}\n\nexport default createDecorationWidget\n","import type { Node } from '@tiptap/pm/model'\nimport type { DecorationSet } from '@tiptap/pm/view'\n\nimport { createDecorationWidget } from './utils/create-decoration-widget.js'\n\nexport interface InvisibleNodeOptions {\n  content?: string\n  position?: (node: Node, pos: number) => number\n  predicate: (value: Node) => boolean\n  priority?: number\n  type: string\n}\n\n/** Default position for nodes is always at the end of the node */\nconst defaultPosition = (node: Node, pos: number) => pos + node.nodeSize - 1\n\nexport class InvisibleNode {\n  predicate: (value: Node) => boolean\n\n  position: (node: Node, pos: number) => number\n\n  content?: string\n\n  type: string\n\n  priority: number\n\n  constructor(options: InvisibleNodeOptions) {\n    this.predicate = options.predicate\n    this.type = options.type\n    this.position = options.position || defaultPosition\n    this.content = options.content\n    this.priority = options.priority || 100\n  }\n\n  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet) {\n    let newDecorations = decorations\n\n    doc.nodesBetween(from, to, (node, pos) => {\n      if (this.test(node)) {\n        const decorationPosition = this.position(node, pos)\n        const oldDecorations = newDecorations.find(\n          decorationPosition,\n          decorationPosition,\n          spec => spec.key === this.type,\n        )\n\n        newDecorations = newDecorations\n          .remove(oldDecorations)\n          .add(doc, [createDecorationWidget(decorationPosition, this.type, this.content)])\n      }\n    })\n    return newDecorations\n  }\n\n  test(value: Node) {\n    return this.predicate(value)\n  }\n}\n\nexport default InvisibleNode\n","import { InvisibleNode } from '../InvisibleNode.js'\n\nexport class HardBreakNode extends InvisibleNode {\n  constructor() {\n    super({\n      type: 'break',\n      predicate: node => node.type === node.type.schema.nodes.hardBreak,\n    })\n  }\n}\n\nexport default HardBreakNode\n","import { InvisibleNode } from '../InvisibleNode.js'\n\nexport class ParagraphNode extends InvisibleNode {\n  constructor() {\n    super({\n      type: 'paragraph',\n      predicate: node => node.type === node.type.schema.nodes.paragraph,\n    })\n  }\n}\n\nexport default ParagraphNode\n","import type { Node } from '@tiptap/pm/model'\n\nimport type { Position } from '../../types.js'\n\nexport const textBetween = (from: number, to: number, doc: Node) => {\n  const positions: Position[] = []\n\n  doc.nodesBetween(from, to, (node, pos) => {\n    if (node.isText) {\n      const offset = Math.max(from, pos) - pos\n\n      positions.push({\n        pos: pos + offset,\n        text: node.text?.slice(offset, to - pos) || '',\n      })\n    }\n  })\n\n  return positions\n}\n\nexport default textBetween\n","import type { Node } from '@tiptap/pm/model'\nimport type { DecorationSet } from '@tiptap/pm/view'\n\nimport { createDecorationWidget } from './utils/create-decoration-widget.js'\nimport { textBetween } from './utils/text-between.js'\n\nexport interface InvisibleCharacterOptions {\n  type: string\n  predicate: (value: string) => boolean\n  priority?: number\n  content?: string\n}\n\nexport class InvisibleCharacter {\n  predicate: (value: string) => boolean\n\n  content?: string\n\n  type: string\n\n  priority: number\n\n  constructor(options: InvisibleCharacterOptions) {\n    this.predicate = options.predicate\n    this.type = options.type\n    this.content = options.content\n    this.priority = options.priority || 100\n  }\n\n  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet) {\n    const textContent = textBetween(from, to, doc)\n\n    return textContent.reduce((oldDecorations, currentPosition) => {\n      return currentPosition.text.split('').reduce((innerDecorations, char, i) => {\n        return this.test(char)\n          ? innerDecorations.add(doc, [\n              createDecorationWidget(currentPosition.pos + i, this.type, this.content),\n            ])\n          : innerDecorations\n      }, oldDecorations)\n    }, decorations)\n  }\n\n  test(value: string) {\n    return this.predicate(value)\n  }\n}\n\nexport default InvisibleCharacter\n","import { InvisibleCharacter } from '../InvisibleCharacter.js'\n\nexport class SpaceCharacter extends InvisibleCharacter {\n  constructor() {\n    super({\n      type: 'space',\n      predicate: (char: string) => char === ' ',\n    })\n  }\n}\n\nexport default SpaceCharacter\n","import { Extension } from '@tiptap/core'\n\nimport { InvisibleCharactersPlugin, InvisibleCharactersPluginKey } from './plugin/index.js'\nimport { HardBreakNode } from './plugin/invisible-characters/hardBreak.js'\nimport { ParagraphNode } from './plugin/invisible-characters/paragraph.js'\nimport { SpaceCharacter } from './plugin/invisible-characters/space.js'\nimport type { InvisibleCharactersOptions } from './types.js'\n\nexport { HardBreakNode, ParagraphNode, SpaceCharacter }\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    invisibleCharacters: {\n      /**\n       * Show invisible characters\n       */\n      showInvisibleCharacters: (show?: boolean) => ReturnType\n\n      /**\n       * Hide invisible characters\n       */\n      hideInvisibleCharacters: () => ReturnType\n\n      /**\n       * Toggle invisible characters\n       */\n      toggleInvisibleCharacters: () => ReturnType\n    }\n  }\n}\n\nexport const InvisibleCharacters = Extension.create<InvisibleCharactersOptions>({\n  name: 'invisibleCharacters',\n\n  addOptions() {\n    return {\n      visible: true,\n      builders: [new SpaceCharacter(), new ParagraphNode(), new HardBreakNode()],\n      injectCSS: true,\n      injectNonce: undefined,\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [InvisibleCharactersPlugin(this.editor.state, this.options)]\n  },\n\n  addStorage() {\n    return {\n      visibility: () => this.options.visible,\n    }\n  },\n\n  onBeforeCreate() {\n    this.storage.visibility = () => {\n      return InvisibleCharactersPluginKey.getState(this.editor.state)?.visible\n    }\n  },\n\n  addCommands() {\n    return {\n      showInvisibleCharacters:\n        (visibility = true) =>\n        ({ dispatch, tr }) => {\n          if (dispatch) {\n            tr.setMeta('setInvisibleCharactersVisible', visibility)\n          }\n\n          return true\n        },\n      hideInvisibleCharacters:\n        () =>\n        ({ dispatch, tr }) => {\n          if (dispatch) {\n            tr.setMeta('setInvisibleCharactersVisible', false)\n          }\n\n          return true\n        },\n      toggleInvisibleCharacters:\n        () =>\n        ({ dispatch, tr, state }) => {\n          const visibility = !InvisibleCharactersPluginKey.getState(state)?.visible\n\n          if (dispatch) {\n            tr.setMeta('setInvisibleCharactersVisible', visibility)\n          }\n\n          return true\n        },\n    }\n  },\n})\n\nexport default InvisibleCharacters\n","import { InvisibleCharacters } from './invisible-characters.js'\n\nexport * from './invisible-characters.js'\nexport * from './plugin/invisible-characters/hardBreak.js'\nexport * from './plugin/invisible-characters/paragraph.js'\nexport * from './plugin/invisible-characters/space.js'\nexport * from './plugin/InvisibleCharacter.js'\nexport * from './plugin/InvisibleNode.js'\nexport * from './types.js'\n\nexport default InvisibleCharacters\n"],"mappings":"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"}

package/dist/index.d.cts

@@ -1,97 +1,104 @@
-import { Extension } from '@tiptap/core';
-import { DecorationSet } from '@tiptap/pm/view';
-import { Node } from '@tiptap/pm/model';
-
+import { Extension } from "@tiptap/core";
+import { Node } from "@tiptap/pm/model";
+import { DecorationSet } from "@tiptap/pm/view";
+//#region src/plugin/InvisibleNode.d.ts
 interface InvisibleNodeOptions {
-    content?: string;
-    position?: (node: Node, pos: number) => number;
-    predicate: (value: Node) => boolean;
-    priority?: number;
-    type: string;
+  content?: string;
+  position?: (node: Node, pos: number) => number;
+  predicate: (value: Node) => boolean;
+  priority?: number;
+  type: string;
 }
 declare class InvisibleNode {
-    predicate: (value: Node) => boolean;
-    position: (node: Node, pos: number) => number;
-    content?: string;
-    type: string;
-    priority: number;
-    constructor(options: InvisibleNodeOptions);
-    createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
-    test(value: Node): boolean;
+  predicate: (value: Node) => boolean;
+  position: (node: Node, pos: number) => number;
+  content?: string;
+  type: string;
+  priority: number;
+  constructor(options: InvisibleNodeOptions);
+  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
+  test(value: Node): boolean;
 }
-
+//#endregion
+//#region src/plugin/invisible-characters/hardBreak.d.ts
 declare class HardBreakNode extends InvisibleNode {
-    constructor();
+  constructor();
 }
-
+//#endregion
+//#region src/plugin/invisible-characters/paragraph.d.ts
 declare class ParagraphNode extends InvisibleNode {
-    constructor();
+  constructor();
 }
-
+//#endregion
+//#region src/plugin/InvisibleCharacter.d.ts
 interface InvisibleCharacterOptions {
-    type: string;
-    predicate: (value: string) => boolean;
-    priority?: number;
-    content?: string;
+  type: string;
+  predicate: (value: string) => boolean;
+  priority?: number;
+  content?: string;
 }
 declare class InvisibleCharacter {
-    predicate: (value: string) => boolean;
-    content?: string;
-    type: string;
-    priority: number;
-    constructor(options: InvisibleCharacterOptions);
-    createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
-    test(value: string): boolean;
+  predicate: (value: string) => boolean;
+  content?: string;
+  type: string;
+  priority: number;
+  constructor(options: InvisibleCharacterOptions);
+  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
+  test(value: string): boolean;
 }
-
+//#endregion
+//#region src/plugin/invisible-characters/space.d.ts
 declare class SpaceCharacter extends InvisibleCharacter {
-    constructor();
+  constructor();
 }
-
+//#endregion
+//#region src/types.d.ts
 interface InvisibleCharactersOptions {
-    visible: boolean;
-    builders: Array<InvisibleCharacter | InvisibleNode>;
-    injectCSS: boolean;
-    injectNonce: string | undefined;
+  visible: boolean;
+  builders: Array<InvisibleCharacter | InvisibleNode>;
+  injectCSS: boolean;
+  injectNonce: string | undefined;
 }
 interface Position {
-    pos: number;
-    text: string;
+  pos: number;
+  text: string;
 }
 interface PluginState {
-    visible: boolean;
-    decorations: DecorationSet;
+  visible: boolean;
+  decorations: DecorationSet;
 }
 interface InvisibleCharactersStorage {
-    /**
-     * Get whether the invisible characters are shown or not
-     */
-    visibility: () => boolean;
+  /**
+   * Get whether the invisible characters are shown or not
+   */
+  visibility: () => boolean;
 }
 declare module '@tiptap/core' {
-    interface Storage {
-        invisibleCharacters: InvisibleCharactersStorage;
-    }
+  interface Storage {
+    invisibleCharacters: InvisibleCharactersStorage;
+  }
 }
-
+//#endregion
+//#region src/invisible-characters.d.ts
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        invisibleCharacters: {
-            /**
-             * Show invisible characters
-             */
-            showInvisibleCharacters: (show?: boolean) => ReturnType;
-            /**
-             * Hide invisible characters
-             */
-            hideInvisibleCharacters: () => ReturnType;
-            /**
-             * Toggle invisible characters
-             */
-            toggleInvisibleCharacters: () => ReturnType;
-        };
-    }
+  interface Commands<ReturnType> {
+    invisibleCharacters: {
+      /**
+       * Show invisible characters
+       */
+      showInvisibleCharacters: (show?: boolean) => ReturnType;
+      /**
+       * Hide invisible characters
+       */
+      hideInvisibleCharacters: () => ReturnType;
+      /**
+       * Toggle invisible characters
+       */
+      toggleInvisibleCharacters: () => ReturnType;
+    };
+  }
 }
 declare const InvisibleCharacters: Extension<InvisibleCharactersOptions, any>;
-
-export { HardBreakNode, InvisibleCharacter, type InvisibleCharacterOptions, InvisibleCharacters, type InvisibleCharactersOptions, type InvisibleCharactersStorage, InvisibleNode, type InvisibleNodeOptions, ParagraphNode, type PluginState, type Position, SpaceCharacter, InvisibleCharacters as default };
+//#endregion
+export { HardBreakNode, InvisibleCharacter, InvisibleCharacterOptions, InvisibleCharacters, InvisibleCharacters as default, InvisibleCharactersOptions, InvisibleCharactersStorage, InvisibleNode, InvisibleNodeOptions, ParagraphNode, PluginState, Position, SpaceCharacter };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/plugin/InvisibleNode.ts","../src/plugin/invisible-characters/hardBreak.ts","../src/plugin/invisible-characters/paragraph.ts","../src/plugin/InvisibleCharacter.ts","../src/plugin/invisible-characters/space.ts","../src/types.ts","../src/invisible-characters.ts"],"mappings":";;;;UAKiB;EACf;EACA,YAAY,MAAM,MAAM;EACxB,YAAY,OAAO;EACnB;EACA;;cAMW;EACX,YAAY,OAAO;EAEnB,WAAW,MAAM,MAAM;EAEvB;EAEA;EAEA;EAEY,YAAA,SAAS;EAQrB,iBAAiB,cAAc,YAAY,KAAK,MAAM,aAAa,gBAAa;EAoBhF,KAAK,OAAO;;;;cCrDD,sBAAsB;EAAA;;;;cCAtB,sBAAsB;EAAA;;;;UCIlB;EACf;EACA,YAAY;EACZ;EACA;;cAGW;EACX,YAAY;EAEZ;EAEA;EAEA;EAEY,YAAA,SAAS;EAOrB,iBAAiB,cAAc,YAAY,KAAK,MAAM,aAAa,gBAAa;EAchF,KAAK;;;;cCzCM,uBAAuB;EAAA;;;;UCGnB;EACf;EACA,UAAU,MAAM,qBAAqB;EACrC;EACA;;UAGe;EACf;EACA;;UAGe;EACf;EACA,aAAa;;UAGE;;;;EAIf;;;YAIU;IACR,qBAAqB;;;;;;YCpBb,SAAS;IACjB;;;;MAIE,0BAA0B,mBAAmB;;;;MAK7C,+BAA+B;;;;MAK/B,iCAAiC;;;;cAK1B,qBAAmB,UAAA"}

package/dist/index.d.ts

@@ -1,97 +1,104 @@
-import { Extension } from '@tiptap/core';
-import { DecorationSet } from '@tiptap/pm/view';
-import { Node } from '@tiptap/pm/model';
-
+import { Extension } from "@tiptap/core";
+import { DecorationSet } from "@tiptap/pm/view";
+import { Node } from "@tiptap/pm/model";
+//#region src/plugin/InvisibleNode.d.ts
 interface InvisibleNodeOptions {
-    content?: string;
-    position?: (node: Node, pos: number) => number;
-    predicate: (value: Node) => boolean;
-    priority?: number;
-    type: string;
+  content?: string;
+  position?: (node: Node, pos: number) => number;
+  predicate: (value: Node) => boolean;
+  priority?: number;
+  type: string;
 }
 declare class InvisibleNode {
-    predicate: (value: Node) => boolean;
-    position: (node: Node, pos: number) => number;
-    content?: string;
-    type: string;
-    priority: number;
-    constructor(options: InvisibleNodeOptions);
-    createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
-    test(value: Node): boolean;
+  predicate: (value: Node) => boolean;
+  position: (node: Node, pos: number) => number;
+  content?: string;
+  type: string;
+  priority: number;
+  constructor(options: InvisibleNodeOptions);
+  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
+  test(value: Node): boolean;
 }
-
+//#endregion
+//#region src/plugin/invisible-characters/hardBreak.d.ts
 declare class HardBreakNode extends InvisibleNode {
-    constructor();
+  constructor();
 }
-
+//#endregion
+//#region src/plugin/invisible-characters/paragraph.d.ts
 declare class ParagraphNode extends InvisibleNode {
-    constructor();
+  constructor();
 }
-
+//#endregion
+//#region src/plugin/InvisibleCharacter.d.ts
 interface InvisibleCharacterOptions {
-    type: string;
-    predicate: (value: string) => boolean;
-    priority?: number;
-    content?: string;
+  type: string;
+  predicate: (value: string) => boolean;
+  priority?: number;
+  content?: string;
 }
 declare class InvisibleCharacter {
-    predicate: (value: string) => boolean;
-    content?: string;
-    type: string;
-    priority: number;
-    constructor(options: InvisibleCharacterOptions);
-    createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
-    test(value: string): boolean;
+  predicate: (value: string) => boolean;
+  content?: string;
+  type: string;
+  priority: number;
+  constructor(options: InvisibleCharacterOptions);
+  createDecoration(from: number, to: number, doc: Node, decorations: DecorationSet): DecorationSet;
+  test(value: string): boolean;
 }
-
+//#endregion
+//#region src/plugin/invisible-characters/space.d.ts
 declare class SpaceCharacter extends InvisibleCharacter {
-    constructor();
+  constructor();
 }
-
+//#endregion
+//#region src/types.d.ts
 interface InvisibleCharactersOptions {
-    visible: boolean;
-    builders: Array<InvisibleCharacter | InvisibleNode>;
-    injectCSS: boolean;
-    injectNonce: string | undefined;
+  visible: boolean;
+  builders: Array<InvisibleCharacter | InvisibleNode>;
+  injectCSS: boolean;
+  injectNonce: string | undefined;
 }
 interface Position {
-    pos: number;
-    text: string;
+  pos: number;
+  text: string;
 }
 interface PluginState {
-    visible: boolean;
-    decorations: DecorationSet;
+  visible: boolean;
+  decorations: DecorationSet;
 }
 interface InvisibleCharactersStorage {
-    /**
-     * Get whether the invisible characters are shown or not
-     */
-    visibility: () => boolean;
+  /**
+   * Get whether the invisible characters are shown or not
+   */
+  visibility: () => boolean;
 }
 declare module '@tiptap/core' {
-    interface Storage {
-        invisibleCharacters: InvisibleCharactersStorage;
-    }
+  interface Storage {
+    invisibleCharacters: InvisibleCharactersStorage;
+  }
 }
-
+//#endregion
+//#region src/invisible-characters.d.ts
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        invisibleCharacters: {
-            /**
-             * Show invisible characters
-             */
-            showInvisibleCharacters: (show?: boolean) => ReturnType;
-            /**
-             * Hide invisible characters
-             */
-            hideInvisibleCharacters: () => ReturnType;
-            /**
-             * Toggle invisible characters
-             */
-            toggleInvisibleCharacters: () => ReturnType;
-        };
-    }
+  interface Commands<ReturnType> {
+    invisibleCharacters: {
+      /**
+       * Show invisible characters
+       */
+      showInvisibleCharacters: (show?: boolean) => ReturnType;
+      /**
+       * Hide invisible characters
+       */
+      hideInvisibleCharacters: () => ReturnType;
+      /**
+       * Toggle invisible characters
+       */
+      toggleInvisibleCharacters: () => ReturnType;
+    };
+  }
 }
 declare const InvisibleCharacters: Extension<InvisibleCharactersOptions, any>;
-
-export { HardBreakNode, InvisibleCharacter, type InvisibleCharacterOptions, InvisibleCharacters, type InvisibleCharactersOptions, type InvisibleCharactersStorage, InvisibleNode, type InvisibleNodeOptions, ParagraphNode, type PluginState, type Position, SpaceCharacter, InvisibleCharacters as default };
+//#endregion
+export { HardBreakNode, InvisibleCharacter, InvisibleCharacterOptions, InvisibleCharacters, InvisibleCharacters as default, InvisibleCharactersOptions, InvisibleCharactersStorage, InvisibleNode, InvisibleNodeOptions, ParagraphNode, PluginState, Position, SpaceCharacter };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/plugin/InvisibleNode.ts","../src/plugin/invisible-characters/hardBreak.ts","../src/plugin/invisible-characters/paragraph.ts","../src/plugin/InvisibleCharacter.ts","../src/plugin/invisible-characters/space.ts","../src/types.ts","../src/invisible-characters.ts"],"mappings":";;;;UAKiB;EACf;EACA,YAAY,MAAM,MAAM;EACxB,YAAY,OAAO;EACnB;EACA;;cAMW;EACX,YAAY,OAAO;EAEnB,WAAW,MAAM,MAAM;EAEvB;EAEA;EAEA;EAEY,YAAA,SAAS;EAQrB,iBAAiB,cAAc,YAAY,KAAK,MAAM,aAAa,gBAAa;EAoBhF,KAAK,OAAO;;;;cCrDD,sBAAsB;EAAA;;;;cCAtB,sBAAsB;EAAA;;;;UCIlB;EACf;EACA,YAAY;EACZ;EACA;;cAGW;EACX,YAAY;EAEZ;EAEA;EAEA;EAEY,YAAA,SAAS;EAOrB,iBAAiB,cAAc,YAAY,KAAK,MAAM,aAAa,gBAAa;EAchF,KAAK;;;;cCzCM,uBAAuB;EAAA;;;;UCGnB;EACf;EACA,UAAU,MAAM,qBAAqB;EACrC;EACA;;UAGe;EACf;EACA;;UAGe;EACf;EACA,aAAa;;UAGE;;;;EAIf;;;YAIU;IACR,qBAAqB;;;;;;YCpBb,SAAS;IACjB;;;;MAIE,0BAA0B,mBAAmB;;;;MAK7C,+BAA+B;;;;MAK/B,iCAAiC;;;;cAK1B,qBAAmB,UAAA"}