assetgraph/lib/relations/HtmlSvgIsland.js

An auto discovery dependency graph based optimization framework for web pages and applications

const _ = require('lodash');
const HtmlRelation = require('./HtmlRelation');

class HtmlSvgIsland extends HtmlRelation {
  inlineHtmlRelation() {
    // Get the outerHTML of the documentElement instead of serializing
    // the childNodes, avoiding a duplication of xmlns attributes:
    const svgText = this.to.parseTree.documentElement.outerHTML.replace(
      /^<svg[^>]*>\s*|\s*<\/svg>\n?$/g,
      ''
    );
    const isSeenByAttributeName = {};
    for (const attribute of Array.from(
      this.to.parseTree.documentElement.attributes
    )) {
      this.node.setAttribute(attribute.name, attribute.value);
      isSeenByAttributeName[attribute.name] = true;
    }

    for (const attributeName of _.map(this.node.attributes, 'name')) {
      if (!isSeenByAttributeName[attributeName]) {
        this.node.removeAttribute(attributeName);
      }
    }

    this.node.innerHTML = svgText;
    this.from.markDirty();
  }

  attach(position, adjacentRelation) {
    throw new Error('Not implemented');
  }
}

HtmlSvgIsland.prototype._hrefType = 'inline';

module.exports = HtmlSvgIsland;