Custom Labels (customLabels) Not Escaping Properly - Backslash Doesn't Work

[babakfp]

Hi 👋

#213117

The goal is to match a string that contains [] with whatever inside it. But because of the backslash (\) limitation, this is not possible.

Using something like **/?...slug?.astro is not a good solution because [] may contain any words (with or without ...).

This regex escape limitation is present in other places in vsCode too.

If this issue gets fixed, I can do something like this in my vsCode config:

{
    "workbench.editor.customLabels.enabled": true,
    "workbench.editor.customLabels.patterns": {
        "**/+*.*": "${dirname}/${filename}.${extname}",
        "**/\\[*]\\/+*.*": "${dirname(1)}/${dirname(0)}/${filename}.${extname}",
        "**/routes/+*.*": "${filename}.${extname}"
    },
}

@benibenj

[benibenj]

I believe this is a limitation we are not able to fix easily, @bpasero do you know if we have a way to escape []? I'm parsing the glob pattern which turns \ into \\.

[bpasero]

I think not.

vscode/src/vs/base/common/glob.ts

Line 112 in 5014de6

function parseRegExp(pattern: string): string {

[benibenj]

@babakfp there might be another way to match the [], but it is a bit hacky. I was able to match the file folder/[hello].py with **/[[]*[]].py. Let me know if this works for your case.

You would probably use "**/[[]*[]]/+*.*"

[babakfp]

Thank you, @benibenj. Your solution worked perfectly!

This solves the issue for this specific use case, so if needed, feel free to close the issue.

---

This is my config for SvelteKit + files:

{
    "workbench.editor.customLabels.patterns": {
        "**/+*.*": "${dirname}/${filename}.${extname}",
        "**/[[]*[]]/+*.*": "${dirname(1)}/${dirname(0)}/${filename}.${extname}",
        "**/routes/+*.*": "${filename}.${extname}"
    },
}

Result:

• src/routes/+page.svelte will be +page.svelte.
• src/routes/about/+page.svelte will be about/+page.svelte.
• src/routes/posts/[id]/+page.svelte will be posts/[id]/+page.svelte.
  Can be turned into posts/[]/+page.svelte by using "${dirname(1)}/[]/${filename}.${extname}" instead.

---

SEO: Svelte, SvelteKit, Astro, customLabels, Bracket, Brackets, [*], [id], [slug], [...slug], React, Next, NextJS, Next.js

@4lch4

[vs-code-engineering]

Hey @benibenj, this issue might need further attention.

@babakfp, you can help us out by closing this issue if the problem no longer exists, or adding more information.

[benibenj]

related #213117