feat(widget): add mandatory type field to Widget model

- Added new non-nullable column 'type' to Widget table in Prisma schema
- Updated Prisma migration SQL to include 'type' column without default value
- Enhanced generated Prisma client types and inputs with 'type' field
- Enabled debugging routes in app router configuration
- Integrated @ngx-formly/core and @ngx-formly/bootstrap modules for form handling with Bootstrap styles
- Marked service injections as readonly and private for better encapsulation
- Completed partial tasks for tRPC routes and Dashboard-Widgets-Device linkage in project tasks document
- Added new dependencies @ngx-formly/core and @ngx-formly/bootstrap with compatible Bootstrap and Popper peer dependencies

Author: EndyKaufman

PROJECT_TASKS_RU.md

@@ -46,10 +46,10 @@
 **Статус**: ⚠️ ЧАСТИЧНО ЗАВЕРШЕНО
 
 **Задачи**:
-- [ ] tRPC маршруты для Dashboards: create/read/update/delete (0.5ч)
-- [ ] tRPC маршруты для Widgets: create/read/update/delete (0.5ч)
+- [x] tRPC маршруты для Dashboards: create/read/update/delete (0.5ч)
+- [x] tRPC маршруты для Widgets: create/read/update/delete (0.5ч)
 - [x] Генерация QR-кода для привязки телефона (`qrcode.react` или Svelte/AnalogJS аналог) (0.5ч)
-- [ ] Связь Dashboard → Widgets → Device через deviceId (0.25ч)
+- [x] Связь Dashboard → Widgets → Device через deviceId (0.25ч)
 - [x] Настройка индексов и уникальных ограничений через Prisma (0.25ч)
 
 **Ретроспектива**:

web/package-lock.json

@@ -43,6 +43,8 @@
     "@angular/platform-browser": "^20.0.0",
     "@angular/platform-server": "^20.0.0",
     "@angular/router": "^20.0.0",
+    "@ngx-formly/bootstrap": "^7.0.1",
+    "@ngx-formly/core": "^7.0.1",
     "@picocss/pico": "^2.1.1",
     "@prisma/adapter-pg": "^6.18.0",
     "@prisma/client": "^6.19.0",

web/package.json

@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - Added the required column `type` to the `Widget` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "Widget" ADD COLUMN     "type" TEXT NOT NULL;

web/prisma/migrations/20251116180319_append_type_to_widget/migration.sql

@@ -80,6 +80,7 @@ model QrCode {
 
 model Widget {
   id          String @id(map: "PK_WIDGET") @default(uuid()) @db.Uuid
+  type        String
   options     Json?
   state       Json?
   columnIndex Int?

web/prisma/schema.prisma

@@ -1,4 +1,8 @@
-import { provideFileRouter, requestContextInterceptor } from '@analogjs/router';
+import {
+  provideFileRouter,
+  requestContextInterceptor,
+  withDebugRoutes,
+} from '@analogjs/router';
 import {
   provideHttpClient,
   withFetch,
@@ -18,6 +22,8 @@ import {
   withEventReplay,
 } from '@angular/platform-browser';
 import { withComponentInputBinding } from '@angular/router';
+import { withFormlyBootstrap } from '@ngx-formly/bootstrap';
+import { provideFormlyCore } from '@ngx-formly/core';
 import { firstValueFrom } from 'rxjs';
 
 import { AuthService } from './services/auth.service';
@@ -28,9 +34,10 @@ import { provideTrpcClient } from './trpc-client';
 
 export const appConfig: ApplicationConfig = {
   providers: [
+    provideFormlyCore(...withFormlyBootstrap()),
     provideBrowserGlobalErrorListeners(),
     provideZoneChangeDetection({ eventCoalescing: true }),
-    provideFileRouter(withComponentInputBinding()),
+    provideFileRouter(withComponentInputBinding(), withDebugRoutes()),
     provideHttpClient(
       withFetch(),
       withInterceptors([requestContextInterceptor])

web/src/app/app.config.ts

@@ -58,9 +58,8 @@ import { AuthService } from './services/auth.service';
     </footer>`,
 })
 export class AppComponent {
-  private authService = inject(AuthService);
-
-  private router = inject(Router);
+  private readonly authService = inject(AuthService);
+  private readonly router = inject(Router);
 
   signOut() {
     this.authService

web/src/app/app.ts

@@ -99,7 +99,7 @@ import { ThemeService } from '../../services/theme.service';
   `,
 })
 export class ColorSchemeSwitcherComponent {
-  readonly themeService = inject(ThemeService);
+  private readonly themeService = inject(ThemeService);
 
   theme$ = this.themeService.stream$;
   themeLabel$ = this.themeService.stream$.pipe(

web/src/app/components/theme/color-scheme-switcher.component.ts

@@ -949,6 +949,7 @@ export type QrCodeScalarFieldEnum = (typeof QrCodeScalarFieldEnum)[keyof typeof
 
 export const WidgetScalarFieldEnum = {
   id: 'id',
+  type: 'type',
   options: 'options',
   state: 'state',
   columnIndex: 'columnIndex',