fix: resolve lint, knip, and sherif issues

- Fix array-type ESLint rule in angular-devtools
- Fix import/consistent-type-specifier-style in devtools-utils angular
- Sort peerDependencies alphabetically (sherif)
- Remove unused devDependencies flagged by knip
- Remove angularCompilerOptions from tsconfig (not using ngc)

Author: AlemTuzlak

packages/angular-devtools/package.json

@@ -52,11 +52,7 @@
   },
   "devDependencies": {
     "@angular/compiler": "^20.0.0",
-    "@angular/compiler-cli": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/platform-browser-dynamic": "^20.0.0",
-    "zone.js": "^0.15.0"
+    "@angular/core": "^20.0.0"
   },
   "peerDependencies": {
     "@angular/core": ">=19.0.0",

packages/angular-devtools/src/devtools.ts

@@ -33,7 +33,7 @@ export class TanStackDevtoolsComponent {
   private injector = inject(EnvironmentInjector)
   private destroyRef = inject(DestroyRef)
 
-  private componentRefs: ComponentRef<any>[] = []
+  private componentRefs: Array<ComponentRef<any>> = []
   private devtools: TanStackDevtoolsCore | null = null
 
   constructor() {

packages/angular-devtools/tsconfig.json

@@ -3,12 +3,5 @@
   "compilerOptions": {
     "experimentalDecorators": true
   },
-  "include": ["src", "eslint.config.js", "vite.config.ts", "tests"],
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true,
-    "compilationMode": "partial"
-  }
+  "include": ["src", "eslint.config.js", "vite.config.ts", "tests"]
 }

packages/devtools-utils/package.json

@@ -69,14 +69,17 @@
     "@tanstack/devtools-ui": "workspace:^"
   },
   "peerDependencies": {
+    "@angular/core": ">=19.0.0",
     "@types/react": ">=17.0.0",
     "preact": ">=10.0.0",
     "react": ">=17.0.0",
     "solid-js": ">=1.9.7",
-    "vue": ">=3.2.0",
-    "@angular/core": ">=19.0.0"
+    "vue": ">=3.2.0"
   },
   "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": true
+    },
     "@types/react": {
       "optional": true
     },
@@ -91,9 +94,6 @@
     },
     "vue": {
       "optional": true
-    },
-    "@angular/core": {
-      "optional": true
     }
   },
   "files": [
@@ -111,10 +111,6 @@
     "build": "vite build && vite build --config vite.config.preact.ts && vite build --config vite.config.vue.ts && vite build --config vite.config.angular.ts && tsup "
   },
   "devDependencies": {
-    "@angular/compiler": "^20.0.0",
-    "@angular/compiler-cli": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
     "tsup": "^8.5.0",
     "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.11.8"

packages/devtools-utils/src/angular/panel.ts

@@ -5,8 +5,8 @@ import {
   afterNextRender,
   inject,
   input,
-  type Type,
 } from '@angular/core'
+import type { Type } from '@angular/core'
 
 export interface DevtoolsPanelProps {
   theme?: 'dark' | 'light' | 'system'

packages/devtools-utils/src/angular/plugin.ts

@@ -1,4 +1,5 @@
-import { Component, type Type } from '@angular/core'
+import { Component } from '@angular/core'
+import type { Type } from '@angular/core'
 
 @Component({
   selector: 'noop-component',