feat: merge view+module native templates (#562)

This adds new templates that use `Kotlin` and `Objective-C`. The
templates each have a native view and a native module included.

1. With 993d5cd, the new arch and mixed
arch views will no longer have the `View` suffix in their codegen names.
This doesn't break codegen as the name field is arbitrary as it isn't
stated otherwise [in the new arch working group
documents](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/enable-libraries-prerequisites.md#configure-codegen).
One important matter to remember here is to make sure we pass the `RN`
prefix since headers can conflict.
2. No more Java templates! I've removed them all for the sake of Kotlin.
3. I've removed templates like view-new (new arch-only view template)
since we now have view+module templates and it would be hard to maintain
the old model.
4. I kept `module-legacy`, `module-mixed`, and `module-new` since they
are used by cpp.
5. I kept `module-legacy`, and `view-legacy` since they are used by
Swift.

1. Go to `packages/create-react-native-library`.
7. Call `yarn prepare` to build the CLI.
8. Run `./bin/create-react-native-library` to run the CLI you built.
9. Fill in the name, email, etc., and make sure to select ` Fabric view
and Turbo module with backward compat`.
10. Go to the library you created and make sure to build the following:
    a. Android with old architecture
    b. iOS with old architecture
    c. Android with new architecture
    d. iOS with new architecture

Author: atlj

.github/workflows/build-templates.yml

@@ -30,71 +30,50 @@ jobs:
           - ubuntu-latest
           - macos-14 # macos latest defaults to macos 12 at the moment.
         type:
-          - module-legacy
-          - module-mixed
-          - module-new
-          - view-legacy
-          - view-mixed
-          - view-new
+          - module
+          - view
+          - view-module
         language:
           - kotlin-objc
-          - kotlin-swift
+          - cpp
         arch:
           - auto
         exclude:
-          - type: module-new
-            language: kotlin-swift
-          - type: module-mixed
+          - type: view
+            language: cpp
+          - type: view-module
+            language: cpp
+          - type: module
+            language: kotlin-objc
+        include:
+          - os: ubuntu-latest
+            type: view
             language: kotlin-swift
-          - type: view-new
+            arch: auto
+          - os: macos-14
+            type: view
             language: kotlin-swift
-          - type: view-mixed
+            arch: auto
+          - os: ubuntu-latest
+            type: module
             language: kotlin-swift
-        include:
+            arch: auto
           - os: ubuntu-latest
             type: library
             language: js
             arch: auto
           - os: ubuntu-latest
-            type: module-mixed
+            type: view-module
             language: kotlin-objc
             arch: new
           - os: macos-14
-            type: module-mixed
+            type: view-module
             language: kotlin-objc
             arch: new
           - os: ubuntu-latest
-            type: view-mixed
-            language: kotlin-objc
-            arch: new
-          - os: macos-14
-            type: view-mixed
+            type: view
             language: kotlin-objc
             arch: new
-          - os: ubuntu-latest
-            type: module-legacy
-            language: cpp
-            arch: auto
-          - os: ubuntu-latest
-            type: module-mixed
-            language: cpp
-            arch: auto
-          - os: ubuntu-latest
-            type: module-new
-            language: cpp
-            arch: auto
-          - os: macos-14
-            type: module-legacy
-            language: cpp
-            arch: auto
-          - os: macos-14
-            type: module-mixed
-            language: cpp
-            arch: auto
-          - os: macos-14
-            type: module-new
-            language: cpp
-            arch: auto
 
     concurrency:
       group: ${{ github.workflow }}-${{ github.ref }}-${{ matrix.os }}-${{ matrix.type }}-${{ matrix.language }}-${{ matrix.arch }}
@@ -171,17 +150,13 @@ jobs:
         working-directory: ${{ env.work_dir }}
         run: |
           # Build Android for only some matrices to skip redundant builds
-          if [[ ${{ matrix.os }} == ubuntu-latest ]]; then
-            if [[ ${{ matrix.type }} == view-* && ${{ matrix.language }} == *-objc ]] || [[ ${{ matrix.type }} == module-* && ${{ matrix.language }} == *-objc ]] || [[ ${{ matrix.type }} == module-* && ${{ matrix.language }} == cpp ]]; then
+          if [[ ${{ matrix.os }} == ubuntu-latest ]] && [[ ${{ matrix.language }} != js ]] ; then
               echo "android_build=1" >> $GITHUB_ENV
-            fi
           fi
 
           # Build iOS for only some matrices to skip redundant builds
-          if [[ ${{ matrix.os }} == macos-14 ]]; then
-            if [[ ${{ matrix.type }} == view-* && ${{ matrix.language }} == kotlin-* ]] || [[ ${{ matrix.type }} == module-* && ${{ matrix.language }} == kotlin-* ]] || [[ ${{ matrix.type }} == module-* && ${{ matrix.language }} == cpp ]]; then
+          if [[ ${{ matrix.os }} == macos-14 ]] && [[ ${{ matrix.language }} != js ]]; then
               echo "ios_build=1" >> $GITHUB_ENV
-            fi
           fi
 
       - name: Cache turborepo

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

@@ -41,33 +41,70 @@ const NATIVE_COMMON_EXAMPLE_FILES = path.resolve(
 );
 
 const NATIVE_FILES = {
-  module_legacy: path.resolve(__dirname, '../templates/native-library-legacy'),
-  module_new: path.resolve(__dirname, '../templates/native-library-new'),
-  module_mixed: path.resolve(__dirname, '../templates/native-library-mixed'),
-  view_legacy: path.resolve(__dirname, '../templates/native-view-legacy'),
-  view_mixed: path.resolve(__dirname, '../templates/native-view-mixed'),
-  view_new: path.resolve(__dirname, '../templates/native-view-new'),
+  'module-legacy': path.resolve(
+    __dirname,
+    '../templates/native-library-legacy'
+  ),
+  'module-new': path.resolve(__dirname, '../templates/native-library-new'),
+  'module-mixed': path.resolve(__dirname, '../templates/native-library-mixed'),
+  'view-legacy': path.resolve(__dirname, '../templates/native-view-legacy'),
+  'view-module-legacy': path.resolve(
+    __dirname,
+    '../templates/native-view-library-legacy'
+  ),
+  'view-module-mixed': path.resolve(
+    __dirname,
+    '../templates/native-view-library-mixed'
+  ),
+  'view-module-new': path.resolve(
+    __dirname,
+    '../templates/native-view-library-new'
+  ),
 } as const;
 
 const OBJC_FILES = {
-  module_common: path.resolve(__dirname, '../templates/objc-library'),
-  view_legacy: path.resolve(__dirname, '../templates/objc-view-legacy'),
-  view_mixed: path.resolve(__dirname, '../templates/objc-view-mixed'),
-  view_new: path.resolve(__dirname, '../templates/objc-view-new'),
+  'module-legacy': path.resolve(__dirname, '../templates/objc-library'),
+  'module-mixed': path.resolve(__dirname, '../templates/objc-library'),
+  'module-new': path.resolve(__dirname, '../templates/objc-library'),
+  'view-module-legacy': path.resolve(
+    __dirname,
+    '../templates/objc-view-library-legacy'
+  ),
+  'view-module-mixed': path.resolve(
+    __dirname,
+    '../templates/objc-view-library-mixed'
+  ),
+  'view-module-new': path.resolve(
+    __dirname,
+    '../templates/objc-view-library-new'
+  ),
 } as const;
 
 const KOTLIN_FILES = {
-  module_legacy: path.resolve(__dirname, '../templates/kotlin-library-legacy'),
-  module_new: path.resolve(__dirname, '../templates/kotlin-library-new'),
-  module_mixed: path.resolve(__dirname, '../templates/kotlin-library-mixed'),
-  view_legacy: path.resolve(__dirname, '../templates/kotlin-view-legacy'),
-  view_mixed: path.resolve(__dirname, '../templates/kotlin-view-mixed'),
-  view_new: path.resolve(__dirname, '../templates/kotlin-view-new'),
+  'module-legacy': path.resolve(
+    __dirname,
+    '../templates/kotlin-library-legacy'
+  ),
+  'module-new': path.resolve(__dirname, '../templates/kotlin-library-new'),
+  'module-mixed': path.resolve(__dirname, '../templates/kotlin-library-mixed'),
+  'view-legacy': path.resolve(__dirname, '../templates/kotlin-view-legacy'),
+  'view-module-legacy': path.resolve(
+    __dirname,
+    '../templates/kotlin-view-library-legacy'
+  ),
+  'view-module-mixed': path.resolve(
+    __dirname,
+    '../templates/kotlin-view-library-mixed'
+  ),
+  'view-module-new': path.resolve(
+    __dirname,
+    '../templates/kotlin-view-library-new'
+  ),
 } as const;
 
 const SWIFT_FILES = {
-  module_legacy: path.resolve(__dirname, '../templates/swift-library-legacy'),
-  view_legacy: path.resolve(__dirname, '../templates/swift-view-legacy'),
+  'module-legacy': path.resolve(__dirname, '../templates/swift-library-legacy'),
+  'view-legacy': path.resolve(__dirname, '../templates/swift-view-legacy'),
 } as const;
 
 type ArgName =
@@ -86,13 +123,14 @@ type ArgName =
 type ProjectLanguages = 'kotlin-objc' | 'kotlin-swift' | 'cpp' | 'js';
 
 type ProjectType =
+  | 'library'
   | 'module-legacy'
-  | 'module-new'
   | 'module-mixed'
-  | 'view-mixed'
-  | 'view-new'
+  | 'module-new'
   | 'view-legacy'
-  | 'library';
+  | 'view-module-legacy'
+  | 'view-module-mixed'
+  | 'view-module-new';
 
 type Answers = {
   name: string;
@@ -117,14 +155,7 @@ const LANGUAGE_CHOICES: {
   {
     title: 'Kotlin & Objective-C',
     value: 'kotlin-objc',
-    types: [
-      'module-legacy',
-      'module-new',
-      'module-mixed',
-      'view-mixed',
-      'view-new',
-      'view-legacy',
-    ],
+    types: ['view-module-legacy', 'view-module-mixed', 'view-module-new'],
   },
   {
     title: 'Kotlin & Swift',
@@ -169,6 +200,21 @@ const TYPE_CHOICES: {
   value: ProjectType;
   description: string;
 }[] = [
+  {
+    title: 'Fabric view and Turbo module with backward compat',
+    value: 'view-module-mixed',
+    description: BACKCOMPAT_DESCRIPTION,
+  },
+  {
+    title: 'Fabric view and Turbo module',
+    value: 'view-module-new',
+    description: NEWARCH_DESCRIPTION,
+  },
+  {
+    title: 'Native module and Native view',
+    value: 'view-module-legacy',
+    description: 'bridge for native APIs and views to JS',
+  },
   {
     title: 'JavaScript library',
     value: 'library',
@@ -194,16 +240,6 @@ const TYPE_CHOICES: {
     value: 'module-new',
     description: NEWARCH_DESCRIPTION,
   },
-  {
-    title: 'Fabric view with backward compat',
-    value: 'view-mixed',
-    description: BACKCOMPAT_DESCRIPTION,
-  },
-  {
-    title: 'Fabric view',
-    value: 'view-new',
-    description: NEWARCH_DESCRIPTION,
-  },
 ];
 
 const args: Record<ArgName, yargs.Options> = {
@@ -599,13 +635,11 @@ async function create(_argv: yargs.Arguments<any>) {
     bobVersion = FALLBACK_BOB_VERSION;
   }
 
-  const moduleType = type.startsWith('view-') ? 'view' : 'module';
-  const arch =
-    type === 'module-new' || type === 'view-new'
-      ? 'new'
-      : type === 'module-mixed' || type === 'view-mixed'
-      ? 'mixed'
-      : 'legacy';
+  const arch = type.endsWith('new')
+    ? 'new'
+    : type.endsWith('mixed')
+    ? 'mixed'
+    : 'legacy';
 
   const project = slug.replace(/^(react-native-|@[^/]+\/)/, '');
 
@@ -646,8 +680,8 @@ async function create(_argv: yargs.Arguments<any>) {
       arch,
       cpp: languages === 'cpp',
       swift: languages === 'kotlin-swift',
-      view: moduleType === 'view',
-      module: moduleType === 'module',
+      view: type.includes('view'),
+      module: type.includes('module'),
     },
     author: {
       name: authorName,
@@ -735,7 +769,7 @@ async function create(_argv: yargs.Arguments<any>) {
     }
   }
 
-  if (languages === 'js') {
+  if (type === 'library') {
     await copyDir(JS_FILES, folder);
     await copyDir(EXPO_FILES, folder);
   } else {
@@ -745,25 +779,18 @@ async function create(_argv: yargs.Arguments<any>) {
       await copyDir(NATIVE_COMMON_EXAMPLE_FILES, folder);
     }
 
-    if (moduleType === 'module') {
-      await copyDir(NATIVE_FILES[`${moduleType}_${arch}`], folder);
-    } else {
-      await copyDir(NATIVE_FILES[`${moduleType}_${arch}`], folder);
-    }
+    await copyDir(NATIVE_FILES[type], folder);
 
-    if (options.project.swift) {
-      await copyDir(SWIFT_FILES[`${moduleType}_legacy`], folder);
+    if (
+      type === 'view-legacy' ||
+      (type === 'module-legacy' && options.project.swift)
+    ) {
+      await copyDir(SWIFT_FILES[type], folder);
     } else {
-      if (moduleType === 'module') {
-        await copyDir(OBJC_FILES[`${moduleType}_common`], folder);
-      } else {
-        await copyDir(OBJC_FILES[`view_${arch}`], folder);
-      }
+      await copyDir(OBJC_FILES[type], folder);
     }
 
-    const templateType = `${moduleType}_${arch}` as const;
-
-    await copyDir(KOTLIN_FILES[templateType], folder);
+    await copyDir(KOTLIN_FILES[type], folder);
 
     if (options.project.cpp) {
       await copyDir(CPP_FILES, folder);