<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Shawn (He/Him)</title>
    <description>The latest articles on DEV Community by Shawn (He/Him) (@thepyrotv).</description>
    <link>https://dev.to/thepyrotv</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F748883%2F85b610b5-4e83-4d9a-afd3-ef607b945c1d.png</url>
      <title>DEV Community: Shawn (He/Him)</title>
      <link>https://dev.to/thepyrotv</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/thepyrotv"/>
    <language>en</language>
    <item>
      <title>Stop using Material Theme in VSCode</title>
      <dc:creator>Shawn (He/Him)</dc:creator>
      <pubDate>Wed, 26 Feb 2025 13:38:36 +0000</pubDate>
      <link>https://dev.to/thepyrotv/stop-using-material-theme-in-vscode-38pi</link>
      <guid>https://dev.to/thepyrotv/stop-using-material-theme-in-vscode-38pi</guid>
      <description>&lt;h2&gt;
  
  
  TL;DR
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://news.ycombinator.com/item?id=43178831" rel="noopener noreferrer"&gt;The VSCode team investigated the Material Theme repository / VSIX and has determined it to contain malicious code.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Avoid anything made by &lt;a class="mentioned-user" href="https://dev.to/equinusocio"&gt;@equinusocio&lt;/a&gt; in the future.&lt;/p&gt;

&lt;h2&gt;
  
  
  What happened?
&lt;/h2&gt;

&lt;p&gt;It's hard to understand why &lt;a class="mentioned-user" href="https://dev.to/equinusocio"&gt;@equinusocio&lt;/a&gt; (&lt;a href="https://github.com/equinusocio" rel="noopener noreferrer"&gt;https://github.com/equinusocio&lt;/a&gt;) put malicious code in to such a well-known VSCode plugin but &lt;a class="mentioned-user" href="https://dev.to/t3dotgg"&gt;@t3dotgg&lt;/a&gt; &lt;a href="https://t3.gg/blog/post/equinusocio" rel="noopener noreferrer"&gt;has a great blog post about it&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;They've (&lt;a class="mentioned-user" href="https://dev.to/t3dotgg"&gt;@t3dotgg&lt;/a&gt;) have also taken on forking the repo, combing through the code for anything malicious, and reuploading Material Theme for all to use again.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;On Februrary 24, 2024 users starting alerting one another to the issue via the repository issues page. Mattia has since removed the issues area of the repository hiding the concerns. &lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>materialtheme</category>
      <category>vscode</category>
      <category>drama</category>
      <category>malicious</category>
    </item>
    <item>
      <title>Jest, Sonar, and Monorepos</title>
      <dc:creator>Shawn (He/Him)</dc:creator>
      <pubDate>Fri, 10 Dec 2021 16:54:44 +0000</pubDate>
      <link>https://dev.to/thepyrotv/jest-sonar-and-monorepos-52d4</link>
      <guid>https://dev.to/thepyrotv/jest-sonar-and-monorepos-52d4</guid>
      <description>&lt;p&gt;The &lt;code&gt;jest-sonar-reporter&lt;/code&gt; plugin recommended by Sonarqube in their &lt;a href="https://docs.sonarqube.org/latest/analysis/coverage/" rel="noopener noreferrer"&gt;docs&lt;/a&gt; for test execution analysis is 4 years out of date and deprecated.&lt;/p&gt;

&lt;p&gt;Yet it has been downloaded &lt;code&gt;287862&lt;/code&gt; times this week (&lt;em&gt;as of 2021/12/10&lt;/em&gt;)  from &lt;a href="https://www.npmjs.com/package/jest-sonar-reporter" rel="noopener noreferrer"&gt;npmjs.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I need this plugin for work I'm doing on a 55+ app monorepo all with their own &lt;code&gt;jest.config.js&lt;/code&gt; file as well as making sure the CI/CD can find the execution analysis references.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.npmjs.com/package/@casualbot/jest-sonar-reporter" rel="noopener noreferrer"&gt;So I updated it.&lt;br&gt;
&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Updates
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Added flag for relative paths to be used in generated xml file path for CI/CD&lt;/li&gt;
&lt;li&gt;Migrated to Typescript&lt;/li&gt;
&lt;li&gt;Can now be registered as a reporter in &lt;code&gt;jest.config.js&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Can now be used in &lt;code&gt;package.json&lt;/code&gt; with more variables&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can find the update here: &lt;a href="https://www.npmjs.com/package/@casualbot/jest-sonar-reporter" rel="noopener noreferrer"&gt;https://www.npmjs.com/package/@casualbot/jest-sonar-reporter&lt;/a&gt;&lt;/p&gt;

</description>
      <category>jest</category>
      <category>javascript</category>
      <category>sonarqube</category>
      <category>npm</category>
    </item>
    <item>
      <title>Saving precious key presses with Git Aliases</title>
      <dc:creator>Shawn (He/Him)</dc:creator>
      <pubDate>Wed, 10 Nov 2021 01:37:51 +0000</pubDate>
      <link>https://dev.to/thepyrotv/saving-precious-key-presses-with-git-aliases-4j14</link>
      <guid>https://dev.to/thepyrotv/saving-precious-key-presses-with-git-aliases-4j14</guid>
      <description>&lt;p&gt;Git is probably one of the more powerful tools that a developer will use through the entirity of their career(s). &lt;/p&gt;

&lt;p&gt;But many tend to give up the power of the command line interface due to not wanting to type out their commands... every... single... time.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8nru7nvumtw4k9cd23on.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8nru7nvumtw4k9cd23on.gif" alt="Unimpressed Ryan Reynolds" width="498" height="211"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's where the power of &lt;a href="https://git-scm.com/book/en/v2/Git-Basics-Git-Aliases" rel="noopener noreferrer"&gt;git aliases&lt;/a&gt; come in.&lt;/p&gt;

&lt;p&gt;Don't worry you don't need to read the entire manual, I'll break it down simply for you. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;It's an alias of a git command or set of commands&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjc0kkngn536kxts45d30.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjc0kkngn536kxts45d30.gif" alt="Standing Ovation" width="498" height="278"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;But seriously, in the long run aliases can save you those precious key strokes and help you get a little more comfortable in the command line.&lt;/p&gt;




&lt;h3&gt;
  
  
  How do I create an alias?
&lt;/h3&gt;

&lt;p&gt;There's multiple ways to go about doing it, no way is better or worse than the other. &lt;/p&gt;

&lt;p&gt;If you're comfortable in a terminal I recommend getting used to the command line ,however, if you don't want to spend time writing out &lt;code&gt;git config --global alias.&lt;/code&gt; you can just edit the global &lt;code&gt;.gitconfig&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;It's best you find and get familiar with where your global &lt;code&gt;.gitconfig&lt;/code&gt; file is on your machine.&lt;/p&gt;

&lt;p&gt;Unix typicaly resides inside the &lt;code&gt;~home/&lt;/code&gt; directory. &lt;/p&gt;

&lt;p&gt;Windows will typically reside in your &lt;code&gt;C:\&amp;lt;username&amp;gt;&lt;/code&gt; directory.&lt;/p&gt;

&lt;h4&gt;
  
  
  Individually (the hard way)
&lt;/h4&gt;

&lt;p&gt;You can use the git command line interface to push an alias to your global config as follows.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;➜  git-tutorial git:&lt;span class="o"&gt;(&lt;/span&gt;master&lt;span class="o"&gt;)&lt;/span&gt; git config &lt;span class="nt"&gt;--global&lt;/span&gt; alias.co checkout
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you were to open your global &lt;code&gt;.gitconfig&lt;/code&gt; file now you will notice an &lt;code&gt;[alias]&lt;/code&gt; section containing something along the lines of:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nb"&gt;alias&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt;
    co &lt;span class="o"&gt;=&lt;/span&gt; checkout
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Editing your .gitconfig file (The easy way)
&lt;/h4&gt;

&lt;p&gt;If you created an alias from the hard way section your &lt;code&gt;.gitconfig&lt;/code&gt; will already contain an &lt;code&gt;[alias]&lt;/code&gt; area, if you skipped that you will need to add it in.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nb"&gt;alias&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt;
    co &lt;span class="o"&gt;=&lt;/span&gt; checkout
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The variable is name of our alias that it wants to equal. &lt;/p&gt;

&lt;p&gt;In this example, &lt;code&gt;co&lt;/code&gt; is the same as &lt;code&gt;checkout&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Simple saving our &lt;code&gt;.gitconfig&lt;/code&gt; file our alias(es) will immediately be available to us in our terminal.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;➜  git-tutorial git:&lt;span class="o"&gt;(&lt;/span&gt;master&lt;span class="o"&gt;)&lt;/span&gt; git co
fatal: You are on a branch yet to be born
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Powerful aliases
&lt;/h3&gt;

&lt;p&gt;Each person is going to be different so aliases will vary. &lt;/p&gt;

&lt;p&gt;Personally I use them to not type long words as I am prone to typing before my brain fully tells my fingers where to go on the keyboard.&lt;/p&gt;

&lt;p&gt;Here are some of mine:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="o"&gt;[&lt;/span&gt;&lt;span class="nb"&gt;alias&lt;/span&gt;&lt;span class="o"&gt;]&lt;/span&gt;
    b &lt;span class="o"&gt;=&lt;/span&gt; branch
    co &lt;span class="o"&gt;=&lt;/span&gt; checkout
    s &lt;span class="o"&gt;=&lt;/span&gt; status
    br &lt;span class="o"&gt;=&lt;/span&gt; branch
    ci &lt;span class="o"&gt;=&lt;/span&gt; commit
    st &lt;span class="o"&gt;=&lt;/span&gt; status
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;You'll notice that I can have multiple aliases for the same command. You can even have an alias call another alias.&lt;/p&gt;

&lt;p&gt;Your aliases even have access to the flags of the thing they are referring to.&lt;/p&gt;

&lt;p&gt;Knowing that we can build some fun alias commands:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;    lg1 &lt;span class="o"&gt;=&lt;/span&gt; log &lt;span class="nt"&gt;--graph&lt;/span&gt; &lt;span class="nt"&gt;--abbrev-commit&lt;/span&gt; &lt;span class="nt"&gt;--decorate&lt;/span&gt; &lt;span class="nt"&gt;--format&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;format:&lt;span class="s1"&gt;'%C(bold blue)%h%C(reset) - %C(bold green)(%ar)%C(reset) %C(white)%s%C(reset) %C(dim white)- %an%C(reset)%C(bold yellow)%d%C(reset)'&lt;/span&gt; &lt;span class="nt"&gt;--all&lt;/span&gt;
    lg2 &lt;span class="o"&gt;=&lt;/span&gt; log &lt;span class="nt"&gt;--graph&lt;/span&gt; &lt;span class="nt"&gt;--abbrev-commit&lt;/span&gt; &lt;span class="nt"&gt;--decorate&lt;/span&gt; &lt;span class="nt"&gt;--format&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;format:&lt;span class="s1"&gt;'%C(bold blue)%h%C(reset) - %C(bold cyan)%aD%C(reset) %C(bold green)(%ar)%C(reset)%C(bold yellow)%d%C(reset)%n''          %C(white)%s%C(reset) %C(dim white)- %an%C(reset)'&lt;/span&gt; &lt;span class="nt"&gt;--all&lt;/span&gt;
    lg &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="s2"&gt;"git lg1"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Imagine having to type all that out... everytime. Now we can just type &lt;code&gt;git lg1&lt;/code&gt; or &lt;code&gt;git lg&lt;/code&gt; to call a big git command. &lt;/p&gt;

&lt;p&gt;Take note that &lt;code&gt;lg&lt;/code&gt; doing &lt;code&gt;!"git &amp;lt;command&amp;gt;"&lt;/code&gt; or &lt;code&gt;!"git lg1"&lt;/code&gt;. The &lt;code&gt;!&lt;/code&gt; is a character used to espress 'run the following command(s) to the shell'. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;TL;DR:&lt;/strong&gt; &lt;code&gt;git lg&lt;/code&gt; is just telling the shell to run &lt;code&gt;git lg1&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F88otlsnlj0hccvy6srob.gif" alt="Fast Typing" width="460" height="300"&gt;
&lt;/h2&gt;

&lt;p&gt;That's the beginnings of git aliases. If there's something you wish you could do shorten, git aliases are the way.&lt;/p&gt;

&lt;p&gt;But just be careful... if you tell it do something like &lt;code&gt;push --force&lt;/code&gt; in an alias... that's on you.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;➜  git-tutorial git:&lt;span class="o"&gt;(&lt;/span&gt;master&lt;span class="o"&gt;)&lt;/span&gt; git config &lt;span class="nt"&gt;--global&lt;/span&gt; alias.yolo &lt;span class="s2"&gt;"push --force"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;p&gt;Do you already use aliases? If so, what are some of your favorites?&lt;/p&gt;

</description>
      <category>git</category>
      <category>cli</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
