kas-elvirov / regexify-string

Strings decorator with: React components, HTML tags etc.

привет 👋

👩‍💻 About Me

I'm frontend developer with economic education from Russia

🛠 Language and tools

🔥 My Stats :

regexify-string's Issues

regexifString crash at some scenarios

In some scenarios, the regexifString crashes the browser.
ex:

console.log(

    "regexifyString test",
    regexifyString({
      pattern: /.*/gim,
      decorator: (match, index) => {return 'ReplaceMe';},
      input: "This is a test",
    })

 );

I did a simple debug in the function implementation and found if (match === "") break inside the

while (result !== null) {

    const matchStartAt = result.index;
    const match = result[0];
   ...

}

solve the issue. Can you please consider including this fix?

TypeError: processedInput.substring is not a function

hi
i used couple of patterns for 1 text and I got an error
how can I use this multiple time ?

const content1 = regexifyString({
    pattern: bold_regex,
    decorator: (match, index) => {
      return (
        <span key={index} style={{fontWeight: 'bold'}}>
          ${match}
        </span>
      );
    },
    input: content
  });
const content2 = regexifyString({
    pattern: bold_regex,
    decorator: (match, index) => {
      return (
        <span key={index} style={{fontWeight: 'bold'}}>
          ${match}
        </span>
      );
    },
    input: content1
  });

regexifyString funtion is not preserving the line breaks in the string passed in as an input, its returning string by removing line breaks

Its not preserving the line breaks.

Matching groups?

I couldn't find a way to match groups. For example:

regexifyString({
    pattern: /\[(?<id>.+)\]\{(?<name>.+)\}/g,
    decorator: (id, name) => (<item b={id} c={name} />),
    input: 'a[b]{c}',
})

// to output:
// [ 'a', <item b='b' c='c' />, '']

Is this possible?