updated npm packages

package.json

@@ -56,9 +56,9 @@
     "rxjs": "^7.4.0",
     "semver": "^7.5.4",
     "tslib": "^2.6.2",
-    "xterm": "^5.3.0",
-    "xterm-addon-fit": "^0.8.0",
-    "xterm-addon-web-links": "^0.9.0",
+    "@xterm/xterm": "^5.3.0",
+    "@xterm/addon-fit": "^0.9.0",
+    "@xterm/addon-web-links": "^0.10.0",
     "zone.js": "~0.14.2"
   },
   "devDependencies": {

src/app/debug/log-reader/log-reader.component.ts

@@ -1,8 +1,8 @@
 import {AfterViewInit, Component, ElementRef, HostListener, Input, OnDestroy, ViewChild} from '@angular/core';
 import {Observable, Subscription} from "rxjs";
 import {LogLevel, LogMessage} from '../../core/services/remote-log.service';
-import {Terminal} from "xterm";
-import {ITerminalDimensions} from "xterm-addon-fit";
+import {Terminal} from "@xterm/xterm";
+import {ITerminalDimensions} from "@xterm/addon-fit";
 import chalk, {ChalkInstance} from 'chalk';
 import {TERMINAL_CONFIG} from "../../shared/xterm/config";
 import {AppWebLinksAddon} from "../../shared/xterm/web-links";

src/app/shared/components/term-size-calculator/size-calculator.component.ts

@@ -9,9 +9,9 @@ import {
   Output,
   ViewChild
 } from '@angular/core';
-import {IDisposable, Terminal} from "xterm";
+import {IDisposable, Terminal} from "@xterm/xterm";
 
-import {FitAddon, ITerminalDimensions} from "xterm-addon-fit";
+import {FitAddon, ITerminalDimensions} from "@xterm/addon-fit";
 import {debounceTime, defer, delay, firstValueFrom, fromEvent, noop, of, repeat, Subscription, tap} from "rxjs";
 import {filter, map} from "rxjs/operators";
 import {isNonNull} from "../../operators";

src/app/shared/xterm/config.ts

@@ -1,4 +1,4 @@
-import {ITerminalOptions} from "xterm";
+import {ITerminalOptions} from "@xterm/xterm";
 
 export const TERMINAL_CONFIG: Partial<ITerminalOptions> = {
   fontFamily: 'var(--bs-font-monospace)',

src/app/shared/xterm/web-links.ts

@@ -1,4 +1,4 @@
-import {WebLinksAddon} from "xterm-addon-web-links";
+import {WebLinksAddon} from "@xterm/addon-web-links";
 import {open} from "@tauri-apps/plugin-shell";
 import {noop} from "rxjs";
 

src/app/terminal/pty/pty.component.ts

@@ -1,6 +1,6 @@
 import {AfterViewInit, Component, ElementRef, Input, OnDestroy, OnInit, ViewChild} from '@angular/core';
-import {IDisposable, Terminal} from "xterm";
-import {ITerminalDimensions} from "xterm-addon-fit";
+import {IDisposable, Terminal} from "@xterm/xterm";
+import {ITerminalDimensions} from "@xterm/addon-fit";
 import {RemoteShellService, ShellObservable, ShellToken} from "../../core/services/remote-shell.service";
 import {AppWebLinksAddon} from "../../shared/xterm/web-links";
 import {TERMINAL_CONFIG} from "../../shared/xterm/config";

src/app/terminal/terminal.component.ts

@@ -5,7 +5,7 @@ import {Device} from "../types";
 import {filter} from "rxjs/operators";
 import {isNonNull} from "../shared/operators";
 import {RemoteShellService, ShellInfo, ShellToken} from "../core/services/remote-shell.service";
-import {ITerminalDimensions} from "xterm-addon-fit";
+import {ITerminalDimensions} from "@xterm/addon-fit";
 import {listen, UnlistenFn, Event} from "@tauri-apps/api/event";
 import {ProgressDialogComponent} from "../shared/components/progress-dialog/progress-dialog.component";
 import {NgbModal} from "@ng-bootstrap/ng-bootstrap";

src/styles.scss

@@ -1,6 +1,6 @@
-@use 'bootstrap/scss/bootstrap' as bs;
-@use 'bootstrap-icons/font/bootstrap-icons';
-@use 'xterm/css/xterm.css';
+@use 'bootstrap' as bs;
+@use 'bootstrap-icons';
+@use '@xterm/xterm';
 
 @import './styles/no-select';
 @import './styles/app-item';