regexify-string

Install

$ npm install --save regexify-string

$ yarn add regexify-string

API

regexifyString({ pattern, decorator, input })

pattern

decorator

input

Usage

with strings

constresult=regexifyString({pattern:/\[.*?\]/gim,decorator:(match,index)=>{return`<${match}>`;},input:'some [text] with simple example',});console.log(result);// ['some ', '<[text]>', ' with simple example']

with index keys

constresult=regexifyString({pattern:/\[.*?\]/gim,decorator:(match,index)=>{switch(index){case0:return`<FIRST${match}>`;case1:return`<SECOND${match}>`;case2:return`<THIRD${match}>`;default:returnmatch;}},input:'Important text with [first link] and [second link] and much more [links]',});console.log(result);/*        [            'Important text with ',            '<FIRST [first link]>',            ' and ',            '<SECOND [second link]>',            ' and much more ',            '<THIRD [links]>',        ]    */

with html

constresult=regexifyString({pattern:/\[.*?\]/gim,decorator:(match,index)=>{return<span>{match}</span>;},input:'some [text] with simple example',});console.log(result);// ['some ', <span>[text]</span>, ' with simple example']

with React / React Native components

regexifyString({pattern:/\[.*?\]/gim,decorator:(match,index)=>{return(<Linkto={SOME_ROUTE}onClick={onClick}>{match}</Link>);},input:someVariablWithData,});

regexifyString({pattern:/\[.*?\]/gim,decorator:(match,index)=>{return<React.Fragment>{match}</React.Fragment>;},input:'some [text] with simple example',});

with groups

constresult=regexifyString({pattern:/\[(?<id>.+)\]\{(?<name>.+)\}/g,decorator:(match,index,result)=>{return(<divid={String(result?.[2])}title={result?.[1]}/>);},input:'a[b]{c}',});console.log(result);// ['a', <div id='c' title='b' />]

License