{"_id":"@caporeista/reactnative-math-latex","_rev":"6-76e83f89d9a5143d99e284fb001dd064","name":"@caporeista/reactnative-math-latex","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@caporeista/reactnative-math-latex","version":"1.0.0","keywords":["react-native","latex","katex","math","html","webview"],"author":{"name":"caporeista"},"license":"MIT","_id":"@caporeista/reactnative-math-latex@1.0.0","maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"dist":{"shasum":"10f303c0a27e7f35047a1ede5b791321fbaa95d6","tarball":"https://registry.npmjs.org/@caporeista/reactnative-math-latex/-/reactnative-math-latex-1.0.0.tgz","fileCount":4,"integrity":"sha512-H7lZ8EdWEA6V9RDHJnnws7LrTu/z+PQFa5Npb2HmR+NDErCV1qsi9cZSF5V2DlZ8luJua5u9f+XUa7FpEUC7vQ==","signatures":[{"sig":"MEUCIF2A12sBzVBy5tzaTDjM3INpXe3mmg0peS88wYQ/uAyoAiEA9ODOUQDuYeihn3r/KkfN+JEobdO5sdTDA3ptWINXhDU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5794},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"dev":"tsup src/index.tsx --format cjs,esm --dts --watch","build":"tsup src/index.tsx --format cjs,esm --dts"},"_npmUser":{"name":"caporeista","email":"caporeista@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.2.0","description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","directories":{},"_nodeVersion":"23.10.0","dependencies":{"katex":"^0.16.10"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.2","@types/katex":"^0.16.7","@types/react":"*","react-native-webview":"^13.10.3"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":">= 11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reactnative-math-latex_1.0.0_1752572514655_0.38151082946585646","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@caporeista/reactnative-math-latex","version":"1.0.1","keywords":["react-native","latex","katex","math","html","webview"],"author":{"name":"caporeista"},"license":"MIT","_id":"@caporeista/reactnative-math-latex@1.0.1","maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"dist":{"shasum":"e4d3189fdccf1b716300fe0e3d45c18343258cdf","tarball":"https://registry.npmjs.org/@caporeista/reactnative-math-latex/-/reactnative-math-latex-1.0.1.tgz","fileCount":6,"integrity":"sha512-lwQVjFhNXHjn68Ky4Nzbe//8TQ5mUVYIN/L6FTHNJsnF5Fcl4LzBt3gOW0aoL77t9jFlJL5OSU919maT3UeC3w==","signatures":[{"sig":"MEUCIAZt/2fhDYi2YGQ9LmJJ4CbC58ADUSdJRhv4eLk4eCZMAiEA5quhE9tsx4x4jou2gbUEN5QgJ50mazL4Xshq915/2sw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9247},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"dev":"tsup src/index.tsx --format cjs,esm --dts --watch","build":"tsup src/index.tsx --format cjs,esm --dts","prepublishOnly":"yarn build"},"_npmUser":{"name":"caporeista","email":"caporeista@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.2.0","description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","directories":{},"_nodeVersion":"23.10.0","dependencies":{"katex":"^0.16.10"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.2","@types/katex":"^0.16.7","@types/react":"*","react-native-webview":"^13.10.3"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":">= 11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reactnative-math-latex_1.0.1_1752653178505_0.19030753689613555","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@caporeista/reactnative-math-latex","version":"1.0.2","keywords":["react-native","latex","katex","math","html","webview"],"author":{"name":"caporeista"},"license":"MIT","_id":"@caporeista/reactnative-math-latex@1.0.2","maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"dist":{"shasum":"0a0578cad0354f0a2d566dd3491812d21b0265d7","tarball":"https://registry.npmjs.org/@caporeista/reactnative-math-latex/-/reactnative-math-latex-1.0.2.tgz","fileCount":6,"integrity":"sha512-HB6bhWMXYdLeBFUYYAJh+/pImeHYC9+AdGmfmanurXAAhQOCx2JEOL+jyiLOvc+LMK0BK3oxB75+4W7K8aRd5g==","signatures":[{"sig":"MEYCIQC1KU88sRGpkyonjmLl/6d+p3nnfvFvjJ31I+qwKHJJxwIhAM4N+DM6dNWAaykzBwhqPUUxpr55HjmfPtx9zS6v+vOR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9319},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"dev":"tsup src/index.tsx --format cjs,esm --dts --watch","build":"tsup src/index.tsx --format cjs,esm --dts","prepublishOnly":"yarn build"},"_npmUser":{"name":"caporeista","email":"caporeista@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.2.0","description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","directories":{},"_nodeVersion":"23.10.0","dependencies":{"katex":"^0.16.10"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.2","@types/katex":"^0.16.7","@types/react":"*","react-native-webview":"^13.10.3"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":">= 11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reactnative-math-latex_1.0.2_1752653314588_0.25266374400127845","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@caporeista/reactnative-math-latex","version":"1.0.3","keywords":["react-native","latex","katex","math","html","webview"],"author":{"name":"caporeista"},"license":"MIT","_id":"@caporeista/reactnative-math-latex@1.0.3","maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"dist":{"shasum":"2a7199d95716d8e4567d10aee5ef60fc07c10600","tarball":"https://registry.npmjs.org/@caporeista/reactnative-math-latex/-/reactnative-math-latex-1.0.3.tgz","fileCount":6,"integrity":"sha512-FQp1j3NuVwWQ9XZuJxEB32qP++DHtDqNGPVX3w74m4znkfOOatT1Q+vRmFlL2uHc4EVZFw/z3oAD2IFG0e4jMw==","signatures":[{"sig":"MEUCIQC80wZIqUEcE+xX6Lmobl1OjNMc4rtCMozcIZB/8oZiywIgPdltUFHr6Ohap/pNhonXR5kJGYIqw/WG5iOzJJYj+/8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9553},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"dev":"tsup src/index.tsx --format cjs,esm --dts --watch","build":"tsup src/index.tsx --format cjs,esm --dts","prepublishOnly":"yarn build"},"_npmUser":{"name":"caporeista","email":"caporeista@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.2.0","description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","directories":{},"_nodeVersion":"23.10.0","dependencies":{"katex":"^0.16.10"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.2","@types/katex":"^0.16.7","@types/react":"*","@types/react-native":"*","react-native-webview":"^13.10.3"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":">= 11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reactnative-math-latex_1.0.3_1752661572537_0.6362019064334004","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@caporeista/reactnative-math-latex","version":"1.0.4","keywords":["react-native","latex","katex","math","html","webview"],"author":{"name":"caporeista"},"license":"MIT","_id":"@caporeista/reactnative-math-latex@1.0.4","maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"dist":{"shasum":"0c4bfbe9956a3ef252e5f908f2026031a12f8798","tarball":"https://registry.npmjs.org/@caporeista/reactnative-math-latex/-/reactnative-math-latex-1.0.4.tgz","fileCount":6,"integrity":"sha512-OFQVaUgksckkbbGu6WkP2DM4vDCTnS/4df0FcjIa+oWr7+VDK4209gwXXwhDdrGc3ot0iwz0D8cUIEQrmaCfUQ==","signatures":[{"sig":"MEUCIAn1TcZpXo24sadMXLWY3wJpjsItRNlVWplr/S82o+HyAiEAsEVm9sp91BsOh6IvxvzURBs02PJvZ2mwdvJC627ie6c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11061},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","scripts":{"dev":"tsup src/index.tsx --format cjs,esm --dts --watch","build":"tsup src/index.tsx --format cjs,esm --dts","prepublishOnly":"yarn build"},"_npmUser":{"name":"caporeista","email":"caporeista@gmail.com"},"repository":{"url":"","type":"git"},"_npmVersion":"11.2.0","description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","directories":{},"_nodeVersion":"23.10.0","dependencies":{"katex":"^0.16.10"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","typescript":"^5.5.2","@types/katex":"^0.16.7","@types/react":"*","@types/react-native":"*","react-native-webview":"^13.10.3"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":">= 11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/reactnative-math-latex_1.0.4_1752664983578_0.20825138728002268","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@caporeista/reactnative-math-latex","version":"1.0.5","description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"build":"tsup src/index.tsx --format cjs,esm --dts","dev":"tsup src/index.tsx --format cjs,esm --dts --watch","prepublishOnly":"yarn build"},"keywords":["react-native","latex","katex","math","html","webview"],"author":{"name":"caporeista"},"license":"MIT","repository":{"type":"git","url":""},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":">= 11.0.0"},"dependencies":{"katex":"^0.16.10"},"devDependencies":{"react-native-webview":"^13.10.3","tsup":"^8.1.0","typescript":"^5.5.2","@types/react":"*","@types/katex":"^0.16.7","@types/react-native":"*"},"_id":"@caporeista/reactnative-math-latex@1.0.5","_nodeVersion":"23.10.0","_npmVersion":"11.2.0","dist":{"integrity":"sha512-EskZbuK4KLJ9a9M9hL/efe3TOAqSjRDXlmad8eVKoCq8JPtsy1X7Wc+QsjTEqZcvIkFSKLIJWqRqWajeTi6lGg==","shasum":"1a2e2594128290764e8977d9fea37b7c8a27fefe","tarball":"https://registry.npmjs.org/@caporeista/reactnative-math-latex/-/reactnative-math-latex-1.0.5.tgz","fileCount":6,"unpackedSize":11601,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDHRYJfoXIgEgIgkpoGs0L1MKMxmM/aKfxGjcZjcNQsDQIhAOo+IZ8rQSBS6lPhtI+6wUL4S8ZD1Bfh6dtCOcpxop3z"}]},"_npmUser":{"name":"caporeista","email":"caporeista@gmail.com"},"directories":{},"maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/reactnative-math-latex_1.0.5_1752665337283_0.6765332170494063"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-15T09:41:54.553Z","modified":"2025-07-16T11:28:57.635Z","1.0.0":"2025-07-15T09:41:54.832Z","1.0.1":"2025-07-16T08:06:18.689Z","1.0.2":"2025-07-16T08:08:34.758Z","1.0.3":"2025-07-16T10:26:12.691Z","1.0.4":"2025-07-16T11:23:03.739Z","1.0.5":"2025-07-16T11:28:57.451Z"},"author":{"name":"caporeista"},"license":"MIT","keywords":["react-native","latex","katex","math","html","webview"],"repository":{"type":"git","url":""},"description":"A React Native component to render complex LaTeX, MathML, and HTML content using KaTeX and WebView.","maintainers":[{"name":"caporeista","email":"caporeista@gmail.com"}],"readme":"# React Native Math LaTeX\n\n**A powerful and lightweight React Native component to render complex LaTeX, MathML, and HTML content seamlessly using KaTeX and WebView.**\n\nThis package is the React Native counterpart to `@caporeista/math-latex`. It allows you to display beautifully typeset mathematical formulas mixed with standard HTML directly in your React Native applications.\n\n## Features\n\n- **Render LaTeX and HTML**: Mix mathematical formulas (`$E=mc^2$`) and HTML tags (`

Hello

`) in a single string.\n- **Powered by KaTeX**: Utilizes the fast and popular KaTeX library for high-quality math rendering.\n- **WebView Based**: Uses `react-native-webview` to reliably render complex web content inside your native app.\n- **Simple API**: A single component with a straightforward API.\n\n## Installation\n\nThis package has peer dependencies, which you need to install in your project:\n\n```bash\nyarn add @caporeista/reactnative-math-latex react-native-webview\n# or\nnpm install @caporeista/reactnative-math-latex react-native-webview\n```\n\n## Usage\n\nImport the component and wrap your content string with it.\n\n```jsx\nimport React from 'react';\nimport { SafeAreaView, StyleSheet } from 'react-native';\nimport ReactNativeMathLatex from '@caporeista/reactnative-math-latex';\n\nconst App = () => {\n const content = `\n This component can render inline math like $x^2 + y^2 = z^2$. \n

It also supports block math:

\n $$\\frac{-b \\pm \\sqrt{b^2-4ac}}{2a}$$\n And of course, any HTML tags you need.\n `;\n\n return (\n \n \n {content}\n \n \n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n marginTop: 20,\n },\n});\n\nexport default App;\n```\n\n## How It Works\n\nThe component parses the input string, renders the mathematical parts using KaTeX, and combines everything into a single HTML document. This document is then displayed inside a `WebView`, ensuring consistent and reliable rendering across platforms.\n\n## Support\n\nIf you find this project helpful, consider supporting me with a coffee!\n\n\"Buy\n","readmeFilename":"README.md"}