Imagery method API

Author: jeffmaki

README.md

@@ -6,25 +6,28 @@ Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introdu
 
 ## Dev Setup
 
-NB: This will start the dev server against the cloud-hosted backend. If you need to change both the frontend and the backend, you'll
-need to start a local copy of the backend (workspaces-tasking-manager) and set the environment vars appropriately below.
-
-The below values are for cloud-hosted dev:
-
 ```
+# set these e.g. to the dev TDEI instance--note: any tokens you get from these hosts must match the environment for other components
+# e.g. you can't use dev TDEI KeyCloak JWT tokens in stage or production environments. 
 export VITE_TDEI_API_URL=https://api-dev.tdei.us/api/v1/
 export VITE_TDEI_USER_API_URL=https://portal-api-dev.tdei.us/api/v1/
-export VITE_API_URL=https://api.workspaces-dev.sidewalks.washington.edu/api/v1/
-export VITE_OSM_URL=https://osm.workspaces-dev.sidewalks.washington.edu/
+
+# use your local workspaces-backend instance--or set to the dev instance of this component if not running locally
+export VITE_API_URL=http://localhost:3000/api/v1/
+export VITE_OSM_URL=http://localhost:3000/
+
+# probably want to leave these as-is
 export VITE_RAPID_URL=https://rapid.workspaces-dev.sidewalks.washington.edu/
 export VITE_PATHWAYS_EDITOR_URL=https://pathways.workspaces-dev.sidewalks.washington.edu/
+
+# probably don't need to change any of these
 export CODE_VERSION="local"
-export VITE_IMAGERY_SCHEMA=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/main/docs/imagery-layer/schema.json
-export VITE_IMAGERY_EXAMPLE_URL=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/main/docs/imagery-layer/example.json
-export VITE_LONG_FORM_QUEST_SCHEMA=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/refs/heads/main/docs/quest-definition/schema.json
-export VITE_LONG_FORM_QUEST_EXAMPLE_URL=https://raw.githubusercontent.com/TaskarCenterAtUW/tdei-tools/refs/heads/main/docs/quest-definition/example.json
+export VITE_IMAGERY_SCHEMA=https://raw.githubusercontent.com/TaskarCenterAtUW/asr-imagery-list/refs/heads/main/schema/schema.json
+export VITE_IMAGERY_EXAMPLE_URL=https://github.com/TaskarCenterAtUW/asr-imagery-list/blob/main/examples/example.json
+export VITE_LONG_FORM_QUEST_SCHEMA=https://raw.githubusercontent.com/TaskarCenterAtUW/asr-quests/refs/heads/main/schema/schema.json
+export VITE_LONG_FORM_QUEST_EXAMPLE_URL=https://raw.githubusercontent.com/TaskarCenterAtUW/asr-quests/refs/heads/main/docs/quest-definition/example.json
 
-# install deps
+# install deps (first time only)
 npm install
 
 # start dev server

nuxt.config.ts

@@ -4,6 +4,13 @@ export default defineNuxtConfig({
   sourcemap: { client: 'hidden' },
   devtools: { enabled: process.env.ENV === "dev" || process.env.ENV === "local" },
   modules: ['@sentry/nuxt/module'],
+  nitro: {
+    // deal with CORS issues during development
+    devProxy: {
+      '/api': 'http://localhost:8000/api/',
+      '/workspaces': 'http://localhost:8000/workspaces/',
+    }
+  },
   app: {
     head: {
       meta: [

pages/temp.vue

@@ -1,7 +1,7 @@
 <template>
   <app-page>
     <form @submit="submit">
-      <textarea v-model="inputOsmXml" />
+      <textarea v-model="inputOsmXml"></textarea>
       <button type="submit">Upload</button>
     </form>
   </app-page>
@@ -13,7 +13,7 @@ import { osm2osc } from '~/services/osm';
 
 const inputOsmXml = ref('');
 
-async function submit(e) {
+async function submit(e:Event) {
   e.preventDefault();
 
   const workspaceId = 101

pages/workspace/[id]/settings.vue

@@ -469,7 +469,11 @@ async function saveImageryConfiguration() {
   }
 
   try {
+    // FIXME: make both the legacy and the new backend API calls to handle both cases until we
+    // fully deprecate the old API.
     await save({ imageryListDef: imageryResult.data });
+    workspacesClient.saveImageryDefSettings(workspaceId, { definition: imageryResult.data })
+    
     imagerySaveStatus.value = { type: "success", message: "Changes saved." };
   } catch (e) {
     imagerySaveStatus.value = {

pages/workspace/create/tdei.vue

@@ -33,7 +33,7 @@
               Dataset
               <dataset-picker
                 v-model="tdeiRecordId"
-                :project-group-id="projectGroupId"
+                :project-group-id="projectGroupId ?? ''"
                 :disabled="context.active"
                 required
               />

services/workspaces.ts

@@ -105,13 +105,20 @@ export class WorkspacesClient extends BaseHttpClient implements ICancelableClien
   }
 
   async getLongFormQuestSettings(workspaceId: number) {
-    const response = await this._get(`workspaces/${workspaceId}/quests/long/settings`);
-
-    return await response.json();
+    const response = this._get(`workspaces/${workspaceId}/quests/long/settings`);
+    return response.then(data => {
+      // case when no existing settings exist, just show empty form
+      if(data.status === 204) return {};   
+      return data.json();
+    });
   }
 
   async saveLongFormQuestSettings(workspaceId: number, settings: object): Promise<void> {
-    await this._patch(`workspaces/${workspaceId}/quests/long/settings`, settings);
+      this._patch(`workspaces/${workspaceId}/quests/long/settings`, settings);
+  }
+
+  async saveImageryDefSettings(workspaceId: number, settings: object): Promise<void> {
+      this._patch(`workspaces/${workspaceId}/imagery/settings`, settings);
   }
 
   #setAuthHeader() {
@@ -120,13 +127,13 @@ export class WorkspacesClient extends BaseHttpClient implements ICancelableClien
     }
   }
 
-  async _send(url: string, method: string, body?: any, config?: object): Promise<Response> {
+  override async _send(url: string, method: string, body?: any, config?: object): Promise<Response> {
     try {
       await this.#tdeiClient.tryRefreshAuth();
       this.#setAuthHeader();
 
       return await super._send(url, method, body, config);
-    } catch (e: any) {
+    } catch (e) {
       if (e instanceof BaseHttpClientError) {
         throw new WorkspacesClientError(e.response);
       }