{"_id":"@adheil_gupta/react-native-katex","_rev":"5-69333db203a3bc40a62c819556c061be","name":"@adheil_gupta/react-native-katex","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@adheil_gupta/react-native-katex","version":"0.1.0","keywords":["react-native","ios","android"],"author":{"url":"https://github.com/ibeginnernoob","name":"ibeginnernoob","email":"adheilgupta@gmail.com"},"license":"MIT","_id":"@adheil_gupta/react-native-katex@0.1.0","maintainers":[{"name":"adheil_gupta","email":"adheilgupta@gmail.com"}],"homepage":"https://github.com/ibeginnernoob/react-native-latex#readme","bugs":{"url":"https://github.com/ibeginnernoob/react-native-latex/issues"},"dist":{"shasum":"86a1b88fa1ee755572291a37a9560cfe0851d587","tarball":"https://registry.npmjs.org/@adheil_gupta/react-native-katex/-/react-native-katex-0.1.0.tgz","fileCount":15,"integrity":"sha512-q55lrnQ8wxUMt8rbIe/2QF7Uh6NVAG/98xm4uhnILUFnrIL3ein+Go397+cxAJncifL2lbYj9wtfahscQHRCPQ==","signatures":[{"sig":"MEUCIQD6NnyFJlsYu96Rpla1nugj9XUi7+QUQwvtydFoxZC6gAIgGXNymihxpXN48137NTpQGvOmzrd0F6tQnLXrNFjqxgk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16476},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/module/index.js","types":"./lib/typescript/src/index.d.ts","exports":{".":{"types":"./lib/typescript/src/index.d.ts","source":"./src/index.tsx","default":"./lib/module/index.js"},"./package.json":"./package.json"},"gitHead":"28db300d60b52df8cdb21d0a2a6aa8629858b8a9","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace react-native-latex-example","prepare":"bob build","release":"release-it --only-version","typecheck":"tsc"},"_npmUser":{"name":"adheil_gupta","email":"adheilgupta@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":{"name":"angular"}}}},"repository":{"url":"git+https://github.com/ibeginnernoob/react-native-latex.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"Render Math Equations inside react native using katex inside webshell for dynamic height","directories":{},"_nodeVersion":"22.15.0","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"19.1.0","eslint":"^9.35.0","del-cli":"^6.0.0","prettier":"^3.6.2","@eslint/js":"^9.35.0","commitlint":"^19.8.1","release-it":"^19.0.4","typescript":"^5.9.2","@types/jest":"^29.5.14","@types/react":"^19.1.12","react-native":"0.81.4","@eslint/compat":"^1.3.2","@eslint/eslintrc":"^3.3.1","eslint-plugin-jest":"^29.0.1","eslint-plugin-ft-flow":"^3.0.11","@evilmartians/lefthook":"^1.12.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","react-native-builder-bob":"^0.40.13","@react-native/babel-preset":"0.81.1","eslint-plugin-react-native":"^5.0.0","@react-native/eslint-config":"^0.81.1","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.43.0","@release-it/conventional-changelog":"^10.0.1"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":"*","@formidable-webview/webshell":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-katex_0.1.0_1757858325647_0.06524744243560243","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["module",{"esm":true}],["typescript",{"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.54.3","languages":"js"},"deprecated":"⚠️ This package has been renamed to @adheil_gupta/react-native-latex-renderer. Please update your package.json: npm install @adheil_gupta/react-native-latex-renderer. See: https://www.npmjs.com/package/@adheil_gupta/react-native-latex-renderer"},"0.1.1":{"name":"@adheil_gupta/react-native-katex","version":"0.1.1","keywords":["react-native","ios","android"],"author":{"url":"https://github.com/ibeginnernoob","name":"ibeginnernoob","email":"adheilgupta@gmail.com"},"license":"MIT","_id":"@adheil_gupta/react-native-katex@0.1.1","maintainers":[{"name":"adheil_gupta","email":"adheilgupta@gmail.com"}],"homepage":"https://github.com/ibeginnernoob/react-native-latex#readme","bugs":{"url":"https://github.com/ibeginnernoob/react-native-latex/issues"},"dist":{"shasum":"bb6272590278b5156f802826b0324fac8c1d53a8","tarball":"https://registry.npmjs.org/@adheil_gupta/react-native-katex/-/react-native-katex-0.1.1.tgz","fileCount":15,"integrity":"sha512-2fHbOu48NinOvLKAU3smhcDNJmHoeLYhrASw3V7BpDP5/b+QPoIhobYfWgT+UZRzU7CXQrYBFUqnQq21L0BHUw==","signatures":[{"sig":"MEQCIDeunEkYyHwszHFv63zUSa28g2/hSACgjH95LMfW3112AiB0SMl74VS/zkETIo2KHnBLJzP4ygBPU3O1jqBkIQKlYQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16472},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/module/index.js","types":"./lib/typescript/src/index.d.ts","exports":{".":{"types":"./lib/typescript/src/index.d.ts","source":"./src/index.tsx","default":"./lib/module/index.js"},"./package.json":"./package.json"},"gitHead":"ac9520f8992ec836f0c908259161a6656b9ee07f","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace react-native-latex-example","prepare":"bob build","release":"release-it --only-version","typecheck":"tsc"},"_npmUser":{"name":"adheil_gupta","email":"adheilgupta@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":{"name":"angular"}}}},"repository":{"url":"git+https://github.com/ibeginnernoob/react-native-latex.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"Render Math Equations inside react native using katex inside webshell for dynamic height","directories":{},"_nodeVersion":"22.15.0","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"19.1.0","eslint":"^9.35.0","del-cli":"^6.0.0","prettier":"^3.6.2","@eslint/js":"^9.35.0","commitlint":"^19.8.1","release-it":"^19.0.4","typescript":"^5.9.2","@types/jest":"^29.5.14","@types/react":"^19.1.12","react-native":"0.81.4","@eslint/compat":"^1.3.2","@eslint/eslintrc":"^3.3.1","eslint-plugin-jest":"^29.0.1","eslint-plugin-ft-flow":"^3.0.11","@evilmartians/lefthook":"^1.12.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","react-native-builder-bob":"^0.40.13","@react-native/babel-preset":"0.81.1","eslint-plugin-react-native":"^5.0.0","@react-native/eslint-config":"^0.81.1","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.43.0","@release-it/conventional-changelog":"^10.0.1"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":"*","@formidable-webview/webshell":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-katex_0.1.1_1757858478957_0.518633365871795","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["module",{"esm":true}],["typescript",{"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.54.3","languages":"js"},"deprecated":"⚠️ This package has been renamed to @adheil_gupta/react-native-latex-renderer. Please update your package.json: npm install @adheil_gupta/react-native-latex-renderer. See: https://www.npmjs.com/package/@adheil_gupta/react-native-latex-renderer"},"0.1.2":{"name":"@adheil_gupta/react-native-katex","version":"0.1.2","keywords":["react-native","ios","android"],"author":{"url":"https://github.com/ibeginnernoob","name":"ibeginnernoob","email":"adheilgupta@gmail.com"},"license":"MIT","_id":"@adheil_gupta/react-native-katex@0.1.2","maintainers":[{"name":"adheil_gupta","email":"adheilgupta@gmail.com"}],"homepage":"https://github.com/ibeginnernoob/react-native-latex#readme","bugs":{"url":"https://github.com/ibeginnernoob/react-native-latex/issues"},"dist":{"shasum":"1aefd4ce6bfd8773069dd99da91b7f05e72b68c2","tarball":"https://registry.npmjs.org/@adheil_gupta/react-native-katex/-/react-native-katex-0.1.2.tgz","fileCount":15,"integrity":"sha512-I5B/uKNjCXzQa8SZleWs9ivKom+mU5JA6slBHQ3oKgRWGsoZvVikqMaCZtygWery3h4WI0STQiS4fPgC0OGHdg==","signatures":[{"sig":"MEYCIQCcBbYUV/dJZ8WvWapDRj2gIMViS7ovDG5cBrQ1ZmQFlQIhAJQgvSnoj8VclCU6RcRKvT0Sba80ya7htvBOQ4+LIpm+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16644},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/module/index.js","types":"./lib/typescript/src/index.d.ts","exports":{".":{"types":"./lib/typescript/src/index.d.ts","source":"./src/index.tsx","default":"./lib/module/index.js"},"./package.json":"./package.json"},"gitHead":"5e894c1c3d30e9fad190ae7d2ba6759f916245d7","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace react-native-latex-example","prepare":"bob build","release":"release-it --only-version","typecheck":"tsc"},"_npmUser":{"name":"adheil_gupta","email":"adheilgupta@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":{"name":"angular"}}}},"repository":{"url":"git+https://github.com/ibeginnernoob/react-native-latex.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"Render Math Equations inside react native using katex inside webshell for dynamic height","directories":{},"_nodeVersion":"22.15.0","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"19.1.0","eslint":"^9.35.0","del-cli":"^6.0.0","prettier":"^3.6.2","@eslint/js":"^9.35.0","commitlint":"^19.8.1","release-it":"^19.0.4","typescript":"^5.9.2","@types/jest":"^29.5.14","@types/react":"^19.1.12","react-native":"0.81.4","@eslint/compat":"^1.3.2","@eslint/eslintrc":"^3.3.1","eslint-plugin-jest":"^29.0.1","eslint-plugin-ft-flow":"^3.0.11","@evilmartians/lefthook":"^1.12.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","react-native-builder-bob":"^0.40.13","@react-native/babel-preset":"0.81.1","eslint-plugin-react-native":"^5.0.0","@react-native/eslint-config":"^0.81.1","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.43.0","@release-it/conventional-changelog":"^10.0.1"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":"*","@formidable-webview/webshell":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-katex_0.1.2_1757872869083_0.38785668954512453","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["module",{"esm":true}],["typescript",{"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.54.3","languages":"js"},"deprecated":"⚠️ This package has been renamed to @adheil_gupta/react-native-latex-renderer. Please update your package.json: npm install @adheil_gupta/react-native-latex-renderer. See: https://www.npmjs.com/package/@adheil_gupta/react-native-latex-renderer"},"0.1.3":{"name":"@adheil_gupta/react-native-katex","version":"0.1.3","keywords":["react-native","ios","android"],"author":{"url":"https://github.com/ibeginnernoob","name":"ibeginnernoob","email":"adheilgupta@gmail.com"},"license":"MIT","_id":"@adheil_gupta/react-native-katex@0.1.3","maintainers":[{"name":"adheil_gupta","email":"adheilgupta@gmail.com"}],"homepage":"https://github.com/ibeginnernoob/react-native-latex#readme","bugs":{"url":"https://github.com/ibeginnernoob/react-native-latex/issues"},"dist":{"shasum":"04181502ae4dc4955797c733589efb13c1c59eb4","tarball":"https://registry.npmjs.org/@adheil_gupta/react-native-katex/-/react-native-katex-0.1.3.tgz","fileCount":15,"integrity":"sha512-N//1arNdn5Ld7FiM2EKggf66/iy2lNeG66oaCGptBujVKvdDDWwX2/uFwT4jHqnF2kJjO0rS/iQjpzr3PDsNpg==","signatures":[{"sig":"MEUCIHwswEiKTfquRsVi+doFah/hesSs0YRQJIape9Dy2Z8DAiEAjGdtjPcVr1ezR6EM2bsy8uYCMamKIHBUrkgg4hXSUlA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16892},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"main":"./lib/module/index.js","types":"./lib/typescript/src/index.d.ts","exports":{".":{"types":"./lib/typescript/src/index.d.ts","source":"./src/index.tsx","default":"./lib/module/index.js"},"./package.json":"./package.json"},"gitHead":"5bf2b76ad363c759906ec785796f039c8a6de352","scripts":{"lint":"eslint \"**/*.{js,ts,tsx}\"","test":"jest","clean":"del-cli lib","example":"yarn workspace react-native-latex-example","prepare":"bob build","release":"release-it --only-version","typecheck":"tsc"},"_npmUser":{"name":"adheil_gupta","email":"adheilgupta@gmail.com"},"prettier":{"useTabs":false,"tabWidth":2,"quoteProps":"consistent","singleQuote":true,"trailingComma":"es5"},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"tagName":"v${version}","commitMessage":"chore: release ${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":{"name":"angular"}}}},"repository":{"url":"git+https://github.com/ibeginnernoob/react-native-latex.git","type":"git"},"workspaces":["example"],"_npmVersion":"10.9.2","description":"Render Math Equations inside react native using katex inside webshell for dynamic height","directories":{},"_nodeVersion":"22.15.0","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"packageManager":"yarn@3.6.1","devDependencies":{"jest":"^29.7.0","react":"19.1.0","eslint":"^9.35.0","del-cli":"^6.0.0","prettier":"^3.6.2","@eslint/js":"^9.35.0","commitlint":"^19.8.1","release-it":"^19.0.4","typescript":"^5.9.2","@types/jest":"^29.5.14","@types/react":"^19.1.12","react-native":"0.81.4","@eslint/compat":"^1.3.2","@eslint/eslintrc":"^3.3.1","eslint-plugin-jest":"^29.0.1","eslint-plugin-ft-flow":"^3.0.11","@evilmartians/lefthook":"^1.12.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","react-native-builder-bob":"^0.40.13","@react-native/babel-preset":"0.81.1","eslint-plugin-react-native":"^5.0.0","@react-native/eslint-config":"^0.81.1","@commitlint/config-conventional":"^19.8.1","@typescript-eslint/eslint-plugin":"^8.43.0","@release-it/conventional-changelog":"^10.0.1"},"peerDependencies":{"react":"*","react-native":"*","react-native-webview":"*","@formidable-webview/webshell":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-katex_0.1.3_1757873958837_0.9439791966316542","host":"s3://npm-registry-packages-npm-production"},"react-native-builder-bob":{"output":"lib","source":"src","targets":[["module",{"esm":true}],["typescript",{"project":"tsconfig.build.json"}]]},"create-react-native-library":{"type":"library","version":"0.54.3","languages":"js"},"deprecated":"⚠️ This package has been renamed to @adheil_gupta/react-native-latex-renderer. Please update your package.json: npm install @adheil_gupta/react-native-latex-renderer. See: https://www.npmjs.com/package/@adheil_gupta/react-native-latex-renderer"}},"time":{"created":"2025-09-14T13:58:45.590Z","modified":"2025-12-04T06:04:30.351Z","0.1.0":"2025-09-14T13:58:45.871Z","0.1.1":"2025-09-14T14:01:19.162Z","0.1.2":"2025-09-14T18:01:09.277Z","0.1.3":"2025-09-14T18:19:19.037Z"},"bugs":{"url":"https://github.com/ibeginnernoob/react-native-latex/issues"},"author":{"url":"https://github.com/ibeginnernoob","name":"ibeginnernoob","email":"adheilgupta@gmail.com"},"license":"MIT","homepage":"https://github.com/ibeginnernoob/react-native-latex#readme","keywords":["react-native","ios","android"],"repository":{"url":"git+https://github.com/ibeginnernoob/react-native-latex.git","type":"git"},"description":"Render Math Equations inside react native using katex inside webshell for dynamic height","maintainers":[{"name":"adheil_gupta","email":"adheilgupta@gmail.com"}],"readme":"<div>\n\n<h1>React Native <a href=\"https://katex.org/\">\n  <picture>\n    <source media=\"(prefers-color-scheme: dark)\" srcset=\"https://katex.org/img/katex-logo.svg\">\n    <img alt=\"KaTeX\" width=130 src=\"https://katex.org/img/katex-logo-black.svg\">\n  </picture>\n</a></h1>\n</div>\n\nRender Math Latex in React Native using Katex with Webshell\n\n## Installation\n\n```sh\nnpm install @adheil_gupta/react-native-katex\n```\n\n## Usage\n\nPass Content as a string with math equations wrapped with -\n\n- \\$ ... \\$ -> to display inline math\n- \\$$ ... \\$$ -> to display the equation on a new line\n\n## The Results looks something like:\n\n<img src=\"https://res.cloudinary.com/dzaj1xdgz/image/upload/v1757872049/eg_kcgxvr.jpg\" width=\"400\">\n\n## Styling\n\n<img src=\"https://res.cloudinary.com/dzaj1xdgz/image/upload/v1757872048/eg2_z7tbzm.png\" width=\"400\">\n\n- containerStyles - style the outer div\n- textStyles - text styling\n- mathContainerStyles - style the inner divs(green border that render the math equations)\n\n```\n\teg. pass containerStyles as ->\n\n\t\"\n\t\tbackground-color: red !important;\n\t\tpadding-left: 40px !important;\n\t\tpadding-right: 40px !important;\n\t\"\n```\n\n## Simple Example\n\n```js\nimport MathJax from '@adhei_gupta/react-native-katex';\nimport { Text, View } from 'react-native';\n\nexport default function HomeScreen() {\n  return (\n    <View style={{ backgroundColor: 'white', flex: 1 }}>\n      <MathJax content=\"Inline Equaton - $ \\sum_{i=1}^n i = frac{(n(n+1))}^{2} $ New Line Equation - $$ \\sum_{i=1}^n i = frac{(n(n+1))}^{2} $$\" />\n    </View>\n  );\n}\n```\n\n## Contributing\n\n- [Development workflow](CONTRIBUTING.md#development-workflow)\n- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)\n- [Code of conduct](CODE_OF_CONDUCT.md)\n\n## License\n\nMIT\n\n---\n\nMade with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)\n","readmeFilename":"README.md"}