react-native-mathjax-html-to-svg
Version:
React Native component to display mathematics in html using MathJax. Uses [MathJax](https://github.com/mathjax/)
402 lines (401 loc) • 15.9 kB
JavaScript
"use strict";
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
};
var __values = (this && this.__values) || function(o) {
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
if (m) return m.call(o);
if (o && typeof o.length === "number") return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
};
var __read = (this && this.__read) || function (o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AddCSS = exports.CHTMLFontData = void 0;
var FontData_js_1 = require("../common/FontData.js");
var lengths_js_1 = require("../../util/lengths.js");
var Options_js_1 = require("../../util/Options.js");
__exportStar(require("../common/FontData.js"), exports);
var CHTMLFontData = (function (_super) {
__extends(CHTMLFontData, _super);
function CHTMLFontData(options) {
if (options === void 0) { options = null; }
var _this = _super.call(this) || this;
var CLASS = _this.constructor;
_this.options = Options_js_1.userOptions(Options_js_1.defaultOptions({}, CLASS.OPTIONS), options);
return _this;
}
CHTMLFontData.charOptions = function (font, n) {
return _super.charOptions.call(this, font, n);
};
CHTMLFontData.prototype.adaptiveCSS = function (adapt) {
this.options.adaptiveCSS = adapt;
};
CHTMLFontData.prototype.clearCache = function () {
var e_1, _a, e_2, _b, e_3, _c;
if (!this.options.adaptiveCSS)
return;
try {
for (var _d = __values(Object.keys(this.delimiters)), _e = _d.next(); !_e.done; _e = _d.next()) {
var n = _e.value;
this.delimiters[parseInt(n)].used = false;
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
}
finally { if (e_1) throw e_1.error; }
}
try {
for (var _f = __values(Object.keys(this.variant)), _g = _f.next(); !_g.done; _g = _f.next()) {
var name_1 = _g.value;
var chars = this.variant[name_1].chars;
try {
for (var _h = (e_3 = void 0, __values(Object.keys(chars))), _j = _h.next(); !_j.done; _j = _h.next()) {
var n = _j.value;
var options = chars[parseInt(n)][3];
if (options) {
options.used = false;
}
}
}
catch (e_3_1) { e_3 = { error: e_3_1 }; }
finally {
try {
if (_j && !_j.done && (_c = _h.return)) _c.call(_h);
}
finally { if (e_3) throw e_3.error; }
}
}
}
catch (e_2_1) { e_2 = { error: e_2_1 }; }
finally {
try {
if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
}
finally { if (e_2) throw e_2.error; }
}
};
CHTMLFontData.prototype.createVariant = function (name, inherit, link) {
if (inherit === void 0) { inherit = null; }
if (link === void 0) { link = null; }
_super.prototype.createVariant.call(this, name, inherit, link);
var CLASS = this.constructor;
this.variant[name].classes = CLASS.defaultVariantClasses[name];
this.variant[name].letter = CLASS.defaultVariantLetters[name];
};
CHTMLFontData.prototype.defineChars = function (name, chars) {
var e_4, _a;
_super.prototype.defineChars.call(this, name, chars);
var letter = this.variant[name].letter;
try {
for (var _b = __values(Object.keys(chars)), _c = _b.next(); !_c.done; _c = _b.next()) {
var n = _c.value;
var options = CHTMLFontData.charOptions(chars, parseInt(n));
if (options.f === undefined) {
options.f = letter;
}
}
}
catch (e_4_1) { e_4 = { error: e_4_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_4) throw e_4.error; }
}
};
Object.defineProperty(CHTMLFontData.prototype, "styles", {
get: function () {
var e_5, _a;
var CLASS = this.constructor;
var styles = __assign({}, CLASS.defaultStyles);
this.addFontURLs(styles, CLASS.defaultFonts, this.options.fontURL);
try {
for (var _b = __values(Object.keys(this.delimiters)), _c = _b.next(); !_c.done; _c = _b.next()) {
var n = _c.value;
var N = parseInt(n);
this.addDelimiterStyles(styles, N, this.delimiters[N]);
}
}
catch (e_5_1) { e_5 = { error: e_5_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_5) throw e_5.error; }
}
this.addVariantChars(styles);
return styles;
},
enumerable: false,
configurable: true
});
CHTMLFontData.prototype.addVariantChars = function (styles) {
var e_6, _a, e_7, _b;
var allCSS = !this.options.adaptiveCSS;
try {
for (var _c = __values(Object.keys(this.variant)), _d = _c.next(); !_d.done; _d = _c.next()) {
var name_2 = _d.value;
var variant = this.variant[name_2];
var vletter = variant.letter;
try {
for (var _e = (e_7 = void 0, __values(Object.keys(variant.chars))), _f = _e.next(); !_f.done; _f = _e.next()) {
var n = _f.value;
var N = parseInt(n);
var char = variant.chars[N];
if ((char[3] || {}).smp)
continue;
if (allCSS && char.length < 4) {
char[3] = {};
}
if (char.length === 4 || allCSS) {
this.addCharStyles(styles, vletter, N, char);
}
}
}
catch (e_7_1) { e_7 = { error: e_7_1 }; }
finally {
try {
if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
}
finally { if (e_7) throw e_7.error; }
}
}
}
catch (e_6_1) { e_6 = { error: e_6_1 }; }
finally {
try {
if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
}
finally { if (e_6) throw e_6.error; }
}
};
CHTMLFontData.prototype.addFontURLs = function (styles, fonts, url) {
var e_8, _a;
try {
for (var _b = __values(Object.keys(fonts)), _c = _b.next(); !_c.done; _c = _b.next()) {
var name_3 = _c.value;
var font = __assign({}, fonts[name_3]);
font.src = font.src.replace(/%%URL%%/, url);
styles[name_3] = font;
}
}
catch (e_8_1) { e_8 = { error: e_8_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_8) throw e_8.error; }
}
};
CHTMLFontData.prototype.addDelimiterStyles = function (styles, n, data) {
if (this.options.adaptiveCSS && !data.used)
return;
var c = this.charSelector(n);
if (data.c && data.c !== n) {
styles['.mjx-stretched mjx-c' + c + '::before'] = {
content: this.charContent(data.c)
};
}
if (!data.stretch)
return;
if (data.dir === 1) {
this.addDelimiterVStyles(styles, c, data);
}
else {
this.addDelimiterHStyles(styles, c, data);
}
};
CHTMLFontData.prototype.addDelimiterVStyles = function (styles, c, data) {
var W = data.HDW[2];
var _a = __read(data.stretch, 4), beg = _a[0], ext = _a[1], end = _a[2], mid = _a[3];
var Hb = this.addDelimiterVPart(styles, c, W, 'beg', beg);
this.addDelimiterVPart(styles, c, W, 'ext', ext);
var He = this.addDelimiterVPart(styles, c, W, 'end', end);
var css = {};
if (mid) {
var Hm = this.addDelimiterVPart(styles, c, W, 'mid', mid);
css.height = '50%';
styles['mjx-stretchy-v' + c + ' > mjx-mid'] = {
'margin-top': this.em(-Hm / 2),
'margin-bottom': this.em(-Hm / 2)
};
}
if (Hb) {
css['border-top-width'] = this.em0(Hb - .03);
}
if (He) {
css['border-bottom-width'] = this.em0(He - .03);
styles['mjx-stretchy-v' + c + ' > mjx-end'] = { 'margin-top': this.em(-He) };
}
if (Object.keys(css).length) {
styles['mjx-stretchy-v' + c + ' > mjx-ext'] = css;
}
};
CHTMLFontData.prototype.addDelimiterVPart = function (styles, c, W, part, n) {
if (!n)
return 0;
var data = this.getDelimiterData(n);
var dw = (W - data[2]) / 2;
var css = { content: this.charContent(n) };
if (part !== 'ext') {
css.padding = this.padding(data, dw);
}
else if (dw) {
css['padding-left'] = this.em0(dw);
}
styles['mjx-stretchy-v' + c + ' mjx-' + part + ' mjx-c::before'] = css;
return data[0] + data[1];
};
CHTMLFontData.prototype.addDelimiterHStyles = function (styles, c, data) {
var _a = __read(data.stretch, 4), beg = _a[0], ext = _a[1], end = _a[2], mid = _a[3];
this.addDelimiterHPart(styles, c, 'beg', beg);
this.addDelimiterHPart(styles, c, 'ext', ext, !(beg || end));
this.addDelimiterHPart(styles, c, 'end', end);
if (mid) {
this.addDelimiterHPart(styles, c, 'mid', mid);
styles['mjx-stretchy-h' + c + ' > mjx-ext'] = { width: '50%' };
}
};
CHTMLFontData.prototype.addDelimiterHPart = function (styles, c, part, n, force) {
if (force === void 0) { force = false; }
if (!n)
return;
var data = this.getDelimiterData(n);
var options = data[3];
var css = { content: (options && options.c ? '"' + options.c + '"' : this.charContent(n)) };
if (part !== 'ext' || force) {
css.padding = this.padding(data, 0, -data[2]);
}
styles['mjx-stretchy-h' + c + ' mjx-' + part + ' mjx-c::before'] = css;
};
CHTMLFontData.prototype.addCharStyles = function (styles, vletter, n, data) {
var _a = __read(data, 4), w = _a[2], options = _a[3];
if (this.options.adaptiveCSS && !options.used)
return;
var letter = (options.f !== undefined ? options.f : vletter);
var selector = 'mjx-c' + this.charSelector(n) + (letter ? '.TEX-' + letter : '');
styles[selector + '::before'] = {
padding: this.padding(data, 0, options.ic || 0),
content: (options.c != null ? '"' + options.c + '"' : this.charContent(n))
};
if (options.ic) {
styles['[noIC] ' + selector + ':last-child::before'] = {
'padding-right': this.em(w)
};
}
};
CHTMLFontData.prototype.getDelimiterData = function (n) {
return this.getChar('-smallop', n);
};
CHTMLFontData.prototype.em = function (n) {
return lengths_js_1.em(n);
};
CHTMLFontData.prototype.em0 = function (n) {
return lengths_js_1.em(Math.max(0, n));
};
CHTMLFontData.prototype.padding = function (_a, dw, ic) {
var _b = __read(_a, 3), h = _b[0], d = _b[1], w = _b[2];
if (dw === void 0) { dw = 0; }
if (ic === void 0) { ic = 0; }
return [h, w + ic, d, dw].map(this.em0).join(' ');
};
CHTMLFontData.prototype.charContent = function (n) {
return '"' + (n >= 0x20 && n <= 0x7E && n !== 0x22 && n !== 0x27 && n !== 0x5C ?
String.fromCharCode(n) : '\\' + n.toString(16).toUpperCase()) + '"';
};
CHTMLFontData.prototype.charSelector = function (n) {
return '.mjx-c' + n.toString(16).toUpperCase();
};
CHTMLFontData.OPTIONS = {
fontURL: 'js/output/chtml/fonts/tex-woff-v2'
};
CHTMLFontData.defaultVariantClasses = {};
CHTMLFontData.defaultVariantLetters = {};
CHTMLFontData.defaultStyles = {
'mjx-c::before': {
display: 'block',
width: 0
}
};
CHTMLFontData.defaultFonts = {
'@font-face /* 0 */': {
'font-family': 'MJXZERO',
src: 'url("%%URL%%/MathJax_Zero.woff") format("woff")'
}
};
return CHTMLFontData;
}(FontData_js_1.FontData));
exports.CHTMLFontData = CHTMLFontData;
function AddCSS(font, options) {
var e_9, _a;
try {
for (var _b = __values(Object.keys(options)), _c = _b.next(); !_c.done; _c = _b.next()) {
var c = _c.value;
var n = parseInt(c);
Object.assign(FontData_js_1.FontData.charOptions(font, n), options[n]);
}
}
catch (e_9_1) { e_9 = { error: e_9_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_9) throw e_9.error; }
}
return font;
}
exports.AddCSS = AddCSS;