feat(bundling): Add support to rollup for babelUpwardRootMode

docs/generated/packages/rollup/executors/rollup.json

@@ -150,6 +150,11 @@
         "default": "babel",
         "description": "Which compiler to use."
       },
+      "babelUpwardRootMode": {
+        "type": "boolean",
+        "description": "Whether to set rootmode to upward. See https://babeljs.io/docs/en/options#rootmode",
+        "default": false
+      },
       "javascriptEnabled": {
         "type": "boolean",
         "description": "Sets `javascriptEnabled` option for less loader",

packages/expo/migrations.json

@@ -65,6 +65,12 @@
       "cli": "nx",
       "description": "Add app.json for detox",
       "factory": "./src/migrations/update-16-1-4/add-detox-app-json"
+    },
+    "update-16-3-1-rename-babel": {
+      "cli": "nx",
+      "version": "16.3.1-beta.0",
+      "description": "Rename babel.config.json to .babelrc for rollup libs",
+      "implementation": "./src/migrations/update-16-3-1-rename-babel/update-16-3-1-rename-babel"
     }
   },
   "packageJsonUpdates": {

packages/expo/src/executors/build/build.impl.ts

@@ -3,7 +3,7 @@ import { join, normalize, sep } from 'path';
 import { ChildProcess, fork } from 'child_process';
 
 import { ensureNodeModulesSymlink } from '../../utils/ensure-node-modules-symlink';
-import { copyBuildFile, unzipBuild } from '../download/download.impl';
+import { unzipBuild } from '../download/download.impl';
 
 import { ExpoEasBuildOptions } from './schema';
 import { removeSync } from 'fs-extra';

packages/expo/src/migrations/update-16-3-1-rename-babel/update-16-3-1-rename-babel.ts

@@ -0,0 +1,18 @@
+import { Tree, formatFiles, readProjectConfiguration } from '@nx/devkit';
+import { forEachExecutorOptions } from '@nx/devkit/src/generators/executor-options-utils';
+import { RollupExecutorOptions } from '@nx/rollup';
+
+export default async function update(tree: Tree) {
+  forEachExecutorOptions<RollupExecutorOptions>(
+    tree,
+    '@nx/rollup:rollup',
+    (_, projectName) => {
+      const root = readProjectConfiguration(tree, projectName).sourceRoot;
+      const oldBabelPath = `${root}/babel.config.json`;
+      if (tree.exists(oldBabelPath)) {
+        tree.rename(oldBabelPath, `${root}/.babelrc`);
+      }
+    }
+  );
+  await formatFiles(tree);
+}

packages/expo/src/migrations/update-16-3-1-rename-babel/update-16-3-1-rename.babel.spec.ts

@@ -0,0 +1,28 @@
+import { Tree, addProjectConfiguration } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from 'nx/src/devkit-testing-exports';
+import update from './update-16-3-1-rename-babel';
+describe('rename babelConfig', () => {
+  let tree: Tree;
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'products', {
+      root: 'libs/products',
+      sourceRoot: 'libs/products/src',
+      targets: {
+        start: {
+          executor: '@nx/rollup:rollup',
+          options: {},
+        },
+      },
+    });
+  });
+
+  it('should rename babel.config.json to .babelrc', async () => {
+    tree.write('libs/products/src/babel.config.json', `{}`);
+
+    await update(tree);
+
+    expect(tree.exists('libs/products/src/.babelrc')).toBeTruthy();
+    expect(tree.exists('libs/products/src/.babel.config.json')).toBeFalsy();
+  });
+});

packages/react-native/migrations.json

@@ -89,6 +89,12 @@
       "version": "16.1.0-beta.0",
       "description": "Upgrade @storybook/react-native to 6.5",
       "implementation": "./src/migrations/update-16-1-0/upgrade-storybook-6-5"
+    },
+    "update-16-3-1-rename-babel": {
+      "cli": "nx",
+      "version": "16.3.1-beta.0",
+      "description": "Rename babel.config.json to .babelrc for rollup libs",
+      "implementation": "./src/migrations/update-16-3-1-rename-babel/update-16-3-1-rename-babel"
     }
   },
   "packageJsonUpdates": {

packages/react-native/src/migrations/update-16-3-1-rename-babel/update-16-3-1-rename-babel.spec.ts

@@ -0,0 +1,28 @@
+import { Tree, addProjectConfiguration } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from 'nx/src/devkit-testing-exports';
+import update from './update-16-3-1-rename-babel';
+describe('rename babelConfig', () => {
+  let tree: Tree;
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    addProjectConfiguration(tree, 'products', {
+      root: 'libs/products',
+      sourceRoot: 'libs/products/src',
+      targets: {
+        start: {
+          executor: '@nx/rollup:rollup',
+          options: {},
+        },
+      },
+    });
+  });
+
+  it('should rename babel.config.json to .babelrc', async () => {
+    tree.write('libs/products/src/babel.config.json', `{}`);
+
+    await update(tree);
+
+    expect(tree.exists('libs/products/src/.babelrc')).toBeTruthy();
+    expect(tree.exists('libs/products/src/.babel.config.json')).toBeFalsy();
+  });
+});

packages/react-native/src/migrations/update-16-3-1-rename-babel/update-16-3-1-rename-babel.ts

@@ -0,0 +1,18 @@
+import { Tree, formatFiles, readProjectConfiguration } from '@nx/devkit';
+import { forEachExecutorOptions } from '@nx/devkit/src/generators/executor-options-utils';
+import { RollupExecutorOptions } from '@nx/rollup';
+
+export default async function update(tree: Tree) {
+  forEachExecutorOptions<RollupExecutorOptions>(
+    tree,
+    '@nx/rollup:rollup',
+    (_, projectName) => {
+      const root = readProjectConfiguration(tree, projectName).sourceRoot;
+      const oldBabelPath = `${root}/babel.config.json`;
+      if (tree.exists(oldBabelPath)) {
+        tree.rename(oldBabelPath, `${root}/.babelrc`);
+      }
+    }
+  );
+  await formatFiles(tree);
+}

packages/rollup/migrations.json

@@ -11,6 +11,12 @@
       "version": "16.0.0-beta.1",
       "description": "Replace @nrwl/rollup with @nx/rollup",
       "implementation": "./src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages"
+    },
+    "update-16-3-1-add-babel-upward-root-mode-flag": {
+      "cli": "nx",
+      "version": "16-3-1-beta.0",
+      "description": "Add babelUpwardRootMode if not already defined",
+      "implementation": "./src/migrations/update-16-3-1-add-babel-upward-root-mode-flag/update-16-3-1-add-babel-upward-root-mode-flag"
     }
   },
   "packageJsonUpdates": {}

packages/rollup/src/executors/rollup/rollup.impl.ts

@@ -255,7 +255,7 @@ export function createRollupOptions(
             isModern: true,
           },
           cwd: join(context.root, sourceRoot),
-          rootMode: 'upward',
+          rootMode: options.babelUpwardRootMode ? 'upward' : undefined,
           babelrc: true,
           extensions: fileExtensions,
           babelHelpers: 'bundled',

packages/rollup/src/executors/rollup/schema.d.ts

@@ -32,4 +32,5 @@ export interface RollupExecutorOptions {
   javascriptEnabled?: boolean;
   generateExportsField?: boolean;
   skipTypeCheck?: boolean;
+  babelUpwardRootMode?: boolean;
 }

packages/rollup/src/executors/rollup/schema.json

@@ -137,6 +137,11 @@
       "default": "babel",
       "description": "Which compiler to use."
     },
+    "babelUpwardRootMode": {
+      "type": "boolean",
+      "description": "Whether to set rootmode to upward. See https://babeljs.io/docs/en/options#rootmode",
+      "default": false
+    },
     "javascriptEnabled": {
       "type": "boolean",
       "description": "Sets `javascriptEnabled` option for less loader",

packages/rollup/src/migrations/update-16-3-1-add-babel-upward-root-mode-flag/update-16-3-1-add-babel-upward-root-mode-flag.spec.ts

@@ -0,0 +1,58 @@
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import {
+  addProjectConfiguration,
+  readProjectConfiguration,
+  Tree,
+} from '@nx/devkit';
+import addBabelUpwardRootModeFlag from './update-16-3-1-add-babel-upward-root-mode-flag';
+
+describe('16.3.0 migration (add babelUpwardRootMode flag)', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+  });
+
+  it('should add the babelUpwardRootMode flag to rollup projects', async () => {
+    addProjectConfiguration(tree, 'app1', {
+      root: 'apps/app1',
+      targets: {
+        build: {
+          executor: '@nx/rollup:rollup',
+          options: {},
+        },
+      },
+    });
+    addProjectConfiguration(tree, 'app2', {
+      root: 'apps/app2',
+      targets: {
+        build: {
+          executor: '@nx/rollup:rollup',
+          options: {
+            babelUpwardRootMode: false,
+          },
+        },
+      },
+    });
+
+    addProjectConfiguration(tree, 'app3', {
+      root: 'apps/app3',
+      targets: {
+        build: {
+          executor: '@nx/esbuild:esbuild',
+          options: {},
+        },
+      },
+    });
+
+    await addBabelUpwardRootModeFlag(tree);
+
+    const app1 = readProjectConfiguration(tree, 'app1');
+    const app2 = readProjectConfiguration(tree, 'app2');
+    const app3 = readProjectConfiguration(tree, 'app3');
+
+    expect(app1.targets['build'].options.babelUpwardRootMode).toBeTruthy();
+    expect(app2.targets['build'].options.babelUpwardRootMode).toBeFalsy();
+    expect(app3.targets['build'].options.babelUpwardRootMode).toBeUndefined();
+  });
+});

packages/rollup/src/migrations/update-16-3-1-add-babel-upward-root-mode-flag/update-16-3-1-add-babel-upward-root-mode-flag.ts

@@ -0,0 +1,32 @@
+import {
+  formatFiles,
+  readProjectConfiguration,
+  Tree,
+  updateProjectConfiguration,
+} from '@nx/devkit';
+import { forEachExecutorOptions } from '@nx/devkit/src/generators/executor-options-utils';
+import { RollupExecutorOptions } from '../../executors/rollup/schema';
+
+export default async function (tree: Tree) {
+  forEachExecutorOptions<RollupExecutorOptions>(
+    tree,
+    '@nx/rollup:rollup',
+    (
+      options: RollupExecutorOptions,
+      projectName,
+      targetName,
+      _configurationName
+    ) => {
+      if (options.babelUpwardRootMode !== undefined) {
+        return;
+      }
+
+      const projectConfiguration = readProjectConfiguration(tree, projectName);
+      projectConfiguration.targets[targetName].options.babelUpwardRootMode =
+        true;
+      updateProjectConfiguration(tree, projectName, projectConfiguration);
+    }
+  );
+
+  await formatFiles(tree);
+}