feat: add nitro view to template creation

Author: Juozas-Petkelis

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

@@ -181,7 +181,10 @@ export default async function generateExampleApp({
     'react-native-builder-bob': `^${config.versions.bob}`,
   };
 
-  if (config.project.moduleConfig === 'nitro-modules') {
+  if (
+    config.project.moduleConfig === 'nitro-modules' ||
+    config.project.viewConfig === 'nitro-view'
+  ) {
     const packagesToAddNitro = {
       'react-native-nitro-modules': `^${config.versions.nitroModules}`,
     };

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

@@ -74,9 +74,8 @@ async function create(_argv: yargs.Arguments<Args>) {
   assertUserInput(questions, answers);
 
   const bobVersion = await bobVersionPromise;
-
   const nitroModulesVersion =
-    answers.type === 'nitro-module'
+    answers.type === 'nitro-module' || answers.type === 'nitro-view'
       ? await nitroModulesVersionPromise
       : undefined;
 

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

@@ -26,6 +26,7 @@ export type ProjectType =
   | 'legacy-module'
   | 'legacy-view'
   | 'nitro-module'
+  | 'nitro-view'
   | 'library';
 
 const LANGUAGE_CHOICES: {
@@ -36,7 +37,7 @@ const LANGUAGE_CHOICES: {
   {
     title: 'Kotlin & Swift',
     value: 'kotlin-swift',
-    types: ['nitro-module', 'legacy-module', 'legacy-view'],
+    types: ['nitro-view', 'nitro-module', 'legacy-module', 'legacy-view'],
   },
   {
     title: 'Kotlin & Objective-C',
@@ -96,6 +97,12 @@ const TYPE_CHOICES: {
     description:
       'type-safe, fast integration for native APIs to JS (experimental)',
   },
+  {
+    title: 'Nitro View',
+    value: 'nitro-view',
+    description:
+      'integration for native views to JS using nitro for prop parsing (experimental)',
+  },
   {
     title: 'Fabric view',
     value: 'fabric-view',

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

@@ -20,7 +20,7 @@ export type ModuleConfig =
   | 'nitro-modules'
   | null;
 
-export type ViewConfig = 'paper-view' | 'fabric-view' | null;
+export type ViewConfig = 'paper-view' | 'fabric-view' | 'nitro-view' | null;
 
 // Please think at least 5 times before introducing a new config key
 // You can just reuse the existing ones most of the time
@@ -90,6 +90,7 @@ const NATIVE_FILES = {
   view_legacy: path.resolve(__dirname, '../templates/native-view-legacy'),
   view_new: path.resolve(__dirname, '../templates/native-view-new'),
   module_nitro: path.resolve(__dirname, '../templates/nitro-module'),
+  view_nitro: path.resolve(__dirname, '../templates/nitro-view'),
 } as const;
 
 const OBJC_FILES = {
@@ -195,6 +196,8 @@ function getViewConfig(projectType: ProjectType): ViewConfig {
       return 'paper-view';
     case 'fabric-view':
       return 'fabric-view';
+    case 'nitro-view':
+      return 'nitro-view';
     default:
       return null;
   }
@@ -241,6 +244,11 @@ export async function applyTemplates(
       return;
     }
 
+    if (config.project.viewConfig === 'nitro-view') {
+      await applyTemplate(config, NATIVE_FILES['view_nitro'], folder);
+      return;
+    }
+
     if (config.project.moduleConfig !== null) {
       await applyTemplate(
         config,