Chore/dependency update 2025 01 30 (#78)

* chore: dependency-updates

* ts fixes

* prettier fixes

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.5.1.cjs
+yarnPath: .yarn/releases/yarn-4.6.0.cjs

common/package.json

@@ -26,12 +26,12 @@
   },
   "devDependencies": {
     "@types/ffprobe": "^1.1.8",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.12.0",
     "ts-json-schema-generator": "^2.3.0",
-    "vitest": "^2.1.4"
+    "vitest": "^3.0.4"
   },
   "dependencies": {
-    "@furystack/core": "^15.0.9",
-    "@furystack/rest": "^8.0.9"
+    "@furystack/core": "^15.0.13",
+    "@furystack/rest": "^8.0.13"
   }
 }

common/src/websocket/file-change-message.ts

@@ -1,6 +1,6 @@
 export type FileChangeMessage = {
   type: 'file-change'
-  event: 'add' | 'addDir' | 'change' | 'unlink' | 'unlinkDir'
+  event: 'add' | 'addDir' | 'change' | 'unlink' | 'unlinkDir' | 'all' | 'ready' | 'raw' | 'error'
   path: string
   drive: string
 }

frontend/package.json

@@ -11,28 +11,28 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@codecov/vite-plugin": "^1.2.1",
-    "@furystack/rest": "^8.0.9",
+    "@codecov/vite-plugin": "^1.8.0",
+    "@furystack/rest": "^8.0.13",
     "@types/marked": "^6.0.0",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.10"
+    "typescript": "^5.7.3",
+    "vite": "^6.0.11"
   },
   "dependencies": {
-    "@furystack/cache": "^5.0.7",
-    "@furystack/core": "^15.0.9",
-    "@furystack/inject": "^12.0.7",
-    "@furystack/logging": "^8.0.7",
-    "@furystack/rest-client-fetch": "^8.0.9",
-    "@furystack/shades": "^11.0.10",
-    "@furystack/shades-common-components": "^10.0.10",
-    "@furystack/shades-lottie": "^7.0.10",
-    "@furystack/utils": "^8.0.6",
-    "@types/node": "^22.9.0",
+    "@furystack/cache": "^5.0.10",
+    "@furystack/core": "^15.0.13",
+    "@furystack/inject": "^12.0.10",
+    "@furystack/logging": "^8.0.10",
+    "@furystack/rest-client-fetch": "^8.0.13",
+    "@furystack/shades": "^11.0.14",
+    "@furystack/shades-common-components": "^10.0.14",
+    "@furystack/shades-lottie": "^7.0.14",
+    "@furystack/utils": "^8.0.9",
+    "@types/node": "^22.12.0",
     "common": "workspace:^",
-    "marked": "^14.1.3",
-    "monaco-editor": "^0.52.0",
+    "marked": "^15.0.6",
+    "monaco-editor": "^0.52.2",
     "path-to-regexp": "^8.2.0",
     "semaphore-async-await": "^1.5.1",
-    "video.js": "8.19.1"
+    "video.js": "8.21.0"
   }
 }

frontend/src/components/generic-error.tsx

@@ -1,8 +1,8 @@
 import { ResponseError } from '@furystack/rest-client-fetch'
 import { createComponent, ScreenService, Shade } from '@furystack/shades'
 import { Button, ThemeProviderService } from '@furystack/shades-common-components'
-import deadSmiley from '../animations/error-dead-smiley.json'
-import redCross from '../animations/error-red-cross.json'
+import deadSmiley from '../animations/error-dead-smiley.json' assert { type: 'json' }
+import redCross from '../animations/error-red-cross.json' assert { type: 'json' }
 import { ErrorReporter } from '../services/error-reporter.js'
 import { Error404 } from './error-404.js'
 import { ErrorDisplay } from './error-display.js'

frontend/src/installer/all-done-step.tsx

@@ -1,8 +1,8 @@
 import { createComponent, Shade } from '@furystack/shades'
 import type { WizardStepProps } from '@furystack/shades-common-components'
-import { WizardStep } from '../components/wizard-step.js'
 import '@furystack/shades-lottie'
-import done from './done.json'
+import { WizardStep } from '../components/wizard-step.js'
+import done from './done.json' assert { type: 'json' }
 
 export const AllDoneStep = Shade<WizardStepProps>({
   shadowDomName: 'all-done-step',

frontend/src/installer/welcome-step.tsx

@@ -1,8 +1,8 @@
 import { createComponent, Shade } from '@furystack/shades'
 import type { WizardStepProps } from '@furystack/shades-common-components'
-import { WizardStep } from '../components/wizard-step.js'
 import '@furystack/shades-lottie'
-import welcome from './welcome.json'
+import { WizardStep } from '../components/wizard-step.js'
+import welcome from './welcome.json' assert { type: 'json' }
 
 export const WelcomeStep = Shade<WizardStepProps>({
   shadowDomName: 'welcome-step',

frontend/src/pages/entities/config.tsx

@@ -1,8 +1,8 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { Config } from 'common'
-import configSchemas from 'common/schemas/config-entities.json'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import configSchemas from 'common/schemas/config-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { ConfigApiClient } from '../../services/api-clients/config-api-client.js'
 import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 

frontend/src/pages/entities/dashboards.tsx

@@ -1,10 +1,10 @@
 import { createComponent, RouteLink, Shade } from '@furystack/shades'
 import { Dashboard } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import dashboardSchemas from 'common/schemas/dashboard-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
-import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
-import dashboardSchemas from 'common/schemas/dashboard-entities.json'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { DashboardService } from '../../services/dashboards-service.js'
+import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 
 export const DashboardsPage = Shade({
   shadowDomName: 'shade-app-dashboards-page',

frontend/src/pages/entities/drives.tsx

@@ -1,10 +1,10 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { Drive } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import drivesSchemas from 'common/schemas/drives-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
-import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { DrivesService } from '../../services/drives-service.js'
-import drivesSchemas from 'common/schemas/drives-entities.json'
+import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 
 export const DrivesPage = Shade({
   shadowDomName: 'shade-app-drives-page',

frontend/src/pages/entities/iot-devices.tsx

@@ -1,10 +1,10 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { Device } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import iotSchemas from 'common/schemas/iot-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
-import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
-import iotSchemas from 'common/schemas/iot-entities.json'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { IotDevicesService } from '../../services/iot-devices-service.js'
+import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 
 export const IotDevicesPage = Shade({
   shadowDomName: 'shade-app-iot-devices-page',

frontend/src/pages/entities/movie-files.tsx

@@ -1,9 +1,9 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { MovieFile } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import mediaSchemas from 'common/schemas/media-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
-import mediaSchemas from 'common/schemas/media-entities.json'
 import { MovieFilesService } from '../../services/movie-files-service.js'
 
 export const MovieFilesPage = Shade({

frontend/src/pages/entities/movies.tsx

@@ -1,9 +1,9 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { Movie } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import mediaSchemas from 'common/schemas/media-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
-import mediaSchemas from 'common/schemas/media-entities.json'
 import { MoviesService } from '../../services/movies-service.js'
 
 export const MoviesPage = Shade({

frontend/src/pages/entities/omdb-movie-metadata.tsx

@@ -1,10 +1,10 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { OmdbMovieMetadata } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import mediaSchemas from 'common/schemas/media-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
-import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
-import mediaSchemas from 'common/schemas/media-entities.json'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { MediaApiClient } from '../../services/api-clients/media-api-client.js'
+import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 
 export const OmdbMovieMetadataPage = Shade({
   shadowDomName: 'shade-app-omdb-movie-metadata-page',

frontend/src/pages/entities/omdb-series-metadata.tsx

@@ -1,10 +1,10 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { OmdbSeriesMetadata } from 'common'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import mediaSchemas from 'common/schemas/media-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
-import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
-import mediaSchemas from 'common/schemas/media-entities.json'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { MediaApiClient } from '../../services/api-clients/media-api-client.js'
+import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 
 export const OmdbSeriesMetadataPage = Shade({
   shadowDomName: 'shade-app-omdb-series-metadata-page',

frontend/src/pages/entities/users.tsx

@@ -1,8 +1,8 @@
 import { createComponent, Shade } from '@furystack/shades'
 import { User } from 'common'
-import identitySchemas from 'common/schemas/identity-entities.json'
-import { GenericEditor } from '../../components/generic-editor/index.js'
+import identitySchemas from 'common/schemas/identity-entities.json' assert { type: 'json' }
 import { GenericEditorService } from '../../components/generic-editor/generic-editor-service.js'
+import { GenericEditor } from '../../components/generic-editor/index.js'
 import { IdentityApiClient } from '../../services/api-clients/identity-api-client.js'
 import { MonacoModelProvider } from '../../services/monaco-model-provider.js'
 

frontend/src/services/dashboards-service.ts

@@ -7,7 +7,7 @@ import { DashboardsApiClient } from './api-clients/dashboards-api-client.js'
 @Injectable({ lifetime: 'singleton' })
 export class DashboardService {
   @Injected(DashboardsApiClient)
-  private declare readonly dashboardsApiClient: DashboardsApiClient
+  declare private readonly dashboardsApiClient: DashboardsApiClient
 
   private dashboardCache = new Cache({
     capacity: 100,

frontend/src/services/drives-service.ts

@@ -10,7 +10,7 @@ import { WebsocketNotificationsService } from './websocket-events.js'
 @Injectable({ lifetime: 'singleton' })
 export class DrivesService extends EventHub<{ onFilesystemChanged: FileChangeMessage }> {
   @Injected(DrivesApiClient)
-  private declare readonly drivesApiClient: DrivesApiClient
+  declare private readonly drivesApiClient: DrivesApiClient
 
   private volumesCache = new Cache({
     load: async ({ findOptions }: { findOptions?: FindOptions<Drive, Array<keyof Drive>> }) => {
@@ -118,7 +118,7 @@ export class DrivesService extends EventHub<{ onFilesystemChanged: FileChangeMes
   }
 
   @Injected(WebsocketNotificationsService)
-  private declare readonly socket: WebsocketNotificationsService
+  declare private readonly socket: WebsocketNotificationsService
 
   private onMessage = ((messageData: WebsocketMessage) => {
     if (messageData.type === 'file-change') {

frontend/src/services/ffprobe-service.ts

@@ -6,7 +6,7 @@ import { DrivesApiClient } from './api-clients/drives-api-client.js'
 @Injectable({ lifetime: 'singleton' })
 export class FfprobeService {
   @Injected(DrivesApiClient)
-  private declare readonly mediaApiClient: DrivesApiClient
+  declare private readonly mediaApiClient: DrivesApiClient
 
   public ffprobeCache = new Cache({
     capacity: 100,

frontend/src/services/install-service.ts

@@ -5,7 +5,7 @@ import { Cache } from '@furystack/cache'
 @Injectable({ lifetime: 'singleton' })
 export class InstallService {
   @Injected(InstallApiClient)
-  private declare readonly apiClient: InstallApiClient
+  declare private readonly apiClient: InstallApiClient
 
   private cache = new Cache({
     load: async () => {

frontend/src/services/iot-devices-service.ts

@@ -11,7 +11,7 @@ export class IotDevicesService {
   declare readonly websocketNotificationsService: WebsocketNotificationsService
 
   @Injected(IotApiClient)
-  private declare readonly iotApiClient: IotApiClient
+  declare private readonly iotApiClient: IotApiClient
 
   private deviceCache = new Cache({
     capacity: 100,

frontend/src/services/movie-files-service.ts

@@ -7,7 +7,7 @@ import type { Movie, MovieFile } from 'common'
 @Injectable({ lifetime: 'singleton' })
 export class MovieFilesService {
   @Injected(MediaApiClient)
-  private declare readonly mediaApiClient: MediaApiClient
+  declare private readonly mediaApiClient: MediaApiClient
 
   public movieFileCache = new Cache({
     capacity: 100,

frontend/src/services/movies-service.ts

@@ -7,7 +7,7 @@ import type { Movie } from 'common'
 @Injectable({ lifetime: 'singleton' })
 export class MoviesService {
   @Injected(MediaApiClient)
-  private declare readonly mediaApiClient: MediaApiClient
+  declare private readonly mediaApiClient: MediaApiClient
 
   public movieCache = new Cache({
     capacity: 100,

frontend/src/services/series-service.ts

@@ -7,7 +7,7 @@ import type { Series } from 'common'
 @Injectable({ lifetime: 'singleton' })
 export class SeriesService {
   @Injected(MediaApiClient)
-  private declare readonly mediaApiClient: MediaApiClient
+  declare private readonly mediaApiClient: MediaApiClient
 
   public seriesCache = new Cache({
     capacity: 100,

frontend/src/services/session.ts

@@ -105,8 +105,8 @@ export class SessionService implements IdentityContext {
   }
 
   @Injected(IdentityApiClient)
-  private declare api: IdentityApiClient
+  declare private api: IdentityApiClient
 
   @Injected(NotyService)
-  private declare readonly notys: NotyService
+  declare private readonly notys: NotyService
 }

frontend/src/services/watch-progress-service.ts

@@ -8,7 +8,7 @@ import type { PiRatFile } from 'common'
 @Injectable({ lifetime: 'singleton' })
 export class WatchProgressService {
   @Injected(MediaApiClient)
-  private declare readonly mediaApiClient: MediaApiClient
+  declare private readonly mediaApiClient: MediaApiClient
 
   private watchProgressCache = new Cache({
     capacity: 100,

frontend/src/services/websocket-events.ts

@@ -15,7 +15,7 @@ export class WebsocketNotificationsService extends EventHub<{ onMessage: Websock
   }
 
   @Injected((i) => getLogger(i).withScope('WebsocketNotificationsService'))
-  private declare logger: ScopedLogger
+  declare private logger: ScopedLogger
 
   constructor() {
     super()

package.json

@@ -16,24 +16,24 @@
     ]
   },
   "devDependencies": {
-    "@eslint/js": "^9.14.0",
-    "@playwright/test": "^1.48.2",
-    "@types/node": "^22.9.0",
-    "@vitest/coverage-v8": "^2.1.4",
-    "eslint": "^9.14.0",
-    "eslint-config-prettier": "^9.1.0",
+    "@eslint/js": "^9.19.0",
+    "@playwright/test": "^1.50.0",
+    "@types/node": "^22.12.0",
+    "@vitest/coverage-v8": "^3.0.4",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-jsdoc": "^50.4.3",
-    "eslint-plugin-playwright": "^2.0.1",
-    "eslint-plugin-prettier": "^5.2.1",
-    "husky": "^9.1.6",
-    "lint-staged": "^15.2.10",
-    "prettier": "^3.3.3",
+    "eslint-plugin-jsdoc": "^50.6.3",
+    "eslint-plugin-playwright": "^2.2.0",
+    "eslint-plugin-prettier": "^5.2.3",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.4.3",
+    "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.13.0",
-    "vite": "^5.4.10",
-    "vitest": "^2.1.4"
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.22.0",
+    "vite": "^6.0.11",
+    "vitest": "^3.0.4"
   },
   "husky": {
     "hooks": {
@@ -71,5 +71,5 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "packageManager": "yarn@4.5.1"
+  "packageManager": "yarn@4.6.0"
 }