chore: remove angular integration (#23004)

Author: ZachJW34

cli/package.json

@@ -107,8 +107,7 @@
     "vue",
     "react",
     "vue2",
-    "react18",
-    "angular"
+    "react18"
   ],
   "bin": {
     "cypress": "bin/cypress"
@@ -150,11 +149,6 @@
     "./mount-utils": {
       "require": "./mount-utils/dist/index.js",
       "types": "./mount-utils/dist/index.d.ts"
-    },
-    "./angular": {
-      "import": "./angular/dist/index.js",
-      "require": "./angular/dist/index.js",
-      "types": "./angular/dist/index.d.ts"
     }
   },
   "workspaces": {

cli/scripts/post-build.js

@@ -12,7 +12,6 @@ const npmModulesToCopy = [
   'react18',
   'vue',
   'vue2',
-  'angular',
 ]
 
 npmModulesToCopy.forEach((folder) => {

cli/types/cypress.d.ts

@@ -3044,7 +3044,7 @@ declare namespace Cypress {
 
   type DevServerConfigOptions = {
     bundler: 'webpack'
-    framework: 'react' | 'vue' | 'vue-cli' | 'nuxt' | 'create-react-app' | 'next' | 'angular'
+    framework: 'react' | 'vue' | 'vue-cli' | 'nuxt' | 'create-react-app' | 'next'
     webpackConfig?: PickConfigOpt<'webpackConfig'>
   } | {
     bundler: 'vite'

npm/angular/package.json

@@ -6,7 +6,6 @@
   "scripts": {
     "prebuild": "rimraf dist",
     "build": "tsc || echo 'built, with type errors'",
-    "postbuild": "node ../../scripts/sync-exported-npm-with-cli.js",
     "build-prod": "yarn build",
     "check-ts": "tsc --noEmit"
   },

npm/webpack-dev-server/cypress/e2e/angular.cy.ts

@@ -12,7 +12,8 @@ for (const project of WEBPACK_REACT) {
     continue
   }
 
-  describe(`Working with ${project}`, () => {
+  // TODO: revert once Angular is slated for release
+  describe.skip(`Working with ${project}`, () => {
     beforeEach(() => {
       cy.scaffoldProject(project)
       cy.openProject(project)

npm/webpack-dev-server/src/devServer.ts

@@ -12,7 +12,6 @@ import { nuxtHandler } from './helpers/nuxtHandler'
 import { createReactAppHandler } from './helpers/createReactAppHandler'
 import { nextHandler } from './helpers/nextHandler'
 import { sourceDefaultWebpackDependencies, SourceRelativeWebpackResult } from './helpers/sourceRelativeWebpackModules'
-import { angularHandler } from './helpers/angularHandler'
 
 const debug = debugLib('cypress:webpack-dev-server:devServer')
 
@@ -26,7 +25,7 @@ export type WebpackDevServerConfig = {
   webpackConfig?: unknown // Derived from the user's webpack
 }
 
-export const ALL_FRAMEWORKS = ['create-react-app', 'nuxt', 'react', 'vue-cli', 'next', 'vue', 'angular'] as const
+export const ALL_FRAMEWORKS = ['create-react-app', 'nuxt', 'react', 'vue-cli', 'next', 'vue'] as const
 
 /**
  * @internal
@@ -116,8 +115,9 @@ async function getPreset (devServerConfig: WebpackDevServerConfig): Promise<Opti
     case 'next':
       return await nextHandler(devServerConfig)
 
-    case 'angular':
-      return await angularHandler(devServerConfig)
+      // TODO: revert once Angular is slated for release
+      // case 'angular':
+      //   return await angularHandler(devServerConfig)
 
     case 'react':
     case 'vue':

npm/webpack-dev-server/src/helpers/sourceRelativeWebpackModules.ts

@@ -65,7 +65,8 @@ const frameworkWebpackMapper: FrameworkWebpackMapper = {
   react: undefined,
   vue: undefined,
   next: 'next',
-  'angular': '@angular-devkit/build-angular',
+  // TODO: revert once Angular is slated for release
+  // 'angular': '@angular-devkit/build-angular',
 }
 
 // Source the users framework from the provided projectRoot. The framework, if available, will serve

npm/webpack-dev-server/src/makeDefaultWebpackConfig.ts

@@ -38,8 +38,9 @@ export function makeDefaultWebpackConfig (
     plugins: [
       new HtmlWebpackPlugin({
         template: indexHtmlFile,
+        // TODO: revert once Angular is slated for release
         // Angular generates all of it's scripts with <script type="module">. Live-reloading breaks without this option.
-        ...(config.devServerConfig.framework === 'angular' ? { scriptLoading: 'module' } : {}),
+        // ...(config.devServerConfig.framework === 'angular' ? { scriptLoading: 'module' } : {}),
       }),
     ],
   } as any

npm/webpack-dev-server/test/handlers/angularHandler.spec.ts

@@ -40,7 +40,8 @@ const projectConfig: AngularJsonProjectConfig = {
   },
 }
 
-describe('angularHandler', function () {
+// TODO: revert once Angular is slated for release
+describe.skip('angularHandler', function () {
   this.timeout(1000 * 60)
 
   it('sources the config from angular-13', async () => {
@@ -53,7 +54,7 @@ describe('angularHandler', function () {
         projectRoot,
         specPattern: 'src/**/*.cy.ts',
       } as Cypress.PluginConfigOptions,
-      framework: 'angular',
+      // framework: 'angular',
     } as WebpackDevServerConfig
 
     const { frameworkConfig: webpackConfig, sourceWebpackModulesResult } = await angularHandler(devServerConfig)
@@ -78,7 +79,7 @@ describe('angularHandler', function () {
         projectRoot,
         specPattern: 'src/**/*.cy.ts',
       } as Cypress.PluginConfigOptions,
-      framework: 'angular',
+      // framework: 'angular',
     } as WebpackDevServerConfig
 
     const { frameworkConfig: webpackConfig, sourceWebpackModulesResult } = await angularHandler(devServerConfig)

packages/graphql/schemas/schema.graphql

@@ -870,7 +870,6 @@ type FileParts implements Node {
 }
 
 enum FrontendFrameworkEnum {
-  angular
   nextjs
   nuxtjs
   react