{"_id":"c-15-mathquill","_rev":"1-dfa042154d09a47024cd3c616299083d","name":"c-15-mathquill","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.6":{"name":"c-15-mathquill","version":"1.0.6","description":"React component wrapper for Mathquill","main":"index.js","typings":"index.d.ts","repository":{"type":"git","url":"git+https://github.com/Woo-Dong93/groupProjectLibrary.git"},"bugs":{"url":"https://github.com/Woo-Dong93/groupProjectLibrary/issues"},"homepage":"https://github.com/Woo-Dong93/groupProjectLibrary#readme","license":"MIT","private":false,"scripts":{"start":"webpack --mode development","build":"webpack --mode production --output dist/c-15-mathquill.min.js && webpack --mode development --output dist/c-15-mathquill.js","test":"eslint src/ examples/src/","start:example":"webpack --mode development --watch --output dist/c-15-mathquill.js & webpack-dev-server --config webpack.examples.js --mode development","build:example":"npm run build && webpack --mode development --config webpack.examples.js","deploy":"npm run build:example && gh-pages -d examples/dist","prepublish":"rm -rf dist/ && npm run build","prepublishOnly":"npm run test"},"dependencies":{},"peerDependencies":{"react":"^16.13.1"},"devDependencies":{"@babel/core":"^7.11.6","@babel/preset-env":"^7.11.5","@babel/preset-react":"^7.10.4","@edtr-io/mathquill":"^0.11.0","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","css-loader":"^4.3.0","eslint":"^7.9.0","eslint-plugin-react":"^7.20.6","exports-loader":"^1.1.0","file-loader":"^6.1.0","gh-pages":"^3.1.0","html-webpack-plugin":"^4.4.1","imports-loader":"^1.1.0","jquery":"^3.5.1","prettier":"^2.1.2","prop-types":"^15.7.2","react":"^16.13.1","react-dom":"^16.13.1","string-replace-loader":"^2.3.0","style-loader":"^1.2.1","webpack":"^4.44.2","webpack-cli":"^3.3.12","webpack-dev-server":"^3.11.0"},"gitHead":"1e1bcef626d3dbe9a10310d54d3c619bf3446953","_id":"c-15-mathquill@1.0.6","_nodeVersion":"12.16.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-d1+8091NX9Di/QhjO/TwVwFgLvresrAEqzGZHG+fXoOSiL7cGbBeSJGzABnJwHzjymg/qNjh+Bvrlojk3owDcg==","shasum":"1f4d8f4954b448a098a4c5fda54b7761704fd442","tarball":"https://registry.npmjs.org/c-15-mathquill/-/c-15-mathquill-1.0.6.tgz","fileCount":11,"unpackedSize":369421,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfv4QDCRA9TVsSAnZWagAAcA8QAKI8d7iIjstEH8wpGipV\nERyrwWuHKKP54aLWq+Wgz5c0VdFOP1IB0mkOSiilT1iVi3QOGLjaLJYAE959\njzsr6VTnKt+rPpvSAKrSBlmIXjiGrbCqHdnRZznACk4KPJeodugiM1rkaT7f\nFs/AXo+uUcgFRFdy37qkrIyvs2UgALZsK7exAJHRcsv8cTXYoeLybjmxb9f0\nbEKHmLZPjnuncn9JQgNFkK4t6JOeqZFf56Q91bV5m2aDdjAyIlSJ+NAiFnq/\nljlFKke+x9qVZVFyV5cgQRT7/3GkNNYLccZaCsOyt/32DtNH/i48n2gf0fal\n21MiSQQDZpDZwUi138oB01oe9QxhV7Yy9f6JCMcBkJO3g1lQsESRxqavD7GM\nst5WpzP71PEs5SX+hI+iVQqKPyK+A2QwE84EUayJuL5NBwMMGkVG+HqEOtLt\nWN6UYeNtu2XR/HcX99lSwP5TupJprqnfV0ArVG+AOYhoXixgY87TKiol0TSZ\nHQ9ww4198sRscB+hxTmQT4Uq9JQxiHciRbexRMnz0qCCOf8MWz0anYAyQOrS\nMF+yz/c8ftav1Pc3N7XmNA02MOn1IWCHMGyb/UYqd/P9JnlHYm2IQKY6VjKd\nQvRAnpy2tvjW97kBcfEpUF5jvOl3Ep3Ek3E4F2v3csqBAbon3IKDSTMUI362\nXly5\r\n=ssuj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDn09GbmTNKnguMADbC1guhQhRoJv3C/GPvwvRmounfgAIhAPPzejReU2MXPFiQIJ3y8hyDuXSj2mfyt9OUnk4PoYWl"}]},"_npmUser":{"name":"tmlu48","email":"tmlu48@naver.com"},"directories":{},"maintainers":[{"name":"tmlu48","email":"tmlu48@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/c-15-mathquill_1.0.6_1606386690792_0.8835271945785297"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-26T10:31:30.791Z","1.0.6":"2020-11-26T10:31:31.015Z","modified":"2022-04-12T04:54:55.568Z"},"maintainers":[{"name":"tmlu48","email":"tmlu48@naver.com"}],"description":"React component wrapper for Mathquill","homepage":"https://github.com/Woo-Dong93/groupProjectLibrary#readme","repository":{"type":"git","url":"git+https://github.com/Woo-Dong93/groupProjectLibrary.git"},"bugs":{"url":"https://github.com/Woo-Dong93/groupProjectLibrary/issues"},"license":"MIT","readme":"# React component wrapper for [Mathquill](http://mathquill.com/)\r\n\r\n[![npm version](https://badge.fury.io/js/react-mathquill.svg)](https://badge.fury.io/js/react-mathquill)\r\n\r\n## Examples\r\n\r\n- [Build of examples](https://viktorstrate.github.io/react-mathquill/) located at `src/examples/`\r\n- Play with the examples below at this [Code Sandbox](https://codesandbox.io/s/sweet-liskov-8mlzu)\r\n\r\n### Editable Math Field\r\n\r\n```javascript\r\nimport React, { useState } from 'react'\r\nimport { addStyles, EditableMathField } from 'react-mathquill'\r\n\r\n// inserts the required css to the <head> block.\r\n// you can skip this, if you want to do that by yourself.\r\naddStyles()\r\n\r\nconst EditableMathExample = () => {\r\n  const [latex, setLatex] = useState('\\\\frac{1}{\\\\sqrt{2}}\\\\cdot 2')\r\n\r\n  return (\r\n    <div>\r\n      <EditableMathField\r\n        latex={latex}\r\n        onChange={(mathField) => {\r\n          setLatex(mathField.latex())\r\n        }}\r\n      />\r\n      <p>{latex}</p>\r\n    </div>\r\n  )\r\n}\r\n```\r\n\r\n### Static Math Field\r\n\r\n```javascript\r\nimport React from 'react'\r\nimport { addStyles, StaticMathField } from 'react-mathquill'\r\n\r\n// inserts the required css to the <head> block.\r\n// you can skip this, if you want to do that by yourself.\r\naddStyles()\r\n\r\nconst StaticMathExample = () => (\r\n  <StaticMathField>{'\\\\frac{1}{\\\\sqrt{2}}\\\\cdot 2'}</StaticMathField>\r\n)\r\n```\r\n\r\n# Documentation\r\n\r\n## addStyles (function)\r\n\r\nThis function, when called, will append a `<style id=\"react-mathquill-styles\">` tag to the `<head>` of the document.\r\nThe style tag includes all the required styles for Mathquill to work.\r\n\r\nThis function is not necessary, provided you include the styles in another way. See [Mathquill Docs - Download and Load](http://docs.mathquill.com/en/latest/Getting_Started/)\r\n\r\n## EditableMathField (React Element)\r\n\r\n> Wrapper for [Mathquill MathField](http://docs.mathquill.com/en/latest/Api_Methods/#mqmathfieldhtml_element-config)\r\n\r\n### Props\r\n\r\n- latex: String - _Initial latex value for the input field_\r\n- config: Object - _A mathquill [config](http://docs.mathquill.com/en/latest/Config/) object_\r\n- onChange([mathField](http://docs.mathquill.com/en/latest/Api_Methods/#mqmathfieldhtml_element-config)) - _A function that is called on change events._\r\n- mathquillDidMount([mathField](http://docs.mathquill.com/en/latest/Api_Methods/#mqmathfieldhtml_element-config)) - _A function that is called when the Mathquill element is initalized._\r\n\r\nOther props will be passed to the wrapping span element, this can be useful for custom _classNames_ or _styles_\r\n\r\n## StaticMathField (React Element)\r\n\r\n> Wrapper for [Mathquill StaticField](http://docs.mathquill.com/en/latest/Api_Methods/#mqstaticmathhtml_element)\r\n\r\n### Props\r\n\r\n- children: String - _A string of latex to render statically on the page_\r\n\r\nOther props will be passed to the wrapping span element, this can be useful for custom _classNames_ or _styles_\r\n","readmeFilename":"README.md"}