chore: adjust docs with the new page

5ZYSZ3K · jsamr · commit 72491032d37a · 2026-02-23T10:05:01.000-03:00
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -8,9 +8,8 @@ body:
     description: |
       A good amount of bug reports are actually feature requests. To help you with that, read and check all the boxes to make sure you really need to fill the full template. If you can't check those two boxes, this is a feature request, not a bug. Fill a feature request here: https://native-html.canny.io/features
     options:
-      - label: "My issue does not look like “The HTML attribute 'xxx' is ignored” (unless
-    we claim support for it)"
-        required: true
+      - label: "My issue does not look like “The HTML attribute 'xxx' is ignored” (unlesswe claim support for it)"
+      - required: true
       - label: "My issue does not look like “The HTML element `<yyy>` is not rendered”"
         required: true
   validations:
@@ -44,8 +43,8 @@ body:
 - type: textarea
   attributes:
     label: "RNRH Version"
-    placeholder: "Type which version of react-native-render-html you are using."
-  validations:  
+    placeholder: "Type which version of @native-html/render you are using."
+  validations:
     required: true
 - type: checkboxes
   attributes:
@@ -76,7 +75,7 @@ body:
     label: Minimal, Reproducible Example
     description: |
       [*What is a Minimal, Reproducible Example (MRE)?*](https://stackoverflow.com/help/minimal-reproducible-example). Provide either a link to an expo snack, git repository, or a code block. You can fork [**our Snack template**](https://snack.expo.dev/@jsamr/rnrhtml-template) to gain time (follow instructions from the README in this snack)! The MRE **must be self-contained**, and **HTML inlined** unless strictly necessary (e.g., a bug with remote HTML). Also note:
-      - If your issue is related to operations such as dependency resolution or testing, **you must** provide a MRE in the form of a git repository. 
+      - If your issue is related to operations such as dependency resolution or testing, **you must** provide a MRE in the form of a git repository.
       - If and only if you provide a regression test in lieu of a MRE, you can reference the related PR instead.
     placeholder: "https://snack.expo.dev/@jsamr/rnrhtml-template"
   validations:
@@ -86,4 +85,4 @@ body:
     label: Additional Notes
     description: "Any extra information that can help with the resolution. If other libraries are involved in the MRE, note their versions here."
   validations:
-    required: false
+    required: false
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
@@ -4,8 +4,8 @@ contact_links:
     url: https://native-html.canny.io/features
     about: A page where all feature requests are handled.
   - name: 🆘 Getting Help
-    url: https://github.com/meliorence/react-native-render-html/blob/master/HELP.adoc
+    url: https://github.com/native-html/render/blob/main/HELP.adoc
     about: A resource which describes all the steps you should go through when you're facing an issue with this library.
   - name: 🌐 Official Website
-    url: https://meliorence.github.io/react-native-render-html/
-    about: The official website with plenty of guides, blog posts and documentation!
+    url: https://native-html.github.io/render/
+    about: The official website with plenty of guides, blog posts and documentation!
diff --git a/HELP.adoc b/HELP.adoc
@@ -37,12 +37,12 @@ I am using `@native-html/render` and I am witnessing a failure such as:
 [sidebar]
 .__Recommendations__
 --
-1. Read the https://meliorence.github.io/react-native-render-html/docs/faq[FAQ].
+1. Read the https://native-html.github.io/render/docs/faq[FAQ].
 2. Take a look at
-https://stackoverflow.com/questions/tagged/react-native-render-html for similar
+https://stackoverflow.com/questions/tagged/native-html-render or https://stackoverflow.com/questions/tagged/react-native-render-html for similar
 questions.
 3. Take a look at
-https://github.com/meliorence/react-native-render-html/issues[our issue tracker]
+https://github.com/native-html/render/issues[our issue tracker]
 for similar questions.
 4. If you still don't have a solution, you can choose one or more:
 +
@@ -85,14 +85,14 @@ B. Select "Check by text input"
 C. Paste your snippet in the body of the document.
 D. Press "Check"
 2. Make sure your issue isn't covered
-https://meliorence.github.io/react-native-render-html/docs/intro[by
+https://native-html.github.io/render/docs/intro[by
 the docs].
-3. Read the https://meliorence.github.io/react-native-render-html/docs/faq[FAQ].
+3. Read the https://native-html.github.io/render/docs/faq[FAQ].
 4. Take a look at
-https://stackoverflow.com/questions/tagged/react-native-render-html for similar
+https://stackoverflow.com/questions/tagged/native-html-render or https://stackoverflow.com/questions/tagged/react-native-render-html for similar
 questions.
 5. Take a look at
-https://github.com/meliorence/react-native-render-html/issues[our issue tracker]
+https://github.com/native-html/render/issues[our issue tracker]
 for similar questions.
 6. If you still don't have a solution, you can choose one or more:
 +
@@ -109,19 +109,19 @@ report anyway.
 .__Recommendations__
 --
 1. Make sure the feature isn't covered
-https://meliorence.github.io/react-native-render-html/docs/intro[by
+https://native-html.github.io/render/docs/intro[by
 the docs].
-2. Read the https://meliorence.github.io/react-native-render-html/docs/faq[FAQ].
+2. Read the https://native-html.github.io/render/docs/faq[FAQ].
 3. Take a look at
-https://stackoverflow.com/questions/tagged/react-native-render-html for similar
+https://stackoverflow.com/questions/tagged/native-html-render or https://stackoverflow.com/questions/tagged/react-native-render-html for similar
 questions.
 4. Take a look at
-https://github.com/meliorence/react-native-render-html/issues[our issue tracker]
+https://github.com/native-html/render/issues[our issue tracker]
 for similar questions.
 5. If you still don't have an answer, you can choose one or more:
 +
 A. https://stackoverflow.com/questions/ask[Opening a StackOverflow post] with the
-`react-native-render-html` tag.
+`@native-html/render` tag.
 B. Submitting a <<CONTRIBUTING.adoc#features,Feature Request>>.
 C. Going to https://discord.gg/dbEMMJM[our Discord #support channel].
 --
@@ -133,9 +133,9 @@ C. Going to https://discord.gg/dbEMMJM[our Discord #support channel].
 .__Recommendations__
 --
 1. Carefully
-https://meliorence.github.io/react-native-render-html/docs/intro[read
+https://native-html.github.io/render/docs/intro[read
 the docs].
-2. Read the https://meliorence.github.io/react-native-render-html/docs/faq[FAQ].
+2. Read the https://native-html.github.io/render/docs/faq[FAQ].
 3. If you still find difficult to use this feature, then we are lacking good
 documentation, and we should fix it. Go to https://discord.gg/dbEMMJM[our
 Discord #support channel] and we will help you out.
diff --git a/README.md b/README.md
@@ -12,37 +12,31 @@
     /></a>
   </div>
   <div align="center">
-    <a href="https://www.npmjs.com/package/react-native-render-html"
+    <a href="https://www.npmjs.com/package/@native-html/render"
       ><img
-        src="https://img.shields.io/npm/v/react-native-render-html/latest"
+        src="https://img.shields.io/npm/v/@native-html/render/latest"
         alt="npm"
     /></a>
-    <a href="https://www.npmjs.com/package/react-native-render-html"
+    <a href="https://www.npmjs.com/package/@native-html/render"
       ><img
-        src="https://img.shields.io/npm/v/react-native-render-html/next"
+        src="https://img.shields.io/npm/v/@native-html/render/next"
         alt="npm"
     /></a>
-    <a href="https://www.npmjs.com/package/react-native-render-html"
+    <a href="https://www.npmjs.com/package/@native-html/render"
       ><img
-        src="https://img.shields.io/npm/dm/react-native-render-html.svg?colorB=007ec6"
+        src="https://img.shields.io/npm/dm/@native-html/render.svg?colorB=007ec6"
         alt="npm"
     /></a>
   </div>
   <div align="center">
-    <a href="https://codecov.io/gh/meliorence/react-native-render-html"
+    <a href="https://codecov.io/gh/native-html/render"
       ><img
-        src="https://img.shields.io/codecov/c/gh/meliorence/react-native-render-html"
+        src="https://img.shields.io/codecov/c/gh/native-html/render"
         alt=""
     /></a>
-    <a
-      href="https://github.com/meliorence/react-native-render-html/actions?query=branch%3Amaster+workflow%3ACI"
+    <a href="https://github.com/native-html/render/issues"
       ><img
-        src="https://github.com/meliorence/react-native-render-html/workflows/CI/badge.svg?branch=master"
-        alt=""
-    /></a>
-    <a href="https://github.com/meliorence/react-native-render-html/issues"
-      ><img
-        src="https://img.shields.io/github/issues/meliorence/react-native-render-html.svg"
+        src="https://img.shields.io/github/issues/native-html/render.svg"
         alt="github issues"
     /></a>
     <a href="https://semver.org/spec/v2.0.0.html"
@@ -55,17 +49,11 @@
         src="https://img.shields.io/discord/736906960041148476?label=discord"
         alt=""
     /></a>
-    <a
-      href="https://openbase.com/js/react-native-render-html?utm_source=embedded&amp;utm_medium=badge&amp;utm_campaign=rate-badge"
-      ><img
-        src="https://badges.openbase.com/js/rating/react-native-render-html.svg"
-        alt="Rate on Openbase"
-    /></a>
   </div>
 </p>
 <br/>
 <p align="center">
-    <a href="https://meliorence.github.io/react-native-render-html/"><img width="124" height="124" src="https://github.com/meliorence/react-native-render-html/raw/master/assets/logo.svg"></a>
+    <a href="https://native-html.github.io/render/"><img width="124" height="124" src="https://github.com/native-html/render/raw/main/assets/logo.svg"></a>
 </p>
 <h1 align="center">@native-html/render</h1>
 <p align="center">
@@ -75,28 +63,25 @@
 An iOS/Android pure javascript react-native component that renders your HTML into 100% native views.
 </p>
 <p align="center">
-    <a href="https://meliorence.github.io/react-native-render-html/blog/2021/06/27/create-blog-app-rnrh-I"><img width="320" height="744" src="https://github.com/meliorence/react-native-render-html/raw/master/assets/demo.gif"></a>
+    <a href="https://native-html.github.io/render/blog/2021/06/27/create-blog-app-rnrh-I"><img width="320" height="744" src="https://github.com/native-html/render/raw/main/assets/demo.gif"></a>
 </p>
 
 ### 🗃️ Releases
 
 **The Foundry (v6) release is finally stable, and is now-on the recommended
 version.** [Check out **the announcement blog post** in our brand new
-website](https://meliorence.github.io/react-native-render-html/blog/2021/06/07/foundry-announcement).
+website](https://native-html.github.io/render/blog/2021/06/07/foundry-announcement).
 We also have a [**migration
-guide**](https://meliorence.github.io/react-native-render-html/docs/migration-guide)
+guide**](https://native-html.github.io/render/docs/migration-guide)
 for those who are coming from v5 and below.
 
-> :warning: **You are on the master branch which is home for the latest development.**
+> :warning: **You are on the main branch which is home for the latest development.**
 > Check the table bellow to get documentation for your exact
 > version.
 
 | Minor | Branch                                                                                   | Documentation                                                                                              | Latest                                                                         |
 | ----- | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
-| next  | master                                                                                   | -                                                                                                          | [![npm](https://img.shields.io/npm/v/react-native-render-html/next)](#)        |
-| 6.3   | [release/6.3](https://github.com/meliorence/react-native-render-html/tree/release/6.3)   | [Official Website](https://meliorence.github.io/react-native-render-html/)                                 | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/6.3)](#) |
-| 5.1   | [release/5.1](https://github.com/meliorence/react-native-render-html/tree/release/5.1)   | [release/5.1/README.md](https://github.com/meliorence/react-native-render-html/blob/release/5.1/README.md) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/5.1)](#) |
-| 4.2   | [release/4.2](https://github.com/meliorence/react-native-render-html/tree/release/4.2)   | [release/4.2/README.md](https://github.com/meliorence/react-native-render-html/blob/release/4.2/README.md) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/4.2)](#) |
+| next  | main                                                                                   | -                                                                                                          | [![npm](https://img.shields.io/npm/v/@native-html/render/next)](#)        |
 
 <a name="prereleases"></a>
 
@@ -137,11 +122,11 @@ export default function App() {
 
 ## :blue_book: Documentation
 
-See our [official website](https://meliorence.github.io/react-native-render-html/) and [the official Discovery App](https://expo.io/@jsamr/react-native-render-html-discovery).
+See our [official website](https://native-html.github.io/render/)
 
 ## :iphone: Example
 
-You like to learn by example? We have a tutorial from which the demo GIF has been extracted: [A WebView-free Blog App with React Native Render HTML](https://meliorence.github.io/react-native-render-html/blog/2021/06/27/create-blog-app-rnrh-I).
+You like to learn by example? We have a tutorial from which the demo GIF has been extracted: [A WebView-free Blog App with Native HTML](https://native-html.github.io/render/blog/2021/06/27/create-blog-app-rnrh-I).
 
 ## :notebook: Changelog
 
diff --git a/apps/discovery/app.config.js b/apps/discovery/app.config.js
@@ -3,7 +3,7 @@ module.exports = {
     name: 'RNRH Discovery',
     slug: '@native-html/render-discovery',
     description:
-      'An App to discover React Native Render HTML features and API!',
+      'An App to discover Native HTML features and API!',
     version: require('./version').demo,
     primaryColor: '#6767e2',
     orientation: 'default',
diff --git a/apps/discovery/src/navigation/index.tsx b/apps/discovery/src/navigation/index.tsx
@@ -5,7 +5,7 @@ import RootNavigator from './RootNavigator';
 import { useTheme } from '../theme/ThemeProvider';
 
 const linking = {
-  prefixes: ['https://meliorence.github.io/react-native-render-html']
+  prefixes: ['https://native-html.github.io/render']
 };
 
 export default function Navigation() {
diff --git a/apps/website/docusaurus.config.ts b/apps/website/docusaurus.config.ts
@@ -72,7 +72,7 @@ const plugins: any[] = [
 ];
 
 const config: Config = {
-  title: 'React Native Render HTML',
+  title: 'Native HTML',
   tagline:
     'The hackable, full-featured Open Source HTML rendering solution for React Native.',
   url: WEBSITE_ROOT,
@@ -145,12 +145,12 @@ const config: Config = {
           position: 'left'
         },
         {
-          to: `https://github.com/meliorence/react-native-render-html/releases/tag/v${version}`,
+          to: `https://github.com/native-html/render/releases/tag/v${version}`,
           label: `v${version}`,
           position: 'right'
         },
         {
-          href: 'https://github.com/meliorence/react-native-render-html',
+          href: 'https://github.com/native-html/render',
           position: 'right',
           className: 'header-github-link',
           'aria-label': 'GitHub repository'
@@ -223,11 +223,11 @@ const config: Config = {
           title: 'Community',
           items: [
             {
-              to: 'https://github.com/meliorence/react-native-render-html/blob/master/HELP.adoc',
+              to: 'https://github.com/native-html/render/blob/main/HELP.adoc',
               label: 'Help'
             },
             {
-              to: 'https://github.com/meliorence/react-native-render-html/blob/master/CONTRIBUTING.adoc',
+              to: 'https://github.com/native-html/render/blob/main/CONTRIBUTING.adoc',
               label: 'Contributing'
             },
             {
@@ -236,7 +236,7 @@ const config: Config = {
             },
             {
               label: 'Stack Overflow',
-              href: 'https://stackoverflow.com/questions/tagged/react-native-render-html'
+              href: 'https://stackoverflow.com/questions/tagged/native-html-render'
             },
             {
               label: 'Discord',
@@ -253,15 +253,11 @@ const config: Config = {
             },
             {
               label: 'GitHub',
-              href: 'https://github.com/meliorence/react-native-render-html'
+              href: 'https://github.com/native-html/render'
             },
             {
               label: 'Twitter',
               href: 'https://twitter.com/jsamrn?ref_src=twsrc%5Etfw'
-            },
-            {
-              label: 'Rate this library',
-              href: 'https://openbase.com/js/react-native-render-html?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge'
             }
           ]
         }
@@ -283,7 +279,7 @@ const config: Config = {
           showReadingTime: true,
           feedOptions: {
             type: 'all',
-            title: 'React Native Render HTML Official Blog',
+            title: 'Native HTML Official Blog',
             copyright: `Copyright © ${new Date().getFullYear()} Meliorence, Inc. and Jules Sam. Randolph`
           }
         },
diff --git a/apps/website/src/components/Badges.tsx b/apps/website/src/components/Badges.tsx
@@ -7,7 +7,7 @@ export default function Badges() {
     <div className={classes.stats}>
       <TwitterFollow className={classes.badge} />
       <iframe
-        src="https://ghbtns.com/github-btn.html?user=meliorence&repo=react-native-render-html&type=star&count=true&size=small"
+        src="https://ghbtns.com/github-btn.html?user=native-html&repo=render&type=star&count=true&size=small"
         frameBorder="0"
         scrolling="0"
         width="92"
diff --git a/apps/website/src/components/HomepageHeader.tsx b/apps/website/src/components/HomepageHeader.tsx
@@ -24,7 +24,7 @@ export default function HomepageHeader() {
     <header className={classes.root}>
       <div className={classes.rootOverlay} />
       <div className={clsx(classes.title, 'margin-bottom--md')}>
-        <h1 className={clsx('hero__title')}>React Native Render HTML</h1>
+        <h1 className={clsx('hero__title')}>Native HTML</h1>
         <p className={clsx('hero__subtitle', classes.subtitle)}>
           Give a <strong>genuine native</strong> feeling to your HTML content.
         </p>
@@ -63,7 +63,7 @@ export default function HomepageHeader() {
               <Screenshot
                 url={showcaseImgJpeg}
                 webpUrl={showcaseImgWebp}
-                alt="Showcase of a component rendered with React Native Render HTML."
+                alt="Showcase of a component rendered with Native HTML."
                 scale={1}
               />
               <div className={classes.screenshotOverlay} />
diff --git a/apps/website/src/typeui/HeaderTypeBox.tsx b/apps/website/src/typeui/HeaderTypeBox.tsx
@@ -82,7 +82,7 @@ export default function HeaderTypeBox({
             target="_blank"
             rel="noopener"
             className={classes.sourceBox}
-            href={`https://github.com/meliorence/react-native-render-html/tree/v${version}/${source.fileName}#L${source.line}`}>
+            href={`https://github.com/native-html/render/tree/v${version}/${source.fileName}#L${source.line}`}>
             {source.fileName}
           </a>
         )}
diff --git a/doc-tools/doc-pages/src/pages/cards/customImageRendererConfig.tsx b/doc-tools/doc-pages/src/pages/cards/customImageRendererConfig.tsx
@@ -88,7 +88,7 @@ const customImageRendererConfig: UIRenderHtmlCardProps = {
     importStatements: [
       { package: 'react-native', named: ['View', 'ActivityIndicator'] },
       {
-        package: 'react-native-render-html',
+        package: '@native-html/render',
         named: [
           'IMGElementContainer',
           'IMGElementContentError',

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ const plugins: any[] = [`
`72`	`72`	`];`
`73`	`73`
`74`	`74`	`const config: Config = {`
`75`		`- title: 'React Native Render HTML',`
	`75`	`+ title: 'Native HTML',`
`76`	`76`	`tagline:`
`77`	`77`	`'The hackable, full-featured Open Source HTML rendering solution for React Native.',`
`78`	`78`	`url: WEBSITE_ROOT,`
`@@ -145,12 +145,12 @@ const config: Config = {`
`145`	`145`	`position: 'left'`
`146`	`146`	`},`
`147`	`147`	`{`
`148`		- to: `https://github.com/meliorence/react-native-render-html/releases/tag/v${version}`,
	`148`	+ to: `https://github.com/native-html/render/releases/tag/v${version}`,
`149`	`149`	label: `v${version}`,
`150`	`150`	`position: 'right'`
`151`	`151`	`},`
`152`	`152`	`{`
`153`		`- href: 'https://github.com/meliorence/react-native-render-html',`
	`153`	`+ href: 'https://github.com/native-html/render',`
`154`	`154`	`position: 'right',`
`155`	`155`	`className: 'header-github-link',`
`156`	`156`	`'aria-label': 'GitHub repository'`
`@@ -223,11 +223,11 @@ const config: Config = {`
`223`	`223`	`title: 'Community',`
`224`	`224`	`items: [`
`225`	`225`	`{`
`226`		`- to: 'https://github.com/meliorence/react-native-render-html/blob/master/HELP.adoc',`
	`226`	`+ to: 'https://github.com/native-html/render/blob/main/HELP.adoc',`
`227`	`227`	`label: 'Help'`
`228`	`228`	`},`
`229`	`229`	`{`
`230`		`- to: 'https://github.com/meliorence/react-native-render-html/blob/master/CONTRIBUTING.adoc',`
	`230`	`+ to: 'https://github.com/native-html/render/blob/main/CONTRIBUTING.adoc',`
`231`	`231`	`label: 'Contributing'`
`232`	`232`	`},`
`233`	`233`	`{`
`@@ -236,7 +236,7 @@ const config: Config = {`
`236`	`236`	`},`
`237`	`237`	`{`
`238`	`238`	`label: 'Stack Overflow',`
`239`		`- href: 'https://stackoverflow.com/questions/tagged/react-native-render-html'`
	`239`	`+ href: 'https://stackoverflow.com/questions/tagged/native-html-render'`
`240`	`240`	`},`
`241`	`241`	`{`
`242`	`242`	`label: 'Discord',`
`@@ -253,15 +253,11 @@ const config: Config = {`
`253`	`253`	`},`
`254`	`254`	`{`
`255`	`255`	`label: 'GitHub',`
`256`		`- href: 'https://github.com/meliorence/react-native-render-html'`
	`256`	`+ href: 'https://github.com/native-html/render'`
`257`	`257`	`},`
`258`	`258`	`{`
`259`	`259`	`label: 'Twitter',`
`260`	`260`	`href: 'https://twitter.com/jsamrn?ref_src=twsrc%5Etfw'`
`261`		`- },`
`262`		`- {`
`263`		`- label: 'Rate this library',`
`264`		`- href: 'https://openbase.com/js/react-native-render-html?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge'`
`265`	`261`	`}`
`266`	`262`	`]`
`267`	`263`	`}`
`@@ -283,7 +279,7 @@ const config: Config = {`
`283`	`279`	`showReadingTime: true,`
`284`	`280`	`feedOptions: {`
`285`	`281`	`type: 'all',`
`286`		`- title: 'React Native Render HTML Official Blog',`
	`282`	`+ title: 'Native HTML Official Blog',`
`287`	`283`	copyright: `Copyright © ${new Date().getFullYear()} Meliorence, Inc. and Jules Sam. Randolph`
`288`	`284`	`}`
`289`	`285`	`},`