regex101: PCRE (Legacy) Match Workspace

Pro

Group 1(import \{ )?

?repeats the group contents below at most once:

import the literal text import (case sensitive)

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

the literal (32₁₀ / 40₈ / 20₁₆)

Group 2((\w+)[, ]+)

Group 3(\w+)

\w+any word character, repeated at least once

Character Class[, ]+

+matches at least one character from the set below:

,the literal , (44₁₀ / 54₈ / 2C₁₆)

the literal (32₁₀ / 40₈ / 20₁₆)

Positive Lookahead(?=.*?(\} from '(.*)'))

.*?any character (except for line terminators), repeated any number of times

Group 4(\} from '(.*)')

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

from 'the literal text from ' (case sensitive)

Group 5(.*)

.*any character (except for line terminators), repeated any number of times

'the literal ' (39₁₀ / 47₈ / 27₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

25 tokens

Regular Expression

(import \{ )?((\w+)[, ]+)(?=.*?(\} from '(.*)'))

New

import { Grid, Heading, Button } from 'component-library'

import { Grid, Heading } from 'component-library'

import { Grid } from 'component-library'

import { Grid, Heading, Button, Last } from 'component-library'

import { Grid, Heading, Button } from 'DIFFERENT-library'

Substitution

import { Grid, Heading, Button } from 'component-library'

import { Grid, Heading } from 'component-library'

import { Grid } from 'component-library'

import { Grid, Heading, Button, Last } from 'component-library'

import { Grid, Heading, Button } from 'DIFFERENT-library'