auto-render.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. (function webpackUniversalModuleDefinition(root, factory) {
  2. if(typeof exports === 'object' && typeof module === 'object')
  3. module.exports = factory(require("katex"));
  4. else if(typeof define === 'function' && define.amd)
  5. define(["katex"], factory);
  6. else if(typeof exports === 'object')
  7. exports["renderMathInElement"] = factory(require("katex"));
  8. else
  9. root["renderMathInElement"] = factory(root["katex"]);
  10. })((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__0__) {
  11. return /******/ (function(modules) { // webpackBootstrap
  12. /******/ // The module cache
  13. /******/ var installedModules = {};
  14. /******/
  15. /******/ // The require function
  16. /******/ function __webpack_require__(moduleId) {
  17. /******/
  18. /******/ // Check if module is in cache
  19. /******/ if(installedModules[moduleId]) {
  20. /******/ return installedModules[moduleId].exports;
  21. /******/ }
  22. /******/ // Create a new module (and put it into the cache)
  23. /******/ var module = installedModules[moduleId] = {
  24. /******/ i: moduleId,
  25. /******/ l: false,
  26. /******/ exports: {}
  27. /******/ };
  28. /******/
  29. /******/ // Execute the module function
  30. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  31. /******/
  32. /******/ // Flag the module as loaded
  33. /******/ module.l = true;
  34. /******/
  35. /******/ // Return the exports of the module
  36. /******/ return module.exports;
  37. /******/ }
  38. /******/
  39. /******/
  40. /******/ // expose the modules object (__webpack_modules__)
  41. /******/ __webpack_require__.m = modules;
  42. /******/
  43. /******/ // expose the module cache
  44. /******/ __webpack_require__.c = installedModules;
  45. /******/
  46. /******/ // define getter function for harmony exports
  47. /******/ __webpack_require__.d = function(exports, name, getter) {
  48. /******/ if(!__webpack_require__.o(exports, name)) {
  49. /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
  50. /******/ }
  51. /******/ };
  52. /******/
  53. /******/ // define __esModule on exports
  54. /******/ __webpack_require__.r = function(exports) {
  55. /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  56. /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
  57. /******/ }
  58. /******/ Object.defineProperty(exports, '__esModule', { value: true });
  59. /******/ };
  60. /******/
  61. /******/ // create a fake namespace object
  62. /******/ // mode & 1: value is a module id, require it
  63. /******/ // mode & 2: merge all properties of value into the ns
  64. /******/ // mode & 4: return value when already ns object
  65. /******/ // mode & 8|1: behave like require
  66. /******/ __webpack_require__.t = function(value, mode) {
  67. /******/ if(mode & 1) value = __webpack_require__(value);
  68. /******/ if(mode & 8) return value;
  69. /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
  70. /******/ var ns = Object.create(null);
  71. /******/ __webpack_require__.r(ns);
  72. /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
  73. /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
  74. /******/ return ns;
  75. /******/ };
  76. /******/
  77. /******/ // getDefaultExport function for compatibility with non-harmony modules
  78. /******/ __webpack_require__.n = function(module) {
  79. /******/ var getter = module && module.__esModule ?
  80. /******/ function getDefault() { return module['default']; } :
  81. /******/ function getModuleExports() { return module; };
  82. /******/ __webpack_require__.d(getter, 'a', getter);
  83. /******/ return getter;
  84. /******/ };
  85. /******/
  86. /******/ // Object.prototype.hasOwnProperty.call
  87. /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  88. /******/
  89. /******/ // __webpack_public_path__
  90. /******/ __webpack_require__.p = "";
  91. /******/
  92. /******/
  93. /******/ // Load entry module and return exports
  94. /******/ return __webpack_require__(__webpack_require__.s = 1);
  95. /******/ })
  96. /************************************************************************/
  97. /******/ ([
  98. /* 0 */
  99. /***/ (function(module, exports) {
  100. module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
  101. /***/ }),
  102. /* 1 */
  103. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  104. "use strict";
  105. __webpack_require__.r(__webpack_exports__);
  106. // EXTERNAL MODULE: external "katex"
  107. var external_katex_ = __webpack_require__(0);
  108. var external_katex_default = /*#__PURE__*/__webpack_require__.n(external_katex_);
  109. // CONCATENATED MODULE: ./contrib/auto-render/splitAtDelimiters.js
  110. /* eslint no-constant-condition:0 */
  111. var findEndOfMath = function findEndOfMath(delimiter, text, startIndex) {
  112. // Adapted from
  113. // https://github.com/Khan/perseus/blob/master/src/perseus-markdown.jsx
  114. var index = startIndex;
  115. var braceLevel = 0;
  116. var delimLength = delimiter.length;
  117. while (index < text.length) {
  118. var character = text[index];
  119. if (braceLevel <= 0 && text.slice(index, index + delimLength) === delimiter) {
  120. return index;
  121. } else if (character === "\\") {
  122. index++;
  123. } else if (character === "{") {
  124. braceLevel++;
  125. } else if (character === "}") {
  126. braceLevel--;
  127. }
  128. index++;
  129. }
  130. return -1;
  131. };
  132. var splitAtDelimiters = function splitAtDelimiters(startData, leftDelim, rightDelim, display) {
  133. var finalData = [];
  134. for (var i = 0; i < startData.length; i++) {
  135. if (startData[i].type === "text") {
  136. var text = startData[i].data;
  137. var lookingForLeft = true;
  138. var currIndex = 0;
  139. var nextIndex = void 0;
  140. nextIndex = text.indexOf(leftDelim);
  141. if (nextIndex !== -1) {
  142. currIndex = nextIndex;
  143. finalData.push({
  144. type: "text",
  145. data: text.slice(0, currIndex)
  146. });
  147. lookingForLeft = false;
  148. }
  149. while (true) {
  150. if (lookingForLeft) {
  151. nextIndex = text.indexOf(leftDelim, currIndex);
  152. if (nextIndex === -1) {
  153. break;
  154. }
  155. finalData.push({
  156. type: "text",
  157. data: text.slice(currIndex, nextIndex)
  158. });
  159. currIndex = nextIndex;
  160. } else {
  161. nextIndex = findEndOfMath(rightDelim, text, currIndex + leftDelim.length);
  162. if (nextIndex === -1) {
  163. break;
  164. }
  165. finalData.push({
  166. type: "math",
  167. data: text.slice(currIndex + leftDelim.length, nextIndex),
  168. rawData: text.slice(currIndex, nextIndex + rightDelim.length),
  169. display: display
  170. });
  171. currIndex = nextIndex + rightDelim.length;
  172. }
  173. lookingForLeft = !lookingForLeft;
  174. }
  175. finalData.push({
  176. type: "text",
  177. data: text.slice(currIndex)
  178. });
  179. } else {
  180. finalData.push(startData[i]);
  181. }
  182. }
  183. return finalData;
  184. };
  185. /* harmony default export */ var auto_render_splitAtDelimiters = (splitAtDelimiters);
  186. // CONCATENATED MODULE: ./contrib/auto-render/auto-render.js
  187. /* eslint no-console:0 */
  188. var auto_render_splitWithDelimiters = function splitWithDelimiters(text, delimiters) {
  189. var data = [{ type: "text", data: text }];
  190. for (var i = 0; i < delimiters.length; i++) {
  191. var delimiter = delimiters[i];
  192. data = auto_render_splitAtDelimiters(data, delimiter.left, delimiter.right, delimiter.display || false);
  193. }
  194. return data;
  195. };
  196. /* Note: optionsCopy is mutated by this method. If it is ever exposed in the
  197. * API, we should copy it before mutating.
  198. */
  199. var auto_render_renderMathInText = function renderMathInText(text, optionsCopy) {
  200. var data = auto_render_splitWithDelimiters(text, optionsCopy.delimiters);
  201. var fragment = document.createDocumentFragment();
  202. for (var i = 0; i < data.length; i++) {
  203. if (data[i].type === "text") {
  204. fragment.appendChild(document.createTextNode(data[i].data));
  205. } else {
  206. var span = document.createElement("span");
  207. var math = data[i].data;
  208. // Override any display mode defined in the settings with that
  209. // defined by the text itself
  210. optionsCopy.displayMode = data[i].display;
  211. try {
  212. external_katex_default.a.render(math, span, optionsCopy);
  213. } catch (e) {
  214. if (!(e instanceof external_katex_default.a.ParseError)) {
  215. throw e;
  216. }
  217. optionsCopy.errorCallback("KaTeX auto-render: Failed to parse `" + data[i].data + "` with ", e);
  218. fragment.appendChild(document.createTextNode(data[i].rawData));
  219. continue;
  220. }
  221. fragment.appendChild(span);
  222. }
  223. }
  224. return fragment;
  225. };
  226. var renderElem = function renderElem(elem, optionsCopy) {
  227. for (var i = 0; i < elem.childNodes.length; i++) {
  228. var childNode = elem.childNodes[i];
  229. if (childNode.nodeType === 3) {
  230. // Text node
  231. var frag = auto_render_renderMathInText(childNode.textContent, optionsCopy);
  232. i += frag.childNodes.length - 1;
  233. elem.replaceChild(frag, childNode);
  234. } else if (childNode.nodeType === 1) {
  235. (function () {
  236. // Element node
  237. var className = ' ' + childNode.className + ' ';
  238. var shouldRender = optionsCopy.ignoredTags.indexOf(childNode.nodeName.toLowerCase()) === -1 && optionsCopy.ignoredClasses.every(function (x) {
  239. return className.indexOf(' ' + x + ' ') === -1;
  240. });
  241. if (shouldRender) {
  242. renderElem(childNode, optionsCopy);
  243. }
  244. })();
  245. }
  246. // Otherwise, it's something else, and ignore it.
  247. }
  248. };
  249. var renderMathInElement = function renderMathInElement(elem, options) {
  250. if (!elem) {
  251. throw new Error("No element provided to render");
  252. }
  253. var optionsCopy = {};
  254. // Object.assign(optionsCopy, option)
  255. for (var option in options) {
  256. if (options.hasOwnProperty(option)) {
  257. optionsCopy[option] = options[option];
  258. }
  259. }
  260. // default options
  261. optionsCopy.delimiters = optionsCopy.delimiters || [{ left: "$$", right: "$$", display: true }, { left: "\\(", right: "\\)", display: false },
  262. // LaTeX uses $…$, but it ruins the display of normal `$` in text:
  263. // {left: "$", right: "$", display: false},
  264. // \[…\] must come last in this array. Otherwise, renderMathInElement
  265. // will search for \[ before it searches for $$ or \(
  266. // That makes it susceptible to finding a \\[0.3em] row delimiter and
  267. // treating it as if it were the start of a KaTeX math zone.
  268. { left: "\\[", right: "\\]", display: true }];
  269. optionsCopy.ignoredTags = optionsCopy.ignoredTags || ["script", "noscript", "style", "textarea", "pre", "code"];
  270. optionsCopy.ignoredClasses = optionsCopy.ignoredClasses || [];
  271. optionsCopy.errorCallback = optionsCopy.errorCallback || console.error;
  272. // Enable sharing of global macros defined via `\gdef` between different
  273. // math elements within a single call to `renderMathInElement`.
  274. optionsCopy.macros = optionsCopy.macros || {};
  275. renderElem(elem, optionsCopy);
  276. };
  277. /* harmony default export */ var auto_render = __webpack_exports__["default"] = (renderMathInElement);
  278. /***/ })
  279. /******/ ])["default"];
  280. });