create files at end of createApp

src/commands/__tests__/createApp.test.ts

@@ -1,6 +1,6 @@
 import { confirm } from '@inquirer/prompts';
-import { vol } from 'memfs';
-import { Mock, afterEach, test, vi } from 'vitest';
+import { fs, vol } from 'memfs';
+import { Mock, afterEach, expect, test, vi } from 'vitest';
 import print from '../../util/print';
 import { createApp } from '../createApp';
 
@@ -15,7 +15,7 @@ afterEach(() => {
   (print as Mock).mockReset();
 });
 
-test("doesn't error", async () => {
+test('creates app', async () => {
   (confirm as Mock).mockResolvedValueOnce(true);
   vi.spyOn(process, 'chdir').mockImplementation(() => {
     const json = {
@@ -29,4 +29,6 @@ test("doesn't error", async () => {
     vol.fromJSON(json, './');
   });
   await createApp('MyApp', { testing: true });
+
+  expect(fs.readFileSync('App.tsx', 'utf8')).toMatch('expo-status-bar');
 });

src/commands/createApp.ts

@@ -4,6 +4,7 @@ import ora from 'ora';
 import { globals } from '../constants';
 import addDependency from '../util/addDependency';
 import addPackageJsonScripts from '../util/addPackageJsonScripts';
+import copyTemplateDirectory from '../util/copyTemplateDirectory';
 import exec from '../util/exec';
 import getUserPackageManager from '../util/getUserPackageManager';
 import print from '../util/print';
@@ -30,6 +31,7 @@ export async function createApp(name: string | undefined, options: Options) {
 
   globals.interactive = interactive;
   globals.isTest = isTest;
+  globals.isCreateApp = true;
 
   const appName = name || (await getAppName());
   await printIntro();
@@ -83,6 +85,8 @@ export async function createApp(name: string | undefined, options: Options) {
     await commit('Add jest, Testing Library');
   }
 
+  await copyTemplateDirectory({ templateDir: 'createApp' });
+
   print(chalk.green(`\n\n👖 ${appName} successfully configured!`));
 
   print(`

src/constants.ts

@@ -4,6 +4,7 @@ import { fileURLToPath } from 'url';
 export const globals = {
   interactive: true,
   isTest: false,
+  isCreateApp: false,
 };
 
 // TSUP builds files without hierarchy to dist/, so the path is ultimately

templates/createApp/App.tsx

@@ -0,0 +1,28 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, Text, View } from 'react-native';
+import Providers, { Provider } from 'src/components/Providers';
+
+// Add providers to this array
+const providers: Provider[] = [
+  // CODEGEN:BELT:PROVIDERS - do not remove
+];
+
+export default function App() {
+  return (
+    <Providers providers={providers}>
+      <View style={styles.container}>
+        <Text>Open up App.js to start working on your app!</Text>
+        <StatusBar style="auto" />
+      </View>
+    </Providers>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

templates/createApp/src/components/Providers.tsx

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+
+export type Provider = (children: ReactNode) => ReactNode;
+
+type ProvidersProps = {
+  children: ReactNode;
+  providers: Provider[];
+};
+
+export default function Providers({ children, providers }: ProvidersProps) {
+  // final = call last render with children
+  // call n-1 passing final as children
+  return providers.reverse().reduce((acc, current) => {
+    return current(acc);
+  }, children);
+}