Setting up a snippet in Visual Studio Code with regex

Question

{
    "Comment": {
        "prefix": "#",
        "body":  "<!-- ${TM_FILEPATH/([^/]*\/[^/]*)$/$1/} -->"
    }
}

I have set up the about code snippet, the purpose is to add a comment that adds the file's base directory and file name  like this but discards the rest of the path. I believe this is originally based on TextMate snippets.

I have tried everything but I can't get it to work, it's probably something silly but I don't see what I'm doing wrong.

Using just TM_FILEPATH
without the regex results in 

I used this https://code.visualstudio.com/docs/editor/userdefinedsnippets to find an example to base my code on. The example is this one:

${TM_FILENAME/(.*)\\..+$/$1/}
  |           |        | |
  |           |        | |-> no options
  |           |        |
  |           |        |-> references the contents of the first
  |           |             capture group
  |           |
  |           |-> regex to capture everything before
  |               the final `.suffix`
  |
  |-> resolves to the filename

Thanks to the ideas of the 2 commenters I was finally able to get it to work.

One commenter put me on track with the double backslashes to catch both Windows and Unix style slashes.

The other commenter suggested the square brackets.

Final result:

{
    "Comment": {
        "prefix": "#",
        "body":  "<!-- ${TM_FILEPATH/.*[\\/](.*[\\/].*)$/$1/} -->",
    }
}

But only the square brackets and 2 backslashes per slash were needed that was the trick. — Stofke
– Stofke, Commented Jun 5, 2018 at 7:03

Mark · Accepted Answer · 2018-06-05 00:46:57Z

1

Try something like this:

"Comment": {
    "prefix": "#",
    "body":  [

      "<!-- ${TM_FILEPATH/.*\\\\(.*\\\\.*)$$/$1/} -->",

      "<!-- ${TM_DIRECTORY/.*\\\\(.*)$/$1/}/${TM_FILENAME} -->",
    ]
},

Those two lines in the body should be equivalent. That works for the Windows directory style, like :

 c:\Users\Mark\asdf\experimental\src\js\main.js

Since your path.separators are / try something like:

"<!-- ${TM_FILEPATH/.*\/(.*\.*)$/$1/} -->", 
"<!-- ${TM_FILEPATH/.*\\/(.*\\.*)$/$1/} -->",
"<!-- ${TM_FILEPATH/.*\\\/(.*\\\.*)$/$1/} -->",
"<!-- ${TM_FILEPATH/.*\\\\/(.*\\\\.*)$/$1/} -->",

I just don't know how many backslashes you will need (and I can't test it here) for your OS.

edited Jun 5, 2018 at 0:46

answered Jun 4, 2018 at 23:51

Mark

192k32 gold badges557 silver badges580 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Stofke Over a year ago

Thank you for testing it but unfortunately, none of the examples you posted are working for me. I'm on OSX by the way

Mark Over a year ago

See edit, you will probably have to use one of he later three options if you are on macOS. That is what I meant by adding backslashes.

Stofke Over a year ago

I tried by adding backslashes but it didn't help, I'm starting to think this might be a bug on MacOS.

Stofke Over a year ago

Ok tried again with your suggestions this is the result:     Note it does the output in reverse order. So the last suggestion is the first result and vice versa.

Stofke Over a year ago

Ok I tried the suggestion of wp78de which added more backslashes and it worked answer is: "body": ""

|

wp78de · Accepted Answer · 2018-06-07 20:49:29Z

0

Let's try it with a character class that takes account of both path separator types and helps us to escape properly at the same time:

{
    "Comment": {
        "prefix": "#",
        "body":  [  
            "<!-- ${TM_FILEPATH/.*[\\/](.*[\\/].*)$$/$1/} -->",
        ]
    },
}

edited Jun 7, 2018 at 20:49

answered Jun 5, 2018 at 7:08

wp78de

19.1k7 gold badges49 silver badges78 bronze badges

1 Comment

Stofke Over a year ago

The final regex that worked after stripping the redundant backslashes was this: .*[\\/](.*[\\/].*)$

Collectives™ on Stack Overflow

Setting up a snippet in Visual Studio Code with regex

2 Answers 2

10 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related