fabric
Version:
Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.
1 lines • 5.15 kB
Source Map (JSON)
{"version":3,"file":"parseUseDirectives.min.mjs","names":[],"sources":["../../../src/parser/parseUseDirectives.ts"],"sourcesContent":["import { svgNS } from './constants';\nimport { getMultipleNodes } from './getMultipleNodes';\nimport { applyViewboxTransform } from './applyViewboxTransform';\nimport { parseStyleString } from './parseStyleString';\n\nexport function parseUseDirectives(doc: Document) {\n const nodelist = getMultipleNodes(doc, ['use', 'svg:use']);\n const skipAttributes = ['x', 'y', 'xlink:href', 'href', 'transform'];\n\n for (const useElement of nodelist) {\n const useAttributes: NamedNodeMap = useElement.attributes;\n\n const useAttrMap: Record<string, string> = {};\n for (const attr of useAttributes) {\n attr.value && (useAttrMap[attr.name] = attr.value);\n }\n\n const xlink = (useAttrMap['xlink:href'] || useAttrMap.href || '').slice(1);\n\n if (xlink === '') {\n return;\n }\n const referencedElement = doc.getElementById(xlink);\n if (referencedElement === null) {\n // if we can't find the target of the xlink, consider this use tag bad, similar to no xlink\n return;\n }\n let clonedOriginal = referencedElement.cloneNode(true) as Element;\n\n const originalAttributes: NamedNodeMap = clonedOriginal.attributes;\n\n const originalAttrMap: Record<string, string> = {};\n for (const attr of originalAttributes) {\n attr.value && (originalAttrMap[attr.name] = attr.value);\n }\n\n // Transform attribute needs to be merged in a particular way\n const { x = 0, y = 0, transform = '' } = useAttrMap;\n const currentTrans = `${transform} ${\n originalAttrMap.transform || ''\n } translate(${x}, ${y})`;\n\n applyViewboxTransform(clonedOriginal);\n\n if (/^svg$/i.test(clonedOriginal.nodeName)) {\n // if is an SVG, create a group and apply all the attributes on top of it\n const el3 = clonedOriginal.ownerDocument.createElementNS(svgNS, 'g');\n Object.entries(originalAttrMap).forEach(([name, value]) =>\n el3.setAttributeNS(svgNS, name, value),\n );\n el3.append(...clonedOriginal.childNodes);\n clonedOriginal = el3;\n }\n\n for (const attr of useAttributes) {\n if (!attr) {\n continue;\n }\n const { name, value } = attr;\n if (skipAttributes.includes(name)) {\n continue;\n }\n\n if (name === 'style') {\n // when use has a style, merge the two styles, with the ref being priority (not use)\n // priority is by feature. an attribute for fill on the original element\n // will overwrite the fill in style or attribute for tha use\n const styleRecord: Record<string, any> = {};\n parseStyleString(value, styleRecord);\n // cleanup styleRecord from attributes of original\n Object.entries(originalAttrMap).forEach(([name, value]) => {\n styleRecord[name] = value;\n });\n // now we can put in the style of the original that will overwrite the original attributes\n parseStyleString(originalAttrMap.style || '', styleRecord);\n const mergedStyles = Object.entries(styleRecord)\n .map((entry) => entry.join(':'))\n .join(';');\n clonedOriginal.setAttribute(name, mergedStyles);\n } else {\n // set the attribute from use element only if the original does not have it already\n !originalAttrMap[name] && clonedOriginal.setAttribute(name, value);\n }\n }\n\n clonedOriginal.setAttribute('transform', currentTrans);\n clonedOriginal.setAttribute('instantiated_by_use', '1');\n clonedOriginal.removeAttribute('id');\n useElement.parentNode!.replaceChild(clonedOriginal, useElement);\n }\n}\n"],"mappings":"gPAKA,SAAgB,EAAmB,EAAA,CACjC,IAAM,EAAW,EAAiB,EAAK,CAAC,MAAO,UAAA,CAAA,CACzC,EAAiB,CAAC,IAAK,IAAK,aAAc,OAAQ,YAAA,CAExD,IAAK,IAAM,KAAc,EAAU,CACjC,IAAM,EAA8B,EAAW,WAEzC,EAAqC,EAAA,CAC3C,IAAK,IAAM,KAAQ,EACjB,EAAK,QAAU,EAAW,EAAK,MAAQ,EAAK,OAG9C,IAAM,GAAS,EAAW,eAAiB,EAAW,MAAQ,IAAI,MAAM,EAAA,CAExE,GAAI,IAAU,GACZ,OAEF,IAAM,EAAoB,EAAI,eAAe,EAAA,CAC7C,GAAI,IAAsB,KAExB,OAEF,IAAI,EAAiB,EAAkB,UAAA,CAAU,EAAA,CAE3C,EAAmC,EAAe,WAElD,EAA0C,EAAA,CAChD,IAAK,IAAM,KAAQ,EACjB,EAAK,QAAU,EAAgB,EAAK,MAAQ,EAAK,OAInD,GAAA,CAAM,EAAE,EAAI,EAAA,EAAG,EAAI,EAAA,UAAG,EAAY,IAAO,EACnC,EAAe,GAAG,EAAA,GACtB,EAAgB,WAAa,GAAA,aACjB,EAAA,IAAM,EAAA,GAIpB,GAFA,EAAsB,EAAA,CAElB,SAAS,KAAK,EAAe,SAAA,CAAW,CAE1C,IAAM,EAAM,EAAe,cAAc,gBAAgB,EAAO,IAAA,CAChE,OAAO,QAAQ,EAAA,CAAiB,SAAA,CAAU,EAAM,KAC9C,EAAI,eAAe,EAAO,EAAM,EAAA,CAAA,CAElC,EAAI,OAAA,GAAU,EAAe,WAAA,CAC7B,EAAiB,EAGnB,IAAK,IAAM,KAAQ,EAAe,CAChC,GAAA,CAAK,EACH,SAEF,GAAA,CAAM,KAAE,EAAA,MAAM,GAAU,EACxB,GAAA,CAAI,EAAe,SAAS,EAAA,CAI5B,GAAI,IAAS,QAAS,CAIpB,IAAM,EAAmC,EAAA,CACzC,EAAiB,EAAO,EAAA,CAExB,OAAO,QAAQ,EAAA,CAAiB,SAAA,CAAU,EAAM,KAAA,CAC9C,EAAY,GAAQ,GAAA,CAGtB,EAAiB,EAAgB,OAAS,GAAI,EAAA,CAC9C,IAAM,EAAe,OAAO,QAAQ,EAAA,CACjC,IAAK,GAAU,EAAM,KAAK,IAAA,CAAA,CAC1B,KAAK,IAAA,CACR,EAAe,aAAa,EAAM,EAAA,MAAA,CAGjC,EAAgB,IAAS,EAAe,aAAa,EAAM,EAAA,CAIhE,EAAe,aAAa,YAAa,EAAA,CACzC,EAAe,aAAa,sBAAuB,IAAA,CACnD,EAAe,gBAAgB,KAAA,CAC/B,EAAW,WAAY,aAAa,EAAgB,EAAA,EAAA,OAAA,KAAA"}