@ohos-ports/react-native-navigation 8.9.0-beta.0

package/scripts/setup-esm-shim.js

@@ -0,0 +1,102 @@
+#!/usr/bin/env node
+/**
+ * Postinstall script for @ohos-ports/react-native-navigation
+ *
+ * Creates an ESM shim for 'react-native' that bridges CJS named exports
+ * from @ohos-ports/react-native to ESM named imports.
+ *
+ * Background: react-native-navigation uses ESM `import { X } from 'react-native'`
+ * but @ohos-ports/react-native is CJS with getter-based lazy exports.
+ * Node.js ESM cannot statically resolve named exports from CJS getters,
+ * so we create a thin ESM wrapper using createRequire.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const RN_SHIM_DIR = path.join(__dirname, '..', '..', 'react-native');
+
+// Check if @ohos-ports/react-native is available
+let ohosPortsRN;
+try {
+  ohosPortsRN = require.resolve('@ohos-ports/react-native');
+} catch (e) {
+  // @ohos-ports/react-native not installed — skip shim creation
+  // User may have regular react-native installed instead
+  process.exit(0);
+}
+
+// Create shim directory
+fs.mkdirSync(RN_SHIM_DIR, { recursive: true });
+
+// Write package.json for the shim
+const shimPkg = {
+  name: 'react-native',
+  version: '0.0.0-shim',
+  type: 'module',
+  main: './index.mjs',
+  exports: {
+    '.': { default: './index.mjs' },
+    './package.json': './package.json'
+  }
+};
+fs.writeFileSync(
+  path.join(RN_SHIM_DIR, 'package.json'),
+  JSON.stringify(shimPkg, null, 2)
+);
+
+// Write the ESM wrapper
+const shimContent = `// ESM shim for @ohos-ports/react-native (auto-generated by postinstall)
+import { createRequire } from 'module';
+const require = createRequire(import.meta.url);
+const rn = require('@ohos-ports/react-native');
+
+function safeGet(obj, key) {
+  try { return obj[key]; } catch(e) { return undefined; }
+}
+
+// Dimensions.get('window') fails without RN bridge — provide mock fallback
+const _origDimensions = rn.Dimensions;
+const Dimensions = {
+  get: (name) => {
+    try {
+      const val = _origDimensions.get(name);
+      if (val) return val;
+    } catch(e) {}
+    return { width: 375, height: 812, scale: 1, fontScale: 1 };
+  },
+  addEventListener: _origDimensions && _origDimensions.addEventListener ? _origDimensions.addEventListener.bind(_origDimensions) : undefined,
+  removeEventListener: _origDimensions && _origDimensions.removeEventListener ? _origDimensions.removeEventListener.bind(_origDimensions) : undefined,
+  set: _origDimensions && _origDimensions.set ? _origDimensions.set.bind(_origDimensions) : undefined,
+};
+
+export const AppRegistry = rn.AppRegistry;
+export { Dimensions };
+export const DynamicColorIOS = rn.DynamicColorIOS;
+export const Image = rn.Image;
+export const Linking = rn.Linking;
+export const NativeEventEmitter = rn.NativeEventEmitter;
+export const NativeModules = rn.NativeModules;
+export const Platform = rn.Platform;
+export const StyleSheet = rn.StyleSheet;
+export const TouchableNativeFeedback = rn.TouchableNativeFeedback;
+export const TouchableOpacity = rn.TouchableOpacity;
+export const TouchableWithoutFeedback = rn.TouchableWithoutFeedback;
+export const TurboModuleRegistry = rn.TurboModuleRegistry;
+export const View = rn.View;
+export const findNodeHandle = rn.findNodeHandle;
+export const processColor = rn.processColor;
+// These may fail due to Flow syntax in sub-modules — provide safe fallbacks
+export const Button = safeGet(rn, 'Button') || (() => null);
+export const Text = safeGet(rn, 'Text') || (() => null);
+export const requireNativeComponent = safeGet(rn, 'requireNativeComponent') || ((name) => ({ displayName: name }));
+
+export default rn;
+`;
+
+fs.writeFileSync(
+  path.join(RN_SHIM_DIR, 'index.mjs'),
+  shimContent
+);
+
+console.log('@ohos-ports/react-native-navigation: ESM shim for react-native created successfully');