{"_id":"react-mathjax2","_rev":"3-c3e11bf5f6a94df5a25b0ee21d1a9bb6","name":"react-mathjax2","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"react-mathjax2","version":"0.0.1","description":"React component for MathJax","main":"./lib/index.js","repository":{"type":"git","url":"git+https://github.com/wko27/react-mathjax.git"},"scripts":{"build":"babel --out-dir ./lib ./src"},"keywords":["math","mathjax","react","component","equation","expression","asciimath","latex","tex","mathml"],"author":"","license":"MIT","bugs":{"url":"https://github.com/wko27/react-mathjax/issues"},"homepage":"https://github.com/wko27/react-mathjax#readme","dependencies":{"load-script":"^1.0.0","prop-types":"^15.6.0","react":"^16.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babelify":"^8.0.0","browserify":"^14.5.0","eslint":"^4.10.0","eslint-plugin-react":"^7.4.0"},"gitHead":"df70e6f8fab05e3df15085c2094a1ef3cadb22fd","_id":"react-mathjax2@0.0.1","_npmVersion":"5.5.1","_nodeVersion":"7.5.0","_npmUser":{"name":"wko27","email":"wing.hong.a.ko@gmail.com"},"dist":{"integrity":"sha512-fvQm0vCjzWo+XAYxv1lf3tosXl379h1s/nnOuDIzjLO0itQrnTERu7/2IHRGw9AEESHen5HQ0zWX98AVENntvQ==","shasum":"5bcf5cb6ec284fc67133911b1db748b0df33a73e","tarball":"https://registry.npmjs.org/react-mathjax2/-/react-mathjax2-0.0.1.tgz","fileCount":15,"unpackedSize":170383,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGH5VFcM1MkEEMf1wbv3S31LJf58wgGONnqmLSRntLHwAiB1BUPmV3+YmCcImKoLk3nadmkR0JS0kWvMSFO0Wm+69Q=="}]},"maintainers":[{"name":"wko27","email":"wing.hong.a.ko@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mathjax2_0.0.1_1518648872133_0.8984974071345349"},"_hasShrinkwrap":false},"0.0.2":{"name":"react-mathjax2","version":"0.0.2","description":"React component for MathJax","main":"./lib/index.js","repository":{"type":"git","url":"git+https://github.com/wko27/react-mathjax.git"},"scripts":{"build":"babel --out-dir ./lib ./src"},"keywords":["math","mathjax","react","component","equation","expression","asciimath","latex","tex","mathml"],"author":"","license":"MIT","bugs":{"url":"https://github.com/wko27/react-mathjax/issues"},"homepage":"https://github.com/wko27/react-mathjax#readme","dependencies":{"load-script":"^1.0.0","prop-types":"^15.6.0","react":"^16.0.0"},"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-eslint":"^8.0.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babelify":"^8.0.0","browserify":"^14.5.0","eslint":"^4.10.0","eslint-plugin-react":"^7.4.0"},"gitHead":"7ca948efcdd6bbfea23f2e0077676ece3449e194","_id":"react-mathjax2@0.0.2","_npmVersion":"6.4.1","_nodeVersion":"11.0.0","_npmUser":{"name":"wko27","email":"wing.hong.a.ko@gmail.com"},"dist":{"integrity":"sha512-m63PiOej2OTpcgvT4+VAxTr0zxQVfRmmkSD66QSEcQgSh8ryU/oInlnBCpBJRH6Za5GW8N3/pevTuzI+FG6OkA==","shasum":"31a8478d0eb45601d26a66c90682360be062724d","tarball":"https://registry.npmjs.org/react-mathjax2/-/react-mathjax2-0.0.2.tgz","fileCount":15,"unpackedSize":170494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb038SCRA9TVsSAnZWagAAfhgP/0SXsFFQuFp3Tn2SjI6x\nCtFaZDh4tzLwQdrlfy8ot4AzAWD8DoH5lbPNvVO1SanXWwPH1SDsbtMYvy7l\n49+12cZTu6KEDjYj/y1k67KBT3TVH1lCC6fFYEOv/7sbGcq7zBE8xeGwPuTV\nyStN6LPllasv/yk8GDuoA7dZc0Y8ZWlmbpaNdq4L3ZYsDxf69LWN/xg8h6Q1\ns1ttpPfqLiaNTmsbpk5EdiP2Y2IelauSLYv6PsD7JFCFsfjirY1YE3goi+6+\nAX98X8MSUjyEpgZS1LJUJ5ItYmrLxcThYlByncklk76fOERQSrt2laHv0vDi\nH9UPsdyjSXhmoNBwS67c/0Chy4qr6eB7XmzpjkaNU7KZuvCPkGp8GYrpUtlH\ndKSI0gvmsyC9Fjs28ulL5uwFNJ5ehr9V0KYrqmnuw42nqF9smBE+wcRz673S\nsanvaCrNAu+K01dUSy/zA3DyxhYAZdt6Lycc0uFEbwFPcz3LNlZgV6OfS0Sc\n0LVCqYFb12Ht5KAKlaOgSylsiMIjMASg1IaAB2h3iEMYrTQdYSDeLpg4Fp4M\n4Nz+ibwqq9SRrAtMnHVqqVExpNv1AqhPyBOoZA3mwXXuWvd7q3uz04N3AWTP\n5O37j67h/JfHk9BP+GzhrnkxSv0ww4Xss5uKbWpql3LocO4rqt44pHRVNCBb\nikTy\r\n=RJbZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/zEjPS1Cxnp6+zDSaNzaSjwP+kfIOg/TTJANEZFAaqAIgUsC6namlNRZUisO+868dqT7HawMYj/Mviwr3kIe8U7Q="}]},"maintainers":[{"name":"wko27","email":"wing.hong.a.ko@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mathjax2_0.0.2_1540587281597_0.8005009813187298"},"_hasShrinkwrap":false}},"time":{"created":"2018-02-14T22:54:32.132Z","0.0.1":"2018-02-14T22:54:32.244Z","modified":"2022-05-14T14:27:45.101Z","0.0.2":"2018-10-26T20:54:41.788Z"},"maintainers":[{"name":"wko27","email":"wing.hong.a.ko@gmail.com"}],"description":"React component for MathJax","homepage":"https://github.com/wko27/react-mathjax#readme","keywords":["math","mathjax","react","component","equation","expression","asciimath","latex","tex","mathml"],"repository":{"type":"git","url":"git+https://github.com/wko27/react-mathjax.git"},"bugs":{"url":"https://github.com/wko27/react-mathjax/issues"},"license":"MIT","readme":"# React MathJax\n\n[![npm version](https://badge.fury.io/js/react-mathjax2.svg)](https://badge.fury.io/js/react-mathjax2)\n\nReact component to display math formulas written in AsciiMath or TeX.\n\n![Example of usage](/example.gif)\n\n## Install\n```\nnpm install react-mathjax2 --save\n```\n\n## Usage\n\n# Inline display of AsciiMath wrapped in delimiters\n\n```jsx\nimport MathJax from 'react-mathjax2'\n\nconst ascii = 'U = 1/(R_(si) + sum_(i=1)^n(s_n/lambda_n) + R_(se))'\nconst content = `This can be dynamic text (e.g. user-entered) text with ascii math embedded in $$ symbols like $$${ascii}$$`\n\nmodule.exports = () => {\n    return (\n        <MathJax.Context\n            input='ascii'\n            onLoad={ () => console.log(\"Loaded MathJax script!\") }\n            onError={ (MathJax, error) => {\n                console.warn(error);\n                console.log(\"Encountered a MathJax error, re-attempting a typeset!\");\n                MathJax.Hub.Queue(\n                  MathJax.Hub.Typeset()\n                );\n            } }\n            script=\"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=AM_HTMLorMML\"\n            options={ {\n                asciimath2jax: {\n                     useMathMLspacing: true,\n                     delimiters: [[\"$$\",\"$$\"]],\n                     preview: \"none\",\n                }\n            } }\n        >\n            <MathJax.Text text={ content }/>\n        </MathJax.Context>\n    );\n}\n```\n# Inline display of AsciiMath without delimiters\n\n```jsx\nimport MathJax from 'react-mathjax2'\n\nconst ascii = 'U = 1/(R_(si) + sum_(i=1)^n(s_n/lambda_n) + R_(se))'\n\nmodule.exports = () => {\n    return (\n        <div>\n            <MathJax.Context input='ascii'>\n                <div>\n                    This is an inline formula written in AsciiMath: <MathJax.Node inline>{ ascii }</MathJax.Node>\n                </div>\n            </MathJax.Context>\n        </div>\n    );\n}\n```\n\n# Block display of AsciiMath\n\n```jsx\nimport MathJax from 'react-mathjax2'\n\nconst ascii = 'U = 1/(R_(si) + sum_(i=1)^n(s_n/lambda_n) + R_(se))'\n\nmodule.exports = () => {\n    return (\n        <div>\n            <MathJax.Context input='ascii'>\n                <div>\n                    <MathJax.Node>{ascii}</MathJax.Node>\n                </div>\n            </MathJax.Context>\n        </div>\n    );\n}\n```\n\n# Inline display of LaTeX\n\n```jsx\nimport MathJax from 'react-mathjax2'\n\nconst tex = `f(x) = \\\\int_{-\\\\infty}^\\\\infty\\\\hat f(\\\\xi)\\\\,e^{2 \\\\pi i \\\\xi x}\\\\,d\\\\xi`\n\nmodule.exports = () => {\n    return (\n        <div>\n            <MathJax.Context input='tex'>\n                <div>\n                    This is an inline math formula: <MathJax.Node inline>{'a = b'}</MathJax.Node>\n                </div>\n            </MathJax.Context>\n        </div>\n    );\n}\n```\n\n# Block display of LaTeX\n\n```jsx\nimport MathJax from 'react-mathjax2'\n\nconst tex = `f(x) = \\\\int_{-\\\\infty}^\\\\infty\\\\hat f(\\\\xi)\\\\,e^{2 \\\\pi i \\\\xi x}\\\\,d\\\\xi`\n\nmodule.exports = () => {\n    return (\n        <div>\n            <MathJax.Context input='tex'>\n                <div>\n                    <MathJax.Node>{tex}</MathJax.Node>\n                </div>\n            </MathJax.Context>\n        </div>\n    );\n}\n```\n\n## API\n\n### `MathJax.Context` props\n\n#### `script` (String)\n- Loads specified link with MathJax library.\n- Default: `https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML`\n\n#### `input` (String)\n- Sets type of input.\n- Options: `tex` | `ascii`\n- Default: `ascii`\n\n#### `delay` (Number)\n- Sets delay between updates.\n- Default: 0 (the main difference between this library and [react-mathjax](https://github.com/SamyPesse/react-mathjax) from SamyPesse)\n\n#### `options` (Object)\n- Sets [MathJax configuration](http://docs.mathjax.org/en/latest/options/index.html?highlight=hub.config#configuration-objects). \n- Default: Official MathJax configuration\n\n#### `onLoad` (Function)\n- Triggered after MathJax script finishes loading (but BEFORE children are allowed to render if noGate is set to `false`)\n\n#### `onError` (Function)\n- Triggered when any [Math Processing Error](http://docs.mathjax.org/en/latest/advanced/debugging-tips.html#add-listener-for-mathjax-errors) occurs\n\n#### `noGate` (Boolean)\n- Defaults to `false`, controls whether to disallow rendering of children components until the MathJax script has finished loading\n\n## Acknowledgements\n- This project was forked from [MatejMazur](https://github.com/MatejMazur) ([react-mathjax](https://github.com/MatejMazur/react-mathjax)).\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.\n","readmeFilename":"README.md"}