foreign-content.js 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. import { TAG_ID as $, NS, ATTRS, getTagID } from './html.js';
  2. //MIME types
  3. const MIME_TYPES = {
  4. TEXT_HTML: 'text/html',
  5. APPLICATION_XML: 'application/xhtml+xml',
  6. };
  7. //Attributes
  8. const DEFINITION_URL_ATTR = 'definitionurl';
  9. const ADJUSTED_DEFINITION_URL_ATTR = 'definitionURL';
  10. const SVG_ATTRS_ADJUSTMENT_MAP = new Map([
  11. 'attributeName',
  12. 'attributeType',
  13. 'baseFrequency',
  14. 'baseProfile',
  15. 'calcMode',
  16. 'clipPathUnits',
  17. 'diffuseConstant',
  18. 'edgeMode',
  19. 'filterUnits',
  20. 'glyphRef',
  21. 'gradientTransform',
  22. 'gradientUnits',
  23. 'kernelMatrix',
  24. 'kernelUnitLength',
  25. 'keyPoints',
  26. 'keySplines',
  27. 'keyTimes',
  28. 'lengthAdjust',
  29. 'limitingConeAngle',
  30. 'markerHeight',
  31. 'markerUnits',
  32. 'markerWidth',
  33. 'maskContentUnits',
  34. 'maskUnits',
  35. 'numOctaves',
  36. 'pathLength',
  37. 'patternContentUnits',
  38. 'patternTransform',
  39. 'patternUnits',
  40. 'pointsAtX',
  41. 'pointsAtY',
  42. 'pointsAtZ',
  43. 'preserveAlpha',
  44. 'preserveAspectRatio',
  45. 'primitiveUnits',
  46. 'refX',
  47. 'refY',
  48. 'repeatCount',
  49. 'repeatDur',
  50. 'requiredExtensions',
  51. 'requiredFeatures',
  52. 'specularConstant',
  53. 'specularExponent',
  54. 'spreadMethod',
  55. 'startOffset',
  56. 'stdDeviation',
  57. 'stitchTiles',
  58. 'surfaceScale',
  59. 'systemLanguage',
  60. 'tableValues',
  61. 'targetX',
  62. 'targetY',
  63. 'textLength',
  64. 'viewBox',
  65. 'viewTarget',
  66. 'xChannelSelector',
  67. 'yChannelSelector',
  68. 'zoomAndPan',
  69. ].map((attr) => [attr.toLowerCase(), attr]));
  70. const XML_ATTRS_ADJUSTMENT_MAP = new Map([
  71. ['xlink:actuate', { prefix: 'xlink', name: 'actuate', namespace: NS.XLINK }],
  72. ['xlink:arcrole', { prefix: 'xlink', name: 'arcrole', namespace: NS.XLINK }],
  73. ['xlink:href', { prefix: 'xlink', name: 'href', namespace: NS.XLINK }],
  74. ['xlink:role', { prefix: 'xlink', name: 'role', namespace: NS.XLINK }],
  75. ['xlink:show', { prefix: 'xlink', name: 'show', namespace: NS.XLINK }],
  76. ['xlink:title', { prefix: 'xlink', name: 'title', namespace: NS.XLINK }],
  77. ['xlink:type', { prefix: 'xlink', name: 'type', namespace: NS.XLINK }],
  78. ['xml:lang', { prefix: 'xml', name: 'lang', namespace: NS.XML }],
  79. ['xml:space', { prefix: 'xml', name: 'space', namespace: NS.XML }],
  80. ['xmlns', { prefix: '', name: 'xmlns', namespace: NS.XMLNS }],
  81. ['xmlns:xlink', { prefix: 'xmlns', name: 'xlink', namespace: NS.XMLNS }],
  82. ]);
  83. //SVG tag names adjustment map
  84. export const SVG_TAG_NAMES_ADJUSTMENT_MAP = new Map([
  85. 'altGlyph',
  86. 'altGlyphDef',
  87. 'altGlyphItem',
  88. 'animateColor',
  89. 'animateMotion',
  90. 'animateTransform',
  91. 'clipPath',
  92. 'feBlend',
  93. 'feColorMatrix',
  94. 'feComponentTransfer',
  95. 'feComposite',
  96. 'feConvolveMatrix',
  97. 'feDiffuseLighting',
  98. 'feDisplacementMap',
  99. 'feDistantLight',
  100. 'feFlood',
  101. 'feFuncA',
  102. 'feFuncB',
  103. 'feFuncG',
  104. 'feFuncR',
  105. 'feGaussianBlur',
  106. 'feImage',
  107. 'feMerge',
  108. 'feMergeNode',
  109. 'feMorphology',
  110. 'feOffset',
  111. 'fePointLight',
  112. 'feSpecularLighting',
  113. 'feSpotLight',
  114. 'feTile',
  115. 'feTurbulence',
  116. 'foreignObject',
  117. 'glyphRef',
  118. 'linearGradient',
  119. 'radialGradient',
  120. 'textPath',
  121. ].map((tn) => [tn.toLowerCase(), tn]));
  122. //Tags that causes exit from foreign content
  123. const EXITS_FOREIGN_CONTENT = new Set([
  124. $.B,
  125. $.BIG,
  126. $.BLOCKQUOTE,
  127. $.BODY,
  128. $.BR,
  129. $.CENTER,
  130. $.CODE,
  131. $.DD,
  132. $.DIV,
  133. $.DL,
  134. $.DT,
  135. $.EM,
  136. $.EMBED,
  137. $.H1,
  138. $.H2,
  139. $.H3,
  140. $.H4,
  141. $.H5,
  142. $.H6,
  143. $.HEAD,
  144. $.HR,
  145. $.I,
  146. $.IMG,
  147. $.LI,
  148. $.LISTING,
  149. $.MENU,
  150. $.META,
  151. $.NOBR,
  152. $.OL,
  153. $.P,
  154. $.PRE,
  155. $.RUBY,
  156. $.S,
  157. $.SMALL,
  158. $.SPAN,
  159. $.STRONG,
  160. $.STRIKE,
  161. $.SUB,
  162. $.SUP,
  163. $.TABLE,
  164. $.TT,
  165. $.U,
  166. $.UL,
  167. $.VAR,
  168. ]);
  169. //Check exit from foreign content
  170. export function causesExit(startTagToken) {
  171. const tn = startTagToken.tagID;
  172. const isFontWithAttrs = tn === $.FONT &&
  173. startTagToken.attrs.some(({ name }) => name === ATTRS.COLOR || name === ATTRS.SIZE || name === ATTRS.FACE);
  174. return isFontWithAttrs || EXITS_FOREIGN_CONTENT.has(tn);
  175. }
  176. //Token adjustments
  177. export function adjustTokenMathMLAttrs(token) {
  178. for (let i = 0; i < token.attrs.length; i++) {
  179. if (token.attrs[i].name === DEFINITION_URL_ATTR) {
  180. token.attrs[i].name = ADJUSTED_DEFINITION_URL_ATTR;
  181. break;
  182. }
  183. }
  184. }
  185. export function adjustTokenSVGAttrs(token) {
  186. for (let i = 0; i < token.attrs.length; i++) {
  187. const adjustedAttrName = SVG_ATTRS_ADJUSTMENT_MAP.get(token.attrs[i].name);
  188. if (adjustedAttrName != null) {
  189. token.attrs[i].name = adjustedAttrName;
  190. }
  191. }
  192. }
  193. export function adjustTokenXMLAttrs(token) {
  194. for (let i = 0; i < token.attrs.length; i++) {
  195. const adjustedAttrEntry = XML_ATTRS_ADJUSTMENT_MAP.get(token.attrs[i].name);
  196. if (adjustedAttrEntry) {
  197. token.attrs[i].prefix = adjustedAttrEntry.prefix;
  198. token.attrs[i].name = adjustedAttrEntry.name;
  199. token.attrs[i].namespace = adjustedAttrEntry.namespace;
  200. }
  201. }
  202. }
  203. export function adjustTokenSVGTagName(token) {
  204. const adjustedTagName = SVG_TAG_NAMES_ADJUSTMENT_MAP.get(token.tagName);
  205. if (adjustedTagName != null) {
  206. token.tagName = adjustedTagName;
  207. token.tagID = getTagID(token.tagName);
  208. }
  209. }
  210. //Integration points
  211. function isMathMLTextIntegrationPoint(tn, ns) {
  212. return ns === NS.MATHML && (tn === $.MI || tn === $.MO || tn === $.MN || tn === $.MS || tn === $.MTEXT);
  213. }
  214. function isHtmlIntegrationPoint(tn, ns, attrs) {
  215. if (ns === NS.MATHML && tn === $.ANNOTATION_XML) {
  216. for (let i = 0; i < attrs.length; i++) {
  217. if (attrs[i].name === ATTRS.ENCODING) {
  218. const value = attrs[i].value.toLowerCase();
  219. return value === MIME_TYPES.TEXT_HTML || value === MIME_TYPES.APPLICATION_XML;
  220. }
  221. }
  222. }
  223. return ns === NS.SVG && (tn === $.FOREIGN_OBJECT || tn === $.DESC || tn === $.TITLE);
  224. }
  225. export function isIntegrationPoint(tn, ns, attrs, foreignNS) {
  226. return (((!foreignNS || foreignNS === NS.HTML) && isHtmlIntegrationPoint(tn, ns, attrs)) ||
  227. ((!foreignNS || foreignNS === NS.MATHML) && isMathMLTextIntegrationPoint(tn, ns)));
  228. }