fix: add types field back to support legacy moduleResolution

Author: satya164

docs/pages/build.md

@@ -79,6 +79,7 @@ To configure your project manually, follow these steps:
    ```json
    "source": "./src/index.tsx",
    "main": "./lib/module/index.js",
+   "types": "./lib/typescript/src/index.d.ts",
    "exports": {
      ".": {
         "types": "./lib/typescript/src/index.d.ts",
@@ -95,9 +96,10 @@ To configure your project manually, follow these steps:
    Here is what each of these fields mean:
 
    - `source`: The path to the source code. It is used by `react-native-builder-bob` to detect the correct output files and provide better error messages.
-   - `main`: The entry point for the CommonJS build. This is used by Node - such as tests, SSR etc.
-   - `files`: The files to include in the package when publishing with `npm`.
+   - `main`: The entry point for legacy setups that don't support the `exports` field. See [Compatibility](./esm.md#compatibility) for more details.
+   - `types`: The entry point for the TypeScript definitions for legacy setups with `moduleResolution: node10` or `moduleResolution: node`.
    - `exports`: The entry points for tools that support the `exports` field in `package.json` - such as Node.js 12+, modern browsers and tools. See [the ESM support guide](./esm.md) for more details.
+   - `files`: The files to include in the package when publishing with `npm`.
 
    Make sure to change specify correct files according to the targets you have enabled.
 

docs/pages/esm.md

@@ -37,6 +37,7 @@ To make use of the output files, ensure that your `package.json` file contains t
 
 ```json
 "main": "./lib/module/index.js",
+"types": "./lib/typescript/src/index.d.ts",
 "exports": {
   ".": {
     "types": "./lib/typescript/src/index.d.ts",
@@ -132,11 +133,12 @@ To configure a dual package setup, you can follow these steps:
 
    The `module` field is a non-standard field that some tools use to determine the ESM entry point.
 
-5. Optionally add a `types` field in your `package.json` to point to the CommonJS type definitions:
+5. Optionally change the `types` field in your `package.json` to point to the CommonJS type definitions:
 
    ```diff
      "main": "./lib/commonjs/index.js",
      "module": "./lib/module/index.js",
+   - "types": "./lib/typescript/src/index.d.ts",
    + "types": "./lib/typescript/commonjs/src/index.d.ts",
    ```
 

packages/create-react-native-library/templates/common/$package.json

@@ -4,6 +4,7 @@
   "description": "<%- project.description %>",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/typescript/src/index.d.ts",

packages/react-native-builder-bob/src/__tests__/__snapshots__/init.test.ts.snap

@@ -16,6 +16,7 @@ exports[`initializes the configuration 1`] = `
   },
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
   "scripts": {
     "prepare": "bob build"
   },

packages/react-native-builder-bob/src/init.ts

@@ -293,10 +293,22 @@ export async function init() {
   if (targets.includes('commonjs') && targets.includes('module')) {
     entryFields.main = entries.commonjs;
     entryFields.module = entries.module;
+
+    if (targets.includes('typescript')) {
+      entryFields.types = types.require;
+    }
   } else if (targets.includes('commonjs')) {
     entryFields.main = entries.commonjs;
+
+    if (targets.includes('typescript')) {
+      entryFields.types = types.require;
+    }
   } else if (targets.includes('module')) {
     entryFields.main = entries.module;
+
+    if (targets.includes('typescript')) {
+      entryFields.types = types.import;
+    }
   }
 
   for (const key in entryFields) {