create-react-native-library 0.57.1 → 0.58.0

package/lib/utils/configureTools.js

@@ -9,113 +9,60 @@ var _fsExtra = _interopRequireDefault(require("fs-extra"));
 var _nodePath = _interopRequireDefault(require("node:path"));
 var _template = require("../template");
 var _sortObjectKeys = _interopRequireDefault(require("./sortObjectKeys"));
-var _constants = require("../constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ESLINT = {
   name: 'ESLint with Prettier',
-  description: 'Lint and format code',
-  package: {
-    scripts: {
-      lint: 'eslint "**/*.{js,ts,tsx}"'
-    },
-    prettier: {
-      quoteProps: 'consistent',
-      singleQuote: true,
-      tabWidth: 2,
-      trailingComma: 'es5',
-      useTabs: false
-    },
-    devDependencies: {
-      '@eslint/compat': '^1.3.2',
-      '@eslint/eslintrc': '^3.3.1',
-      '@eslint/js': '^9.35.0',
-      '@react-native/eslint-config': _constants.SUPPORTED_REACT_NATIVE_VERSION,
-      'eslint-config-prettier': '^10.1.8',
-      'eslint-plugin-prettier': '^5.5.4',
-      'eslint': '^9.35.0',
-      'prettier': '^2.8.8'
-    }
-  }
+  description: 'Lint and format code'
 };
 const LEFTHOOK = {
   name: 'Lefthook with Commitlint',
-  description: 'Manage Git hooks and lint commit messages',
-  package: {
-    commitlint: {
-      extends: ['@commitlint/config-conventional']
-    },
-    devDependencies: {
-      '@commitlint/config-conventional': '^19.8.1',
-      'commitlint': '^19.8.1',
-      'lefthook': '^2.0.3'
-    }
-  }
+  description: 'Manage Git hooks and lint commit messages'
 };
 const RELEASE_IT = {
   name: 'Release It',
-  description: 'Automate versioning and package publishing tasks',
-  package: {
-    'scripts': {
-      release: 'release-it --only-version'
-    },
-    'release-it': {
-      git: {
-        // eslint-disable-next-line no-template-curly-in-string
-        commitMessage: 'chore: release ${version}',
-        // eslint-disable-next-line no-template-curly-in-string
-        tagName: 'v${version}'
-      },
-      npm: {
-        publish: true
-      },
-      github: {
-        release: true
-      },
-      plugins: {
-        '@release-it/conventional-changelog': {
-          preset: {
-            name: 'angular'
-          }
-        }
-      }
-    },
-    'devDependencies': {
-      'release-it': '^19.0.4',
-      '@release-it/conventional-changelog': '^10.0.1'
-    }
-  }
+  description: 'Automate versioning and package publishing tasks'
 };
 const JEST = {
   name: 'Jest',
-  description: 'Test JavaScript and TypeScript code',
-  package: {
-    scripts: {
-      test: 'jest'
-    },
-    jest: {
-      preset: 'react-native',
-      modulePathIgnorePatterns: ['<rootDir>/example/node_modules', '<rootDir>/lib/']
-    },
-    devDependencies: {
-      '@types/jest': '^29.5.14',
-      'jest': '^29.7.0'
-    }
-  }
+  description: 'Test JavaScript and TypeScript code'
 };
 const TURBOREPO = {
   name: 'Turborepo',
-  description: 'Cache build outputs on CI',
-  package: {
-    devDependencies: {
-      turbo: '^2.5.6'
+  description: 'Cache build outputs on CI'
+};
+const VITE = {
+  name: 'Vite',
+  description: 'Add web support to the example app',
+  condition: config => config.example != null && config.example !== 'expo',
+  postprocess: async ({
+    root
+  }) => {
+    const examplePkgPath = _nodePath.default.join(root, 'example', 'package.json');
+    if (!_fsExtra.default.existsSync(examplePkgPath)) {
+      throw new Error("Couldn't find the example app's package.json.");
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+    const examplePackageJson = await _fsExtra.default.readJson(examplePkgPath);
+    const reactVersion = examplePackageJson.dependencies?.react ?? examplePackageJson.devDependencies?.react;
+    if (reactVersion == null) {
+      throw new Error("Couldn't find the package 'react' in the example app.");
     }
+    examplePackageJson.dependencies = (0, _sortObjectKeys.default)({
+      ...examplePackageJson.dependencies,
+      'react-dom': reactVersion
+    });
+    await _fsExtra.default.writeJson(examplePkgPath, examplePackageJson, {
+      spaces: 2
+    });
   }
 };
 const AVAILABLE_TOOLS = exports.AVAILABLE_TOOLS = {
-  'eslint': ESLINT,
-  'jest': JEST,
-  'lefthook': LEFTHOOK,
-  'release-it': RELEASE_IT
+  eslint: ESLINT,
+  jest: JEST,
+  lefthook: LEFTHOOK,
+  'release-it': RELEASE_IT,
+  vite: VITE
 };
 const REQUIRED_TOOLS = {
   turborepo: TURBOREPO
@@ -142,27 +89,48 @@ async function configureTools({
     if (tool.condition && !tool.condition(config)) {
       continue;
     }
-    const files = _nodePath.default.resolve(__dirname, `../../templates/tools/${key}`);
-    if (_fsExtra.default.existsSync(files)) {
-      await (0, _template.applyTemplate)(config, files, root);
+    const toolDir = _nodePath.default.resolve(__dirname, `../../templates/tools/${key}`);
+    if (_fsExtra.default.existsSync(toolDir)) {
+      await (0, _template.applyTemplate)(config, toolDir, root);
     }
-    for (const [key, value] of Object.entries(tool.package)) {
-      if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
-        if (typeof packageJson[key] === 'object' || packageJson[key] == null) {
-          packageJson[key] = {
-            ...packageJson[key],
-            ...value
-          };
-          if (key === 'dependencies' || key === 'devDependencies' || key === 'peerDependencies') {
-            // @ts-expect-error: We know they are objects here
-            packageJson[key] = (0, _sortObjectKeys.default)(packageJson[key]);
-          }
-        } else {
-          throw new Error(`Cannot merge '${key}' field because it is not an object (got '${String(packageJson[key])}').`);
+    const examplePkgPath = _nodePath.default.join(toolDir, 'example', '~package.json');
+    await mergePackageJsonTemplate(_nodePath.default.join(toolDir, '~package.json'), packageJson);
+    if (_fsExtra.default.existsSync(examplePkgPath)) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+      const existingExamplePackageJson = await _fsExtra.default.readJson(_nodePath.default.join(root, 'example', 'package.json'));
+      await mergePackageJsonTemplate(examplePkgPath, existingExamplePackageJson);
+      await _fsExtra.default.writeJson(_nodePath.default.join(root, 'example', 'package.json'), existingExamplePackageJson, {
+        spaces: 2
+      });
+    }
+    await tool.postprocess?.({
+      config,
+      root
+    });
+  }
+}
+async function mergePackageJsonTemplate(templatePath, packageJson) {
+  if (!_fsExtra.default.existsSync(templatePath)) {
+    return;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
+  const template = await _fsExtra.default.readJson(templatePath);
+  for (const [field, value] of Object.entries(template)) {
+    if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+      if (typeof packageJson[field] === 'object' || packageJson[field] == null) {
+        packageJson[field] = {
+          ...packageJson[field],
+          ...value
+        };
+        if (field === 'dependencies' || field === 'devDependencies' || field === 'peerDependencies') {
+          packageJson[field] = (0, _sortObjectKeys.default)(packageJson[field]);
         }
       } else {
-        packageJson[key] = value;
+        throw new Error(`Cannot merge '${field}' field because it is not an object (got '${String(packageJson[field])}').`);
       }
+    } else {
+      packageJson[field] = value;
     }
   }
 }

package/lib/utils/configureTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"configureTools.js","names":["_fsExtra","_interopRequireDefault","require","_nodePath","_template","_sortObjectKeys","_constants","e","__esModule","default","ESLINT","name","description","package","scripts","lint","prettier","quoteProps","singleQuote","tabWidth","trailingComma","useTabs","devDependencies","SUPPORTED_REACT_NATIVE_VERSION","LEFTHOOK","commitlint","extends","RELEASE_IT","release","git","commitMessage","tagName","npm","publish","github","plugins","preset","JEST","test","jest","modulePathIgnorePatterns","TURBOREPO","turbo","AVAILABLE_TOOLS","exports","REQUIRED_TOOLS","turborepo","ALL_TOOLS","configureTools","tools","config","root","packageJson","key","Object","keys","Error","join","tool","condition","files","path","resolve","__dirname","fs","existsSync","applyTemplate","value","entries","Array","isArray","sortObjectKeys","String"],"sources":["../../src/utils/configureTools.ts"],"sourcesContent":["import fs from 'fs-extra';\nimport path from 'node:path';\nimport { applyTemplate, type TemplateConfiguration } from '../template';\nimport sortObjectKeys from './sortObjectKeys';\nimport { SUPPORTED_REACT_NATIVE_VERSION } from '../constants';\n\ntype Tool = {\n  name: string;\n  description: string;\n  package: Record<string, unknown>;\n  condition?: (config: TemplateConfiguration) => boolean;\n};\n\ntype Options = {\n  tools: string[];\n  root: string;\n  packageJson: Record<string, unknown>;\n  config: TemplateConfiguration;\n};\n\nconst ESLINT = {\n  name: 'ESLint with Prettier',\n  description: 'Lint and format code',\n  package: {\n    scripts: {\n      lint: 'eslint \"**/*.{js,ts,tsx}\"',\n    },\n    prettier: {\n      quoteProps: 'consistent',\n      singleQuote: true,\n      tabWidth: 2,\n      trailingComma: 'es5',\n      useTabs: false,\n    },\n    devDependencies: {\n      '@eslint/compat': '^1.3.2',\n      '@eslint/eslintrc': '^3.3.1',\n      '@eslint/js': '^9.35.0',\n      '@react-native/eslint-config': SUPPORTED_REACT_NATIVE_VERSION,\n      'eslint-config-prettier': '^10.1.8',\n      'eslint-plugin-prettier': '^5.5.4',\n      'eslint': '^9.35.0',\n      'prettier': '^2.8.8',\n    },\n  },\n};\n\nconst LEFTHOOK = {\n  name: 'Lefthook with Commitlint',\n  description: 'Manage Git hooks and lint commit messages',\n  package: {\n    commitlint: {\n      extends: ['@commitlint/config-conventional'],\n    },\n    devDependencies: {\n      '@commitlint/config-conventional': '^19.8.1',\n      'commitlint': '^19.8.1',\n      'lefthook': '^2.0.3',\n    },\n  },\n};\n\nconst RELEASE_IT = {\n  name: 'Release It',\n  description: 'Automate versioning and package publishing tasks',\n  package: {\n    'scripts': {\n      release: 'release-it --only-version',\n    },\n    'release-it': {\n      git: {\n        // eslint-disable-next-line no-template-curly-in-string\n        commitMessage: 'chore: release ${version}',\n        // eslint-disable-next-line no-template-curly-in-string\n        tagName: 'v${version}',\n      },\n      npm: {\n        publish: true,\n      },\n      github: {\n        release: true,\n      },\n      plugins: {\n        '@release-it/conventional-changelog': {\n          preset: {\n            name: 'angular',\n          },\n        },\n      },\n    },\n    'devDependencies': {\n      'release-it': '^19.0.4',\n      '@release-it/conventional-changelog': '^10.0.1',\n    },\n  },\n};\n\nconst JEST = {\n  name: 'Jest',\n  description: 'Test JavaScript and TypeScript code',\n  package: {\n    scripts: {\n      test: 'jest',\n    },\n    jest: {\n      preset: 'react-native',\n      modulePathIgnorePatterns: [\n        '<rootDir>/example/node_modules',\n        '<rootDir>/lib/',\n      ],\n    },\n    devDependencies: {\n      '@types/jest': '^29.5.14',\n      'jest': '^29.7.0',\n    },\n  },\n};\n\nconst TURBOREPO = {\n  name: 'Turborepo',\n  description: 'Cache build outputs on CI',\n  package: {\n    devDependencies: {\n      turbo: '^2.5.6',\n    },\n  },\n};\n\nexport const AVAILABLE_TOOLS = {\n  'eslint': ESLINT,\n  'jest': JEST,\n  'lefthook': LEFTHOOK,\n  'release-it': RELEASE_IT,\n} as const satisfies Record<string, Tool>;\n\nconst REQUIRED_TOOLS = {\n  turborepo: TURBOREPO,\n} as const satisfies Record<string, Tool>;\n\nconst ALL_TOOLS = {\n  ...AVAILABLE_TOOLS,\n  ...REQUIRED_TOOLS,\n} as const;\n\nexport async function configureTools({\n  tools,\n  config,\n  root,\n  packageJson,\n}: Options) {\n  for (const key of [\n    ...tools,\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n    ...(Object.keys(REQUIRED_TOOLS) as (keyof typeof REQUIRED_TOOLS)[]),\n  ]) {\n    if (!(key in ALL_TOOLS)) {\n      throw new Error(\n        `Invalid tool '${key}'. Available tools are: ${Object.keys(\n          AVAILABLE_TOOLS\n        ).join(', ')}.`\n      );\n    }\n\n    // @ts-expect-error: We checked the key above\n    const tool: Tool = ALL_TOOLS[key];\n\n    if (tool.condition && !tool.condition(config)) {\n      continue;\n    }\n\n    const files = path.resolve(__dirname, `../../templates/tools/${key}`);\n\n    if (fs.existsSync(files)) {\n      await applyTemplate(config, files, root);\n    }\n\n    for (const [key, value] of Object.entries(tool.package)) {\n      if (\n        typeof value === 'object' &&\n        value !== null &&\n        !Array.isArray(value)\n      ) {\n        if (typeof packageJson[key] === 'object' || packageJson[key] == null) {\n          packageJson[key] = {\n            ...packageJson[key],\n            ...value,\n          };\n\n          if (\n            key === 'dependencies' ||\n            key === 'devDependencies' ||\n            key === 'peerDependencies'\n          ) {\n            // @ts-expect-error: We know they are objects here\n            packageJson[key] = sortObjectKeys(packageJson[key]);\n          }\n        } else {\n          throw new Error(\n            `Cannot merge '${key}' field because it is not an object (got '${String(packageJson[key])}').`\n          );\n        }\n      } else {\n        packageJson[key] = value;\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"configureTools.js","names":["_fsExtra","_interopRequireDefault","require","_nodePath","_template","_sortObjectKeys","e","__esModule","default","ESLINT","name","description","LEFTHOOK","RELEASE_IT","JEST","TURBOREPO","VITE","condition","config","example","postprocess","root","examplePkgPath","path","join","fs","existsSync","Error","examplePackageJson","readJson","reactVersion","dependencies","react","devDependencies","sortObjectKeys","writeJson","spaces","AVAILABLE_TOOLS","exports","eslint","jest","lefthook","vite","REQUIRED_TOOLS","turborepo","ALL_TOOLS","configureTools","tools","packageJson","key","Object","keys","tool","toolDir","resolve","__dirname","applyTemplate","mergePackageJsonTemplate","existingExamplePackageJson","templatePath","template","field","value","entries","Array","isArray","String"],"sources":["../../src/utils/configureTools.ts"],"sourcesContent":["import fs from 'fs-extra';\nimport path from 'node:path';\nimport { applyTemplate, type TemplateConfiguration } from '../template';\nimport sortObjectKeys from './sortObjectKeys';\n\ntype PackageJson = {\n  dependencies?: Record<string, string>;\n  devDependencies?: Record<string, string>;\n  peerDependencies?: Record<string, string>;\n  [key: string]: unknown;\n};\n\ntype Tool = {\n  name: string;\n  description: string;\n  condition?: (context: Pick<TemplateConfiguration, 'example'>) => boolean;\n  postprocess?: (options: {\n    config: TemplateConfiguration;\n    root: string;\n  }) => void | Promise<void>;\n};\n\ntype Options = {\n  tools: string[];\n  root: string;\n  packageJson: PackageJson;\n  config: TemplateConfiguration;\n};\n\nconst ESLINT = {\n  name: 'ESLint with Prettier',\n  description: 'Lint and format code',\n};\n\nconst LEFTHOOK = {\n  name: 'Lefthook with Commitlint',\n  description: 'Manage Git hooks and lint commit messages',\n};\n\nconst RELEASE_IT = {\n  name: 'Release It',\n  description: 'Automate versioning and package publishing tasks',\n};\n\nconst JEST = {\n  name: 'Jest',\n  description: 'Test JavaScript and TypeScript code',\n};\n\nconst TURBOREPO = {\n  name: 'Turborepo',\n  description: 'Cache build outputs on CI',\n};\n\nconst VITE: Tool = {\n  name: 'Vite',\n  description: 'Add web support to the example app',\n  condition: (config) => config.example != null && config.example !== 'expo',\n  postprocess: async ({ root }) => {\n    const examplePkgPath = path.join(root, 'example', 'package.json');\n\n    if (!fs.existsSync(examplePkgPath)) {\n      throw new Error(\"Couldn't find the example app's package.json.\");\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n    const examplePackageJson = (await fs.readJson(\n      examplePkgPath\n    )) as PackageJson;\n\n    const reactVersion =\n      examplePackageJson.dependencies?.react ??\n      examplePackageJson.devDependencies?.react;\n\n    if (reactVersion == null) {\n      throw new Error(\"Couldn't find the package 'react' in the example app.\");\n    }\n\n    examplePackageJson.dependencies = sortObjectKeys({\n      ...examplePackageJson.dependencies,\n      'react-dom': reactVersion,\n    });\n\n    await fs.writeJson(examplePkgPath, examplePackageJson, { spaces: 2 });\n  },\n};\n\nexport const AVAILABLE_TOOLS = {\n  eslint: ESLINT,\n  jest: JEST,\n  lefthook: LEFTHOOK,\n  'release-it': RELEASE_IT,\n  vite: VITE,\n} as const satisfies Record<string, Tool>;\n\nconst REQUIRED_TOOLS = {\n  turborepo: TURBOREPO,\n} as const satisfies Record<string, Tool>;\n\nconst ALL_TOOLS = {\n  ...AVAILABLE_TOOLS,\n  ...REQUIRED_TOOLS,\n} as const;\n\nexport async function configureTools({\n  tools,\n  config,\n  root,\n  packageJson,\n}: Options) {\n  for (const key of [\n    ...tools,\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n    ...(Object.keys(REQUIRED_TOOLS) as (keyof typeof REQUIRED_TOOLS)[]),\n  ]) {\n    if (!(key in ALL_TOOLS)) {\n      throw new Error(\n        `Invalid tool '${key}'. Available tools are: ${Object.keys(\n          AVAILABLE_TOOLS\n        ).join(', ')}.`\n      );\n    }\n\n    // @ts-expect-error: We checked the key above\n    const tool: Tool = ALL_TOOLS[key];\n\n    if (tool.condition && !tool.condition(config)) {\n      continue;\n    }\n\n    const toolDir = path.resolve(__dirname, `../../templates/tools/${key}`);\n\n    if (fs.existsSync(toolDir)) {\n      await applyTemplate(config, toolDir, root);\n    }\n\n    const examplePkgPath = path.join(toolDir, 'example', '~package.json');\n\n    await mergePackageJsonTemplate(\n      path.join(toolDir, '~package.json'),\n      packageJson\n    );\n\n    if (fs.existsSync(examplePkgPath)) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n      const existingExamplePackageJson = (await fs.readJson(\n        path.join(root, 'example', 'package.json')\n      )) as PackageJson;\n\n      await mergePackageJsonTemplate(\n        examplePkgPath,\n        existingExamplePackageJson\n      );\n\n      await fs.writeJson(\n        path.join(root, 'example', 'package.json'),\n        existingExamplePackageJson,\n        {\n          spaces: 2,\n        }\n      );\n    }\n\n    await tool.postprocess?.({ config, root });\n  }\n}\n\nasync function mergePackageJsonTemplate(\n  templatePath: string,\n  packageJson: PackageJson\n) {\n  if (!fs.existsSync(templatePath)) {\n    return;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion\n  const template = (await fs.readJson(templatePath)) as PackageJson;\n\n  for (const [field, value] of Object.entries(template)) {\n    if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n      if (\n        typeof packageJson[field] === 'object' ||\n        packageJson[field] == null\n      ) {\n        packageJson[field] = {\n          ...packageJson[field],\n          ...value,\n        };\n\n        if (\n          field === 'dependencies' ||\n          field === 'devDependencies' ||\n          field === 'peerDependencies'\n        ) {\n          packageJson[field] = sortObjectKeys(packageJson[field]);\n        }\n      } else {\n        throw new Error(\n          `Cannot merge '${field}' field because it is not an object (got '${String(packageJson[field])}').`\n        );\n      }\n    } else {\n      packageJson[field] = value;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-react-native-library",
-  "version": "0.57.1",
+  "version": "0.58.0",
   "description": "CLI to scaffold React Native libraries",
   "keywords": [
     "react-native",
@@ -40,28 +40,28 @@
     "prepare": "babel --extensions .ts,.tsx src --out-dir lib --ignore '**/__tests__/**' --source-maps --delete-dir-on-start"
   },
   "dependencies": {
-    "cross-spawn": "^7.0.3",
-    "dedent": "^0.7.0",
-    "ejs": "^3.1.8",
-    "fs-extra": "^10.1.0",
-    "get-latest-version": "^5.1.0",
-    "github-username": "^6.0.0",
-    "kleur": "^4.1.4",
-    "ora": "^5.4.1",
-    "pigment": "^0.3.11",
-    "validate-npm-package-name": "^4.0.0"
+    "cross-spawn": "^7.0.6",
+    "dedent": "^1.7.2",
+    "ejs": "^5.0.1",
+    "fs-extra": "^11.3.4",
+    "get-latest-version": "^6.0.1",
+    "github-username": "^9.0.0",
+    "kleur": "^4.1.5",
+    "ora": "^9.3.0",
+    "pigment": "^0.4.1",
+    "validate-npm-package-name": "^7.0.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.24.8",
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.2",
-    "@babel/preset-typescript": "^7.24.7",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@types/cross-spawn": "^6.0.2",
-    "@types/dedent": "^0.7.0",
-    "@types/ejs": "^3.1.1",
-    "@types/fs-extra": "^9.0.13",
-    "@types/validate-npm-package-name": "^3.0.3"
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-typescript": "^7.28.5",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@types/cross-spawn": "^6.0.6",
+    "@types/dedent": "^0.7.2",
+    "@types/ejs": "^3.1.5",
+    "@types/fs-extra": "^11.0.4",
+    "@types/validate-npm-package-name": "^4.0.2"
   },
-  "gitHead": "b95f05aa2f6c98e5fa332bc10c61592fa92435a9"
+  "gitHead": "f0da652b454d58268ca7ac50468a6c2f106fb5b7"
 }

package/templates/common/$.github/workflows/ci.yml

@@ -33,6 +33,7 @@ jobs:
       - name: Typecheck files
         run: yarn typecheck
 
+<% if (tools.includes('jest')) { -%>
   test:
     runs-on: ubuntu-latest
 
@@ -45,6 +46,7 @@ jobs:
 
       - name: Run unit tests
         run: yarn test --maxWorkers=2 --coverage
+<% } -%>
 
   build-library:
     runs-on: ubuntu-latest
@@ -59,7 +61,7 @@ jobs:
       - name: Build package
         run: yarn prepare
 
-<% if (project.native) { -%>
+<% if (example != null) { -%>
   build-android:
     runs-on: ubuntu-latest
 
@@ -107,7 +109,7 @@ jobs:
           /bin/bash -c "yes | $ANDROID_HOME/cmdline-tools/latest/bin/sdkmanager --licenses > /dev/null"
 
 <% if (example === 'expo') { -%>
-      - name: Prebuild expo app for iOS
+      - name: Prebuild expo app for Android
         if: env.turbo_cache_hit != 1
         run: |
           yarn example expo prebuild --platform android
@@ -191,7 +193,9 @@ jobs:
       - name: Build example for iOS
         run: |
           yarn turbo run build:ios --cache-dir="${{ env.TURBO_CACHE_DIR }}"
-<% } else { -%>
+<% } -%>
+
+<% if (example === 'expo' || tools.includes('vite')) { -%>
   build-web:
     runs-on: ubuntu-latest
 
@@ -204,5 +208,5 @@ jobs:
 
       - name: Build example for Web
         run: |
-          yarn example expo export --platform web
+          yarn example build:web
 <% } -%>

package/templates/common/$package.json

@@ -70,18 +70,18 @@
   },
   "devDependencies": {
     "@react-native/babel-preset": "0.83.0",
-    "@types/react": "^19.1.12",
-    "del-cli": "^6.0.0",
+    "@types/react": "^19.2.0",
+    "del-cli": "^7.0.0",
 <% if (project.moduleConfig === 'nitro-modules' || project.viewConfig === 'nitro-view') { -%>
     "nitrogen": "^<%- versions.nitro %>",
 <% } -%>
-    "react": "19.1.0",
+    "react": "19.2.0",
     "react-native": "0.83.0",
     "react-native-builder-bob": "^<%- versions.bob %>",
 <% if (project.moduleConfig === 'nitro-modules' || project.viewConfig === 'nitro-view') { -%>
     "react-native-nitro-modules": "^<%- versions.nitro %>",
 <% } -%>
-    "typescript": "^5.9.2"
+    "typescript": "^6.0.2"
   },
   "peerDependencies": {
     "react": "*",

package/templates/common/CONTRIBUTING.md

@@ -76,7 +76,7 @@ Running "<%- project.name -%>Example" with {"fabric":true,"initialProps":{"concu
 
 Note the `"fabric":true` and `"concurrentRoot":true` properties.
 
-<% if (!project.native) { -%>
+<% if (example === 'expo' || tools.includes('vite')) { -%>
 To run the example app on Web:
 
 ```sh
@@ -148,15 +148,19 @@ The `package.json` file contains various scripts for common tasks:
 
 - `yarn`: setup project by installing dependencies.
 - `yarn typecheck`: type-check files with TypeScript.
-<% if (tools.includes('eslint')) { -%>
+  <% if (tools.includes('eslint')) { -%>
 - `yarn lint`: lint files with [ESLint](https://eslint.org/).
-<% } -%>
-<% if (tools.includes('jest')) { -%>
+  <% } -%>
+  <% if (tools.includes('jest')) { -%>
 - `yarn test`: run unit tests with [Jest](https://jestjs.io/).
-<% } -%>
+  <% } -%>
 - `yarn example start`: start the Metro server for the example app.
 - `yarn example android`: run the example app on Android.
 - `yarn example ios`: run the example app on iOS.
+  <% if (example === 'expo' || tools.includes('vite')) { -%>
+- `yarn example web`: run the example app on Web.
+- `yarn example build:web`: build the example app for Web.
+  <% } -%>
 
 ### Sending a pull request
 

package/templates/common/README.md

@@ -32,16 +32,6 @@ import { <%- project.name -%>View } from "<%- project.slug -%>";
 <<%- project.name -%>View color="tomato" />
 ```
 
-<% } else if (project.moduleConfig === 'nitro-modules' || project.viewConfig === 'nitro-view' || project.moduleConfig === 'turbo-modules') { -%>
-
-```js
-import { multiply } from '<%- project.slug -%>';
-
-// ...
-
-const result = multiply(3, 7);
-```
-
 <% } else { -%>
 
 ```js
@@ -49,7 +39,7 @@ import { multiply } from '<%- project.slug -%>';
 
 // ...
 
-const result = await multiply(3, 7);
+const result = multiply(3, 7);
 ```
 
 <% } -%>

package/templates/js-library/src/index.tsx

@@ -1,3 +1 @@
-export function multiply(a: number, b: number): number {
-  return a * b;
-}
+export { multiply } from './multiply';

package/templates/js-library/src/multiply.tsx

@@ -0,0 +1,3 @@
+export function multiply(a: number, b: number): number {
+  return a * b;
+}

package/templates/js-view/src/index.tsx

@@ -0,0 +1 @@
+export { <%- project.name -%>View } from './<%- project.name -%>View';

package/templates/js-view/src/{%- project.name %}View.tsx

@@ -0,0 +1,9 @@
+import { View, type ColorValue, type ViewProps } from 'react-native';
+
+type Props = ViewProps & {
+  color?: ColorValue;
+};
+
+export function <%- project.name -%>View({ color, style, ...rest }: Props) {
+  return <View {...rest} style={[style, { backgroundColor: color }]} />;
+}

package/templates/native-library-new/src/index.tsx

@@ -1,5 +1 @@
-import <%- project.name -%> from './Native<%- project.name -%>';
-
-export function multiply(a: number, b: number): number {
-  return <%- project.name -%>.multiply(a, b);
-}
+export { multiply } from './multiply';

package/templates/native-library-new/src/multiply.native.tsx

@@ -0,0 +1,5 @@
+import <%- project.name -%> from './Native<%- project.name -%>';
+
+export function multiply(a: number, b: number): number {
+  return <%- project.name -%>.multiply(a, b);
+}

package/templates/native-library-new/src/multiply.tsx

@@ -0,0 +1,5 @@
+export function multiply(_a: number, _b: number): number {
+  throw new Error(
+    "'<%- project.slug -%>' is only supported on native platforms."
+  );
+}

package/templates/native-view-new/src/index.tsx

@@ -1,2 +1 @@
-export { default as <%- project.name -%>View } from './<%- project.name -%>ViewNativeComponent';
-export * from './<%- project.name -%>ViewNativeComponent';
+export { <%- project.name -%>View } from './<%- project.name -%>View';

package/templates/native-view-new/src/{%- project.name %}View.native.tsx

@@ -0,0 +1,2 @@
+export { default as <%- project.name -%>View } from './<%- project.name -%>ViewNativeComponent';
+export * from './<%- project.name -%>ViewNativeComponent';

package/templates/native-view-new/src/{%- project.name %}View.tsx

@@ -0,0 +1,11 @@
+import type { ColorValue, ViewProps } from 'react-native';
+
+type Props = ViewProps & {
+  color?: ColorValue;
+};
+
+export function <%- project.name -%>View(_props: Props): never {
+  throw new Error(
+    "'<%- project.slug -%>' is only supported on native platforms."
+  );
+}

package/templates/nitro-common/nitro.json

@@ -9,8 +9,14 @@
   },
   "autolinking": {
     "<%- project.name -%>": {
-      "swift": "<% if (project.viewConfig === 'nitro-view') { -%>Hybrid<% } -%><%- project.name -%>",
-      "kotlin": "<% if (project.viewConfig === 'nitro-view') { -%>Hybrid<% } -%><%- project.name -%>"
+      "ios": {
+        "language": "swift",
+        "implementationClassName": "<% if (project.viewConfig === 'nitro-view') { -%>Hybrid<% } -%><%- project.name -%>"
+      },
+      "android": {
+        "language": "kotlin",
+        "implementationClassName": "<% if (project.viewConfig === 'nitro-view') { -%>Hybrid<% } -%><%- project.name -%>"
+      }
     }
   },
   "ignorePaths": ["node_modules"]

package/templates/nitro-module/src/index.tsx

@@ -1,9 +1 @@
-import { NitroModules } from 'react-native-nitro-modules';
-import type { <%- project.name -%> } from './<%- project.name -%>.nitro';
-
-const <%- project.name -%>HybridObject =
-  NitroModules.createHybridObject<<%- project.name -%>>('<%- project.name -%>');
-
-export function multiply(a: number, b: number): number {
-  return <%- project.name -%>HybridObject.multiply(a, b);
-}
+export { multiply } from './multiply';

package/templates/nitro-module/src/multiply.native.tsx

@@ -0,0 +1,9 @@
+import { NitroModules } from 'react-native-nitro-modules';
+import type { <%- project.name -%> } from './<%- project.name -%>.nitro';
+
+const <%- project.name -%>HybridObject =
+  NitroModules.createHybridObject<<%- project.name -%>>('<%- project.name -%>');
+
+export function multiply(a: number, b: number): number {
+  return <%- project.name -%>HybridObject.multiply(a, b);
+}

package/templates/nitro-module/src/multiply.tsx

@@ -0,0 +1,5 @@
+export function multiply(_a: number, _b: number): number {
+  throw new Error(
+    "'<%- project.slug -%>' is only supported on native platforms."
+  );
+}

package/templates/nitro-module/src/{%- project.name %}.nitro.ts

@@ -1,6 +1,8 @@
 import type { HybridObject } from 'react-native-nitro-modules';
 
-export interface <%- project.name %>
-  extends HybridObject<{ ios: 'swift'; android: 'kotlin' }> {
+export interface <%- project.name %> extends HybridObject<{
+  ios: 'swift';
+  android: 'kotlin';
+}> {
   multiply(a: number, b: number): number;
 }

package/templates/nitro-view/src/index.tsx

@@ -1,11 +1 @@
-import { getHostComponent } from 'react-native-nitro-modules';
-const <%- project.name %>Config = require('../nitrogen/generated/shared/json/<%- project.name %>Config.json');
-import type {
-  <%- project.name %>Methods,
-  <%- project.name %>Props,
-} from './<%- project.name %>.nitro';
-
-export const <%- project.name %>View = getHostComponent<
-  <%- project.name %>Props,
-  <%- project.name %>Methods
->('<%- project.name %>', () => <%- project.name %>Config);
+export { <%- project.name -%>View } from './<%- project.name -%>View';

package/templates/nitro-view/src/{%- project.name %}View.native.tsx

@@ -0,0 +1,11 @@
+import { getHostComponent } from 'react-native-nitro-modules';
+const <%- project.name %>Config = require('../nitrogen/generated/shared/json/<%- project.name %>Config.json');
+import type {
+  <%- project.name %>Methods,
+  <%- project.name %>Props,
+} from './<%- project.name %>.nitro';
+
+export const <%- project.name %>View = getHostComponent<
+  <%- project.name %>Props,
+  <%- project.name %>Methods
+>('<%- project.name %>', () => <%- project.name %>Config);

package/templates/nitro-view/src/{%- project.name %}View.tsx

@@ -0,0 +1,11 @@
+import type { ColorValue, ViewProps } from 'react-native';
+
+type Props = ViewProps & {
+  color?: ColorValue;
+};
+
+export function <%- project.name -%>View(_props: Props): never {
+  throw new Error(
+    "'<%- project.slug -%>' is only supported on native platforms."
+  );
+}