refactor: move to ES modules

Author: satya164

docs/tsconfig.json

@@ -1,7 +1,10 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "bundler"
+    "module": "preserve",
+    "moduleResolution": "bundler",
+    "rewriteRelativeImportExtensions": false,
+    "noEmit": false
   },
   "include": ["**/*"],
   "mdx": {

eslint.config.mjs

@@ -22,6 +22,8 @@ export default defineConfig(
       '@typescript-eslint/no-unsafe-member-access': 'off',
       '@typescript-eslint/no-unnecessary-condition': 'off',
       '@typescript-eslint/strict-boolean-expressions': 'off',
+
+      'import-x/extensions': ['error', 'ignorePackages'],
     },
   },
 

packages/create-react-native-library/babel.config.js

@@ -1,3 +1,3 @@
 #!/usr/bin/env node
 
-require('../lib/index');
+import '../lib/src/index.js';

packages/create-react-native-library/bin/create-react-native-library

@@ -23,7 +23,12 @@
     "url": "https://github.com/callstack/react-native-builder-bob/issues"
   },
   "homepage": "https://oss.callstack.com/react-native-builder-bob/create",
-  "main": "lib/index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "default": "./lib/src/index.js"
+    }
+  },
   "bin": "bin/create-react-native-library",
   "files": [
     "lib",
@@ -37,7 +42,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "prepare": "babel --extensions .ts,.tsx src --out-dir lib --ignore '**/__tests__/**' --source-maps --delete-dir-on-start"
+    "prepare": "tsc"
   },
   "dependencies": {
     "cross-spawn": "^7.0.6",
@@ -49,13 +54,10 @@
     "kleur": "^4.1.5",
     "ora": "^9.3.0",
     "pigment": "^0.4.3",
+    "typescript": "^5.8.3",
     "validate-npm-package-name": "^7.0.2"
   },
   "devDependencies": {
-    "@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",

packages/create-react-native-library/package.json

@@ -1,6 +1,6 @@
-import path from 'path';
+import path from 'node:path';
 import fs from 'fs-extra';
-import sortObjectKeys from '../utils/sortObjectKeys';
+import sortObjectKeys from '../utils/sortObjectKeys.ts';
 
 type PackageJson = {
   devDependencies?: Record<string, string>;

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

@@ -1,16 +1,16 @@
+import path from 'node:path';
 import dedent from 'dedent';
 import fs from 'fs-extra';
 import { getLatestVersion } from 'get-latest-version';
 import kleur from 'kleur';
-import path from 'path';
 import {
   SUPPORTED_EXPO_SDK_VERSION,
   SUPPORTED_MONOREPO_CONFIG_VERSION,
   SUPPORTED_REACT_NATIVE_VERSION,
-} from '../constants';
-import type { TemplateConfiguration } from '../template';
-import sortObjectKeys from '../utils/sortObjectKeys';
-import { spawn } from '../utils/spawn';
+} from '../constants.ts';
+import type { TemplateConfiguration } from '../template.ts';
+import sortObjectKeys from '../utils/sortObjectKeys.ts';
+import { spawn } from '../utils/spawn.ts';
 
 const FILES_TO_DELETE = [
   '__tests__',

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

@@ -1,27 +1,27 @@
-import pak from '../package.json';
+import path from 'node:path';
 import fs from 'fs-extra';
 import kleur from 'kleur';
 import ora from 'ora';
-import path from 'path';
+import pak from '../package.json' with { type: 'json' };
 import {
   FALLBACK_BOB_VERSION,
   FALLBACK_NITRO_MODULES_VERSION,
-} from './constants';
-import { alignDependencyVersionsWithExampleApp } from './exampleApp/dependencies';
-import generateExampleApp from './exampleApp/generateExampleApp';
-import { printLocalLibNextSteps, printNonLocalLibNextSteps } from './inform';
-import { prompt } from './prompt';
-import { applyTemplates, generateTemplateConfiguration } from './template';
-import { assertNpxExists } from './utils/assert';
-import { configureTools } from './utils/configureTools';
-import { createInitialGitCommit } from './utils/initialCommit';
+} from './constants.ts';
+import { alignDependencyVersionsWithExampleApp } from './exampleApp/dependencies.ts';
+import generateExampleApp from './exampleApp/generateExampleApp.ts';
+import { printLocalLibNextSteps, printNonLocalLibNextSteps } from './inform.ts';
+import { prompt } from './prompt.ts';
+import { applyTemplates, generateTemplateConfiguration } from './template.ts';
+import { assertNpxExists } from './utils/assert.ts';
+import { configureTools } from './utils/configureTools.ts';
+import { createMetadata } from './utils/createMetadata.ts';
+import { createInitialGitCommit } from './utils/initialCommit.ts';
 import {
   addNitroDependencyToLocalLibrary,
   linkLocalLibrary,
-} from './utils/local';
-import { determinePackageManager } from './utils/packageManager';
-import { resolveNpmPackageVersion } from './utils/resolveNpmPackageVersion';
-import { createMetadata } from './utils/createMetadata';
+} from './utils/local.ts';
+import { determinePackageManager } from './utils/packageManager.ts';
+import { resolveNpmPackageVersion } from './utils/resolveNpmPackageVersion.ts';
 
 async function create() {
   // Prefetch bob version in background while asking questions

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

@@ -1,7 +1,7 @@
-import path from 'path';
+import path from 'node:path';
 import dedent from 'dedent';
-import type { TemplateConfiguration } from './template';
 import kleur from 'kleur';
+import type { TemplateConfiguration } from './template.ts';
 
 export function printNonLocalLibNextSteps(config: TemplateConfiguration) {
   const platforms = {

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

@@ -1,10 +1,10 @@
 import fs from 'node:fs';
 import path from 'node:path';
+import githubUsername from 'github-username';
 import { create } from 'pigment';
 import validateNpmPackage from 'validate-npm-package-name';
-import { spawn } from './utils/spawn';
-import githubUsername from 'github-username';
-import { AVAILABLE_TOOLS } from './utils/configureTools';
+import { AVAILABLE_TOOLS } from './utils/configureTools.ts';
+import { spawn } from './utils/spawn.ts';
 
 export type Answers = NonNullable<Awaited<ReturnType<typeof prompt.show>>>;