feat: add a babel-plugin to add extensions to imports and handle aliases (#576)

Author: satya164

.github/workflows/check-project.yml

@@ -26,5 +26,8 @@ jobs:
       - name: Typecheck
         run: yarn typecheck
 
+      - name: Test
+        run: yarn test
+
       - name: Build packages
         run: yarn lerna run prepare

package.json

@@ -18,6 +18,7 @@
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "typecheck": "tsc --noEmit",
     "watch": "concurrently 'yarn typecheck --watch' 'lerna run --parallel prepare -- --watch'",
+    "test": "yarn workspace react-native-builder-bob test",
     "docs": "yarn workspace docs"
   },
   "devDependencies": {
@@ -48,7 +49,8 @@
     "node_modules/",
     "coverage/",
     "lib/",
-    "templates/"
+    "templates/",
+    "__fixtures__/"
   ],
   "prettier": {
     "singleQuote": true,

packages/react-native-builder-bob/package.json

@@ -34,7 +34,13 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "prepare": "babel --extensions .ts,.tsx src --out-dir lib --source-maps --delete-dir-on-start"
+    "prepare": "babel --extensions .ts,.tsx src --out-dir lib --source-maps --delete-dir-on-start",
+    "test": "jest"
+  },
+  "jest": {
+    "testPathIgnorePatterns": [
+      "/lib/"
+    ]
   },
   "dependencies": {
     "@babel/core": "^7.18.5",
@@ -59,6 +65,7 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.17.10",
+    "@jest/globals": "^29.7.0",
     "@types/babel__core": "^7.1.19",
     "@types/browserslist": "^4.15.0",
     "@types/cross-spawn": "^6.0.2",
@@ -70,6 +77,7 @@
     "@types/prompts": "^2.0.14",
     "@types/which": "^2.0.1",
     "@types/yargs": "^17.0.10",
-    "concurrently": "^7.2.2"
+    "concurrently": "^7.2.2",
+    "jest": "^29.7.0"
   }
 }

packages/react-native-builder-bob/src/__fixtures__/project/code/$alias-input.ts

@@ -0,0 +1,7 @@
+import "@";
+import f from "@/f";
+import "@something";
+import "./@";
+import "file";
+import { something } from "something";
+import "something/somefile";

packages/react-native-builder-bob/src/__fixtures__/project/code/$alias-output.ts

@@ -0,0 +1,7 @@
+import "..";
+import f from "../f";
+import "@something";
+import "./@";
+import "../f";
+import { something } from "another";
+import "another/somefile";

packages/react-native-builder-bob/src/__fixtures__/project/code/$exports-input.ts

@@ -0,0 +1,20 @@
+export * as a from "a";
+export * as b from "./b";
+export * as c from "./c";
+export * as d from "./d";
+export * as e from "./e.story";
+export * as f from "../f";
+export * as pac from "..";
+export * as pak from "../";
+export * as pax from "../index";
+
+export { a as a1 } from "./a";
+export * from "./b";
+
+export type { A } from "./a";
+
+export const foo = "foo";
+
+const bar = "bar";
+
+export { bar };

packages/react-native-builder-bob/src/__fixtures__/project/code/$exports-output.ts

@@ -0,0 +1,15 @@
+export * as a from "a";
+export * as b from "./b.mjs";
+export * as c from "./c.mjs";
+export * as d from "./d";
+export * as e from "./e.story.mjs";
+export * as f from "../f.mjs";
+export * as pac from "../index.mjs";
+export * as pak from "../index.mjs";
+export * as pax from "../index.mjs";
+export { a as a1 } from "./a.mjs";
+export * from "./b.mjs";
+export type { A } from "./a";
+export const foo = "foo";
+const bar = "bar";
+export { bar };

packages/react-native-builder-bob/src/__fixtures__/project/code/$imports-input.ts

@@ -0,0 +1,16 @@
+import "./a";
+import a from "a";
+import b from "./b";
+import c from "./c";
+import d from "./d";
+import e from "./e.story";
+import f from "../f";
+import pac from "..";
+import pak from "../";
+import pax from "../index";
+
+import { a as a1 } from "./a";
+import * as b1 from "./b";
+import something, { c as c1 } from "./c";
+
+import type { A } from "./a";

packages/react-native-builder-bob/src/__fixtures__/project/code/$imports-output.ts

@@ -0,0 +1,14 @@
+import "./a.mjs";
+import a from "a";
+import b from "./b.mjs";
+import c from "./c.mjs";
+import d from "./d";
+import e from "./e.story.mjs";
+import f from "../f.mjs";
+import pac from "../index.mjs";
+import pak from "../index.mjs";
+import pax from "../index.mjs";
+import { a as a1 } from "./a.mjs";
+import * as b1 from "./b.mjs";
+import something, { c as c1 } from "./c.mjs";
+import type { A } from "./a";