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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "0.0.0-mainIsReactNative.4",
+  "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/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;