@nx/web 19.0.0-beta.1 → 19.0.0-beta.11

package/migrations.json

@@ -1,29 +1,5 @@
 {
   "generators": {
-    "add-babel-inputs": {
-      "cli": "nx",
-      "version": "15.0.0-beta.0",
-      "description": "Adds babel.config.json to the hash of all tasks",
-      "factory": "./src/migrations/update-15-0-0/add-babel-inputs"
-    },
-    "update-rollup-executor": {
-      "cli": "nx",
-      "version": "15.0.0-beta.1",
-      "description": "Update usages of rollup executors to @nrwl/rollup",
-      "factory": "./src/migrations/update-15-0-0/update-rollup-executor"
-    },
-    "update-babel-preset": {
-      "cli": "nx",
-      "version": "15.5.4-beta.0",
-      "description": "Update `@nrwl/web/babel` preset to `@nrwl/js/babel` for projects that have a .babelrc file.",
-      "factory": "./src/migrations/update-15-5-4/update-babel-preset"
-    },
-    "add-dropped-dependencies": {
-      "cli": "nx",
-      "version": "15.9.1",
-      "description": "Add @nrwl/linter, @nrwl/cypress, @nrwl/jest, @nrwl/rollup if they are used",
-      "factory": "./src/migrations/update-15-9-1/add-dropped-dependencies"
-    },
     "update-16-0-0-add-nx-packages": {
       "cli": "nx",
       "version": "16.0.0-beta.1",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nx/web",
-  "version": "19.0.0-beta.1",
+  "version": "19.0.0-beta.11",
   "private": false,
-  "description": "The Nx Plugin for Web Components contains generators for managing Web Component applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Cypress, and Storybook.\n\n- Scaffolding for creating buildable libraries that can be published to npm.\n\n- Utilities for automatic workspace refactoring.",
+  "description": "The Nx Plugin for Web Components contains generators for managing Web Component applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Playwright, Cypress, and Storybook.\n\n- Scaffolding for creating buildable libraries that can be published to npm.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
     "type": "git",
     "url": "https://github.com/nrwl/nx.git",
@@ -34,9 +34,9 @@
     "detect-port": "^1.5.1",
     "http-server": "^14.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "19.0.0-beta.1",
-    "@nx/js": "19.0.0-beta.1",
-    "@nrwl/web": "19.0.0-beta.1"
+    "@nx/devkit": "19.0.0-beta.11",
+    "@nx/js": "19.0.0-beta.11",
+    "@nrwl/web": "19.0.0-beta.11"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/application/application.js

@@ -255,6 +255,7 @@ async function applicationGeneratorInternal(host, schema) {
             sourceRoot: (0, devkit_1.joinPathFragments)(options.e2eProjectRoot, 'src'),
             projectType: 'application',
             targets: {},
+            tags: [],
             implicitDependencies: [options.projectName],
         });
         const playwrightTask = await playwrightConfigGenerator(host, {
@@ -363,7 +364,7 @@ async function normalizeOptions(host, options) {
     options.style = options.style || 'css';
     options.linter = options.linter || 'eslint';
     options.unitTestRunner = options.unitTestRunner || 'jest';
-    options.e2eTestRunner = options.e2eTestRunner || 'cypress';
+    options.e2eTestRunner = options.e2eTestRunner || 'playwright';
     return {
         ...options,
         prefix: options.prefix ?? npmScope ?? 'app',

package/src/generators/application/files/app-webpack/webpack.config.js__tmpl__

@@ -1,5 +1,5 @@
 <% if (webpackPluginOptions) { %>
-const { NxWebpackPlugin } = require('@nx/webpack');
+const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
 const { join } = require('path');
 
 module.exports = {
@@ -10,7 +10,7 @@ module.exports = {
     port: 4200
   },
   plugins: [
-    new NxWebpackPlugin({
+    new NxAppWebpackPlugin({
       tsConfig: '<%= webpackPluginOptions.tsConfig %>',
       compiler: '<%= webpackPluginOptions.compiler %>',
       main: '<%= webpackPluginOptions.main %>',

package/src/generators/application/schema.json

@@ -87,10 +87,10 @@
     },
     "e2eTestRunner": {
       "type": "string",
-      "enum": ["cypress", "playwright", "none"],
+      "enum": ["playwright", "cypress", "none"],
       "x-prompt": "Which E2E test runner would you like to use?",
       "description": "Test runner to use for end to end (e2e) tests",
-      "default": "cypress"
+      "default": "playwright"
     },
     "tags": {
       "type": "string",

package/src/migrations/update-15-0-0/add-babel-inputs.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<void>;

package/src/migrations/update-15-0-0/add-babel-inputs.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-const add_babel_inputs_1 = require("@nx/js/src/utils/add-babel-inputs");
-async function default_1(tree) {
-    (0, add_babel_inputs_1.addBabelInputs)(tree);
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = default_1;

package/src/migrations/update-15-0-0/update-rollup-executor.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function update(host: Tree): Promise<void>;

package/src/migrations/update-15-0-0/update-rollup-executor.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-async function update(host) {
-    const projects = (0, devkit_1.getProjects)(host);
-    for (const [name, config] of projects.entries()) {
-        let updated = false;
-        if (config?.targets?.build?.executor === '@nrwl/web:rollup') {
-            config.targets.build.executor = '@nrwl/rollup:rollup';
-            updated = true;
-        }
-        if (config?.targets?.build?.options?.formats?.includes('umd')) {
-            config.targets.build.options.formats =
-                config.targets.build.options.formats.reduce((acc, x) => {
-                    const format = x === 'umd' ? 'cjs' : x;
-                    if (format === 'cjs') {
-                        if (!acc.includes('cjs'))
-                            acc.push(format);
-                    }
-                    else {
-                        acc.push(format);
-                    }
-                    return acc;
-                }, []);
-            updated = true;
-        }
-        if (updated) {
-            (0, devkit_1.updateProjectConfiguration)(host, name, config);
-        }
-    }
-    await (0, devkit_1.formatFiles)(host);
-}
-exports.default = update;

package/src/migrations/update-15-5-4/update-babel-preset.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function update(tree: Tree): Promise<void>;

package/src/migrations/update-15-5-4/update-babel-preset.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
-/* Updates @nrwl/web/babel to @nrwl/js/babel because web package is no longer necessary to use webpack/rollup + babel. */
-async function update(tree) {
-    // Add `@nrwl/js` in case it was missing before.
-    (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-        '@nrwl/js': versions_1.nxVersion,
-    });
-    const projects = (0, devkit_1.getProjects)(tree);
-    projects.forEach((config, name) => {
-        const babelrcPath = (0, devkit_1.joinPathFragments)(config.root, '.babelrc');
-        if (!tree.exists(babelrcPath))
-            return;
-        const babelrc = (0, devkit_1.readJson)(tree, babelrcPath);
-        const idx = babelrc?.presets?.findIndex((p) => typeof p === 'string'
-            ? p === '@nrwl/web/babel'
-            : p[0] === '@nrwl/web/babel');
-        if (idx === -1)
-            return;
-        const preset = babelrc.presets[idx];
-        if (typeof preset === 'string') {
-            babelrc.presets.splice(idx, 1, '@nrwl/js/babel');
-        }
-        else if (Array.isArray(preset)) {
-            babelrc.presets.splice(idx, 1, ['@nrwl/js/babel', preset[1]]);
-        }
-        (0, devkit_1.writeJson)(tree, babelrcPath, babelrc);
-    });
-}
-exports.default = update;

package/src/migrations/update-15-9-1/add-dropped-dependencies.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function addDroppedDependencies(tree: Tree): Promise<void>;

package/src/migrations/update-15-9-1/add-dropped-dependencies.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-async function addDroppedDependencies(tree) {
-    const devDependencies = {};
-    const droppedDependencies = [
-        '@nrwl/linter',
-        '@nrwl/cypress',
-        '@nrwl/jest',
-        '@nrwl/rollup',
-    ];
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [_, projectConfiguration] of projects) {
-        for (const [_, targetConfiguration] of Object.entries(projectConfiguration.targets ?? {})) {
-            for (const droppedDependency of droppedDependencies) {
-                if (targetConfiguration?.['executor']?.startsWith(droppedDependency + ':')) {
-                    devDependencies[droppedDependency] = devkit_1.NX_VERSION;
-                }
-            }
-        }
-    }
-    const nxJson = (0, devkit_1.readNxJson)(tree);
-    for (const [_, targetConfiguration] of Object.entries(nxJson?.targetDefaults ?? {})) {
-        for (const droppedDependency of droppedDependencies) {
-            if (targetConfiguration?.['executor']?.startsWith(droppedDependency + ':')) {
-                devDependencies[droppedDependency] = devkit_1.NX_VERSION;
-            }
-        }
-    }
-    if (Object.keys(devDependencies).length > 0) {
-        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, devDependencies);
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = addDroppedDependencies;