@hero-design/rn 0.0.0-mainIsReactNative.5 → 0.0.0-mainIsReactNative.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "0.0.0-mainIsReactNative.5",
+  "version": "0.0.0-mainIsReactNative.6",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,8 +20,7 @@
     "build:types": "tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json",
     "build": "yarn build:js && yarn build:types",
     "build:watch": "yarn build:js -w & yarn build:types -w",
-    "publish:npm": "yarn publish --access public",
-    "set-dev-env": "npm pkg set react-native=src/index.ts"
+    "publish:npm": "yarn publish --access public"
   },
   "dependencies": {
     "@emotion/native": "^11.11.0",

package/rollup.config.mjs

@@ -8,9 +8,35 @@ import copy from 'rollup-plugin-copy';
 import flow from 'rollup-plugin-flow';
 import { visualizer } from 'rollup-plugin-visualizer';
 import glob from 'glob';
-import { fileURLToPath } from 'node:url';
+import { fileURLToPath, pathToFileURL } from 'node:url';
+import { readFileSync } from 'node:fs';
+import { createRequire } from 'node:module';
 import pkg from './package.json' with { type: 'json' };
 
+const require = createRequire(import.meta.url);
+
+// Inline hero-editor/dist/app.js as a string literal so it can be injected
+// into a WebView without triggering browser-only APIs at module init time.
+const inlineHeroEditorApp = () => ({
+  name: 'inline-hero-editor-app',
+  resolveId(id) {
+    if (id === 'hero-editor/dist/app.js') {
+      return pathToFileURL(require.resolve('hero-editor/dist/app.js')).href;
+    }
+    return null;
+  },
+  load(id) {
+    if (!id.includes('hero-editor/dist/app.js')) return null;
+    try {
+      const filePath = id.startsWith('file://') ? fileURLToPath(id) : id;
+      const content = readFileSync(filePath, 'utf8');
+      return `export default ${JSON.stringify(content)};`;
+    } catch {
+      return null;
+    }
+  },
+});
+
 const extensions = ['.js', '.jsx', '.ts', '.tsx'];
 
 const generateBuildStats = process.env.GENERATE_BUILD_STATS === 'true';
@@ -49,11 +75,12 @@ export default [
       'react-native-safe-area-context',
       'react-native-svg',
       'react-native-vector-icons',
-      'react-native-webview',
-      "hero-editor"
+      'react-native-webview'
     ],
     plugins: [
+      inlineHeroEditorApp(),
       replace({
+        preventAssignment: true,
         'process.env.NODE_ENV': JSON.stringify('production'),
       }),
       nodeResolve({ extensions, browser: false }),

package/src/components/RichTextEditor/heroEditorApp.ts

@@ -1,3 +1,3 @@
-import * as heroEditorApp from 'hero-editor/dist/app.js';
+import heroEditorApp from 'hero-editor/dist/app.js';
 
 export default heroEditorApp;

package/src/index.ts

@@ -79,6 +79,7 @@ import Toolbar from './components/Toolbar';
 import Typography from './components/Typography';
 import Rate from './components/Rate';
 import RefreshControl from './components/RefreshControl';
+import RichTextEditor from './components/RichTextEditor';
 import PageControl from './components/PageControl';
 import Portal from './components/Portal';
 import {
@@ -178,6 +179,7 @@ export {
   Typography,
   Rate,
   RefreshControl,
+  RichTextEditor,
   FloatingIsland,
   LocaleProvider,
   FilterTrigger,

package/types/components/RichTextEditor/heroEditorApp.d.ts

@@ -1,2 +1,2 @@
-import * as heroEditorApp from 'hero-editor/dist/app.js';
+import heroEditorApp from 'hero-editor/dist/app.js';
 export default heroEditorApp;

package/types/index.d.ts

@@ -55,6 +55,7 @@ import Toolbar from './components/Toolbar';
 import Typography from './components/Typography';
 import Rate from './components/Rate';
 import RefreshControl from './components/RefreshControl';
+import RichTextEditor from './components/RichTextEditor';
 import PageControl from './components/PageControl';
 import Portal from './components/Portal';
 import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
@@ -64,6 +65,6 @@ import FloatingIsland from './components/FloatingIsland';
 import LocaleProvider from './components/LocaleProvider';
 import FilterTrigger from './components/FilterTrigger';
 import InlineLoader, { type InlineLoaderProps } from './components/InlineLoader';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, ehWorkShadowPalette, ehJobsShadowPalette, ehWorkDarkShadowPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Illustration, type IllustrationName, IllustrationList, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, SegmentedControl, ScrollViewWithFAB, SectionHeading, SectionList, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, FloatingIsland, LocaleProvider, FilterTrigger, InlineLoader, type InlineLoaderProps, Confetti, type ConfettiProps, styled, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkSystemPalette, ehWorkSystemPalette, ehJobsSystemPalette, ehWorkShadowPalette, ehJobsShadowPalette, ehWorkDarkShadowPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Chart, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Illustration, type IllustrationName, IllustrationList, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, SegmentedControl, ScrollViewWithFAB, SectionHeading, SectionList, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, LocaleProvider, FilterTrigger, InlineLoader, type InlineLoaderProps, Confetti, type ConfettiProps, styled, };
 export * from './types';
 export type { ShadowPalette };