tiptap/examples/helpers/svg-sprite-loader.js

;(function(window, document) {
  'use strict';

  var isSvg = document.createElementNS && document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect;
  var localStorage = 'localStorage' in window && window['localStorage'] !== null ? window.localStorage : false;

  function svgSpriteInjector(source, opts) {
    var file;
    opts = opts || {};

    if (source instanceof Node) {
      file = source.getAttribute('data-svg-sprite');
      opts.revision = source.getAttribute('data-svg-sprite-revision') || opts.revision;
    } else if (typeof source === 'string') {
      file = source;
    }

    if (isSvg) {
      if (file) {
        injector(file, opts);
      } else {
        console.error('svg-sprite-injector: undefined sprite filename!');
      }
    } else {
      console.error('svg-sprite-injector require ie9 or greater!');
    }
  };

  function injector(filepath, opts) {
    var name = 'injectedSVGSprite' + filepath,
      revision = opts.revision,
      request;

    // localStorage cache
    if (revision !== undefined && localStorage && localStorage[name + 'Rev'] == revision) {
      return injectOnLoad(localStorage[name]);
    }

    // Async load
    request = new XMLHttpRequest();
    request.open('GET', filepath, true);
    request.onreadystatechange = function (e) {
      var data;

      if (request.readyState === 4 && request.status >= 200 && request.status < 400) {
        injectOnLoad(data = request.responseText);
        if (revision !== undefined && localStorage) {
          localStorage[name] = data;
          localStorage[name + 'Rev'] = revision;
        }
      }
    };
    request.send();
  }

  function injectOnLoad(data) {
    if (data) {
      if (document.body) {
        injectData(data);
      } else {
        document.addEventListener('DOMContentLoaded', injectData.bind(null, data));
      }
    }
  }

  function injectData(data) {
    var body = document.body;
    body.insertAdjacentHTML('afterbegin', data);
    if (body.firstChild.tagName === 'svg') {
      body.firstChild.style.display = 'none';
    }
  }

  if (typeof exports === 'object') {
    module.exports = svgSpriteInjector;
  } else {
    window.svgSpriteInjector = svgSpriteInjector;
  }

} (window, document));