{"_id":"@asteriskzuo/react-native-ease-rich-text","name":"@asteriskzuo/react-native-ease-rich-text","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@asteriskzuo/react-native-ease-rich-text","version":"0.1.0","description":"Implement rich text components. Including input components and display components.","main":"lib/commonjs/index","module":"lib/module/index","types":"lib/typescript/src/index.d.ts","react-native":"src/index","private":false,"source":"src/index","scripts":{"example":"yarn workspace react-native-ease-rich-text-example","test":"jest","typecheck":"tsc --noEmit","lint":"eslint \"**/*.{js,ts,tsx}\"","clean":"del-cli android/build example/android/build example/android/app/build example/ios/build lib","prepare":"bob build","release":"release-it","postinstall":"patch-package"},"keywords":["react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/AsteriskZuo/react-native-ease-rich-text.git"},"author":{"name":"asteriskzuo","email":"zuoyuhsywn@hotmail.com","url":"https://github.com/AsteriskZuo"},"license":"MIT","bugs":{"url":"https://github.com/AsteriskZuo/react-native-ease-rich-text/issues"},"homepage":"https://github.com/AsteriskZuo/react-native-ease-rich-text#readme","publishConfig":{"registry":"https://registry.npmjs.org/"},"devDependencies":{"@commitlint/config-conventional":"^17.0.2","@evilmartians/lefthook":"^1.5.0","@react-native/eslint-config":"^0.72.2","@release-it/conventional-changelog":"^5.0.0","@types/jest":"^28.1.2","@types/react":"~17.0.21","@types/react-native":"0.70.0","commitlint":"^17.0.2","del-cli":"^5.0.0","eslint":"^8.4.1","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","jest":"^28.1.1","patch-package":"^8.0.0","pod-install":"^0.1.0","prettier":"^2.0.5","react":"18.2.0","react-native":"0.72.7","react-native-builder-bob":"^0.20.0","react-native-pell-rich-editor":"^1.9.0","react-native-webview":"^13.6.3","release-it":"^15.0.0","turbo":"^1.10.7","typescript":"^5.0.2"},"resolutions":{"@types/react":"17.0.21"},"peerDependencies":{"react":"*","react-native":"*","react-native-pell-rich-editor":">=1.9.0","react-native-webview":">=13.6.3"},"workspaces":["example"],"packageManager":"yarn@3.6.1","engines":{"node":">= 18.0.0"},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"commitlint":{"extends":["@commitlint/config-conventional"]},"release-it":{"git":{"commitMessage":"chore: release ${version}","tagName":"v${version}"},"npm":{"publish":true},"github":{"release":true},"plugins":{"@release-it/conventional-changelog":{"preset":"angular"}}},"eslintConfig":{"root":true,"extends":["@react-native","prettier"],"rules":{"prettier/prettier":["error",{"quoteProps":"consistent","singleQuote":true,"tabWidth":2,"trailingComma":"es5","useTabs":false}]}},"eslintIgnore":["node_modules/","lib/"],"prettier":{"quoteProps":"consistent","singleQuote":true,"tabWidth":2,"trailingComma":"es5","useTabs":false},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]},"gitHead":"f933a266ec7edccd2f5e41f14c25f17361fdfb28","_id":"@asteriskzuo/react-native-ease-rich-text@0.1.0","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-bt/n8TRxAk2UbtQvXFRcRgEyUqIvYm74/MSQSSFfFRNdgPB9MikUzWGNlNtd+uqsxTgLYDJM22LO4RLTP/HNQQ==","shasum":"a95eea5437fcbfba7304ce2f2e3e3acfaac528a4","tarball":"https://registry.npmjs.org/@asteriskzuo/react-native-ease-rich-text/-/react-native-ease-rich-text-0.1.0.tgz","fileCount":47,"unpackedSize":73060,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF/uAwnDYwa/mPpLqGSbrrVDDhEU3odZIDbGTyIfjuqPAiEA8ngSQPIAW6cGcVNz13IDCHNESpUzJYEyTYIKWwiAVuk="}]},"_npmUser":{"name":"asteriskzuo","email":"zuoyuhsywn@hotmail.com"},"directories":{},"maintainers":[{"name":"asteriskzuo","email":"zuoyuhsywn@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-ease-rich-text_0.1.0_1701534601158_0.5494126402805153"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-02T16:30:01.062Z","0.1.0":"2023-12-02T16:30:01.338Z","modified":"2023-12-02T16:30:01.608Z"},"maintainers":[{"name":"asteriskzuo","email":"zuoyuhsywn@hotmail.com"}],"description":"Implement rich text components. Including input components and display components.","homepage":"https://github.com/AsteriskZuo/react-native-ease-rich-text#readme","keywords":["react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/AsteriskZuo/react-native-ease-rich-text.git"},"author":{"name":"asteriskzuo","email":"zuoyuhsywn@hotmail.com","url":"https://github.com/AsteriskZuo"},"bugs":{"url":"https://github.com/AsteriskZuo/react-native-ease-rich-text/issues"},"license":"MIT","readme":"# react-native-ease-rich-text\n\nImplement rich text components. Including input components and display components.\n\n## Installation\n\n```sh\nnpm install react-native-ease-rich-text\n```\n\n## Usage\n\n1. How to use rich text display components.\n\n```tsx\nimport { multiply } from 'react-native-ease-rich-text';\n\n// ...\n\nconst ref = React.useRef<RichTextRef>({} as RichTextRef);\n<RichText propsRef={ref} />;\n\n// ...\n\nref.current?.pushText('push text');\nref.current?.pushImage(require('../assets/1.png'), {\n  width: 20,\n  height: 20,\n});\n```\n\n2. How to use rich text input components.\n\n```tsx\nimport { multiply } from 'react-native-ease-rich-text';\n\n// ...\n\nconst ref = React.useRef<RichInputRef>({} as RichInputRef);\n<RichInput\n  propsRef={ref}\n  containerStyle={{\n    backgroundColor: '#8fbc8f',\n    width: 300,\n    minHeight: 40,\n  }}\n/>;\n\n// ...\n\nref.current?.pushText('push text');\nref.current?.pushImage(\n  {\n    uri: 'https://cdn2.iconfinder.com/data/icons/chinese-new-year/512/gcds-dragon.png',\n  },\n  {\n    width: 20,\n    height: 20,\n  }\n);\n```\n\n3. How to pass text from input component to display component.\n\n```tsx\n// ...\nconst list = inputRef.current?.getData();\ndisplayRef.current?.pushData(list);\n```\n\n## Remark\n\nThe current version is not perfect and only supports text and pictures. It will be updated in the future. If you like it or have the structure and ideas, you can help improve it together.\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\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"}