Welcome to mirror list, hosted at ThFree Co, Russian Federation.

icon_utils.js « utils « lib « javascripts « assets « app - gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 58274092cf8982f7ff6c4021ddc08dc503f42ff4 (plain)
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
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);