foreign-content.js 7.8 KB

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