Release v2.10.0

.github/scripts/build_assets/filehandler.py

@@ -213,20 +213,20 @@ def get_added_modified_svgs(files_added_json_path: str,
     Get the svgs added and modified from the files_changed_json_path.
     :param: files_added_json_path, the path to the files_added.json created by the [email protected]
     :param: files_modified_json_path, the path to the files_modified.json created by the [email protected]
-    :return: a list of the svg file paths that were added/modified in this pr as Path.
+    :return: a list of the svg file paths that were added/modified in this pr as Path. It will only return icons in /icons path (see https://github.com/devicons/devicon/issues/505)
     """
     files_added = get_json_file_content(files_added_json_path)
     files_modified = get_json_file_content(files_modified_json_path)
 
     svgs = []
     for file in files_added:
         path = Path(file)
-        if path.suffix.lower() == ".svg":
+        if path.suffix.lower() == ".svg" and path.as_posix().lower().startswith('icons/'):
             svgs.append(path)
 
     for file in files_modified:
         path = Path(file)
-        if path.suffix.lower() == ".svg":
+        if path.suffix.lower() == ".svg" and path.as_posix().lower().startswith('icons/'):
             svgs.append(path)
 
     return svgs

.github/scripts/build_assets/util.py

@@ -1,8 +1,4 @@
-from typing import List
-import xml.etree.ElementTree as et
-from pathlib import Path
 import os
-import json
 import platform
 import sys
 import traceback
@@ -17,59 +13,6 @@ def exit_with_err(err: Exception):
     sys.exit(1)
 
 
-def check_svgs(svg_file_paths: List[Path]):
-    """
-    Check the width, height, viewBox and style of each svgs passed in.
-    The viewBox must be '0 0 128 128'.
-    If the svg has a width and height attr, ensure it's '128px'.
-    The style must not contain any 'fill' declarations.
-    If any error is found, they will be thrown.
-    :param: svg_file_paths, the file paths to the svg to check for.
-    :return: None if there no errors. If there is, return a JSON.stringified
-    list with the error messages in it.
-    """
-    # batch err messages together so user can fix everything at once
-    err_msgs = []
-    for svg_path in svg_file_paths:
-        tree = et.parse(svg_path)
-        root = tree.getroot()
-        namespace = "{http://www.w3.org/2000/svg}"
-        err_msg = [f"{svg_path.name}:"]
-
-        if root.tag != f"{namespace}svg":
-            err_msg.append(f"-root is '{root.tag}'. Root must be an 'svg' element")
-
-        if root.get("viewBox") != "0 0 128 128":
-            err_msg.append("-'viewBox' is not '0 0 128 128' -> Set it or scale the file using https://www.iloveimg.com/resize-image/resize-svg")
-
-        acceptable_size = [None, "128px", "128"]
-        if root.get("height") not in acceptable_size:
-            err_msg.append("-'height' is present in svg element but is not '128' or '128px' -> Remove it or set it to '128' or '128px'")
-
-        if root.get("width") not in acceptable_size:
-            err_msg.append("-'width' is present in svg element but is not '128' or '128px' -> Remove it or set it to '128' or '128px'")
-
-        if root.get("style") is not None and "enable-background" in root.get("style"):
-            err_msg.append("-deprecated 'enable-background' in style attribute -> Remove it")
-
-        if root.get("x") is not None:
-            err_msg.append("-unneccessary 'x' attribute in svg element -> Remove it")
-
-        if root.get("y") is not None:
-            err_msg.append("-unneccessary 'y' attribute in svg element -> Remove it")
-
-        style = root.findtext(f".//{namespace}style")
-        if style != None and "fill" in style:
-            err_msg.append("-contains style declaration using 'fill' -> Replace classes with the 'fill' attribute instead")
-
-        if len(err_msg) > 1:
-            err_msgs.append("\n".join(err_msg))
-
-    if len(err_msgs) > 0:
-        return "\n\n".join(err_msgs)
-    return 'None'
-
-
 def set_env_var(key: str, value: str, delimiter: str='~'):
     """
     Set the GitHub env variable of 'key' to 'value' using

.github/scripts/check_svgs_on_pr.py

@@ -1,5 +1,7 @@
-import sys
-import time
+from enum import Enum
+from typing import List
+import xml.etree.ElementTree as et
+from pathlib import Path
 
 
 # pycharm complains that build_assets is an unresolved ref
@@ -8,6 +10,14 @@
 from build_assets import util
 
 
+class SVG_STATUS_CODE(Enum):
+    """
+    The status codes to check for in post_check_svgs_comment.yml
+    """
+    NO_SVG = 0  # action: do nothing
+    SVG_OK = 1  # action: let user know their svgs are fine
+
+
 def main():
     """
     Check the quality of the svgs.
@@ -23,14 +33,68 @@ def main():
 
         if len(svgs) == 0:
             print("No SVGs to check, ending script.")
-            return
+            err_messages = SVG_STATUS_CODE.NO_SVG.value
+        else:
+            err_messages = check_svgs(svgs)
 
-        err_messages = util.check_svgs(svgs)
-        filehandler.write_to_file("./svg_err_messages.txt", err_messages)
+        filehandler.write_to_file("./svg_err_messages.txt", str(err_messages))
         print("Task completed.")
     except Exception as e:
         util.exit_with_err(e)
 
 
+def check_svgs(svg_file_paths: List[Path]):
+    """
+    Check the width, height, viewBox and style of each svgs passed in.
+    The viewBox must be '0 0 128 128'.
+    If the svg has a width and height attr, ensure it's '128px'.
+    The style must not contain any 'fill' declarations.
+    If any error is found, they will be thrown.
+    :param: svg_file_paths, the file paths to the svg to check for.
+    :return: None if there no errors. If there is, return a JSON.stringified
+    list with the error messages in it.
+    """
+    # batch err messages together so user can fix everything at once
+    err_msgs = []
+    for svg_path in svg_file_paths:
+        tree = et.parse(svg_path)
+        root = tree.getroot()
+        namespace = "{http://www.w3.org/2000/svg}"
+        err_msg = [f"{svg_path}:"]
+
+        if root.tag != f"{namespace}svg":
+            err_msg.append(f"-root is '{root.tag}'. Root must be an 'svg' element")
+
+        if root.get("viewBox") != "0 0 128 128":
+            err_msg.append("-'viewBox' is not '0 0 128 128' -> Set it or scale the file using https://www.iloveimg.com/resize-image/resize-svg")
+
+        acceptable_size = [None, "128px", "128"]
+        if root.get("height") not in acceptable_size:
+            err_msg.append("-'height' is present in svg element but is not '128' or '128px' -> Remove it or set it to '128' or '128px'")
+
+        if root.get("width") not in acceptable_size:
+            err_msg.append("-'width' is present in svg element but is not '128' or '128px' -> Remove it or set it to '128' or '128px'")
+
+        if root.get("style") is not None and "enable-background" in root.get("style"):
+            err_msg.append("-deprecated 'enable-background' in style attribute -> Remove it")
+
+        if root.get("x") is not None:
+            err_msg.append("-unneccessary 'x' attribute in svg element -> Remove it")
+
+        if root.get("y") is not None:
+            err_msg.append("-unneccessary 'y' attribute in svg element -> Remove it")
+
+        style = root.findtext(f".//{namespace}style")
+        if style != None and "fill" in style:
+            err_msg.append("-contains style declaration using 'fill' -> Replace classes with the 'fill' attribute instead")
+
+        if len(err_msg) > 1:
+            err_msgs.append("\n".join(err_msg))
+
+    if len(err_msgs) > 0:
+        return "\n\n".join(err_msgs)
+    return SVG_STATUS_CODE.SVG_OK.value
+
+
 if __name__ == "__main__":
     main()

.github/workflows/npm_publish.yml

@@ -0,0 +1,21 @@
+on:
+  release:
+    types: [released]
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          # "ref" specifies the branch to check out.
+          # "github.event.release.target_commitish" is a global variable and specifies the branch the release targeted
+          ref: ${{ github.event.release.target_commitish }}
+      - name: Use Node.js 12
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12
+          registry-url: https://registry.npmjs.org/ # Specifies the registry, this field is required!
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTOMATION_TOKEN }}

.github/workflows/post_check_svgs_comment.yml

@@ -5,16 +5,17 @@ on:
     types: 
       - completed
 jobs: 
-  post_screenshots_in_comment:
-    name: Post the screenshot
+  post_result_of_svg_check:
+    name: Post the result of the Check SVG Action
     runs-on: ubuntu-18.04
     steps:
       - name: Check if the trigger run worked. If it failed, fail the current run.
-        if: success() && github.event.workflow_run.conclusion != 'success' 
+        if: github.event.workflow_run.conclusion != 'success' 
         uses: cutenode/[email protected]
 
       - name: Download workflow artifact
         uses: dawidd6/[email protected]
+        if: success()
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           workflow: peek_icons.yml
@@ -36,13 +37,11 @@ jobs:
 
       - name: Comment on the PR about the result - Success
         uses: jungwinter/comment@v1 # let us comment on a specific PR
-        if: success() && steps.err_message_reader.outputs.content == 'None'
+        if: success() && steps.err_message_reader.outputs.content == '1'
         env:
           MESSAGE: |
             Hi!
-            I'm Devicons' SVG-Checker Bot and I just checked all the SVGs in this branch. 
-
-            Everything looks great. Good job!
+            I'm Devicons' SVG-Checker Bot and everything looks great. Good job!
 
             Have a nice day, 
             SVG-Checker Bot :grin:
@@ -54,7 +53,7 @@ jobs:
 
       - name: Comment on the PR about the result - SVG Error
         uses: jungwinter/comment@v1 # let us comment on a specific PR
-        if: success() && steps.err_message_reader.outputs.content != 'None'
+        if: success() && (steps.err_message_reader.outputs.content != '0' || steps.err_message_reader.outputs.content != '1')
         env:
           MESSAGE: |
             Hi!
@@ -82,7 +81,7 @@ jobs:
 
       - name: Comment on the PR about the result - Failure
         uses: jungwinter/comment@v1 # let us comment on a specific PR
-        if: failure() || cancelled()
+        if: failure() 
         env:
           MESSAGE: |
             Hi!

.github/workflows/post_peek_screenshot.yml

@@ -47,14 +47,14 @@ jobs:
         if: success()
         env:
           OVERVIEW_IMG_MARKDOWN: ${{ fromJSON(steps.icons_overview_img_step.outputs.markdown_urls)[0] }}
-          DETAILED_IMGS_MARKDOWN: ${{ join(fromJSON(steps.icons_detailed_img_step.outputs.markdown_urls), '\n') }}
+          DETAILED_IMGS_MARKDOWN: ${{ join(fromJSON(steps.icons_detailed_img_step.outputs.markdown_urls), '') }}
           MESSAGE: |
             Hi there,
 
             I'm Devicons' Peek Bot and I just peeked at the icons that you wanted to add using [icomoon.io](https://icomoon.io/app/#/select).
             Here is the result below:
 
-            ![Peeked Icons (top left)]({0})
+            {0}
 
             Here are the zoomed-in screenshots of the added icons:
             {1}

CONTRIBUTING.md

@@ -81,6 +81,7 @@ First of all, thanks for taking the time to contribute! This project can only gr
   <li>Each <code>.svg</code> file contains one version of an icon in a <code>0 0 128 128</code> viewbox. You can use a service like <a href="https://www.iloveimg.com/resize-image/resize-svg">resize-image</a> for scaling the svg.</li>
   <li>The <code>svg</code> element does not need the <code>height</code> and <code>width</code> attributes. However, if you do use it, ensure their values are either <code>"128"</code> or <code>"128px"</code>. Ex: <code>height="128"</code></li>
   <li>Each <code>.svg</code> must use the <code>fill</code> attribute instead of using <code>classes</code> for colors. See <a href="https://github.com/devicons/devicon/issues/407">here</a> for more details.</li>
+  <li>The naming convention for the svg file is the following: <code>(Icon name)-(original|plain|line)(-wordmark?).</code></li>
 </ul>
 
 <hr>
@@ -259,4 +260,5 @@ As an example, let's assume you have created the svgs for Redhat and Amazon Web
   <li>Ensure code quality is up to standard</li>
   <li>Upload svgs to <a href="https://icomoon.io/app/#/select">icomoon.io</a> and take a screenshot to check that it looks good.
   <li>Comment on the PR so maintainers don't have to manually upload icon result.</li>
+  <li>Publishing a new release to <a href="https://www.npmjs.com/package/devicon">npm</a>; See <a href="https://github.com/devicons/devicon/issues/288">#288</a></li>
 </ul>