fix: adjust website - change root path and fix building

Author: 5ZYSZ3K

apps/website/blog/2021-06-07-foundry-announcement.mdx

@@ -49,7 +49,7 @@ specific components and observe how they respond to style and props changes.
 ### The Transient Render Engine
 
 The Transient Render engine (TRE) transforms DOM nodes into a ready-to-render
-data structure called the Transient Render Tree (TRT), which is made of <Reference type="api-def" name="TNodes" url="/react-native-render-html/api/tnode" />. It allows features such as **whitespace collapsing**, **hoisting**,
+data structure called the Transient Render Tree (TRT), which is made of <Reference type="api-def" name="TNodes" url="/api/tnode" />. It allows features such as **whitespace collapsing**, **hoisting**,
 **CSS inheritance** and more.
 
 A legitimate concerns is whether it adds any overhead. The short answer is
@@ -59,16 +59,16 @@ its speed. In addition to the enumerated features, the new transient data
 structure offers obvious advantages for library consumers:
 
 - It is totally transparent and predictable; you can create snapshots of a
-&ZeroWidthSpace;<Reference type="api-def" name="TNode" url="/react-native-render-html/api/tnode" /> thanks to the <Reference type="api-def" name="TNodeShape" member="snaphot()"
-url="/react-native-render-html/api/tnodeshape#snapshot" /> method for an
+&ZeroWidthSpace;<Reference type="api-def" name="TNode" url="/api/tnode" /> thanks to the <Reference type="api-def" name="TNodeShape" member="snaphot()"
+url="/api/tnodeshape#snapshot" /> method for an
 intuitive understanding of the engine internals. This feature is extremely
 handy for debugging and testing!
 - It's hackable by allowing to define custom **content models** for tags. Say
 hi to inline images!
 - It is shipped with a CSS processor which enforces strict translation rules
 from CSS to React Native styles. Say goodbye to native crashes caused by
 unsupported CSS properties! See the [**dedicated
-article**](/react-native-render-html/docs/flow/css-processing) for
+article**](/docs/flow/css-processing) for
 reference.
 - It paves the way to server side (or build-time) pre-rendering in the future,
 and, why not, a react fiber and MDX builder.
@@ -78,8 +78,8 @@ Below is an example of HTML transformation into a Transient Render Tree:
 <TNodeTransformDisplay title="Translation of HTML markup into a Transient Render Tree" caption="This figure shows how HTML markup translates to a transient render tree structure. The markup for the TRT is JSX and has been produced by the snapshot() method. Notice that whitespace have collapsed!" html="%3Ca%20href%3D%22https%3A%2F%2Fdomain.com%22%3E%0AThis%20is%0A%3Cspan%3Ephrasing%20content%3C%2Fspan%3E%0A%3Cimg%20src%3D%22https%3A%2F%2Fdomain.com%2Flogo.jpg%22%20%2F%3E%0A%20%20%20%20and%20this%20is%20%3Cstrong%3Etoo%3C%2Fstrong%3E.%0A%3C%2Fa%3E" snapshot="%3CTDocument%20tagName%3D%22html%22%3E%0A%20%20%3CTBlock%20tagName%3D%22body%22%3E%0A%20%20%20%20%3CTBlock%20tagName%3D%22a%22%20href%3D%22https%3A%2F%2Fdomain.com%22%3E%0A%20%20%20%20%20%20%3CTPhrasing%20anonymous%3E%0A%20%20%20%20%20%20%20%20%3CTText%20anonymous%20data%3D%22This%20is%20%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTText%20tagName%3D%22span%22%20data%3D%22phrasing%20content%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTPhrasing%3E%0A%20%20%20%20%20%20%3CTBlock%20tagName%3D%22img%22%20src%3D%22https%3A%2F%2Fdomain.com%2Flogo.jpg%22%20%2F%3E%0A%20%20%20%20%20%20%3CTPhrasing%20anonymous%3E%0A%20%20%20%20%20%20%20%20%3CTText%20anonymous%20data%3D%22and%20this%20is%20%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTText%20tagName%3D%22strong%22%20data%3D%22too%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3CTText%20anonymous%20data%3D%22.%22%20%2F%3E%0A%20%20%20%20%20%20%3C%2FTPhrasing%3E%0A%20%20%20%20%3C%2FTBlock%3E%0A%20%20%3C%2FTBlock%3E%0A%3C%2FTDocument%3E" />
 
 :::tip Learn More
-A detailed review of the Transient Render Engine has its [**dedicated article**](/react-native-render-html/docs/flow/transient-render-engine).
-You can also learn more about the new data flow in the [**Architecture article**](/react-native-render-html/docs/architecture).
+A detailed review of the Transient Render Engine has its [**dedicated article**](/docs/flow/transient-render-engine).
+You can also learn more about the new data flow in the [**Architecture article**](/docs/architecture).
 :::
 
 ### Custom Renderers
@@ -106,9 +106,9 @@ function H1Renderer({
 }
 ```
 Default renderers support `onPress` and many more interesting props! See
-&ZeroWidthSpace;<Reference type="api-def" name="TDefaultRendererProps" url="/react-native-render-html/api/tdefaultrendererprops" />.
+&ZeroWidthSpace;<Reference type="api-def" name="TDefaultRendererProps" url="/api/tdefaultrendererprops" />.
 Moreover, you can customize the rendering of children thanks to the <Reference
-type="api-def" name="TChildrenRenderer" url="/react-native-render-html/api/tchildrenrenderer" /> component!
+type="api-def" name="TChildrenRenderer" url="/api/tchildrenrenderer" /> component!
 
 ```jsx title="Foundry Custom Renderer with Children Tampering"
 import React from 'react';
@@ -135,14 +135,14 @@ function ArticleWithAds({
 }
 ```
 This custom renderer will insert an `AdComponent` element after the second and
-fourth children of this <Reference type="api-def" name="TNode" url="/react-native-render-html/api/tnode" />.
+fourth children of this <Reference type="api-def" name="TNode" url="/api/tnode" />.
 
 Last but not least, custom renderers can reuse internal renderers (those
 special renderers displaying lists, images and anchors). For this purpose,
-you can use the <Reference type="api-def" name="InternalRenderer" url="/react-native-render-html/api/customrendererprops#internalrenderer" /> prop or <Reference type="api-def" name="useInternalRenderer" url="/react-native-render-html/api/useinternalrenderer" /> hook.
+you can use the <Reference type="api-def" name="InternalRenderer" url="/api/customrendererprops#internalrenderer" /> prop or <Reference type="api-def" name="useInternalRenderer" url="/api/useinternalrenderer" /> hook.
 
 :::tip Learn More
-[**Check-out the Custom Rendering guide**](/react-native-render-html/docs/guides/custom-renderers).
+[**Check-out the Custom Rendering guide**](/docs/guides/custom-renderers).
 :::
 
 ### Font Selection
@@ -153,10 +153,10 @@ the system will often lead to native crashes. To reconcile this inconsistency, t
 Processor will try to match each font in a `font-family` property with a list
 of supported fonts available in the system by the library consumer. The prop to
 declare such fonts is <Reference type="api-def" name="systemFonts"
-url="/react-native-render-html/api/renderhtmlprops#systemfonts"/>.
+url="/api/renderhtmlprops#systemfonts"/>.
 
 :::tip Learn More
-[**Check-out the Font Selection section from the Textual guide**](/react-native-render-html/docs/content/textual#font-selection).
+[**Check-out the Font Selection section from the Textual guide**](/docs/content/textual#font-selection).
 :::
 
 ### A Revamped List Renderer
@@ -173,7 +173,7 @@ Note that the **thai** and **arabic indic** counters have been rendered via
 [@jsamr/counter-style](https://github.com/jsamr/react-native-li/tree/master/packages/counter-style#readme)
 presets, and the **russian** counter has been rendered with a custom, 2
 lines-of-code counter renderer. Learn more about this fancy feature and examples [**in the dedicated
-article**](/react-native-render-html/docs/content/lists).
+article**](/docs/content/lists).
 
 ### Extensible Internal Image Renderer
 
@@ -185,39 +185,39 @@ rendering**:
 
 <dt>
 
-&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContainer" url="/react-native-render-html/api/imgelementcontainer" member={undefined} full={false} type="api-def" plural={undefined} />
+&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContainer" url="/api/imgelementcontainer" member={undefined} full={false} type="api-def" plural={undefined} />
 
 </dt><dd>
 
 To render the container of the &ZeroWidthSpace;<Reference full={false} name="&lt;img&gt;" url="https://mdn.io/img" type="html-el" /> element.
 
 </dd><dt>
 
-&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContentError" url="/react-native-render-html/api/imgelementcontenterror" member={undefined} full={false} type="api-def" plural={undefined} />
+&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContentError" url="/api/imgelementcontenterror" member={undefined} full={false} type="api-def" plural={undefined} />
 
 </dt><dd>
 
 To render the fallback view on error state.
 
 </dd><dt>
 
-&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContentLoading" url="/react-native-render-html/api/imgelementcontentloading" member={undefined} full={false} type="api-def" plural={undefined} />
+&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContentLoading" url="/api/imgelementcontentloading" member={undefined} full={false} type="api-def" plural={undefined} />
 
 </dt><dd>
 
 To render the fallback view on loading state.
 
 </dd><dt>
 
-&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContentSuccess" url="/react-native-render-html/api/imgelementcontentsuccess" member={undefined} full={false} type="api-def" plural={undefined} />
+&ZeroWidthSpace;<Reference library="react-native-render-html" name="IMGElementContentSuccess" url="/api/imgelementcontentsuccess" member={undefined} full={false} type="api-def" plural={undefined} />
 
 </dt><dd>
 
 To render the image on success state..
 
 </dd><dt>
 
-&ZeroWidthSpace;<Reference library="react-native-render-html" name="useIMGElementState" url="/react-native-render-html/api/useimgelementstate" member={undefined} full={false} type="api-def" plural={undefined} />
+&ZeroWidthSpace;<Reference library="react-native-render-html" name="useIMGElementState" url="/api/useimgelementstate" member={undefined} full={false} type="api-def" plural={undefined} />
 
 </dt><dd>
 
@@ -229,7 +229,7 @@ To get the state of the image resource fetching.
 
 
 :::tip Learn More
-[**Check-out the Images article**](/react-native-render-html/docs/content/images).
+[**Check-out the Images article**](/docs/content/images).
 :::
 
 ### Composite Rendering Architecture
@@ -253,14 +253,14 @@ is equivalent to this (**explicit 3 layers**):
 ```
 
 :::tip Learn More
-[**Check-out the rendering article**](/react-native-render-html/docs/flow/rendering).
+[**Check-out the rendering article**](/docs/flow/rendering).
 :::
 
 It also offers the ability to select the root of the document to render, and to
 inspect the DOM object asynchronously before rendering.
 
 :::tip Learn More
-[**Check-out the DOM Tampering guide**](/react-native-render-html/docs/guides/dom-tampering)
+[**Check-out the DOM Tampering guide**](/docs/guides/dom-tampering)
 :::
 
 ## Massive dumps of squashed bugs
@@ -280,10 +280,10 @@ tags specified in the [HTML5 WHATWG living
 standard](https://html.spec.whatwg.org/). However, not all tags will be
 rendered. Tags with a **content model** set to `none` will not be rendered (you
 can override this model though). Check-out the list of all tags and their
-models in the <Reference type="api-doc" name="defaultHTMLElementModels" url="/react-native-render-html/api/defaulthtmlelementmodels/" /> definition.
+models in the <Reference type="api-doc" name="defaultHTMLElementModels" url="/api/defaulthtmlelementmodels/" /> definition.
 
 :::tip Learn More
-[Check-out the release notes for more details](https://github.com/meliorence/react-native-render-html/releases/tag/v6.0.0-beta.0).
+[Check-out the release notes for more details](https://github.com/meliorence/releases/tag/v6.0.0-beta.0).
 :::
 
 ## Ready for Production?
@@ -300,7 +300,7 @@ rise to above **90%** by the end of the beta stage.
 ### Migrating from v4 and v5
 
 [**Check-out our dedicated
-guide**](/react-native-render-html/docs/migration-guide), and please don't
+guide**](/docs/migration-guide), and please don't
 hesitate to ask for help in [**our discord channel**](https://discord.gg/dbEMMJM).
 
 ## Final Notes

apps/website/blog/2021-06-28-create-blog-app-rnrh-II.mdx

@@ -241,7 +241,7 @@ To render the article, we'll need to follow the below steps:
 4. Render the headings in a Drawer and the DOM in a `ScrollView` with <APIReference name="RenderHTMLSource" />.
 
 One important note is that we must use the [explicit composite rendering
-architecture](/react-native-render-html/docs/flow/rendering#composite-rendering-architecture)
+architecture](/docs/flow/rendering#composite-rendering-architecture)
 because we want access to the DOM object from the controlling component to
 easily extract headings, which is more tedious when using the
 implicit composite architecture (e.g., with the <APIReference name="RenderHTML"
@@ -793,4 +793,4 @@ However, pressing an entry won't do anything. **It is hence time to tackle the
 implementation of the tap-to-scroll feature! Let's jump to [Part
 III](./2021-06-29-create-blog-app-rnrh-III.mdx)**.
 
-<SocialLinks twitterUrl="https://twitter.com/jsamrn/status/1409520975226490880" redditUrl="https://www.reddit.com/r/reactnative/comments/o948fs/i_wrote_a_demo_and_tutorial_for_a_webviewfree/" />
+<SocialLinks twitterUrl="https://twitter.com/jsamrn/status/1409520975226490880" redditUrl="https://www.reddit.com/r/reactnative/comments/o948fs/i_wrote_a_demo_and_tutorial_for_a_webviewfree/" />

apps/website/blog/2021-06-29-create-blog-app-rnrh-III.mdx

@@ -387,7 +387,7 @@ export default function TOC({
 
 The `Scroller` is still missing the coordinates of each heading to be able to
 properly `scrollToEntry`. For this purpose, we are going to create a [custom
-renderer](/react-native-render-html/docs/guides/custom-renderers#component-based-custom-rendering)
+renderer](/docs/guides/custom-renderers#component-based-custom-rendering)
 for `<h2>` and `<h3>` tags. We will also need to register a `<header>` renderer
 to store the header height. If you remember well, the DOM has a structure like
 below:
@@ -665,7 +665,7 @@ So, let's fix it!
 ### Fixing Code Samples
 
 Code samples are rendered by Docusaurus in a `<pre class="prism-code">` tag. We need to fix two issues:
-  
+
 - Define a custom renderer for `pre` tags, which renders inside a `ScrollView` when matching the `"prism-code"` class.
 - Define a custom renderer for `span` tags. We need to do that because the
 whole code block is rendered inside a `code` element with a `display: flex;
@@ -820,7 +820,7 @@ CSS, it only spans to the text content-area. Below is a diagram explaining the d
 ![](https://iamvdo.me/content/01-blog/30-css-avance-metriques-des-fontes-line-height-et-vertical-align/line-height.png) See a complete explanation [in this excellent article on CSS text styling](https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align).
 2. `padding` and `border` are ignored in nested text elements.
 
-All these features are required to get the official blog appealing anchors styles: 
+All these features are required to get the official blog appealing anchors styles:
 
 ![](/img/react-native-blog-anchors.png)
 
@@ -845,4 +845,4 @@ below features have been implemented:
 That's all for this tutorial! Don't forget to [give us a star](https://github.com/meliorence/react-native-render-html) if you enjoy this library.
 You can also [follow me on Twitter](https://twitter.com/jsamrn), and [rate this library on Open Base](https://openbase.com/js/react-native-render-html?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge).
 
-<SocialLinks twitterUrl="https://twitter.com/jsamrn/status/1409520975226490880" redditUrl="https://www.reddit.com/r/reactnative/comments/o948fs/i_wrote_a_demo_and_tutorial_for_a_webviewfree/" />
+<SocialLinks twitterUrl="https://twitter.com/jsamrn/status/1409520975226490880" redditUrl="https://www.reddit.com/r/reactnative/comments/o948fs/i_wrote_a_demo_and_tutorial_for_a_webviewfree/" />

apps/website/blog/2021-10-23-6-2-updates.mdx

@@ -428,7 +428,7 @@ of those bugs.
 
 ## Learn More
 
-Check out [the release notes in the official repository](https://github.com/meliorence/react-native-render-html/releases/tag/v6.2.0).
-Moreover, if you encounter any issue while upgrading from a lower minor (6.0.x, 6.1.x), you are welcome to [comment this Github issue](https://github.com/meliorence/react-native-render-html/issues/526)!
+Check out [the release notes in the official repository](https://github.com/meliorence/releases/tag/v6.2.0).
+Moreover, if you encounter any issue while upgrading from a lower minor (6.0.x, 6.1.x), you are welcome to [comment this Github issue](https://github.com/meliorence/issues/526)!
 
 <SocialLinks twitterUrl="https://twitter.com/jsamrn/status/1452137777508667397" redditUrl="https://www.reddit.com/r/reactnative/comments/qe9pam/checkout_whats_new_in_react_native_render_html_v62/" />

apps/website/docs/.gitignore

@@ -1,4 +1,3 @@
 **/*.mdx
 **/*.md
 !migration-guide.mdx
-!architecture.mdx