chore(project): use svglint (#1709)

Author: LitoMore

.lintstagedrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-    "*.svg": "svgo",
+    "*.svg": ["svglint", "svgo"],
     "*.{ts,tsx}": ["eslint --cache --fix", "prettier --write"],
     "*.{md,ts,tsx,js,css,less,json,yml,yaml,html,sh}": "cspell --no-progress --no-must-find-files",
 };

.svglintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+    rules: {
+        custom: [
+            // Avoid non-svg data images
+            (reporter, $, ast) => {
+                reporter.name = 'non-svg';
+
+                const dataImagePattern = /data:image\/(?<extension>[a-zA-Z]+);base64,/;
+                const dataImageMatched = dataImagePattern.exec(ast.source);
+
+                if (dataImageMatched) {
+                    const extension = dataImageMatched.groups['extension'].toLowerCase();
+                    if (extension !== 'svg') {
+                        reporter.error(`Found data image \`${extension}\``);
+                    }
+                }
+            },
+        ],
+    },
+};

cspell.config.js

@@ -103,6 +103,7 @@ module.exports = {
         "commitlintrc", // @commitlint/cli
         "unpublish", // agora-rtc-sdk-ng
         "multipass", // svgo
+        "svglint",
         "allowlist", // webpack-node-externals
         "Wyri", // WyriHaximus/github-action-helm3@v2
         "Haximus", // WyriHaximus/github-action-helm3@v2

package.json

@@ -54,6 +54,7 @@
     "less": "^4.1.3",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
+    "svglint": "^2.1.1",
     "svgo": "^2.8.0",
     "typescript": "^4.8.3",
     "vite": "^3.1.3",