fix(configuration): add more React Native specific configurations

release-npm

README.md

@@ -83,6 +83,7 @@ export const tailwind = object | File
 export const postcss = object | File
 export const babel = object | File (JavaScript only)
 export const metro = object | 'react-native' | File (JavaScript only)
+export const reactNative = object | File
 export const vercel = 'spa' | 'SPA' | 'single-page-application' | 'spa-routes' | 'github-silent' | { extends: 'spa', routes: { ... }}
 export const license = 'MIT' | 'mit'
 export const ignore = true | 'recommended' | 'bundle' | string[]

configuration/index.ts

@@ -10,6 +10,7 @@ import * as next from './next'
 import * as playwright from './playwright'
 import * as postcss from './postcss'
 import * as prettier from './prettier'
+import * as reactNative from './react-native'
 import * as rsbuild from './rsbuild'
 import * as tailwind from './tailwind'
 import * as typescript from './typescript'
@@ -38,6 +39,8 @@ export type ConfigurationKeys =
   | 'postcss'
   | 'babel'
   | 'metro'
+  | 'react-native'
+  | 'reactNative'
   | 'vercel'
   | 'license'
   // Require separate logic, not found in configuraitons below.
@@ -107,6 +110,11 @@ export const configurations: Configuration[] = [
     name: 'metro',
     configuration: metro,
   },
+  {
+    name: 'react-native',
+    alias: 'reactNative',
+    configuration: reactNative,
+  },
   {
     name: 'vercel',
     configuration: vercel,

configuration/react-native.ts

@@ -0,0 +1,12 @@
+import { log } from '../log'
+
+export const extension = (path: string) => ({ extends: path })
+
+export function createFile(configuration: object) {
+  if (typeof configuration !== 'object') {
+    log('Configuration for "react-native" (app.json) must be an object', 'warning')
+    return
+  }
+
+  return { name: 'app.json', contents: JSON.stringify(configuration, null, 2) }
+}

configuration/typescript.ts

@@ -33,6 +33,13 @@ export const templates = {
       noEmit: true,
     },
   },
+  'react-native': {
+    extends: '@react-native/typescript-config/tsconfig.json',
+    compilerOptions: {
+      module: 'NodeNext',
+      moduleResolution: 'node',
+    },
+  },
 }
 
 export const extension = (path: string) => ({ extends: path })

test/basic.test.ts

@@ -41,6 +41,7 @@ test('Adds configuration files for basic file setup.', async () => {
   expect(existsSync(join(fixturePath, 'biome.json'))).toBe(true)
   expect(existsSync(join(fixturePath, 'vitest.config.ts'))).toBe(true)
   expect(existsSync(join(fixturePath, 'cypress.config.ts'))).toBe(true)
+  expect(existsSync(join(fixturePath, 'app.json'))).toBe(true)
   // TODO should not work with TS.
   expect(existsSync(join(fixturePath, 'eslint.config.js'))).toBe(true)
 
@@ -175,6 +176,7 @@ test("Doesn't add deployment files to gitignore in CI.", async () => {
   expect(existsSync(join(fixturePath, 'vercel.json'))).toBe(true)
   expect(existsSync(join(fixturePath, 'metro.config.cjs'))).toBe(true)
   expect(existsSync(join(fixturePath, '.gitignore'))).toBe(true)
+  expect(existsSync(join(fixturePath, 'app.json'))).toBe(true)
 
   const gitignoreFile = await Bun.file(join(fixturePath, '.gitignore')).text()
 

test/fixture/file/configuration.ts

@@ -41,3 +41,8 @@ export const vitest = {
 }
 
 export const eslint = true
+
+export const reactNative = {
+  name: "break'a'bit",
+  displayName: "break'a'bit",
+}

test/fixture/package/package.json

@@ -19,6 +19,10 @@
 				"silent": true
 			}
 		},
-		"metro": "react-native"
+		"metro": "react-native",
+		"react-native": {
+			"name": "hairplan",
+			"displayName": "hairplan"
+		}
 	}
 }