catppuccin / vscode

🦌 Soothing pastel theme for VSCode & Azure Data Studio

Home Page:https://marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc-pack

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add highlight syntax for Regex

LatenPath opened this issue · comments

Sample regex:
image
const re = /^(?:\+?(?:\d[\d-. ]+)?\(\s?([2-9]\d{2})\s?\)\s?|[2-9]\d{2}[\s.-]?)?([2-9]\d{2})[\s.-]?(\d{4})$/gm;

This is a Regex which filter US phone numbers in various formats for sample.

As you can see, many syntax in Regex still not highlight: group...etc.

image
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions

Because Regex is popular in many languages, so I think highlight their syntax is a great thing.

Please take note that Regex have many syntax and complex:
image

Complex regex sample:
image
const re = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/i;

Anyway, thank you all very much! Love for Catppuccin!

This one was fun to figure out!

Here's the initial implementation, I think a few concepts of our current styleguide translated nicely.