Update api types

Author: max-lt

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "openworkers-dash",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -12,46 +12,46 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "format": "bun x prettier --write .",
     "check": "tsc --noEmit --project tsconfig.app.json",
-    "compile:worker": "bun build worker.ts --outfile ./dist/openworkers/worker.js --format esm --target browser",
-    "predeploy:dev": "adapter-static ./dist/browser -o ./dist/openworkers && bun compile:worker",
-    "deploy:dev": "ow dev workers upload dash-preview ./dist/openworkers",
-    "predeploy:main": "adapter-static ./dist/browser -o ./dist/openworkers && bun compile:worker",
-    "deploy:main": "ow main workers upload openworkers-dash ./dist/openworkers",
+    "compile:worker": "bun build worker.ts --outfile ./dist/openworkers/_worker.js --format esm --target browser",
+    "deploy:prepare": "ng build && adapter-static ./dist/browser -o ./dist/openworkers && bun compile:worker",
+    "deploy:dev": "bun deploy:prepare && ow dev workers upload openworkers-dash ./dist/openworkers",
+    "deploy:local": "bun deploy:prepare && ow local workers upload openworkers-dash ./dist/openworkers",
+    "deploy:main": "bun deploy:prepare && ow main workers upload openworkers-dash ./dist/openworkers",
     "clean": "rimraf dist node_modules .angular"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^21.1.1",
-    "@angular/common": "^21.1.1",
-    "@angular/compiler": "^21.1.1",
-    "@angular/core": "^21.1.1",
-    "@angular/forms": "^21.1.1",
-    "@angular/platform-browser": "^21.1.1",
-    "@angular/platform-browser-dynamic": "^21.1.1",
-    "@angular/router": "^21.1.1",
+    "@angular/animations": "^21.1.4",
+    "@angular/common": "^21.1.4",
+    "@angular/compiler": "^21.1.4",
+    "@angular/core": "^21.1.4",
+    "@angular/forms": "^21.1.4",
+    "@angular/platform-browser": "^21.1.4",
+    "@angular/platform-browser-dynamic": "^21.1.4",
+    "@angular/router": "^21.1.4",
     "@materia-ui/ngx-monaco-editor": "^6.0.0",
-    "@ng-icons/core": "^33.0.0",
-    "@ng-icons/heroicons": "^33.0.0",
+    "@ng-icons/core": "^33.1.0",
+    "@ng-icons/heroicons": "^33.1.0",
+    "@openworkers/adapter-static": "^0.1.6",
     "@openworkers/croner-wasm": "^0.3.1",
-    "dexie": "^4.2.1",
-    "marked": "^17.0.1",
+    "dexie": "^4.3.0",
+    "marked": "^17.0.2",
     "monaco-editor": "0.55.1",
     "rxjs": "^7.8.2",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@angular/build": "^21.1.1",
-    "@angular/cli": "~21.1.1",
-    "@angular/compiler-cli": "^21.1.1",
-    "@openworkers/adapter-static": "^0.1.2",
-    "@openworkers/api-types": "^1.4.7",
+    "@angular/build": "^21.1.4",
+    "@angular/cli": "~21.1.4",
+    "@angular/compiler-cli": "^21.1.4",
+    "@openworkers/api-types": "^1.5.4",
     "@openworkers/workers-types": "^0.1.9",
     "@tailwindcss/postcss": "4.1.17",
     "@types/jasmine": "6.0.0",
     "ansi_up": "^6.0.6",
-    "autoprefixer": "^10.4.23",
+    "autoprefixer": "^10.4.24",
     "postcss": "^8.5.6",
-    "rimraf": "^6.1.2",
+    "rimraf": "^6.1.3",
     "tailwindcss": "4.1.17",
     "typescript": "5.9.3"
   }

package.json

@@ -47,8 +47,8 @@ const EDITOR_OPTIONS: MonacoEditorConstructionOptions = {
 })
 export default class WorkerEditPage implements OnInit, OnDestroy {
   private subscriptions: Subscription[] = [];
-  public readonly worker: Resolved<IWorker>;
-  public readonly worker$: Observable<IWorker>;
+  public readonly worker: Resolved<IWorker & { name: string }>;
+  public readonly worker$: Observable<IWorker & { name: string }>;
   public readonly workerUrl: string;
   public readonly refreshPreview$$: Subject<void>;
   public readonly refreshPreview$: Observable<string>;
@@ -77,7 +77,7 @@ export default class WorkerEditPage implements OnInit, OnDestroy {
     themeService: ThemeService,
     route: ActivatedRoute
   ) {
-    this.worker = route.snapshot.data['worker'] as Resolved<IWorker>;
+    this.worker = route.snapshot.data['worker'] as Resolved<IWorker & { name: string }>;
 
     console.log('WorkerEditPage worker', this.worker);
 

src/app/modules/worker/pages/worker-edit/worker-edit.page.ts

@@ -18,17 +18,17 @@ import { ResourceRootComponent } from '~/app/shared/resource-root/resource-root.
   imports: [ResourceRootComponent]
 })
 export class WorkerRootComponent {
-  public readonly worker: IWorker;
+  public readonly worker: IWorker & { name: string };
 
   constructor(
     route: ActivatedRoute,
     private workers: WorkersService,
     private router: Router
   ) {
-    this.worker = route.snapshot.data['worker'] as IWorker;
+    this.worker = route.snapshot.data['worker'] as IWorker & { name: string };
   }
 
-  public async update(update: Partial<Pick<IWorker, 'name' | 'desc'>>) {
+  public async update(update: Partial<Pick<IWorker & { name: string }, 'name' | 'desc'>>) {
     const worker = await firstValueFrom(this.workers.update({ id: this.worker.id, ...update }));
     Object.assign(this.worker, worker);
   }

src/app/modules/worker/worker-root.component.ts

@@ -5,11 +5,13 @@ import { first, map, mergeMap } from 'rxjs';
 import type { IWorker, IWorkerCreateInput, IWorkerUpdateInput } from '@openworkers/api-types';
 import { ResourceService } from './resource.service';
 
+type IWorkerWithName = IWorker & { name: string };
+
 // Frontend-specific type that includes id for cache management
 type WorkerUpdateInput = IWorkerUpdateInput & { id: string };
 
 @Injectable({ providedIn: 'root' })
-export class WorkersService extends ResourceService<IWorker, IWorkerCreateInput, WorkerUpdateInput> {
+export class WorkersService extends ResourceService<IWorkerWithName, IWorkerCreateInput, WorkerUpdateInput> {
   constructor(http: HttpClient) {
     super(http, 'workers');
   }
@@ -18,7 +20,7 @@ export class WorkersService extends ResourceService<IWorker, IWorkerCreateInput,
    * Fetch worker with script included (for editor page).
    */
   findByIdWithScript(id: string) {
-    return this.http.get<IWorker>(`/api/v1/workers/${id}`, { params: { script: 'true' } }).pipe(
+    return this.http.get<IWorkerWithName>(`/api/v1/workers/${id}`, { params: { script: 'true' } }).pipe(
       map((data) => this.cacheAndWatch(data)),
       mergeMap((data) => data.asObservable())
     );
@@ -38,21 +40,21 @@ export class WorkersService extends ResourceService<IWorker, IWorkerCreateInput,
   }
 
   createCron(workerId: string, value: string) {
-    return this.http.post<IWorker>(`/api/v1/workers/${workerId}/crons`, { expression: value }).pipe(
+    return this.http.post<IWorkerWithName>(`/api/v1/workers/${workerId}/crons`, { expression: value }).pipe(
       map((data) => this.cacheAndWatch(data)),
       mergeMap((worker) => worker.asObservable())
     );
   }
 
   updateCron(id: string, value: string) {
-    return this.http.patch<IWorker>(`/api/v1/crons/${id}`, { expression: value }).pipe(
+    return this.http.patch<IWorkerWithName>(`/api/v1/crons/${id}`, { expression: value }).pipe(
       map((data) => this.cacheAndWatch(data)),
       mergeMap((worker) => worker.asObservable())
     );
   }
 
   deleteCron(id: string) {
-    return this.http.delete<IWorker>(`/api/v1/crons/${id}`).pipe(
+    return this.http.delete<IWorkerWithName>(`/api/v1/crons/${id}`).pipe(
       map((data) => this.cacheAndWatch(data)),
       mergeMap((worker) => worker.asObservable())
     );

src/app/services/workers.service.ts

@@ -291,7 +291,7 @@ export class KeyValueComponent implements OnChanges {
         name = this.databases.find((db) => db.id === value)?.name;
         break;
       case 'worker':
-        name = this.workers.find((w) => w.id === value)?.name;
+        name = this.workers.find((w) => w.id === value)?.name!;
         break;
     }