fix launch

Author: achen2401

launch.html

@@ -33,5 +33,5 @@
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
   </body>
-  <script type="module" src="/src/launch.jsx"></script>
+  <script type="module" src="/src/launch.js"></script>
 </html>

src/containers/LaunchContainer.jsx

@@ -0,0 +1,79 @@
+import FHIR from "fhirclient";
+import { queryNeedPatientBanner, queryPatientIdKey } from "@consts";
+import { fetchEnvData, getEnv } from "@util";
+
+const fetchContextJson = async (authURL) => {
+  if (!authURL) {
+    // default, if no auth url provided
+    return {
+      clientId: "hpai_sof_client",
+      scope: "profile roles email patient/*.read",
+      // default to not show patient banner, can be overridden
+      // cannot seem to override this when testing against SMART healthIT launcher though
+      need_patient_banner: false,
+    };
+  }
+  const response = await fetch(authURL, {
+    // include cookies in request
+    credentials: "include",
+  }).catch((e) => {
+    console.log(e);
+    throw new Error("Error retrieving context json via auth url. See console for detail.");
+  });
+
+  if (!response.ok) {
+    console.log(response.status, response.statusText);
+    throw new Error(`Error launch application: Server returned status ${response.status.toString()}`);
+  }
+
+  const contextJson = await response.json().catch((e) => {
+    console.log(e);
+    throw new Error("Context json parsing error. See console for detail.");
+  });
+
+  return contextJson;
+};
+
+fetchEnvData().then((results) => {
+  console.log("environment variables ", results);
+  const backendURL = getEnv("REACT_APP_CONF_API_URL");
+  const authURL = backendURL ? `${backendURL}/auth/auth-info` : "";
+  const urlParams = new URLSearchParams(window.location.search);
+  const patientId = urlParams.get("patient");
+  console.log("patient id from url query string: ", patientId);
+  const needPatientBanner = urlParams.get("need_patient_banner");
+  console.log("need_patient_banner from url query string: ", needPatientBanner);
+  console.log("Auth url ", authURL);
+
+  fetchContextJson(authURL)
+    .then((json) => {
+      if (patientId) {
+        json.patientId = patientId;
+        sessionStorage.setItem(queryPatientIdKey, patientId);
+      }
+
+      if (needPatientBanner !== null) {
+        json.need_patient_banner = needPatientBanner;
+        sessionStorage.setItem(queryNeedPatientBanner, needPatientBanner);
+      }
+
+      // allow client id to be configurable
+      const envClientId = getEnv("REACT_APP_CLIENT_ID");
+      if (envClientId) json.clientId = envClientId;
+
+      // allow auth scopes to be updated via environment variable
+      // see https://build.fhir.org/ig/HL7/smart-app-launch/scopes-and-launch-context.html
+      const envAuthScopes = getEnv("REACT_APP_AUTH_SCOPES");
+      if (envAuthScopes) json.scope = envAuthScopes;
+
+      sessionStorage.setItem("launchContextJson", JSON.stringify(json));
+
+      console.log("launch context json ", json);
+      FHIR.oauth2
+        .authorize(json)
+        .catch((e) => {
+          console.log("FHIR auth error ", e);
+        });
+    })
+    .catch((error) => console.log(error));
+});

src/launch.js

@@ -41,7 +41,7 @@ export default function Header(props) {
     }
     e.target.classList.remove("ghost");
   };
-  const shouldHideReturnButton = () => !returnURL || inEHR;
+  const shouldHideReturnButton = () => !returnURL;
 
   const renderTitle = () => {
     const appTitle = getEnvAppTitle();