Exploring the potential of VSCode's RegEx search and replace

Question

Exploring the potential of VSCode's RegEx search and replace

I am working on an Angular translation file and need to perform a search and replace operation in VScode for the translate key. The goal is to extract only the final key and use it in the replacement. The keys are structured with a maximum depth of 3 levels. The terms key and keepThisInReplace in the examples below are placeholders that will vary.

Examples of Search Strings:

'key1.keepThisInReplace1' | translate
'key1.key2.keepThisInReplace2' | translate
'key1.key2.key3.keepThisInReplace3' | translate
'anyWord.AndLevelAmount.UpTo3AtLeast.anyWordToKeep' | translate

Do not include in the search:

'../../assets/images/
'./../assets/images/
'.......
'path').join
'staging.site
etc...

The replacements should be as follows:

'keepThisInReplace1' | translate
'keepThisInReplace2' | translate
'keepThisInReplace3' | translate
'anyWordToKeep' | translate

The pattern I have attempted, which is not yet functioning properly, looks like '\w[^.].\w*.*\w*. It almost works but captures unwanted instances such as 'path').join and 'staging.site.

All the keys mentioned above are preceded by {{. However, if I focus on {{ in my search criteria, then I also need to include it in the replacement. For example:

{{ key1.key2.keeptext | translate }}

would become {{ keeptext | translate }}

javascript regex search replace visual-studio-code

Answer 1

Answer №1

To match 1 to 3 occurrences of 1+ word characters followed by a dot in a non-capturing group, ensure multiline is enabled using the ^$ anchors.

When replacing, add a '

^'(?:\w+\.){1,3}(?=\w+'\s+\|\s+translate$)

If the string can be located anywhere in the file, remove the anchors and use a word boundary \b after translate.

'(?:\w+\.){1,3}(?=\w+'\s+\|\s+translate\b)

Detailed Explanation

^ Indicates the start of the string
(?:\w+\.){1,3} Matches 1 to 3 occurrences of 1+ word characters and a dot
(?= Positive lookahead, verifying what comes after is
- \w+'\s+ Matches 1+ word characters, ', and 1+ whitespace characters
- \| Indicates |
- \s+translate$ Matches 1+ whitespace characters, translate, and confirms end of the line
) Closes positive lookahead

Check out the Regex demo here

Alternatively, you can opt for 2 capturing groups instead of a positive lookahead.

In the replacement, utilize group 1 and group 2 like this: $1$2

^(')(?:\w+\.){1,3}(\w+'\s+\|\s+translate$)

Explore the alternative Regex demo here

Answer 2

To match 1 to 3 occurrences of 1+ word characters followed by a dot in a non-capturing group, ensure multiline is enabled using the ^$ anchors.

When replacing, add a '

^'(?:\w+\.){1,3}(?=\w+'\s+\|\s+translate$)

If the string can be located anywhere in the file, remove the anchors and use a word boundary \b after translate.

'(?:\w+\.){1,3}(?=\w+'\s+\|\s+translate\b)

Detailed Explanation

^ Indicates the start of the string
(?:\w+\.){1,3} Matches 1 to 3 occurrences of 1+ word characters and a dot
(?= Positive lookahead, verifying what comes after is
- \w+'\s+ Matches 1+ word characters, ', and 1+ whitespace characters
- \| Indicates |
- \s+translate$ Matches 1+ whitespace characters, translate, and confirms end of the line
) Closes positive lookahead

Check out the Regex demo here

Alternatively, you can opt for 2 capturing groups instead of a positive lookahead.

In the replacement, utilize group 1 and group 2 like this: $1$2

^(')(?:\w+\.){1,3}(\w+'\s+\|\s+translate$)

Explore the alternative Regex demo here

Answer 3

Answer №2

'.*\. is all you need to replace tick followed by any number of characters and a dot.

If you want to be more precise, you can try this:

'\w*\.*\w*\.*\w*\.

This regex will match strings with up to 3 dots and words in between them.

See the demo here:

EDIT

I made it more specific. Here's what I came up with:

'.+\.(?=\w*'\s*\|\s*translate)

It uses a lookahead to ensure the matched string is followed by a word and then ' | translate. Do you think this is specific enough?

Demo:

Answer 4

'.*\. is all you need to replace tick followed by any number of characters and a dot.

If you want to be more precise, you can try this:

'\w*\.*\w*\.*\w*\.

This regex will match strings with up to 3 dots and words in between them.

See the demo here:

EDIT

I made it more specific. Here's what I came up with:

'.+\.(?=\w*'\s*\|\s*translate)

It uses a lookahead to ensure the matched string is followed by a word and then ' | translate. Do you think this is specific enough?

Demo:

Exploring the potential of VSCode's RegEx search and replace

Answer №1

Answer №2

Similar questions

Activating controllers with 2 independent sliders

When testing, Redux form onSubmit returns an empty object for values

Personalize your Native Base tab design

Using default JavaScriptSerializer to bind DateTime to knockout view model

Using Typescript to add an element to a specific index in an array

How can I load only specific images on a webpage using HTML?

Creating a 10-digit unique value can be achieved with either meteor or JavaScript

The Material UI dialog box popped up against an unexpected gray backdrop

Attempting to showcase information in React

Tips on implementing JSON data into select2 plugin

NodeJS rendering method for HTML pages

Unable to retrieve JSON element using Fetch

Confirm that step attribute is applied to input of number type

Use the Google Maps API to dynamically add a marker via AJAX once the map has been initialized

Secure access to an API using a certificate within a Vue.js application running on localhost

What is the method to display HTML code using JavaScript within a span element in a JSP page?

Modify the URL parameter when a button is clicked

Assign the value/text of a div element by using JavaScript/jQuery within a PHP loop

Guide to Establishing a Connection to WCF Service using Ionic Project and AngularJS

Is there a way to prevent prettier from automatically adding a new line when formatting HTML tags with ">"?