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) {