react-native-mathjax-html-to-svg
Version:
React Native component to display mathematics in html using MathJax. Uses [MathJax](https://github.com/mathjax/)
222 lines (221 loc) • 8.77 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 __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;
};
var __spread = (this && this.__spread) || function () {
for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
return ar;
};
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 _a;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommonMoMixin = exports.DirectionVH = void 0;
var FontData_js_1 = require("../FontData.js");
exports.DirectionVH = (_a = {},
_a[1] = 'v',
_a[2] = 'h',
_a);
function CommonMoMixin(Base) {
return (function (_super) {
__extends(class_1, _super);
function class_1() {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
var _this = _super.apply(this, __spread(args)) || this;
_this.noIC = false;
_this.size = null;
_this.isAccent = _this.node.isAccent;
return _this;
}
class_1.prototype.computeBBox = function (bbox, _recompute) {
if (_recompute === void 0) { _recompute = false; }
var stretchy = (this.stretch.dir !== 0);
if (stretchy && this.size === null) {
this.getStretchedVariant([0]);
}
if (stretchy && this.size < 0)
return;
_super.prototype.computeBBox.call(this, bbox);
this.copySkewIC(bbox);
if (this.noIC) {
bbox.w -= bbox.ic;
}
if (this.node.attributes.get('symmetric') &&
this.stretch.dir !== 2) {
var d = ((bbox.h + bbox.d) / 2 + this.font.params.axis_height) - bbox.h;
bbox.h += d;
bbox.d -= d;
}
};
class_1.prototype.getVariant = function () {
if (this.node.attributes.get('largeop')) {
this.variant = (this.node.attributes.get('displaystyle') ? '-largeop' : '-smallop');
}
else {
_super.prototype.getVariant.call(this);
}
};
class_1.prototype.canStretch = function (direction) {
if (this.stretch.dir !== 0) {
return this.stretch.dir === direction;
}
var attributes = this.node.attributes;
if (!attributes.get('stretchy'))
return false;
var c = this.getText();
if (Array.from(c).length !== 1)
return false;
var delim = this.font.getDelimiter(c.codePointAt(0));
this.stretch = (delim && delim.dir === direction ? delim : FontData_js_1.NOSTRETCH);
return this.stretch.dir !== 0;
};
class_1.prototype.getStretchedVariant = function (WH, exact) {
var e_1, _a;
if (exact === void 0) { exact = false; }
if (this.stretch.dir !== 0) {
var D = this.getWH(WH);
var min = this.getSize('minsize', 0);
var max = this.getSize('maxsize', Infinity);
D = Math.max(min, Math.min(max, D));
var m = (min || exact ? D : Math.max(D * this.font.params.delimiterfactor / 1000, D - this.font.params.delimitershortfall));
var delim = this.stretch;
var c = delim.c || this.getText().codePointAt(0);
var i = 0;
if (delim.sizes) {
try {
for (var _b = __values(delim.sizes), _c = _b.next(); !_c.done; _c = _b.next()) {
var d = _c.value;
if (d >= m) {
this.variant = this.font.getSizeVariant(c, i);
this.size = i;
return;
}
i++;
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
}
if (delim.stretch) {
this.size = -1;
this.invalidateBBox();
this.getStretchBBox(WH, D, delim);
}
else {
this.variant = this.font.getSizeVariant(c, i - 1);
this.size = i - 1;
}
}
};
class_1.prototype.getSize = function (name, value) {
var attributes = this.node.attributes;
if (attributes.isSet(name)) {
value = this.length2em(attributes.get(name), 1, 1);
}
return value;
};
class_1.prototype.getWH = function (WH) {
if (WH.length === 0)
return 0;
if (WH.length === 1)
return WH[0];
var _a = __read(WH, 2), H = _a[0], D = _a[1];
var a = this.font.params.axis_height;
return (this.node.attributes.get('symmetric') ? 2 * Math.max(H - a, D + a) : H + D);
};
class_1.prototype.getStretchBBox = function (WHD, D, C) {
var _a;
if (C.hasOwnProperty('min') && C.min > D) {
D = C.min;
}
var _b = __read(C.HDW, 3), h = _b[0], d = _b[1], w = _b[2];
if (this.stretch.dir === 1) {
_a = __read(this.getBaseline(WHD, D, C), 2), h = _a[0], d = _a[1];
}
else {
w = D;
}
this.bbox.h = h;
this.bbox.d = d;
this.bbox.w = w;
};
class_1.prototype.getBaseline = function (WHD, HD, C) {
var hasWHD = (WHD.length === 2 && WHD[0] + WHD[1] === HD);
var symmetric = this.node.attributes.get('symmetric');
var _a = __read((hasWHD ? WHD : [HD, 0]), 2), H = _a[0], D = _a[1];
var _b = __read([H + D, 0], 2), h = _b[0], d = _b[1];
if (symmetric) {
var a = this.font.params.axis_height;
if (hasWHD) {
h = 2 * Math.max(H - a, D + a);
}
d = h / 2 - a;
}
else if (hasWHD) {
d = D;
}
else {
var _c = __read((C.HDW || [.75, .25]), 2), ch = _c[0], cd = _c[1];
d = cd * (h / (ch + cd));
}
return [h - d, d];
};
class_1.prototype.remapChars = function (chars) {
if (chars.length === 1) {
var parent_1 = this.node.coreParent().parent;
var isAccent = this.isAccent && !parent_1.isKind('mrow');
var map = (isAccent ? 'accent' : 'mo');
var text = this.font.getRemappedChar(map, chars[0]);
if (text) {
chars = this.unicodeChars(text, this.variant);
}
}
return chars;
};
return class_1;
}(Base));
}
exports.CommonMoMixin = CommonMoMixin;