Fix compliance view (#223)

* Add env variables subsection

* Ensure targets is always an array to prevent TypeError

* Add env variables subsection

* Ensure targets is always an array to prevent TypeError

* npm audit fix

* Update node version

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:alpine AS build
+FROM node:18-alpine AS build
 
 WORKDIR /app
 COPY package*.json ./

README.md

@@ -36,3 +36,14 @@ npm run build
 You can preview the production build with `npm run preview`.
 
 > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+
+## Environment variables
+The following environment variables can be set to configure the UI. The values are all default values.
+
+```
+PUBLIC_OAUTH_AUTHORITY=http://localhost:8080 
+PUBLIC_OAUTH_CLIENT_ID=dashboard
+PUBLIC_OAUTH_REDIRECT_URI=http://localhost:5173/callback
+PUBLIC_OAUTH_SCOPE=profile email
+PUBLIC_CLOUDITOR_URL=http://localhost:8080
+```

src/lib/api/orchestrator.ts

@@ -143,7 +143,7 @@ export interface ListCertificationTargetsResponse {
 }
 
 export interface ListAuditScopesResponse {
-	auditScope: AuditScope[];
+	auditScopes: AuditScope[];
 }
 
 export interface ListControlsInScopeResponse {
@@ -481,7 +481,7 @@ export async function listAuditScopes(
 	fetch = window.fetch
 ): Promise<AuditScope[]> {
 	const apiUrl = clouditorize(`/v1/orchestrator/certification_targets/${serviceId}/audit_scopes`);
-
+	
 	return fetch(apiUrl, {
 		method: 'GET',
 		headers: {
@@ -491,7 +491,7 @@ export async function listAuditScopes(
 		.then(throwError)
 		.then((res) => res.json())
 		.then((response: ListAuditScopesResponse) => {
-			return response.auditScope;
+			return response.auditScopes;
 		});
 }
 

src/routes/(app)/cloud/[id]/compliance/+layout.ts

@@ -8,7 +8,7 @@ export const load = (async ({ fetch, params, parent }) => {
 		throw error(405, 'Required parameter missing');
 	}
 
-	const targets = await listAuditScopes(params.id, fetch);
+	const targets = await listAuditScopes(params.id, fetch) || [];;
 	const data = await parent();
 
 	const leftOverCatalogs = data.catalogs.filter((c) => {