Merge pull request #571 from ReadAlongs/dev.ej/deprecations

Remove unused deprecated dependencies

Author: joanise

package-lock.json

@@ -9,7 +9,7 @@
     "@angular/compiler-cli": "^21.2.9",
     "@angular/language-service": "^21.2.9",
     "@angular/localize": "^21.2.9",
-    "@angular/platform-browser-dynamic": "^21.2.9",
+    "@angular/platform-browser": "^21.2.9",
     "@commitlint/cli": "^20.5.0",
     "@commitlint/config-conventional": "^20.5.0",
     "@express-rate-limit/prettier": "^1.1.1",
@@ -23,7 +23,6 @@
     "@stencil/angular-output-target": "^0.10.2",
     "@stencil/core": "^4.35.3",
     "@stencil/sass": "^3.2.1",
-    "@stencil/webpack": "^0.0.6",
     "@types/dom-mediacapture-record": "^1.0.22",
     "@types/emscripten": "^1.40.1",
     "@types/file-saver": "^2.0.7",

package.json

@@ -3,7 +3,6 @@
   "type": "module",
   "dependencies": {
     "@angular/core": "^21",
-    "@angular/platform-browser": "^21",
-    "@angular/platform-browser-dynamic": "^21"
+    "@angular/platform-browser": "^21"
   }
 }

packages/angular-demo/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from "@angular/core";
+import { NgModule, provideZoneChangeDetection } from "@angular/core";
 import { BrowserModule } from "@angular/platform-browser";
 
 import { AppComponent } from "./app.component";
@@ -10,7 +10,7 @@ defineCustomElements();
 @NgModule({
   declarations: [AppComponent],
   imports: [BrowserModule, NgxRAWebComponentModule],
-  providers: [],
+  providers: [provideZoneChangeDetection()],
   bootstrap: [AppComponent],
 })
 export class AppModule {}

packages/angular-demo/src/app/app.module.ts

@@ -1,10 +1,7 @@
-import { provideZoneChangeDetection } from "@angular/core";
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
+import { platformBrowser } from "@angular/platform-browser";
 
 import { AppModule } from "./app/app.module";
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule, {
-    applicationProviders: [provideZoneChangeDetection()],
-  })
+platformBrowser()
+  .bootstrapModule(AppModule)
   .catch((err) => console.error(err));

packages/angular-demo/src/main.ts

@@ -1,7 +1,11 @@
 import { ToastrModule } from "ngx-toastr";
 
 import { provideHttpClient } from "@angular/common/http";
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from "@angular/core";
+import {
+  CUSTOM_ELEMENTS_SCHEMA,
+  NgModule,
+  provideZoneChangeDetection,
+} from "@angular/core";
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
@@ -53,7 +57,7 @@ defineCustomElements();
     NgxRAWebComponentModule,
     SharedModule,
   ],
-  providers: [provideHttpClient()],
+  providers: [provideHttpClient(), provideZoneChangeDetection()],
   bootstrap: [AppComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })

packages/studio-web/src/app/app.module.ts

@@ -1,5 +1,5 @@
-import { enableProdMode, provideZoneChangeDetection } from "@angular/core";
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
+import { platformBrowser } from "@angular/platform-browser";
+import { enableProdMode } from "@angular/core";
 
 import { AppModule } from "./app/app.module";
 import { environment } from "./environments/environment";
@@ -8,8 +8,6 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule, {
-    applicationProviders: [provideZoneChangeDetection()],
-  })
+platformBrowser()
+  .bootstrapModule(AppModule)
   .catch((err: any) => console.error(err));

packages/studio-web/src/main.ts

@@ -1,17 +1,4 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+// The testing environment is now initialized automatically by Angular, and the tests
+// are found automatically, so no need to do much here.
 
 import "zone.js/testing";
-
-import { getTestBed } from "@angular/core/testing";
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} from "@angular/platform-browser-dynamic/testing";
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we used to find the tests here, but since Angular 15 karma finds them automatically.

packages/studio-web/src/test.ts

@@ -1,5 +1,4 @@
 const path = require("path");
-const stencil = require("@stencil/webpack");
 const TerserPlugin = require("terser-webpack-plugin");
 const webpack = require("webpack");