Use ?script=true for editor page

API now requires ?script=true to fetch worker code.
Added resolveWithScript for editor route.

Author: max-lt

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "openworkers-dash",
-  "version": "1.2.4",
+  "version": "1.4.0",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -36,7 +36,7 @@
     "@angular/build": "^21.1.1",
     "@angular/cli": "~21.1.1",
     "@angular/compiler-cli": "^21.1.1",
-    "@openworkers/api-types": "1.2.1",
+    "@openworkers/api-types": "^1.4.0",
     "@openworkers/workers-types": "^0.1.7",
     "@tailwindcss/postcss": "4.1.17",
     "@types/jasmine": "6.0.0",

package.json

@@ -95,9 +95,9 @@ export default class WorkerEditPage implements OnInit, OnDestroy {
     );
 
     this.theme$ = themeService.theme$;
-    this.script = new FormControl(this.worker.script);
+    this.script = new FormControl(this.worker.script!);
     this.options.theme = this.theme = themeService.isDark() ? 'vs-dark' : 'vs';
-    this.options.language = this.worker.language;
+    this.options.language = this.worker.language ?? undefined;
 
     const env = this.worker.environment;
     let environmentId = env?.id ?? null;
@@ -107,7 +107,7 @@ export default class WorkerEditPage implements OnInit, OnDestroy {
         log.debug('Worker changed', worker);
         if (worker.script !== this.script.value) {
           log.debug('Script changed');
-          this.script.setValue(worker.script);
+          this.script.setValue(worker.script!);
         }
 
         if (worker.environment?.id !== environmentId) {

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

@@ -24,7 +24,7 @@ import { ActivatedRouteSnapshot } from '@angular/router';
       // Editor is not child of WorkerRootComponent because it needs to be full page
       {
         path: ':id/edit',
-        resolve: { worker: (route: ActivatedRouteSnapshot) => inject(WorkersService).resolve(route) },
+        resolve: { worker: (route: ActivatedRouteSnapshot) => inject(WorkersService).resolveWithScript(route) },
         canActivate: [UUIDGuard],
         loadComponent: () => import('./pages/worker-edit/worker-edit.page')
       },

src/app/modules/worker/worker.module.ts

@@ -1,6 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { map, mergeMap } from 'rxjs';
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { first, map, mergeMap } from 'rxjs';
 import type { IWorker, IWorkerCreateInput, IWorkerUpdateInput } from '@openworkers/api-types';
 import { ResourceService } from './resource.service';
 
@@ -13,6 +14,29 @@ export class WorkersService extends ResourceService<IWorker, IWorkerCreateInput,
     super(http, 'workers');
   }
 
+  /**
+   * Fetch worker with script included (for editor page).
+   */
+  findByIdWithScript(id: string) {
+    return this.http.get<IWorker>(`/api/v1/workers/${id}`, { params: { script: 'true' } }).pipe(
+      map((data) => this.cacheAndWatch(data)),
+      mergeMap((data) => data.asObservable())
+    );
+  }
+
+  /**
+   * Resolver for editor page (includes script).
+   */
+  resolveWithScript(route: ActivatedRouteSnapshot) {
+    const id = route.paramMap.get('id');
+
+    if (!id) {
+      throw new Error('Missing id');
+    }
+
+    return this.findByIdWithScript(id).pipe(first());
+  }
+
   createCron(workerId: string, value: string) {
     return this.http.post<IWorker>(`/api/v1/workers/${workerId}/crons`, { expression: value }).pipe(
       map((data) => this.cacheAndWatch(data)),