Trigger Input Rules at all Time whenever a match is found

dumdumgenius · March 15, 2021, 12:47pm

Hello guys,

I’m having a trouble that, I can’t get my input rules triggered at anytime.

for instace, I have an input rule for /{{[a-z]+}}/, it will work fine it I type a "}" right after "{{hello}", it will just get triggered.

But if have "{hello}}" in my conext, and I put a "{" in front of "{hello}}", it won’t get triggered because the new char comes at the begining of the match.

I wonder is there any way or workaround that I can use to trigger input rules at anytime? I’ve tried tweaking the code from prosemirror-inputrules repo but it’s really hard to handle the cursors and matches .

Thanks for reading!

bhl · March 15, 2021, 10:24pm

You might have to fork prosemirror-inputrules to handle this (?):

github.com

ProseMirror/prosemirror-inputrules/blob/38f07a3a313ab1bff30c9a9e615110906c2ef25b/src/inputrules.js#L82-L96


function run(view, from, to, text, rules, plugin) {
  if (view.composing) return false
  let state = view.state, $from = state.doc.resolve(from)
  if ($from.parent.type.spec.code) return false
  let textBefore = $from.parent.textBetween(Math.max(0, $from.parentOffset - MAX_MATCH), $from.parentOffset,
                                            null, "\ufffc") + text
  for (let i = 0; i < rules.length; i++) {
    let match = rules[i].match.exec(textBefore)
    let tr = match && rules[i].handler(state, match, from - (match[0].length - text.length), to)
    if (!tr) continue
    view.dispatch(tr.setMeta(plugin, {transform: tr, from, to, text}))
    return true
  }
  return false
}

The logic right now only looks for text before the current cursor location ($from), so to do what you want you’ll have to allow for a forward offset as well, e.g.

let textToMatch = $from.parent.textBetween(
  Math.max(0, $from.parentOffset - MAX_MATCH),
  Math.min($from.parentOffset + MAX_MATCH, $from.parent.textContent.length)
  null, 
  "\ufffc"
) + text;

dumdumgenius · March 16, 2021, 2:18am

Yeah,

I’m tweaking the function to make it also look forward to see the match strings.

So far so good, but just need to be able to find the right from and to pos for passing to the handler, still figuring it out.

FYI, I don’t think the code below works, coz the inserted text can be anywhere in the textToMatch, not just at the end.

let textToMatch = $from.parent.textBetween(
    Math.max(0, $from.parentOffset - MAX_MATCH),
    Math.min($from.parentOffset + MAX_MATCH, $from.parent.textContent.length)
    null, 
    "\ufffc"
) + text;

So here’s what I do, textFrom is the start pos of view.state.doc.resolve(from); and textTo is the end pos of view.state.doc.resolve(to);

let textToMatch = $from.parent.textBetween(textFrom, from) + text + $from.parent.textBetween(to, textTo);