All files / app/assets/javascripts/lib/utils icon_utils.js

100% Statements 11/11
100% Branches 0/0
100% Functions 7/7
100% Lines 11/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43              14x 7x   4x   3x   3x                   14x 4x                     14x 7x   4x   5x  
import { memoize } from 'lodash';
import axios from '~/lib/utils/axios_utils';
 
/**
 * Resolves to a DOM that contains GitLab icons
 * in svg format. Memoized to avoid duplicate requests
 */
const getSvgDom = memoize(() =>
  axios
    .get(gon.sprite_icons)
    .then(({ data: svgs }) => new DOMParser().parseFromString(svgs, 'text/xml'))
    .catch((e) => {
      getSvgDom.cache.clear();
 
      throw e;
    }),
);
 
/**
 * Clears the memoized SVG content.
 *
 * You probably don't need to invoke this function unless
 * sprite_icons are updated.
 */
export const clearSvgIconPathContentCache = () => {
  getSvgDom.cache.clear();
};
 
/**
 * Retrieve SVG icon path content from gitlab/svg sprite icons.
 *
 * Content loaded is cached.
 *
 * @param {String} name - Icon name
 * @returns A promise that resolves to the svg path
 */
export const getSvgIconPathContent = (name) =>
  getSvgDom()
    .then((doc) => {
      return doc.querySelector(`#${name} path`).getAttribute('d');
    })
    .catch(() => null);