Migrate to NX 19

Author: znorman-harris

.eslintrc.json

@@ -39,13 +39,18 @@
       "extends": ["plugin:@nx/typescript"],
       "rules": {
         "@typescript-eslint/no-explicit-any": "off",
-        "no-shadow": "error"
+        "no-shadow": "error",
+        "@typescript-eslint/no-extra-semi": "error",
+        "no-extra-semi": "off"
       }
     },
     {
       "files": ["*.js", "*.jsx"],
       "extends": ["plugin:@nx/javascript"],
-      "rules": {}
+      "rules": {
+        "@typescript-eslint/no-extra-semi": "error",
+        "no-extra-semi": "off"
+      }
     }
   ]
 }

.prettierignore

@@ -17,4 +17,5 @@ compliance
 apps/test-tokenizer/src/test-maker/cache/cache.json
 .angular
 
-/.nx/cache
+/.nx/cache
+/.nx/workspace-data

apps/idl-webview/src/app/app.module.ts

@@ -1,4 +1,7 @@
-import { HttpClientModule } from '@angular/common/http';
+import {
+  provideHttpClient,
+  withInterceptorsFromDi,
+} from '@angular/common/http';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -13,6 +16,8 @@ import { TranslocoRootModule } from './transloco-root.module';
 
 @NgModule({
   declarations: [AppComponent],
+  bootstrap: [AppComponent],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
   imports: [
     TranslocoRootModule,
     BrowserModule,
@@ -22,10 +27,7 @@ import { TranslocoRootModule } from './transloco-root.module';
     ServicesModule,
     HomeModule,
     ProfilerModule,
-    HttpClientModule,
   ],
-  providers: [],
-  bootstrap: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  providers: [provideHttpClient(withInterceptorsFromDi())],
 })
 export class AppModule {}

apps/notebook/components/src/app/app.module.ts

@@ -1,4 +1,7 @@
-import { HttpClientModule } from '@angular/common/http';
+import {
+  provideHttpClient,
+  withInterceptorsFromDi,
+} from '@angular/common/http';
 import { ApplicationRef, DoBootstrap, Injector, NgModule } from '@angular/core';
 import { createCustomElement } from '@angular/elements';
 import { MatIconRegistry } from '@angular/material/icon';
@@ -28,16 +31,19 @@ import { VSCodeRendererMessenger } from './services/vscode-renderer-messenger.se
 
 @NgModule({
   declarations: [AppComponent],
+  bootstrap: [],
+  exports: [],
   imports: [
     BrowserModule,
-    HttpClientModule,
     MaterialCssVarsModule.forRoot({}),
     MaterialModule,
     ComponentsModule,
   ],
-  providers: [MaterialCssVarsService, VSCodeRendererMessenger],
-  bootstrap: [],
-  exports: [],
+  providers: [
+    MaterialCssVarsService,
+    VSCodeRendererMessenger,
+    provideHttpClient(withInterceptorsFromDi()),
+  ],
 })
 export class AppModule implements DoBootstrap {
   constructor(

apps/notebook/components/src/app/components/components.module.ts

@@ -1,5 +1,8 @@
 import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
+import {
+  provideHttpClient,
+  withInterceptorsFromDi,
+} from '@angular/common/http';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { MaterialCssVarsModule } from 'angular-material-css-vars';
 
@@ -22,12 +25,6 @@ import { PlotComponent } from './plot/plot.component';
     MapPropertySheetComponent,
     AnimationControlsComponent,
   ],
-  imports: [
-    CommonModule,
-    HttpClientModule,
-    MaterialCssVarsModule,
-    MaterialModule,
-  ],
   exports: [
     EntryComponent,
     ImageComponent,
@@ -38,6 +35,7 @@ import { PlotComponent } from './plot/plot.component';
     AnimationControlsComponent,
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  providers: [],
+  imports: [CommonModule, MaterialCssVarsModule, MaterialModule],
+  providers: [provideHttpClient(withInterceptorsFromDi())],
 })
 export class ComponentsModule {}