feat: update package.json entry point for React Native compatibility

Author: irfan798

README.md

@@ -949,8 +949,8 @@ Because of compatibility issues with the original packages
  They are included in the source code of this project.
 
 ### React-Native
-React native uses *commonjs* versions by default and its Hermes engine does not support `TextDecoder`.
-That is why we have `./src/compatibility` that includes a `TextDecoder` polyfill.
+React native uses *commonjs* versions by default and its Hermes engine does not support `TextDecoder` as of (React Native 77) yet.
+That is why we have `./src/index-react-native.ts` that includes a `TextDecoder` polyfill.
 
 ## Contributing
 

package.json

@@ -13,13 +13,9 @@
     "dist",
     "index.html"
   ],
-  "sideEffects": [
-    "./dist/esm/compatibility.js",
-    "./dist/commonjs/compatibility.js"
-  ],
   "scripts": {
     "clean": "rimraf dist && rimraf tsconfig.tsbuildinfo",
-    "build": "yarn clean && yarn compile",
+    "build": "yarn clean && yarn compile && node ./scripts/post.build.js",
     "compile": "tshy && rollup -c && \\cp -f ./src/wrappers/cbor2Wrapper.ts ./dist/commonjs/wrappers/cbor2Wrapper.d.ts",
     "test": "node --experimental-vm-modules node_modules/.bin/jest",
     "prepublishOnly": "yarn build",
@@ -78,6 +74,10 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "react-native": {
+        "types": "./dist/commonjs/index-react-native.d.ts",
+        "default": "./dist/commonjs/index-react-native.js"
+      },
       "import": {
         "types": "./dist/esm/index.d.ts",
         "default": "./dist/esm/index.js"
@@ -89,5 +89,6 @@
     }
   },
   "main": "./dist/commonjs/index.js",
+  "react-native": "./dist/commonjs/index-react-native.js",
   "module": "./dist/esm/index.js"
-}
+}

scripts/post.build.js

@@ -0,0 +1,24 @@
+// Edit package.json here to inject react-native exports
+
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+// Get the package.json file
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const packageJsonPath = path.resolve(__dirname, "../package.json");
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+
+// Add react-native export as the first entry
+const exports = packageJson.exports['.'];
+packageJson.exports['.'] = {
+  "react-native": {
+    "types": "./dist/commonjs/index-react-native.d.ts",
+    "default": "./dist/commonjs/index-react-native.js"
+  },
+  ...exports
+};
+
+// Write the updated package.json back to its path
+fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));

src/compatibility.ts renamed to src/index-react-native.ts

@@ -5,4 +5,8 @@
  * 
  *  So lets inject TextDecoder polyfill for React Native if it is not supported
  */
-import "@bacons/text-decoder/install";
+import "@bacons/text-decoder/install";
+
+// Export everything from the main index file
+//@ts-ignore
+export * from "./index.js";

src/index.ts

@@ -1,6 +1,3 @@
-// Before everyhing else, import the compatibility layer for react-native
-import "./compatibility.js";
-
 import { Ur } from "./classes/Ur.js"
 import { UrRegistry } from "./registry.js"
 import { registryItemFactory, RegistryItemBase } from "./classes/RegistryItem.js"