Website Structure

Frontend-Learner/node_modules/svgo/plugins/removeDimensions.js

@@ -0,0 +1,41 @@
+export const name = 'removeDimensions';
+export const description =
+  'removes width and height in presence of viewBox (opposite to removeViewBox)';
+
+/**
+ * Remove width/height attributes and add the viewBox attribute if it's missing
+ *
+ * @example
+ * <svg width="100" height="50" />
+ *   ↓
+ * <svg viewBox="0 0 100 50" />
+ *
+ * @author Benny Schudel
+ *
+ * @type {import('../lib/types.js').Plugin}
+ */
+export const fn = () => {
+  return {
+    element: {
+      enter: (node) => {
+        if (node.name === 'svg') {
+          if (node.attributes.viewBox != null) {
+            delete node.attributes.width;
+            delete node.attributes.height;
+          } else if (
+            node.attributes.width != null &&
+            node.attributes.height != null &&
+            Number.isNaN(Number(node.attributes.width)) === false &&
+            Number.isNaN(Number(node.attributes.height)) === false
+          ) {
+            const width = Number(node.attributes.width);
+            const height = Number(node.attributes.height);
+            node.attributes.viewBox = `0 0 ${width} ${height}`;
+            delete node.attributes.width;
+            delete node.attributes.height;
+          }
+        }
+      },
+    },
+  };
+};