Upgrade versions and switch from react-native-render-html to @native-html/render

.github/ISSUE_TEMPLATE/bug_report.md

@@ -51,7 +51,7 @@ I swear that I have completed these tasks before submitting:
   Print the versions of each library (remove unused)
 -->
 
-- react-native-render-html:
+- @native-html/render:
 - @native-html/table-plugin:
 - @native-html/iframe-plugin:
 - react-native-webview:

.github/workflows/core.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -32,4 +32,4 @@ jobs:
     - uses: codecov/codecov-action@v1
       with:
         flags: plugins-core
-        fail_ci_if_error: true
+        fail_ci_if_error: false

.github/workflows/heuristic-table.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -34,4 +34,4 @@ jobs:
     - uses: codecov/codecov-action@v1
       with:
         flags: heuristic-table-plugin
-        fail_ci_if_error: true
+        fail_ci_if_error: false

.github/workflows/iframe.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -34,4 +34,4 @@ jobs:
     - uses: codecov/codecov-action@v1
       with:
         flags: iframe-plugin
-        fail_ci_if_error: true
+        fail_ci_if_error: false

.github/workflows/release.yml

@@ -0,0 +1,93 @@
+name: Release
+
+on:
+  workflow_dispatch:
+    inputs:
+      bump:
+        description: 'Version bump type'
+        required: true
+        type: choice
+        options:
+          - patch
+          - minor
+          - major
+        default: patch
+      prerelease:
+        description: 'Pre-release'
+        required: false
+        type: boolean
+        default: false
+      dryrun:
+        description: 'Dry-run'
+        required: false
+        type: boolean
+        default: false
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+      pull-requests: write
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Use Node.js 22.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Configure git
+        run: |
+          git config user.name "github-actions[bot]"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+
+      - name: Create release branch
+        run: |
+          BRANCH="chore/release-$(date +%Y-%m-%d_%H:%M:%S)""
+          echo "RELEASE_BRANCH=$BRANCH" >> $GITHUB_ENV
+          git checkout -b "$BRANCH"
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Build dependencies
+        run: |
+          yarn build:core
+          yarn build:table
+          yarn build:heuristic-table
+          yarn build:iframe
+
+      - name: Determine bump type
+        id: bump
+        run: |
+          BUMP="${{ inputs.bump }}"
+          if [ "${{ inputs.prerelease }}" == "true" ]; then
+            BUMP="pre${{ inputs.bump }} --preid alpha --dist-tag alpha"
+          fi
+          if [ "${{ inputs.dryrun }}" == "true" ]; then
+            BUMP="$BUMP --dry-run"
+          fi
+          echo "$BUMP" >> $GITHUB_OUTPUT
+
+      - name: Release
+        run: yarn release ${{ steps.bump.outputs.type }} --yes
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Create pull request
+        run: |
+          gh pr create \
+            --title "chore: release-$(date +%Y-%m-%d_%H:%M:%S)"" \
+            --body "chore: this PR contains the changes from the release workflow: version bumps, changelog updates, and README synchronization." \
+            --base main \
+            --head "$RELEASE_BRANCH"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/table.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x]
+        node-version: [22.x]
 
     steps:
     - uses: actions/checkout@v2
@@ -34,4 +34,4 @@ jobs:
     - uses: codecov/codecov-action@v1
       with:
         flags: table-plugin
-        fail_ci_if_error: true
+        fail_ci_if_error: false

.gitignore

@@ -67,3 +67,6 @@ buck-out/
 !.yarn/plugins
 !.yarn/sdks
 !.yarn/versions
+
+# lerna
+lerna-debug.log

.husky/commit-msg

@@ -0,0 +1 @@
+commitlint --edit "$1"

.yarnrc.yml

@@ -2,8 +2,4 @@ enableGlobalCache: true
 
 nodeLinker: node-modules
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
-
-yarnPath: .yarn/releases/yarn-3.0.2.cjs
+yarnPath: .yarn/releases/yarn-4.12.0.cjs

README.md

@@ -1,4 +1,4 @@
-# Plugins for react-native-render-html
+# Plugins for @native-html/render
 
 [![](https://img.shields.io/discord/736906960041148476?label=discord)](https://discord.gg/3B9twTMEzb)
 
@@ -9,11 +9,3 @@
 | [@native-html/iframe-plugin](packages/iframe-plugin#readme)                   | [![npm](https://img.shields.io/npm/v/@native-html/iframe-plugin)](https://www.npmjs.com/package/@native-html/iframe-plugin)                   | [![CI](https://github.com/native-html/plugins/workflows/iframe/badge.svg?branch=master)](https://github.com/native-html/plugins/actions?query=branch%3Amaster+workflow%3Aiframe)                   | [![codecov](https://codecov.io/gh/native-html/plugins/branch/master/graph/badge.svg?flag=iframe-plugin)](https://codecov.io/gh/native-html/plugins?flag=iframe-plugin)                   |
 | [@native-html/heuristic-table-plugin](packages/heuristic-table-plugin#readme) | [![npm](https://img.shields.io/npm/v/@native-html/heuristic-table-plugin)](https://www.npmjs.com/package/@native-html/heuristic-table-plugin) | [![CI](https://github.com/native-html/plugins/workflows/heuristic-table/badge.svg?branch=master)](https://github.com/native-html/plugins/actions?query=branch%3Amaster+workflow%3Aheuristic-table) | [![codecov](https://codecov.io/gh/native-html/plugins/branch/master/graph/badge.svg?flag=heuristic-table-plugin)](https://codecov.io/gh/native-html/plugins?flag=heuristic-table-plugin) |
 | [@native-html/table-plugin](packages/table-plugin#readme)                     | [![npm](https://img.shields.io/npm/v/@native-html/table-plugin)](https://www.npmjs.com/package/@native-html/table-plugin)                     | [![CI](https://github.com/native-html/plugins/workflows/table/badge.svg?branch=master)](https://github.com/native-html/plugins/actions?query=branch%3Amaster+workflow%3Atable)                     | [![codecov](https://codecov.io/gh/native-html/plugins/branch/master/graph/badge.svg?flag=table-plugin)](https://codecov.io/gh/native-html/plugins?flag=table-plugin)                     |
-
-## Plugins Compat Table
-
-| react-native-render-html | iframe                                                                                                    | table                                                                                                                                                                                                                                       | heuristic-table                                                                                                  |
-| ------------------------ | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
-| ≥ 4.2.1 < 5.0.0       | _No Plugin, iframes were rendered internally_                                                             | 2.x ([documentation](https://github.com/native-html/plugins/tree/rnrh/4.x#readme))                                                                                                                                                          | _No Plugin_                                                                                                      |
-| ≥ 5.0.0 < 6.0.0       | 1.x ([documentation](https://github.com/native-html/plugins/tree/rnrh/5.x/packages/iframe-plugin#readme)) | 3.x ([documentation](https://github.com/native-html/plugins/tree/rnrh/5.x/packages/table-plugin#readme))                                                                                                                                    | _No Plugin_                                                                                                      |
-| ≥ 6.0.0                  | 2.x ([documentation](https://github.com/native-html/plugins/tree/master/packages/iframe-plugin#readme))   | 4.x ([documentation](https://github.com/native-html/plugins/tree/@native-html/table-plugin@4.0.3/packages/table-plugin#readme)) <br> 5.x ([documentation](https://github.com/native-html/plugins/tree/master/packages/table-plugin#readme)) | 0.x ([documentation](https://github.com/native-html/plugins/tree/master/packages/heuristic-table-plugin#readme)) |

eslint.config.js

@@ -0,0 +1,22 @@
+const tsPlugin = require('@typescript-eslint/eslint-plugin');
+const compat = require('eslint-plugin-compat');
+const tsdoc = require('eslint-plugin-tsdoc');
+const prettier = require('eslint-config-prettier');
+
+module.exports = [
+  ...tsPlugin.configs['flat/recommended'],
+  compat.configs['flat/recommended'],
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    plugins: { tsdoc },
+    rules: {
+      ...prettier.rules,
+      'comma-dangle': ['error', 'never'],
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { vars: 'all', args: 'after-used', ignoreRestSiblings: true }
+      ]
+    }
+  }
+];

example/CustomExample.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import RenderHTML from 'react-native-render-html';
+import RenderHTML from '@native-html/render';
 import { useHtmlTableProps, tableModel } from '@native-html/table-plugin';
 import ClickTable from './ClickTable';
 import WebView from 'react-native-webview';

example/HeuristicTableExample.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import RenderHTML from 'react-native-render-html';
+import RenderHTML from '@native-html/render';
 import tableRenderers from '@native-html/heuristic-table-plugin';
 
 const table1 = `

example/SimpleExample.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import RenderHTML from 'react-native-render-html';
+import RenderHTML from '@native-html/render';
 import table from '@native-html/table-plugin';
 import WebView from 'react-native-webview';
 

example/YoutubeExample.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import RenderHTML from 'react-native-render-html';
+import RenderHTML from '@native-html/render';
 import iframe, { iframeModel } from '@native-html/iframe-plugin';
 import WebView from 'react-native-webview';
 
@@ -22,7 +22,7 @@ const youtubeIframe = `
 <p>
 <iframe width="560"
         height="315"
-        src="https://www.youtube.com/embed/POK_Iw4m3fY"
+        src="https://www.youtube.com/watch?v=YWEsoSosQXQ"
         frameborder="0"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
         allowfullscreen>

example/app.config.js

@@ -9,7 +9,7 @@ export default {
     version: pluginVersion,
     orientation: 'default',
     description:
-      'Try out official plugins for react-native-render-html on your device!',
+      'Try out official plugins for @native-html/render on your device!',
     icon: './assets/icon.png',
     splash: {
       backgroundColor: '#ffffff'

example/package.json

@@ -9,29 +9,32 @@
     "eject": "expo eject"
   },
   "dependencies": {
+    "@formidable-webview/webshell": "^2.6.0",
     "@native-html/heuristic-table-plugin": "workspace:*",
     "@native-html/iframe-plugin": "workspace:*",
+    "@native-html/plugins-core": "workspace:*",
+    "@native-html/render": "1.0.0-alpha.0",
     "@native-html/table-plugin": "workspace:*",
-    "@react-native-community/masked-view": "0.1.10",
-    "@react-navigation/native": "^5.9.8",
-    "@react-navigation/stack": "^5.14.9",
-    "expo": "^43.0.0",
-    "expo-status-bar": "~1.1.0",
-    "expo-web-browser": "~10.0.3",
-    "react": "17.0.1",
-    "react-dom": "17.0.1",
-    "react-native": "0.64.2",
-    "react-native-gesture-handler": "~1.10.2",
-    "react-native-paper": "^4.9.2",
-    "react-native-reanimated": "~2.2.0",
-    "react-native-render-html": "6.1.0",
-    "react-native-safe-area-context": "3.3.2",
-    "react-native-screens": "~3.8.0",
-    "react-native-web": "0.17.1",
-    "react-native-webview": "11.13.0"
+    "@react-native-community/masked-view": "0.1.11",
+    "@react-navigation/native": "^7.1.31",
+    "@react-navigation/stack": "^7.8.2",
+    "expo": "^55.0.4",
+    "expo-status-bar": "~55.0.4",
+    "expo-web-browser": "~55.0.9",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "react-native": "0.83.2",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-paper": "^5.15.0",
+    "react-native-reanimated": "~4.2.1",
+    "react-native-safe-area-context": "5.6.2",
+    "react-native-screens": "~4.23.0",
+    "react-native-web": "0.21.2",
+    "react-native-webview": "13.16.0",
+    "react-native-worklets": "^0.7.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.9"
+    "@babel/core": "^7.29.0"
   },
   "private": true,
   "installConfig": {

lerna.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "node_modules/@lerna-lite/cli/schemas/lerna-schema.json",
+  "packages": ["packages/*"],
+  "npmClient": "yarn",
+  "useWorkspaces": true,
+  "version": "independent",
+  "command": {
+    "publish": {
+      "graphType": "all",
+      "syncWorkspaceLock": true,
+      "allowPeerDependenciesUpdate": true,
+      "conventionalCommits": true,
+      "createRelease": "github",
+      "skipBumpOnlyReleases": true,
+      "changelogIncludeCommitsClientLogin": " - by @%l",
+      "message": "chore: publish",
+      "preId": "alpha",
+      "preDistTag": "next"
+    }
+  }
+}