feat!: add ability to use react-native-test-app for example/ app

packages/create-react-native-library/src/index.ts

@@ -139,11 +139,13 @@ type Answers = {
   repoUrl: string;
   languages: ProjectLanguages;
   type?: ProjectType;
-  example?: boolean;
+  example?: ExampleType;
   reactNativeVersion?: string;
   withRecommendedOptions?: boolean;
 };
 
+export type ExampleType = 'vanilla' | 'test-app' | 'expo';
+
 const LANGUAGE_CHOICES: {
   title: string;
   value: ProjectLanguages;
@@ -273,9 +275,10 @@ const args: Record<ArgName, yargs.Options> = {
     type: 'boolean',
   },
   'example': {
-    description: 'Whether to create an example app',
-    type: 'boolean',
-    default: true,
+    description: 'Type of the app to create',
+    type: 'string',
+    choices: ['vanilla', 'test-app'],
+    default: 'vanilla',
   },
   'with-recommended-options': {
     description: `Whether to use the recommended template. ${RECOMMENDED_TEMPLATE.description}`,
@@ -632,7 +635,7 @@ async function create(argv: yargs.Arguments<any>) {
     : 'legacy';
 
   const example =
-    hasExample && !local ? (type === 'library' ? 'expo' : 'native') : 'none';
+    hasExample && !local ? (type === 'library' ? 'expo' : hasExample) : null;
 
   const project = slug.replace(/^(react-native-|@[^/]+\/)/, '');
 
@@ -733,7 +736,7 @@ async function create(argv: yargs.Arguments<any>) {
 
   const spinner = ora().start();
 
-  if (example !== 'none') {
+  if (example) {
     spinner.text = 'Generating example app';
 
     await generateExampleApp({
@@ -753,7 +756,7 @@ async function create(argv: yargs.Arguments<any>) {
   } else {
     await copyDir(COMMON_FILES, folder);
 
-    if (example !== 'none') {
+    if (example) {
       await copyDir(COMMON_EXAMPLE_FILES, folder);
     }
   }
@@ -762,7 +765,7 @@ async function create(argv: yargs.Arguments<any>) {
     await copyDir(JS_FILES, folder);
     await copyDir(EXPO_FILES, folder);
   } else {
-    if (example !== 'none') {
+    if (example) {
       await copyDir(
         path.join(EXAMPLE_FILES, 'example'),
         path.join(folder, 'example')
@@ -771,7 +774,7 @@ async function create(argv: yargs.Arguments<any>) {
 
     await copyDir(NATIVE_COMMON_FILES, folder);
 
-    if (example !== 'none') {
+    if (example) {
       await copyDir(NATIVE_COMMON_EXAMPLE_FILES, folder);
     }
 
@@ -794,7 +797,7 @@ async function create(argv: yargs.Arguments<any>) {
     }
   }
 
-  if (example !== 'none') {
+  if (example) {
     // Set `react` and `react-native` versions of root `package.json` from example `package.json`
     const examplePackageJson = await fs.readJSON(
       path.join(folder, 'example', 'package.json')

packages/create-react-native-library/src/utils/generateExampleApp.ts

@@ -2,6 +2,7 @@ import fs from 'fs-extra';
 import path from 'path';
 import https from 'https';
 import { spawn } from './spawn';
+import type { ExampleType } from './../index';
 
 const FILES_TO_DELETE = [
   '__tests__',
@@ -55,39 +56,70 @@ export default async function generateExampleApp({
   arch,
   reactNativeVersion = 'latest',
 }: {
-  type: 'expo' | 'native';
+  type: ExampleType;
   dest: string;
   slug: string;
   projectName: string;
   arch: 'new' | 'mixed' | 'legacy';
   reactNativeVersion?: string;
 }) {
   const directory = path.join(dest, 'example');
-  const args =
-    type === 'native'
-      ? // `npx react-native init <projectName> --directory example --skip-install`
-        [
-          'react-native@latest',
-          'init',
-          `${projectName}Example`,
-          '--directory',
-          directory,
-          '--version',
-          reactNativeVersion,
-          '--skip-install',
-          '--npm',
-        ]
-      : // `npx create-expo-app example --no-install --template blank`
-        [
-          'create-expo-app@latest',
-          directory,
-          '--no-install',
-          '--template',
-          'blank',
-        ];
+
+  // `npx --package react-native-test-app@latest init --name ${projectName}Example --destination example --version ${reactNativeVersion}`
+  const testAppArgs = [
+    '--package',
+    `react-native-test-app@latest`,
+    'init',
+    '--name',
+    `${projectName}Example`,
+    `--destination`,
+    directory,
+    ...(reactNativeVersion !== 'latest'
+      ? ['--version', reactNativeVersion]
+      : []),
+    '--platform',
+    'ios',
+    '--platform',
+    'android',
+  ];
+
+  // `npx react-native init <projectName> --directory example --skip-install`
+  const vanillaArgs = [
+    'react-native@latest',
+    'init',
+    `${projectName}Example`,
+    '--directory',
+    directory,
+    '--version',
+    reactNativeVersion,
+    '--skip-install',
+    '--npm',
+  ];
+
+  // `npx create-expo-app example --no-install --template blank`
+  const expoArgs = [
+    'create-expo-app@latest',
+    directory,
+    '--no-install',
+    '--template',
+    'blank',
+  ];
+
+  let args: string[] = [];
+
+  switch (type) {
+    case 'vanilla':
+      args = vanillaArgs;
+      break;
+    case 'test-app':
+      args = testAppArgs;
+      break;
+    case 'expo':
+      args = expoArgs;
+      break;
+  }
 
   await spawn('npx', args, {
-    cwd: dest,
     env: { ...process.env, npm_config_yes: 'true' },
   });
 
@@ -117,7 +149,7 @@ export default async function generateExampleApp({
     'build:ios': `cd ios && xcodebuild -workspace ${projectName}Example.xcworkspace -scheme ${projectName}Example -configuration Debug -sdk iphonesimulator CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ GCC_OPTIMIZATION_LEVEL=0 GCC_PRECOMPILE_PREFIX_HEADER=YES ASSETCATALOG_COMPILER_OPTIMIZATION=time DEBUG_INFORMATION_FORMAT=dwarf COMPILER_INDEX_STORE_ENABLE=NO`,
   };
 
-  if (type === 'native') {
+  if (type !== 'expo') {
     Object.assign(scripts, SCRIPTS_TO_ADD);
   }
 
@@ -172,7 +204,7 @@ export default async function generateExampleApp({
     spaces: 2,
   });
 
-  if (type === 'native') {
+  if (type !== 'expo') {
     let gradleProperties = await fs.readFile(
       path.join(directory, 'android', 'gradle.properties'),
       'utf8'

packages/create-react-native-library/templates/example-legacy/example/react-native.config.js

@@ -1,7 +1,16 @@
 const path = require('path');
 const pak = require('../package.json');
+const { configureProjects } = require('react-native-test-app');
 
 module.exports = {
+  project: configureProjects({
+    android: {
+      sourceDir: 'android',
+    },
+    ios: {
+      sourceDir: 'ios',
+    },
+  }),
   dependencies: {
     [pak.name]: {
       root: path.join(__dirname, '..'),

packages/create-react-native-library/templates/native-common-example/example/react-native.config.js

@@ -1,7 +1,16 @@
 const path = require('path');
 const pak = require('../package.json');
+const { configureProjects } = require('react-native-test-app');
 
 module.exports = {
+  project: configureProjects({
+    android: {
+      sourceDir: 'android',
+    },
+    ios: {
+      sourceDir: 'ios',
+    },
+  }),
   dependencies: {
     [pak.name]: {
       root: path.join(__dirname, '..'),