From fcd1d2fbba18d40fbf703b6807257742bdab221f Mon Sep 17 00:00:00 2001 From: 5ZYSZ3K Date: Fri, 20 Feb 2026 13:47:44 +0100 Subject: [PATCH 1/4] chore: adjust workflows and add website deploying workflow --- .../workflows/build-and-deploy-website.yml | 39 +++++++++++++++++++ .github/workflows/css-processor.yml | 2 +- .github/workflows/performances.yml | 2 +- .github/workflows/render.yml | 2 +- .github/workflows/transient-render-engine.yml | 2 +- package.json | 2 +- 6 files changed, 44 insertions(+), 5 deletions(-) create mode 100644 .github/workflows/build-and-deploy-website.yml diff --git a/.github/workflows/build-and-deploy-website.yml b/.github/workflows/build-and-deploy-website.yml new file mode 100644 index 00000000..a7f86e27 --- /dev/null +++ b/.github/workflows/build-and-deploy-website.yml @@ -0,0 +1,39 @@ +name: "Deploy website to github pages" + +on: + push: + branches: + - main + - chore/deploy-website-and-andjust-docs + workflow_dispatch: + +jobs: + build-and-deploy: + name: Build and deploy to github pages + runs-on: ubuntu-latest + + strategy: + matrix: + node-version: [22.x] + + permissions: + contents: write + steps: + - uses: actions/checkout@v4 + - name: Use Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v4 + with: + node-version: ${{ matrix.node-version }} + + - name: Install packages + run: yarn install --frozen-lockfile + + - name: Build packages and web + run: yarn build:all + + - name: Deploy 🚀 + id: deploy-gh-pages + uses: JamesIves/github-pages-deploy-action@v4 + with: + folder: apps/website/build + branch: gh-pages diff --git a/.github/workflows/css-processor.yml b/.github/workflows/css-processor.yml index d0352857..e8ea4390 100644 --- a/.github/workflows/css-processor.yml +++ b/.github/workflows/css-processor.yml @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] steps: - uses: actions/checkout@v4 diff --git a/.github/workflows/performances.yml b/.github/workflows/performances.yml index 0b5ed19c..7f3300c8 100644 --- a/.github/workflows/performances.yml +++ b/.github/workflows/performances.yml @@ -18,7 +18,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] steps: - uses: actions/checkout@v4 diff --git a/.github/workflows/render.yml b/.github/workflows/render.yml index 987673f9..4fab7d19 100644 --- a/.github/workflows/render.yml +++ b/.github/workflows/render.yml @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] steps: - uses: actions/checkout@v4 diff --git a/.github/workflows/transient-render-engine.yml b/.github/workflows/transient-render-engine.yml index 154b322c..2e6b159d 100644 --- a/.github/workflows/transient-render-engine.yml +++ b/.github/workflows/transient-render-engine.yml @@ -18,7 +18,7 @@ jobs: strategy: matrix: - node-version: [20.x] + node-version: [22.x] steps: - uses: actions/checkout@v4 diff --git a/package.json b/package.json index 8b7549b1..16021cf1 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ }, "private": true, "scripts": { - "build:all": "yarn build:transient-render-engine && yarn build:css-processor && yarn build:render && yarn workspace @doc/mdx-gen-cli build && yarn workspace @doc/pages build && yarn workspace website build", + "build:all": "yarn build:css-processor && yarn build:transient-render-engine && yarn build:render && yarn workspace @doc/pages build && yarn workspace @doc/mdx-gen-cli build && yarn workspace website build-docs && yarn workspace website build", "build:css-processor": "yarn workspace @native-html/css-processor build", "build:transient-render-engine": "yarn workspace @native-html/transient-render-engine build", "build:render": "yarn workspace @native-html/render build", From 00a1f830af6328bf7bc9f849dae2bdc5c5e35982 Mon Sep 17 00:00:00 2001 From: 5ZYSZ3K Date: Fri, 20 Feb 2026 14:11:13 +0100 Subject: [PATCH 2/4] fix: adjust website root --- doc-tools/doc-constants/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/doc-tools/doc-constants/index.js b/doc-tools/doc-constants/index.js index 05b97476..da9a6aea 100644 --- a/doc-tools/doc-constants/index.js +++ b/doc-tools/doc-constants/index.js @@ -1,5 +1,5 @@ -const WEBSITE_ROOT = 'https://meliorence.github.io'; -const WEBSITE_BASE = '/'; +const WEBSITE_ROOT = 'https://native-html.github.io'; +const WEBSITE_BASE = '/render/'; const WEBSITE_URL = WEBSITE_ROOT + WEBSITE_BASE; module.exports = { WEBSITE_ROOT, WEBSITE_BASE, WEBSITE_URL }; From b51c6f3e5321562ebc05b75bbeb56dd844a8019a Mon Sep 17 00:00:00 2001 From: 5ZYSZ3K Date: Fri, 20 Feb 2026 15:47:51 +0100 Subject: [PATCH 3/4] chore: adjust docs with the new page --- .github/ISSUE_TEMPLATE/bug_report.yml | 13 +++-- .github/ISSUE_TEMPLATE/config.yml | 6 +-- HELP.adoc | 28 +++++----- README.md | 51 +++++++------------ apps/discovery/app.config.js | 2 +- apps/discovery/src/navigation/index.tsx | 2 +- apps/website/docusaurus.config.ts | 20 +++----- apps/website/src/components/Badges.tsx | 2 +- .../website/src/components/HomepageHeader.tsx | 4 +- apps/website/src/typeui/HeaderTypeBox.tsx | 2 +- .../pages/cards/customImageRendererConfig.tsx | 2 +- 11 files changed, 56 insertions(+), 76 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml index bd92e9c5..6fe5ac37 100644 --- 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 `` 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 \ No newline at end of file + required: false diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index 452e8773..f13ae7bd 100644 --- 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! \ No newline at end of file + 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 index bbf913bb..39a8e9b9 100644 --- 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 <>. 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 index f6220557..1fd80bd9 100644 --- a/README.md +++ b/README.md @@ -12,37 +12,31 @@ />
- npm - npm - npm
- - - github issues - Rate on Openbase


- +

@native-html/render

@@ -75,28 +63,25 @@ An iOS/Android pure javascript react-native component that renders your HTML into 100% native views.

- +

### 🗃️ 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)](#) | @@ -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 index 042dba8f..4ca222e2 100644 --- 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 index 3c0ccdc7..6ec3e89a 100644 --- 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 index 53bee0a8..a4ed928a 100644 --- 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 index 5201f939..c00d3286 100644 --- a/apps/website/src/components/Badges.tsx +++ b/apps/website/src/components/Badges.tsx @@ -7,7 +7,7 @@ export default function Badges() {