feat: rename package react-native-render-html to @native-html/render

Author: 5ZYSZ3K

.github/workflows/render-html.yml .github/workflows/render.yml.github/workflows/render-html.yml renamed to .github/workflows/render.yml

@@ -1,7 +1,7 @@
 # This workflow will do a clean install of node dependencies, run JS and Typescript tests.
 # For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
 
-name: render-html
+name: render
 
 on:
   push:
@@ -29,16 +29,16 @@ jobs:
       name: Build dependencies (css-processor)
     - run: yarn build:transient-render-engine
       name: Build dependencies (transient-render-engine)
-    - run: yarn test:render-html:ts
+    - run: yarn test:render:ts
       name: Typescript Tests
-    - run: yarn run test:render-html:lint
+    - run: yarn run test:render:lint
       name: Linting Tests
-    - run: yarn run test:render-html:jest --coverage
+    - run: yarn run test:render:jest --coverage
       name: Behavior Tests
-    - run: yarn build:render-html
+    - run: yarn build:render
       name: Build
     - uses: codecov/codecov-action@v4
       with:
-        flags: render-html
+        flags: render
         fail_ci_if_error: true
         token: ${{ secrets.CODECOV_TOKEN }}

apps/benchmarking/App.js

@@ -6,7 +6,7 @@ import html from './source';
 import {
   TRenderEngineProvider,
   RenderHTMLConfigProvider
-} from 'react-native-render-html';
+} from '@native-html/render';
 
 import Benchmark from './Benchmark';
 

apps/benchmarking/metro.config.js

@@ -29,7 +29,7 @@ config.resolver = {
     'react-dom': path.resolve(projectRoot, 'node_modules/react-dom'),
     'react-native': path.resolve(projectRoot, 'node_modules/react-native'),
     // Map workspace packages to their source directories
-    'react-native-render-html': path.resolve(packagesRoot, 'render-html/src'),
+    '@native-html/render': path.resolve(packagesRoot, 'render/src'),
     '@native-html/transient-render-engine': path.resolve(packagesRoot, 'transient-render-engine/src'),
     '@native-html/css-processor': path.resolve(packagesRoot, 'css-processor/src'),
     // Map dependencies from workspace root

apps/benchmarking/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@jsamr/counter-style": "^2.0.2",
     "@jsamr/react-native-li": "^2.3.1",
+    "@native-html/render": "workspace:*",
     "css-to-react-native": "^3.2.0",
     "expo": "^54.0.15",
     "expo-keep-awake": "~15.0.7",
@@ -19,7 +20,6 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.5",
-    "react-native-render-html": "workspace:*",
     "react-native-render-html-v5": "npm:react-native-render-html@^5.0.0",
     "react-native-safe-area-context": "^5.6.1",
     "react-native-web": "^0.21.2",

apps/benchmarking/profiles/ProfileV6Source.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { useWindowDimensions } from 'react-native';
-import { RenderHTMLSource, TRenderEngineProvider } from 'react-native-render-html';
+import { RenderHTMLSource, TRenderEngineProvider } from '@native-html/render';
 
 export default function ProfileV6Source({ running, html, ignoredDomTags, ...otherProps }) {
   const { width } = useWindowDimensions();
-  
+
   if (!html || !running) {
     return null;
   }

apps/discovery/app.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   expo: {
     name: 'RNRH Discovery',
-    slug: 'react-native-render-html-discovery',
+    slug: '@native-html/render-discovery',
     description:
       'An App to discover React Native Render HTML features and API!',
     version: require('./version').demo,

apps/discovery/assets/svg/data-flow.svg

@@ -26,6 +26,7 @@
     "@jsamr/counter-style": "^2.0.2",
     "@jsamr/react-native-li": "^2.3.1",
     "@mobily/stacks": "^2.2.2",
+    "@native-html/render": "workspace:*",
     "@react-native-community/masked-view": "0.1.11",
     "@react-native-community/slider": "5.0.1",
     "@react-native-picker/picker": "2.11.1",
@@ -55,7 +56,6 @@
     "react-native-pager-view": "^6.9.1",
     "react-native-paper": "^5.14.5",
     "react-native-reanimated": "~4.1.1",
-    "react-native-render-html": "workspace:*",
     "react-native-safe-area-context": "^5.6.1",
     "react-native-screens": "~4.16.0",
     "react-native-svg": "~15.12.0",

apps/discovery/package.json

@@ -8,7 +8,7 @@ import IconNucleon, { IconNucleonProps } from './nucleons/IconNucleon';
 import { useColorRoles } from '../theme/colorSystem';
 import { useNuclearContentWidth } from './nucleons/useContentWidthContext';
 import { PropsWithStyle } from './nucleons/types';
-import { RenderHTMLProps, HTMLSourceInline } from 'react-native-render-html';
+import { RenderHTMLProps, HTMLSourceInline } from '@native-html/render';
 import { TouchableWithoutFeedbackProps } from 'react-native';
 import GestureHandlerAdapterNucleon from './nucleons/GestureHandlerAdapterNucleon';
 import { Card, TouchableRipple } from 'react-native-paper';

apps/discovery/src/components/RenderHtmlCardOrganism.tsx

@@ -3,7 +3,7 @@ import { View, StyleProp, ViewStyle } from 'react-native';
 import RenderHTML, {
   AElementConfig,
   RenderHTMLProps
-} from 'react-native-render-html';
+} from '@native-html/render';
 import UIDisplayLoadingAtom from './UIDisplayLoadingAtom';
 import useOnLinkPress from '../hooks/useOnLinkPress';
 import { useColorRoles } from '../theme/colorSystem';