Merge pull request #2 from MangoButtermilch/refactor

major refactor

package.json

@@ -11,19 +11,20 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^17.3.0",
-    "@angular/cdk": "^15.2.2",
+    "@angular/cdk": "^17.3.0",
     "@angular/common": "^17.3.0",
     "@angular/compiler": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@angular/forms": "^17.3.0",
     "@angular/platform-browser": "^17.3.0",
     "@angular/platform-browser-dynamic": "^17.3.0",
     "@angular/router": "^17.3.0",
-    "angular-svg-icon": "^15.0.0",
-    "angular-svg-icon-preloader": "^5.0.0",
+    "@fortawesome/angular-fontawesome": "^0.14.1",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "bootstrap": "^5.2.3",
     "guid-typescript": "^1.0.9",
-    "ngx-panzoom": "^15.0.0",
+    "ngx-panzoom": "^17.0.0",
     "npm": "^10.5.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
@@ -42,4 +43,4 @@
     "karma-jasmine-html-reporter": "~2.0.0",
     "typescript": "~5.4.2"
   }
-}
+}

src/app/app.component.html

@@ -1,2 +1 @@
-<app-editor oncontextmenu="return false"></app-editor>
-<!-- -->
+<app-editor-view oncontextmenu="return false"></app-editor-view>

src/app/app.component.ts

@@ -1,6 +1,9 @@
 import { Component } from '@angular/core';
+import { EditorViewComponent } from './features/editor/views/editor-view/editor-view.component';
 
 @Component({
+  standalone: true,
+  imports: [EditorViewComponent],
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']

src/app/services/serialization/export.service.ts → src/app/core/services/export.service.ts

@@ -1,8 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
+import { DialogueService } from 'src/app/features/dialogue/services/dialogue.service';
 import { Character, Choice, ConditionNode, ConditionType, Dialogue, DialogueNode, EventNode, Port, RandomNode, RepeatNode, Variable, VariableType } from 'src/models/models';
 import { CharacterExport, ChoiceExport, ConditionNodeExport, DialogeNodeExport, DialogueExport, DialogueExportElementType, EventNodeExport, PossibilityExport, RandomNodeExport, RepeatNodeExport, VariableExport } from 'src/models/models.export';
-import { DialogueService } from '../dialogue/dialogue.service';
 
 @Injectable({
   providedIn: 'root'
@@ -256,7 +256,7 @@ export class ExportService {
 
   /**
    * Output Ports can only have 1 connection since their capacity is set to single.
-   * @param outPort 
+   * @param outPort
    * @returns Connected GUID for output
    */
   private getOutPortConnection(outPort: Port): string {
@@ -265,8 +265,8 @@ export class ExportService {
 
   /**
    * Creates a JSON file that will be downloaded by the browser to save a file.
-   * @param jsonData 
-   * @param filename 
+   * @param jsonData
+   * @param filename
    */
   private downloadJSON(jsonData: object, filename: string) {
     const blob = new Blob([JSON.stringify(jsonData)], { type: 'application/json' });