svgo-v2 2.8.0

package/lib/svgo/css-class-list.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var CSSClassList = function (node) {
+  this.parentNode = node;
+  this.classNames = new Set();
+  const value = node.attributes.class;
+  if (value != null) {
+    this.addClassValueHandler();
+    this.setClassValue(value);
+  }
+};
+
+// attr.class.value
+
+CSSClassList.prototype.addClassValueHandler = function () {
+  Object.defineProperty(this.parentNode.attributes, 'class', {
+    get: this.getClassValue.bind(this),
+    set: this.setClassValue.bind(this),
+    enumerable: true,
+    configurable: true,
+  });
+};
+
+CSSClassList.prototype.getClassValue = function () {
+  var arrClassNames = Array.from(this.classNames);
+  return arrClassNames.join(' ');
+};
+
+CSSClassList.prototype.setClassValue = function (newValue) {
+  if (typeof newValue === 'undefined') {
+    this.classNames.clear();
+    return;
+  }
+  var arrClassNames = newValue.split(' ');
+  this.classNames = new Set(arrClassNames);
+};
+
+CSSClassList.prototype.add = function (/* variadic */) {
+  this.addClassValueHandler();
+  Object.values(arguments).forEach(this._addSingle.bind(this));
+};
+
+CSSClassList.prototype._addSingle = function (className) {
+  this.classNames.add(className);
+};
+
+CSSClassList.prototype.remove = function (/* variadic */) {
+  this.addClassValueHandler();
+  Object.values(arguments).forEach(this._removeSingle.bind(this));
+};
+
+CSSClassList.prototype._removeSingle = function (className) {
+  this.classNames.delete(className);
+};
+
+CSSClassList.prototype.item = function (index) {
+  var arrClassNames = Array.from(this.classNames);
+  return arrClassNames[index];
+};
+
+CSSClassList.prototype.toggle = function (className, force) {
+  if (this.contains(className) || force === false) {
+    this.classNames.delete(className);
+  }
+  this.classNames.add(className);
+};
+
+CSSClassList.prototype.contains = function (className) {
+  return this.classNames.has(className);
+};
+
+module.exports = CSSClassList;

package/lib/svgo/css-select-adapter.d.ts

@@ -0,0 +1,2 @@
+declare let obj: any;
+export = obj;

package/lib/svgo/css-select-adapter.js

@@ -0,0 +1,120 @@
+'use strict';
+
+const isTag = (node) => {
+  return node.type === 'element';
+};
+
+const existsOne = (test, elems) => {
+  return elems.some((elem) => {
+    if (isTag(elem)) {
+      return test(elem) || existsOne(test, getChildren(elem));
+    } else {
+      return false;
+    }
+  });
+};
+
+const getAttributeValue = (elem, name) => {
+  return elem.attributes[name];
+};
+
+const getChildren = (node) => {
+  return node.children || [];
+};
+
+const getName = (elemAst) => {
+  return elemAst.name;
+};
+
+const getParent = (node) => {
+  return node.parentNode || null;
+};
+
+const getSiblings = (elem) => {
+  var parent = getParent(elem);
+  return parent ? getChildren(parent) : [];
+};
+
+const getText = (node) => {
+  if (node.children[0].type === 'text' && node.children[0].type === 'cdata') {
+    return node.children[0].value;
+  }
+  return '';
+};
+
+const hasAttrib = (elem, name) => {
+  return elem.attributes[name] !== undefined;
+};
+
+const removeSubsets = (nodes) => {
+  let idx = nodes.length;
+  let node;
+  let ancestor;
+  let replace;
+  // Check if each node (or one of its ancestors) is already contained in the
+  // array.
+  while (--idx > -1) {
+    node = ancestor = nodes[idx];
+    // Temporarily remove the node under consideration
+    nodes[idx] = null;
+    replace = true;
+    while (ancestor) {
+      if (nodes.includes(ancestor)) {
+        replace = false;
+        nodes.splice(idx, 1);
+        break;
+      }
+      ancestor = getParent(ancestor);
+    }
+    // If the node has been found to be unique, re-insert it.
+    if (replace) {
+      nodes[idx] = node;
+    }
+  }
+  return nodes;
+};
+
+const findAll = (test, elems) => {
+  const result = [];
+  for (const elem of elems) {
+    if (isTag(elem)) {
+      if (test(elem)) {
+        result.push(elem);
+      }
+      result.push(...findAll(test, getChildren(elem)));
+    }
+  }
+  return result;
+};
+
+const findOne = (test, elems) => {
+  for (const elem of elems) {
+    if (isTag(elem)) {
+      if (test(elem)) {
+        return elem;
+      }
+      const result = findOne(test, getChildren(elem));
+      if (result) {
+        return result;
+      }
+    }
+  }
+  return null;
+};
+
+const svgoCssSelectAdapter = {
+  isTag,
+  existsOne,
+  getAttributeValue,
+  getChildren,
+  getName,
+  getParent,
+  getSiblings,
+  getText,
+  hasAttrib,
+  removeSubsets,
+  findAll,
+  findOne,
+};
+
+module.exports = svgoCssSelectAdapter;

package/lib/svgo/css-style-declaration.js

@@ -0,0 +1,232 @@
+'use strict';
+
+var csstree = require('css-tree-v2'),
+  csstools = require('../css-tools');
+
+var CSSStyleDeclaration = function (node) {
+  this.parentNode = node;
+
+  this.properties = new Map();
+  this.hasSynced = false;
+
+  this.styleValue = null;
+
+  this.parseError = false;
+  const value = node.attributes.style;
+  if (value != null) {
+    this.addStyleValueHandler();
+    this.setStyleValue(value);
+  }
+};
+
+// attr.style.value
+
+CSSStyleDeclaration.prototype.addStyleValueHandler = function () {
+  Object.defineProperty(this.parentNode.attributes, 'style', {
+    get: this.getStyleValue.bind(this),
+    set: this.setStyleValue.bind(this),
+    enumerable: true,
+    configurable: true,
+  });
+};
+
+CSSStyleDeclaration.prototype.getStyleValue = function () {
+  return this.getCssText();
+};
+
+CSSStyleDeclaration.prototype.setStyleValue = function (newValue) {
+  this.properties.clear(); // reset all existing properties
+  this.styleValue = newValue;
+  this.hasSynced = false; // raw css changed
+};
+
+CSSStyleDeclaration.prototype._loadCssText = function () {
+  if (this.hasSynced) {
+    return;
+  }
+  this.hasSynced = true; // must be set here to prevent loop in setProperty(...)
+
+  if (!this.styleValue || this.styleValue.length === 0) {
+    return;
+  }
+  var inlineCssStr = this.styleValue;
+
+  var declarations = {};
+  try {
+    declarations = csstree.parse(inlineCssStr, {
+      context: 'declarationList',
+      parseValue: false,
+    });
+  } catch (parseError) {
+    this.parseError = parseError;
+    return;
+  }
+  this.parseError = false;
+
+  var self = this;
+  declarations.children.each(function (declaration) {
+    try {
+      var styleDeclaration = csstools.csstreeToStyleDeclaration(declaration);
+      self.setProperty(
+        styleDeclaration.name,
+        styleDeclaration.value,
+        styleDeclaration.priority
+      );
+    } catch (styleError) {
+      if (styleError.message !== 'Unknown node type: undefined') {
+        self.parseError = styleError;
+      }
+    }
+  });
+};
+
+// only reads from properties
+
+/**
+ * Get the textual representation of the declaration block (equivalent to .cssText attribute).
+ *
+ * @return {string} Textual representation of the declaration block (empty string for no properties)
+ */
+CSSStyleDeclaration.prototype.getCssText = function () {
+  var properties = this.getProperties();
+
+  if (this.parseError) {
+    // in case of a parse error, pass through original styles
+    return this.styleValue;
+  }
+
+  var cssText = [];
+  properties.forEach(function (property, propertyName) {
+    var strImportant = property.priority === 'important' ? '!important' : '';
+    cssText.push(
+      propertyName.trim() + ':' + property.value.trim() + strImportant
+    );
+  });
+  return cssText.join(';');
+};
+
+CSSStyleDeclaration.prototype._handleParseError = function () {
+  if (this.parseError) {
+    console.warn(
+      "Warning: Parse error when parsing inline styles, style properties of this element cannot be used. The raw styles can still be get/set using .attr('style').value. Error details: " +
+        this.parseError
+    );
+  }
+};
+
+CSSStyleDeclaration.prototype._getProperty = function (propertyName) {
+  if (typeof propertyName === 'undefined') {
+    throw Error('1 argument required, but only 0 present.');
+  }
+
+  var properties = this.getProperties();
+  this._handleParseError();
+
+  var property = properties.get(propertyName.trim());
+  return property;
+};
+
+/**
+ * Return the optional priority, "important".
+ *
+ * @param {string} propertyName representing the property name to be checked.
+ * @return {string} priority that represents the priority (e.g. "important") if one exists. If none exists, returns the empty string.
+ */
+CSSStyleDeclaration.prototype.getPropertyPriority = function (propertyName) {
+  var property = this._getProperty(propertyName);
+  return property ? property.priority : '';
+};
+
+/**
+ * Return the property value given a property name.
+ *
+ * @param {string} propertyName representing the property name to be checked.
+ * @return {string} value containing the value of the property. If not set, returns the empty string.
+ */
+CSSStyleDeclaration.prototype.getPropertyValue = function (propertyName) {
+  var property = this._getProperty(propertyName);
+  return property ? property.value : null;
+};
+
+/**
+ * Return a property name.
+ *
+ * @param {number} index of the node to be fetched. The index is zero-based.
+ * @return {string} propertyName that is the name of the CSS property at the specified index.
+ */
+CSSStyleDeclaration.prototype.item = function (index) {
+  if (typeof index === 'undefined') {
+    throw Error('1 argument required, but only 0 present.');
+  }
+
+  var properties = this.getProperties();
+  this._handleParseError();
+
+  return Array.from(properties.keys())[index];
+};
+
+/**
+ * Return all properties of the node.
+ *
+ * @return {Map} properties that is a Map with propertyName as key and property (propertyValue + propertyPriority) as value.
+ */
+CSSStyleDeclaration.prototype.getProperties = function () {
+  this._loadCssText();
+  return this.properties;
+};
+
+// writes to properties
+
+/**
+ * Remove a property from the CSS declaration block.
+ *
+ * @param {string} propertyName representing the property name to be removed.
+ * @return {string} oldValue equal to the value of the CSS property before it was removed.
+ */
+CSSStyleDeclaration.prototype.removeProperty = function (propertyName) {
+  if (typeof propertyName === 'undefined') {
+    throw Error('1 argument required, but only 0 present.');
+  }
+
+  this.addStyleValueHandler();
+
+  var properties = this.getProperties();
+  this._handleParseError();
+
+  var oldValue = this.getPropertyValue(propertyName);
+  properties.delete(propertyName.trim());
+  return oldValue;
+};
+
+/**
+ * Modify an existing CSS property or creates a new CSS property in the declaration block.
+ *
+ * @param {string} propertyName representing the CSS property name to be modified.
+ * @param {string} value containing the new property value. If not specified, treated as the empty string. value must not contain "!important" -- that should be set using the priority parameter.
+ * @param {string} priority allowing the "important" CSS priority to be set. If not specified, treated as the empty string.
+ * @return {{value: string, priority: string}}
+ */
+CSSStyleDeclaration.prototype.setProperty = function (
+  propertyName,
+  value,
+  priority
+) {
+  if (typeof propertyName === 'undefined') {
+    throw Error('propertyName argument required, but only not present.');
+  }
+
+  this.addStyleValueHandler();
+
+  var properties = this.getProperties();
+  this._handleParseError();
+
+  var property = {
+    value: value.trim(),
+    priority: priority.trim(),
+  };
+  properties.set(propertyName.trim(), property);
+
+  return property;
+};
+
+module.exports = CSSStyleDeclaration;

package/lib/svgo/jsAPI.d.ts

@@ -0,0 +1,2 @@
+declare let obj: any;
+export = obj;