Merge branch 'master' of github.com:spotify/backstage into shmidt-i/app-catalog-tabs-routes-everything-is-connected

packages/cli/src/commands/create-plugin/createPlugin.ts

@@ -28,6 +28,7 @@ import {
 } from '../../lib/codeowners';
 import { paths } from '../../lib/paths';
 import { Task, templatingTask } from '../../lib/tasks';
+import { version as backstageVersion } from '../../lib/version';
 
 const exec = promisify(execCb);
 
@@ -239,7 +240,11 @@ export default async () => {
     await createTemporaryPluginFolder(tempDir);
 
     Task.section('Preparing files');
-    await templatingTask(templateDir, tempDir, { ...answers, version });
+    await templatingTask(templateDir, tempDir, {
+      ...answers,
+      version,
+      backstageVersion,
+    });
 
     Task.section('Moving to final location');
     await movePlugin(tempDir, pluginDir, answers.id);

packages/cli/src/commands/plugin/diff.ts

@@ -25,7 +25,7 @@ import {
   yesPromptFunc,
 } from '../../lib/diff';
 import { paths } from '../../lib/paths';
-import { version } from '../../lib/version';
+import { version as backstageVersion } from '../../lib/version';
 
 export type PluginData = {
   id: string;
@@ -62,9 +62,12 @@ export default async (cmd: Command) => {
     promptFunc = yesPromptFunc;
   }
 
+  const { version } = await fs.readJson(paths.resolveTargetRoot('lerna.json'));
+
   const data = await readPluginData();
   const templateFiles = await diffTemplateFiles('default-plugin', {
     version,
+    backstageVersion,
     ...data,
   });
   await handleAllFiles(fileHandlers, templateFiles, promptFunc);

packages/cli/src/commands/testCommand.ts

@@ -57,6 +57,12 @@ export default async (cmd: Command) => {
     }
   }
 
+  // This is the only thing that is not implemented by jest.run(), so we do it here instead
+  // https://github.com/facebook/jest/blob/cd8828f7bbec6e55b4df5e41e853a5133c4a3ee1/packages/jest-cli/bin/jest.js#L12
+  if (!process.env.NODE_ENV) {
+    (process.env as any).NODE_ENV = 'test';
+  }
+
   // eslint-disable-next-line jest/no-jest-import
   await require('jest').run(args);
 };

packages/cli/src/lib/bundler/backend.ts

@@ -25,7 +25,7 @@ export async function serveBackend(
   },
 ) {
   const paths = resolveBundlingPaths(options);
-  const config = createBackendConfig(paths, {
+  const config = await createBackendConfig(paths, {
     ...options,
     isDev: true,
   });

packages/cli/src/lib/bundler/config.ts

@@ -15,6 +15,7 @@
  */
 
 import fs from 'fs-extra';
+import { resolve as resolvePath } from 'path';
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import ModuleScopePlugin from 'react-dev-utils/ModuleScopePlugin';
@@ -171,14 +172,23 @@ export async function createConfig(
   };
 }
 
-export function createBackendConfig(
+export async function createBackendConfig(
   paths: BundlingPaths,
   options: BackendBundlingOptions,
-): webpack.Configuration {
+): Promise<webpack.Configuration> {
   const { checksEnabled, isDev } = options;
 
   const { loaders } = transforms(options);
 
+  // Find all local monorepo packages and their node_modules, and mark them as external.
+  const LernaProject = require('@lerna/project');
+  const project = new LernaProject(cliPaths.targetDir);
+  const packages = await project.getPackages();
+  const localPackageNames = packages.map((p: any) => p.name);
+  const moduleDirs = packages.map((p: any) =>
+    resolvePath(p.location, 'node_modules'),
+  );
+
   return {
     mode: isDev ? 'development' : 'production',
     profile: false,
@@ -193,11 +203,8 @@ export function createBackendConfig(
     externals: [
       nodeExternals({
         modulesDir: paths.rootNodeModules,
-        allowlist: ['webpack/hot/poll?100', /\@backstage\/.*/],
-      }),
-      nodeExternals({
-        modulesDir: paths.targetNodeModules,
-        allowlist: ['webpack/hot/poll?100', /\@backstage\/.*/],
+        additionalModuleDirs: moduleDirs,
+        allowlist: ['webpack/hot/poll?100', ...localPackageNames],
       }),
     ],
     target: 'node' as const,
@@ -219,7 +226,7 @@ export function createBackendConfig(
     resolve: {
       extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx'],
       mainFields: ['browser', 'module', 'main'],
-      modules: [paths.targetNodeModules, paths.rootNodeModules],
+      modules: [paths.rootNodeModules, ...moduleDirs],
       plugins: [
         new ModuleScopePlugin(
           [paths.targetSrc, paths.targetDev],

packages/cli/src/lib/bundler/paths.ts

@@ -63,7 +63,6 @@ export function resolveBundlingPaths(options: BundlingPathsOptions) {
     targetDev: paths.resolveTarget('dev'),
     targetEntry: resolveTargetModule(entry),
     targetTsConfig: paths.resolveTargetRoot('tsconfig.json'),
-    targetNodeModules: paths.resolveTarget('node_modules'),
     targetPackageJson: paths.resolveTarget('package.json'),
     rootNodeModules: paths.resolveTargetRoot('node_modules'),
     root: paths.targetRoot,

packages/cli/src/lib/packager/index.ts

@@ -26,6 +26,7 @@ type LernaPackage = {
   private: boolean;
   location: string;
   scripts: Record<string, string>;
+  get(key: string): any;
 };
 
 type FileEntry =
@@ -107,6 +108,26 @@ async function moveToDistWorkspace(
         strip: 1,
       });
       await fs.remove(archivePath);
+
+      // We remove the dependencies from package.json of packages that are marked
+      // as bundled, so that yarn doesn't try to install them.
+      if (target.get('bundled')) {
+        const pkgJson = await fs.readJson(
+          resolvePath(absoluteOutputPath, 'package.json'),
+        );
+        delete pkgJson.dependencies;
+        delete pkgJson.devDependencies;
+        delete pkgJson.peerDependencies;
+        delete pkgJson.optionalDependencies;
+
+        await fs.writeJson(
+          resolvePath(absoluteOutputPath, 'package.json'),
+          pkgJson,
+          {
+            spaces: 2,
+          },
+        );
+      }
     }),
   );
 }

packages/cli/templates/default-plugin/package.json.hbs

@@ -21,8 +21,8 @@
     "clean": "backstage-cli clean"
   },
   "dependencies": {
-    "@backstage/core": "^{{version}}",
-    "@backstage/theme": "^{{version}}",
+    "@backstage/core": "^{{backstageVersion}}",
+    "@backstage/theme": "^{{backstageVersion}}",
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
@@ -31,8 +31,8 @@
     "react-use": "^15.3.3"
   },
   "devDependencies": {
-    "@backstage/cli": "^{{version}}",
-    "@backstage/dev-utils": "^{{version}}",
+    "@backstage/cli": "^{{backstageVersion}}",
+    "@backstage/dev-utils": "^{{backstageVersion}}",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^10.4.1",
     "@testing-library/user-event": "^12.0.7",