title: vscode snippet - transform and replace filename
body: <p>my filename is </p>
  
  <blockquote>
    <p>some-fancy-ui.component.html</p>
  </blockquote>
  
  <p>I want to use a vscode snippet to transform it to</p>
  
  <blockquote>
    <p>SOME_FANCY_UI</p>
  </blockquote>
  
  <p>So basically </p>
  
  <ol>
  <li>apply upcase to each character</li>
  <li>Replace all - with _</li>
  <li>Remove .component.html</li>
  </ol>
  
  <p>Currently I have</p>
  
  <blockquote>
    <p>'${TM_FILENAME/(.<em>)(-)(.</em>)/${1:/upcase}${2:/_}${3:/upcase}/g}'</p>
  </blockquote>
  
  <p>which gives me this</p>
  
  <blockquote>
    <p>'SETUP-PRINTER-SERVER-LIST.COMPONENT.HTML'</p>
  </blockquote>
  
  <p>The docs doesn't explain how to apply replace in combination with their transforms on regex groups.</p>