Add config option for getAssets

ddamato · Jun 19, 2020 · 8237244 · 8237244
1 parent 305a138
commit 8237244
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/src/getAssets.js b/src/getAssets.js
@@ -3,7 +3,7 @@ import toSvgElementFn from './toSvgElement.js';
 import { injectionStyle, injectionAttrs } from './injectionAssets.js';
 import injectionInit from './injectionManager.js';
 
-function getAssets(assetNames, options) {
+function getAssets(assetConfigs, options) {
   const { 
     externalPath,
     attemptInject,
@@ -27,22 +27,36 @@ function getAssets(assetNames, options) {
     renderFn = typeof toSvgElement === 'function' ? toSvgElement : toSvgElementFn;
   }
 
-  const svgAssets = [].concat(assetNames).reduce(function collectAssets(assets, assetName) {
-    const svgAttrs = Object.assign({ exposure: 'internal' }, primarySvgAttrs);
+  const svgAssets = [].concat(assetConfigs).reduce(function collectAssets(assets, assetConfig) {
+    const assetName = assetConfig.name || assetConfig;
+    const assetAttrs = assetConfig.attributes || {};
+    const assetTitle = assetConfig.title || '';
+    const assetDesc = assetConfig.desc || '';
+    const svgAttrs = Object.assign(assetAttrs, { exposure: 'internal' }, primarySvgAttrs);
     let useAttrs = { href: `#${assetName}` };
 
     if (typeof externalPath === 'string') {
       svgAttrs.exposure = 'external';
       useAttrs.href = urljoin(externalPath, `${assetName}.svg`, useAttrs.href);
     }
 
+    let title = '';
+    if (assetTitle) {
+      title = `<title>${assetTitle}</title>`;
+    }
+
+    let desc = '';
+    if (assetTitle && assetDesc) {
+      desc = `<desc>${assetTitle}</desc>`;
+    }
+
     let style = ''
     if (attemptInject) {
       style = injectionStyle;
       useAttrs = Object.assign(useAttrs, injectionAttrs);
     }
 
-    const svgString = `<svg ${toAttributes(svgAttrs)}>${style}<use ${toAttributes(useAttrs)}/></svg>`;
+    const svgString = `<svg ${toAttributes(svgAttrs)}>${title}${desc}${style}<use ${toAttributes(useAttrs)}/></svg>`;
     return Object.assign(assets, { [assetName]: svgString });
   }, {});