@tiptap/extension-invisible-characters 2.24.2 → 3.0.0-beta.11

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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"],"sourcesContent":["import { PluginState } from '../types.js'\n\nexport const stateReducer = (\n  state: PluginState,\n  visible: boolean,\n): 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>document.querySelector('style[data-tiptap-extension-invisible-characters-style]'))\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 { 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([\n        mapping.slice(i + 1).map(newStart),\n        mapping.slice(i + 1).map(newEnd),\n      ])\n    })\n  })\n\n  return ranges\n}\n\nexport default getUpdatedRanges\n","import {\n  AllSelection, EditorState, Plugin, PluginKey,\n} from '@tiptap/pm/state'\nimport { DecorationSet } from '@tiptap/pm/view'\n\nimport { 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 = (state: EditorState, options: InvisibleCharactersOptions) => {\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.sort((builderA, builderB) => {\n      if (builderA.priority > builderB.priority) {\n        return 1\n      }\n\n      return -1\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($from.pos, $to.pos, state, DecorationSet.empty),\n        }\n      },\n      apply: (tr, pluginState, _, currentState) => {\n        const newPluginState = stateReducer(pluginState, tr.getMeta('setInvisibleCharactersVisible'))\n\n        const decorations = getUpdatedRanges(tr).reduce((nextDecorations, [from, to]) => {\n          return addDecorationsBetweenPositions(from, to, currentState, nextDecorations)\n        }, newPluginState.decorations.map(tr.mapping, tr.doc))\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}\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.inline(pos - 1, pos, {\n  //   class: `Tiptap-invisible-character Tiptap-invisible-character--${type}`,\n  // })\n\n  return Decoration.widget(pos, createElement, {\n    key: type,\n    marks: [],\n    side: 1000,\n  })\n}\n\nexport default createDecorationWidget\n","import { Node } from '@tiptap/pm/model'\nimport { 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 { Node } from '@tiptap/pm/model'\n\nimport { 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 { Node } from '@tiptap/pm/model'\nimport { 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, [createDecorationWidget(currentPosition.pos + i, this.type, this.content)])\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 { InvisibleCharactersOptions } from './types.js'\n\nexport {\n  HardBreakNode,\n  ParagraphNode,\n  SpaceCharacter,\n}\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: [\n        new SpaceCharacter(),\n        new ParagraphNode(),\n        new HardBreakNode(),\n      ],\n      injectCSS: true,\n      injectNonce: undefined,\n    }\n  },\n\n  addProseMirrorPlugins() {\n    return [\n      InvisibleCharactersPlugin(this.editor.state, this.options),\n    ]\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: (visibility = true) => ({ dispatch, tr }) => {\n        if (dispatch) {\n          tr.setMeta('setInvisibleCharactersVisible', visibility)\n        }\n\n        return true\n      },\n      hideInvisibleCharacters: () => ({ dispatch, tr }) => {\n        if (dispatch) {\n          tr.setMeta('setInvisibleCharactersVisible', false)\n        }\n\n        return true\n      },\n      toggleInvisibleCharacters: () => ({ 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"],"names":["PluginKey","state","DecorationSet","Plugin","AllSelection","Decoration","Extension"],"mappings":"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"}
+{"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 = (state: EditorState, options: InvisibleCharactersOptions) => {\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($from.pos, $to.pos, state, DecorationSet.empty),\n        }\n      },\n      apply: (tr, pluginState, _, currentState) => {\n        const newPluginState = stateReducer(pluginState, tr.getMeta('setInvisibleCharactersVisible'))\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.inline(pos - 1, pos, {\n  //   class: `Tiptap-invisible-character Tiptap-invisible-character--${type}`,\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, [createDecorationWidget(currentPosition.pos + i, this.type, this.content)])\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":"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","names":["style","import_view"]}

package/dist/index.d.cts

@@ -0,0 +1,86 @@
+import { Extension } from '@tiptap/core';
+import { DecorationSet } from '@tiptap/pm/view';
+import { Node } from '@tiptap/pm/model';
+
+interface InvisibleNodeOptions {
+    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;
+}
+
+declare class HardBreakNode extends InvisibleNode {
+    constructor();
+}
+
+declare class ParagraphNode extends InvisibleNode {
+    constructor();
+}
+
+interface InvisibleCharacterOptions {
+    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;
+}
+
+declare class SpaceCharacter extends InvisibleCharacter {
+    constructor();
+}
+
+interface InvisibleCharactersOptions {
+    visible: boolean;
+    builders: Array<InvisibleCharacter | InvisibleNode>;
+    injectCSS: boolean;
+    injectNonce: string | undefined;
+}
+interface Position {
+    pos: number;
+    text: string;
+}
+interface PluginState {
+    visible: boolean;
+    decorations: DecorationSet;
+}
+
+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;
+        };
+    }
+}
+declare const InvisibleCharacters: Extension<InvisibleCharactersOptions, any>;
+
+export { HardBreakNode, InvisibleCharacter, type InvisibleCharacterOptions, InvisibleCharacters, type InvisibleCharactersOptions, InvisibleNode, type InvisibleNodeOptions, ParagraphNode, type PluginState, type Position, SpaceCharacter, InvisibleCharacters as default };

package/dist/index.d.ts

@@ -1,10 +1,86 @@
-import { InvisibleCharacters } from './invisible-characters.js';
-export * from './invisible-characters.js';
-export * from './plugin/invisible-characters/hardBreak.js';
-export * from './plugin/invisible-characters/paragraph.js';
-export * from './plugin/invisible-characters/space.js';
-export * from './plugin/InvisibleCharacter.js';
-export * from './plugin/InvisibleNode.js';
-export * from './types.js';
-export default InvisibleCharacters;
-//# sourceMappingURL=index.d.ts.map
+import { Extension } from '@tiptap/core';
+import { DecorationSet } from '@tiptap/pm/view';
+import { Node } from '@tiptap/pm/model';
+
+interface InvisibleNodeOptions {
+    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;
+}
+
+declare class HardBreakNode extends InvisibleNode {
+    constructor();
+}
+
+declare class ParagraphNode extends InvisibleNode {
+    constructor();
+}
+
+interface InvisibleCharacterOptions {
+    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;
+}
+
+declare class SpaceCharacter extends InvisibleCharacter {
+    constructor();
+}
+
+interface InvisibleCharactersOptions {
+    visible: boolean;
+    builders: Array<InvisibleCharacter | InvisibleNode>;
+    injectCSS: boolean;
+    injectNonce: string | undefined;
+}
+interface Position {
+    pos: number;
+    text: string;
+}
+interface PluginState {
+    visible: boolean;
+    decorations: DecorationSet;
+}
+
+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;
+        };
+    }
+}
+declare const InvisibleCharacters: Extension<InvisibleCharactersOptions, any>;
+
+export { HardBreakNode, InvisibleCharacter, type InvisibleCharacterOptions, InvisibleCharacters, type InvisibleCharactersOptions, InvisibleNode, type InvisibleNodeOptions, ParagraphNode, type PluginState, type Position, SpaceCharacter, InvisibleCharacters as default };