2025-02-11 11:12:39 +10:30
18 changed files with 90 additions and 111 deletions
--- a/bun.lockb
+++ b/bun.lockb
--- a/package.json
+++ b/package.json
@@ -11,18 +11,18 @@
  },
  "private": true,
  "dependencies": {
-    "@angular-devkit/build-angular": "^18.1.1",
-    "@angular/animations": "^18.1.1",
+    "@angular-devkit/build-angular": "^19.1.6",
+    "@angular/animations": "^19.1.5",
    "@angular/cdk": "^18.1.1",
-    "@angular/common": "^18.1.1",
-    "@angular/compiler": "^18.1.1",
-    "@angular/core": "^18.1.1",
-    "@angular/forms": "^18.1.1",
+    "@angular/common": "^19.1.5",
+    "@angular/compiler": "^19.1.5",
+    "@angular/core": "^19.1.5",
+    "@angular/forms": "^19.1.5",
    "@angular/material": "^18.1.1",
-    "@angular/platform-browser": "^18.1.1",
-    "@angular/platform-browser-dynamic": "^18.1.1",
-    "@angular/router": "^18.1.1",
-    "@angular/service-worker": "^18.1.1",
+    "@angular/platform-browser": "^19.1.5",
+    "@angular/platform-browser-dynamic": "^19.1.5",
+    "@angular/router": "^19.1.5",
+    "@angular/service-worker": "^19.1.5",
    "@tauri-apps/api": "^1.6.0",
    "highlight.js": "^11.10.0",
    "monaco-editor": "^0.50.0",
@@ -30,12 +30,12 @@
    "protobufjs": "^7.3.2",
    "rxjs": "^7.8.1",
    "tslib": "^2.6.3",
-    "zone.js": "^0.14.8"
+    "zone.js": "^0.15.0"
  },
  "devDependencies": {
-    "@angular/build": "^18.1.1",
-    "@angular/cli": "^18.1.1",
-    "@angular/compiler-cli": "^18.1.1",
+    "@angular/build": "^19.1.6",
+    "@angular/cli": "^19.1.6",
+    "@angular/compiler-cli": "^19.1.5",
    "@tauri-apps/cli": "^1.6.0",
    "@types/jasmine": "^5.1.4",
    "@types/protobufjs": "^6.0.0",
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,13 +1,12 @@
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { CommonModule } from '@angular/common';
-import { Component, computed, signal } from '@angular/core';
+import { Component, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatTreeModule } from '@angular/material/tree';
-import { RouterOutlet } from '@angular/router';
 import { EditorComponent } from './editor/editor.component';
 import {
  FileOrFolder,
@@ -15,11 +14,11 @@ import {
 } from './file-tree/file-tree.component';
 import { ProtoMessage } from './model/proto-message.model';
 import { ProtoDefinitionSelectorComponent } from './proto-definition-selector/proto-definition-selector.component';
+
 const mobileBreakpoints = [Breakpoints.Handset, Breakpoints.TabletPortrait];

@Component({
  selector: 'app-root',
-  standalone: true,
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss',
  imports: [
@@ -32,7 +31,6 @@ const mobileBreakpoints = [Breakpoints.Handset, Breakpoints.TabletPortrait];
    MatToolbarModule,
    MatTreeModule,
    ProtoDefinitionSelectorComponent,
-    RouterOutlet,
  ],
 })
 export class AppComponent {
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -1,8 +1,9 @@
 import {
-  APP_INITIALIZER,
  ApplicationConfig,
  isDevMode,
  provideExperimentalZonelessChangeDetection,
+  provideAppInitializer,
+  inject,
 } from '@angular/core';
 import { provideRouter } from '@angular/router';

@@ -22,24 +23,18 @@ export const appConfig: ApplicationConfig = {
    provideExperimentalZonelessChangeDetection(),
    provideRouter(routes),
    provideAnimationsAsync(),
-    {
-      provide: APP_INITIALIZER,
-      useValue: () => {
+    provideAppInitializer(() => {
      hljs.registerLanguage('json', json);
-      },
-      multi: true,
-    },
-    {
-      provide: APP_INITIALIZER,
-      useFactory: (iconRegistry: MatIconRegistry) => () => {
+    }),
+    provideAppInitializer(() => {
+      const initializerFn = ((iconRegistry: MatIconRegistry) => () => {
        iconRegistry.registerFontClassAlias(
          'material-symbols-rounded',
          'material-symbols-rounded'
        );
-      },
-      deps: [MatIconRegistry],
-      multi: true,
-    },
+      })(inject(MatIconRegistry));
+      return initializerFn();
+    }),
    {
      provide: MAT_ICON_DEFAULT_OPTIONS,
      useValue: { fontSet: 'material-symbols-rounded' },
--- a/src/app/editor/editor.component.ts
+++ b/src/app/editor/editor.component.ts
@@ -29,7 +29,6 @@ type PreviewType = 'raw' | 'edit' | 'diff';

@Component({
    selector: 'app-editor',
-  standalone: true,
    imports: [
        CommonModule,
        ProtoFieldComponent,
@@ -40,7 +39,7 @@ type PreviewType = 'raw' | 'edit' | 'diff';
        FormsModule,
    ],
    templateUrl: './editor.component.html',
-  styleUrl: './editor.component.scss',
+    styleUrl: './editor.component.scss'
 })
 export class EditorComponent {
  selectedFile = input<FileOrFolder>();
--- a/src/app/editor/list-field/list-field.component.ts
+++ b/src/app/editor/list-field/list-field.component.ts
@@ -15,7 +15,6 @@ import { ProtoFieldComponent } from '../proto-field/proto-field.component';

@Component({
    selector: 'app-list-field',
-  standalone: true,
    imports: [
        CommonModule,
        MatButtonModule,
@@ -39,7 +38,7 @@ import { ProtoFieldComponent } from '../proto-field/proto-field.component';
      <mat-icon>add</mat-icon>
    </button>`,
    styleUrl: './list-field.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ListFieldComponent {
  label = input<string>();
--- a/src/app/editor/map-field/map-field.component.ts
+++ b/src/app/editor/map-field/map-field.component.ts
@@ -17,7 +17,6 @@ const keyIsEmpty = (key: string | number) => key == null || key === '';

@Component({
    selector: 'app-map-field',
-  standalone: true,
    imports: [
        CommonModule,
        forwardRef(() => ProtoFieldComponent),
@@ -46,7 +45,7 @@ const keyIsEmpty = (key: string | number) => key == null || key === '';
      <mat-icon>add</mat-icon>
    </button>`,
    styleUrl: './map-field.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MapFieldComponent {
  label = input<string>();
--- a/src/app/editor/object-field/object-field.component.ts
+++ b/src/app/editor/object-field/object-field.component.ts
@@ -12,7 +12,6 @@ import { ProtoFieldComponent } from '../proto-field/proto-field.component';

@Component({
    selector: 'app-object-field',
-  standalone: true,
    imports: [CommonModule, forwardRef(() => ProtoFieldComponent)],
    template: `<h3>
      {{ label() }} ({{ configuration().messageDefinition.name }})
@@ -28,7 +27,7 @@ import { ProtoFieldComponent } from '../proto-field/proto-field.component';
      }
    </div>`,
    styleUrl: './object-field.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ObjectFieldComponent {
  label = input<string>();
--- a/src/app/editor/proto-field/proto-field.component.ts
+++ b/src/app/editor/proto-field/proto-field.component.ts
@@ -28,7 +28,6 @@ import { StringFieldComponent } from '../string-field/string-field.component';

@Component({
    selector: 'app-proto-field',
-  standalone: true,
    imports: [
        CommonModule,
        FormsModule,
@@ -102,7 +101,7 @@ import { StringFieldComponent } from '../string-field/string-field.component';
    ></app-object-field>
    } @case (MessageTypeEnum.Raw) {}}`,
    styleUrl: './proto-field.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ProtoFieldComponent {
  label = input<string>();
--- a/src/app/editor/string-field/string-field.component.ts
+++ b/src/app/editor/string-field/string-field.component.ts
@@ -13,7 +13,6 @@ import { MonacoEditorModule } from 'ngx-monaco-editor-v2';

@Component({
    selector: 'app-string-field',
-  standalone: true,
    imports: [
        CommonModule,
        FormsModule,
@@ -45,7 +44,7 @@ import { MonacoEditorModule } from 'ngx-monaco-editor-v2';
    ></ngx-monaco-editor>
    }`,
    styleUrl: './string-field.component.css',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class StringFieldComponent {
  label = input();
--- a/src/app/file-tree/file-tree.component.ts
+++ b/src/app/file-tree/file-tree.component.ts
@@ -40,7 +40,6 @@ const collator = new Intl.Collator(undefined, { numeric: true });

@Component({
  selector: 'app-file-tree',
-  standalone: true,
  imports: [CommonModule, MatButtonModule, MatIconModule, MatTreeModule],
  templateUrl: './file-tree.component.html',
  styleUrl: './file-tree.component.scss',
--- a/src/app/proto-definition-selector/definition-editor/definition-editor-field/definition-editor-field.component.ts
+++ b/src/app/proto-definition-selector/definition-editor/definition-editor-field/definition-editor-field.component.ts
@@ -21,7 +21,6 @@ import { StringEditorFieldComponent } from '../string-editor-field/string-editor

@Component({
  selector: 'app-definition-editor-field',
-  standalone: true,
  imports: [
    CommonModule,
    FormsModule,
--- a/src/app/proto-definition-selector/definition-editor/definition-editor.component.ts
+++ b/src/app/proto-definition-selector/definition-editor/definition-editor.component.ts
@@ -14,7 +14,6 @@ import { DefinitionEditorFieldComponent } from './definition-editor-field/defini

@Component({
  selector: 'app-definition-editor',
-  standalone: true,
  imports: [
    CommonModule,
    MatButtonModule,
--- a/src/app/proto-definition-selector/definition-editor/list-editor-field/list-editor-field.component.ts
+++ b/src/app/proto-definition-selector/definition-editor/list-editor-field/list-editor-field.component.ts
@@ -10,7 +10,6 @@ import { ListMessage } from '../../../model/proto-message.model';

@Component({
  selector: 'app-list-editor-field',
-  standalone: true,
  imports: [CommonModule, forwardRef(() => DefinitionEditorFieldComponent)],
  template: `<app-definition-editor-field
    [fieldConfiguration]="field().subConfiguration"
--- a/src/app/proto-definition-selector/definition-editor/map-editor-field/map-editor-field.component.ts
+++ b/src/app/proto-definition-selector/definition-editor/map-editor-field/map-editor-field.component.ts
@@ -14,7 +14,6 @@ import {

@Component({
  selector: 'app-map-editor-field',
-  standalone: true,
  imports: [CommonModule, forwardRef(() => DefinitionEditorFieldComponent)],
  template: `
    <h4>Key Configuration</h4>
--- a/src/app/proto-definition-selector/definition-editor/object-editor-field/object-editor-field.component.ts
+++ b/src/app/proto-definition-selector/definition-editor/object-editor-field/object-editor-field.component.ts
@@ -14,7 +14,6 @@ import { DefinitionEditorFieldComponent } from '../definition-editor-field/defin

@Component({
  selector: 'app-object-editor-field',
-  standalone: true,
  imports: [CommonModule, forwardRef(() => DefinitionEditorFieldComponent)],
  template: `
    @for (field of editableFields(); track $index) {
--- a/src/app/proto-definition-selector/definition-editor/string-editor-field/string-editor-field.component.ts
+++ b/src/app/proto-definition-selector/definition-editor/string-editor-field/string-editor-field.component.ts
@@ -8,7 +8,6 @@ import { MatInputModule } from '@angular/material/input';

@Component({
  selector: 'app-string-editor-field',
-  standalone: true,
  imports: [
    CommonModule,
    FormsModule,
--- a/src/app/proto-definition-selector/proto-definition-selector.component.ts
+++ b/src/app/proto-definition-selector/proto-definition-selector.component.ts
@@ -29,7 +29,6 @@ const collator = new Intl.Collator(undefined, { numeric: true });

@Component({
  selector: 'app-proto-definition-selector',
-  standalone: true,
  imports: [
    CommonModule,
    MatButtonModule,