{"id":18487174,"url":"https://github.com/maherzaidoune/react-native-url-preview","last_synced_at":"2025-04-09T12:07:20.538Z","repository":{"id":33983413,"uuid":"165396145","full_name":"maherzaidoune/react-native-url-preview","owner":"maherzaidoune","description":"react native text parser and link previewer npm package, it makes a preview from an url, grabbing all the information such as title, relevant texts and images.","archived":false,"fork":false,"pushed_at":"2022-02-10T10:06:21.000Z","size":380,"stargazers_count":93,"open_issues_count":19,"forks_count":48,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-02T11:03:30.119Z","etag":null,"topics":["android","ios","link-preview","parser","previewer","react-native","url-parser","youtube"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maherzaidoune.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-12T14:20:32.000Z","updated_at":"2023-12-05T13:43:30.000Z","dependencies_parsed_at":"2022-08-07T23:31:12.774Z","dependency_job_id":null,"html_url":"https://github.com/maherzaidoune/react-native-url-preview","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maherzaidoune%2Freact-native-url-preview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maherzaidoune%2Freact-native-url-preview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maherzaidoune%2Freact-native-url-preview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maherzaidoune%2Freact-native-url-preview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maherzaidoune","download_url":"https://codeload.github.com/maherzaidoune/react-native-url-preview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248036067,"owners_count":21037092,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","ios","link-preview","parser","previewer","react-native","url-parser","youtube"],"created_at":"2024-11-06T12:50:16.356Z","updated_at":"2025-04-09T12:07:20.521Z","avatar_url":"https://github.com/maherzaidoune.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\n# react-native-url-preview 🐜\n\n[![NPM](https://nodei.co/npm/react-native-url-preview.png)](https://www.npmjs.com/package/react-native-url-preview)\n\n\nParses text and wraps URLs , transform the url to a beautiful link preview\n\n## Getting started 🐜\n\n`$ npm install react-native-url-preview --save`\n\n## Usage 🐜\n```javascript\nimport RNUrlPreview from 'react-native-url-preview';\n\n\u003cRNUrlPreview text={\"any text to be parsed , https://www.youtube.com/watch?v=Kmiw4FYTg2U\"}/\u003e\n```\n\n## Examples🐜\n\nPlease refer to the [react-native-url-preview example](https://github.com/maherzaidoune/RNUrlPreviewExample) provided to see how `react-native-url-preview` can be used .\n\n## Demo🐜\n\n\u003cp align=\"center\" \u003e\n        \u003ca href=\"https://github.com/maherzaidoune/react-native-url-preview\"\u003e\u003cimg src=\"https://i.imgur.com/dJLTTRr.gif\" title=\"source: imgur.com\" /\u003e\u003c/a\u003e\n        \u003ca href=\"https://imgur.com/ruyH0PR\"\u003e\u003cimg src=\"https://i.imgur.com/ruyH0PR.gif\" title=\"source: imgur.com\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## Customization 🐜\n\n| Parameter                | Required? | Default                    | Type      | Description                                            |\n| :----------------------- | :-------: | :------------------------- | :-------- | :----------------------------------------------------- |\n| text                     |    YES    | Null                       | `string`  | The text that is parsed and where the URL is retrieved |\n| title                    |    NO     | True                       | `Boolean` | determine whether the URL title is displyed or not     |\n| description              |    NO     | True                       | `Boolean` | determine whether the URL description is displyed or not     |\n| titleStyle               |    NO     | defaultStyle               | `style`   | self explanatory i believe                             |\n| containerStyle           |    NO     | defaultStyle               | `style`   | you can pass a custom container style                  |\n| imageStyle               |    NO     | defaultStyle               | `style`   | you can pass a custom image style                      |\n| faviconStyle             |    NO     | defaultStyle               | `style`   | you can pass a custom favicon style                    |\n| textContainerStyle       |    NO     | defaultStyle               | `style`   | you can pass a custom style for the text container     |\n| descriptionStyle         |    NO     | defaultStyle               | `style`   | self explanatory i believe                             |\n| titleNumberOfLines       |    NO     | 2                          | `number`  | self explanatory i believe                             |\n| descriptionNumberOfLines |    NO     | Ipad?4:3                   | `number`  | self explanatory i believe                             |\n| imageProps               |    NO     | `{ resizeMode: \"contain\"}` | `object`  | you can pass a custom props to image                   |\n| requestOptions           |    NO     | `{}`                       | `object`  | pass additional options to url preview request\n| onLoad                   |    NO     | `() =\u003e {}`                 | `function`| callback called when url preview data is loaded          |\n| onError                  |    NO     | `() =\u003e {}`                 | `function`| callback called if url preview fails to load           |\n## Credits 🐜\n\n- Thanks to [marouan frih](https://github.com/Madm0x) for the REGEX\n- extract information from a URL with [link-preview-js](https://github.com/ospfranco/link-preview-js)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaherzaidoune%2Freact-native-url-preview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaherzaidoune%2Freact-native-url-preview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaherzaidoune%2Freact-native-url-preview/lists"}