From 3df09e08c56ca1421afbeb5053967f237aa6073e Mon Sep 17 00:00:00 2001
From: Henrik Nygren <nygrenh@gmail.com>
Date: Mon, 29 Jan 2024 10:17:51 +0200
Subject: [PATCH 1/2] Address IFrame width changes

---
 src/pages/iframe.tsx | 17 +----------------
 1 file changed, 1 insertion(+), 16 deletions(-)

diff --git a/src/pages/iframe.tsx b/src/pages/iframe.tsx
index 722cece..0a8118d 100644
--- a/src/pages/iframe.tsx
+++ b/src/pages/iframe.tsx
@@ -1,5 +1,3 @@
-import { css } from "@emotion/css"
-import { useRouter } from "next/router"
 import React, { useCallback, useState } from "react"
 import ReactDOM from "react-dom"
 
@@ -51,13 +49,6 @@ export type Url = {
 const Iframe: React.FC<React.PropsWithChildren<unknown>> = () => {
   const [state, setState] = useState<State | null>(null)
 
-  const router = useRouter()
-  const rawMaxWidth = router?.query?.width
-  let maxWidth: number | null = 500
-  if (rawMaxWidth) {
-    maxWidth = Number(rawMaxWidth)
-  }
-
   const callback = useCallback((messageData: unknown, port: MessagePort) => {
     if (isSetStateMessage(messageData)) {
       ReactDOM.flushSync(() => {
@@ -108,13 +99,7 @@ const Iframe: React.FC<React.PropsWithChildren<unknown>> = () => {
 
   return (
     <HeightTrackingContainer port={port}>
-      <div
-        className={css`
-          width: 100%;
-          ${maxWidth && `max-width: ${maxWidth}px;`}
-          margin: 0 auto;
-        `}
-      >
+      <div>
         <Renderer port={port} setState={setState} state={state} />
       </div>
     </HeightTrackingContainer>

From 86cf039bc08ee7a9cbf4869120c03940784c035f Mon Sep 17 00:00:00 2001
From: Anastasia Diseth <58883418+anadis504@users.noreply.github.com>
Date: Thu, 22 Feb 2024 11:31:07 +0200
Subject: [PATCH 2/2] expose custom-view to service-info api (#56)

* expose custom-view to service-info api

* expose custom-view to service-info api
---
 src/pages/api/service-info.ts       | 1 +
 src/shared-module/bindings.guard.ts | 5 ++++-
 src/shared-module/bindings.ts       | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/api/service-info.ts b/src/pages/api/service-info.ts
index bb300e3..62a0391 100644
--- a/src/pages/api/service-info.ts
+++ b/src/pages/api/service-info.ts
@@ -26,5 +26,6 @@ const handlePost = (_req: NextApiRequest, res: NextApiResponse<ExerciseServiceIn
     grade_endpoint_path: `${prefix}/api/grade`,
     public_spec_endpoint_path: `${prefix}/api/public-spec`,
     model_solution_spec_endpoint_path: `${prefix}/api/model-solution`,
+    has_custom_view: true,
   })
 }
diff --git a/src/shared-module/bindings.guard.ts b/src/shared-module/bindings.guard.ts
index f9a9069..4d7d933 100644
--- a/src/shared-module/bindings.guard.ts
+++ b/src/shared-module/bindings.guard.ts
@@ -934,7 +934,10 @@ export function isExerciseServiceInfoApi(obj: unknown): obj is ExerciseServiceIn
     typeof typedObj["user_interface_iframe_path"] === "string" &&
     typeof typedObj["grade_endpoint_path"] === "string" &&
     typeof typedObj["public_spec_endpoint_path"] === "string" &&
-    typeof typedObj["model_solution_spec_endpoint_path"] === "string"
+    typeof typedObj["model_solution_spec_endpoint_path"] === "string" &&
+    (typeof typedObj["has_custom_view"] === "undefined" ||
+      typedObj["has_custom_view"] === false ||
+      typedObj["has_custom_view"] === true)
   )
 }
 
diff --git a/src/shared-module/bindings.ts b/src/shared-module/bindings.ts
index 63e3349..d3905c4 100644
--- a/src/shared-module/bindings.ts
+++ b/src/shared-module/bindings.ts
@@ -455,6 +455,7 @@ export interface ExerciseServiceInfoApi {
   grade_endpoint_path: string
   public_spec_endpoint_path: string
   model_solution_spec_endpoint_path: string
+  has_custom_view?: boolean
 }
 
 export interface ExerciseService {