chore: optimize svgos for inline html usage

svg · May 18, 2024 · 1277866 · 1277866
1 parent f2fa6c8
commit 1277866
Show file tree

Hide file tree

Showing 8 changed files with 38 additions and 19 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -12,14 +12,14 @@ const { themes } = require('prism-react-renderer');
 /**
  * Config for Docusaurus.
  *
+ * $.tagline is undefined, as our copy is specified in the code instead.
  * $.themeConfig.navbar.logo is undefined as this is configured with a custom component.
- * $.themeConfig.footer.style is ignored as this is overriden with custom CSS.
+ * $.themeConfig.footer.style is ignored as this is overridden with custom CSS.
  *
  * @type {Config}
  */
 const config = {
   title: "SVGO",
-  tagline: "A Node.js library and command-line application to optimize vectors.",
   favicon: "img/favicon.ico",
   url: "https://svgo.dev",
   baseUrl: "/",
@@ -32,7 +32,7 @@ const config = {
   i18n: {
     defaultLocale: "en",
     locales: [
-      "en" 
+      "en"
     ],
   },
   markdown: {

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -57,7 +57,7 @@ export default function Home() {
   return (
     <Layout>
       <Head>
-        <meta name="description" content="SVGO is a Node.js library and command-line application to optimize vectors."/>
+        <meta name="description" content="SVGO is a Node.js library and command-line application for optimizing vectors."/>
       </Head>
       <HomepageHeader />
       <main>

diff --git a/src/plugins/configure-svgo.js b/src/plugins/configure-svgo.js
@@ -23,13 +23,33 @@ function configureSvgo() {
       });
 
       const svgoConfig = rule.oneOf[0].use[0].options.svgoConfig;
-      svgoConfig.plugins.push({
-        name: "prefixIds",
-        params: {
-          delim: "",
-          prefix: (_, info) => path.parse(info.path).name
-        }
-      });
+      svgoConfig.plugins = [
+        {
+          ...svgoConfig.plugins[0],
+          params: {
+            overrides: {
+              ...svgoConfig.plugins[0].params.overrides,
+              mergePaths: {
+                noSpaceAfterFlags: true
+              }
+            }
+          }
+        },
+        {
+          name: "prefixIds",
+          params: {
+            delim: "",
+            prefix: (_, info) => path.parse(info.path).name
+          }
+        },
+        {
+          name: "removeXlink",
+          params: {
+            includeLegacy: true
+          }
+        },
+        "removeXMLNS"
+      ];
 
       return {
         mergeStrategy: {

diff --git a/src/vectors/logo.svg b/src/vectors/logo.svg
diff --git a/src/vectors/svgo_hackerman.svg b/src/vectors/svgo_hackerman.svg
diff --git a/src/vectors/svgo_integrations.svg b/src/vectors/svgo_integrations.svg
diff --git a/src/vectors/svgo_oss.svg b/src/vectors/svgo_oss.svg
diff --git a/src/vectors/svgo_trixie.svg b/src/vectors/svgo_trixie.svg