browser-sprite.js 932 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. import BrowserSprite from 'svg-baker-runtime/src/browser-sprite';
  2. import domready from 'domready';
  3. const spriteNodeId = '__SVG_SPRITE_NODE__';
  4. const spriteGlobalVarName = '__SVG_SPRITE__';
  5. const isSpriteExists = !!window[spriteGlobalVarName];
  6. // eslint-disable-next-line import/no-mutable-exports
  7. let sprite;
  8. if (isSpriteExists) {
  9. sprite = window[spriteGlobalVarName];
  10. } else {
  11. sprite = new BrowserSprite({ attrs: { id: spriteNodeId } });
  12. window[spriteGlobalVarName] = sprite;
  13. }
  14. const loadSprite = () => {
  15. /**
  16. * Check for page already contains sprite node
  17. * If found - attach to and reuse it's content
  18. * If not - render and mount the new sprite
  19. */
  20. const existing = document.getElementById(spriteNodeId);
  21. if (existing) {
  22. sprite.attach(existing);
  23. } else {
  24. sprite.mount(document.body, true);
  25. }
  26. };
  27. if (document.body) {
  28. loadSprite();
  29. } else {
  30. domready(loadSprite);
  31. }
  32. export default sprite;