Add version string env var and ui update

Dockerfile

@@ -16,4 +16,4 @@ RUN npm run build
 
 RUN cp build/404.html build/index.html
 
-CMD ["sh", "-c", "npm run build && cp build/404.html build/index.html && npm run start"]
+CMD npm run build && cp build/404.html build/index.html && npm run start

default.env

@@ -27,12 +27,21 @@ COMPOSE_FILE=docker-compose.yaml:docker-compose.static-ingress.yaml
 # Fully qualified domain name; used to configure traefik ingress
 # SERVER_NAME=foo.cirg.uw.edu
 
+VITE_VERSION_STRING=
+
+# Debug option for non-prod deployments using /build output
+# (Works best in Chrome)
+# DEBUG=1
+
+# Adds demo tab to IPS viewer
+# VITE_SHOW_VIEWER_DEMO=1
+
 ###
 ### Client environment variables:
 ### Variables with VITE_ prefix will be available to the client
 ###
 
-# SMART on FHIR client id configurations
+# SMART on FHIR client id configurations:
 # Ensure that your development client is registered with the proper redirect uris
 #EHRs
 VITE_EPIC_CLIENT_ID=
@@ -44,10 +53,13 @@ VITE_CAREFIRST_CLIENT_ID=
 VITE_HUMANA_CLIENT_ID=
 VITE_ACENTRA_CLIENT_ID=
 
-# HIMSS 2024 only:
+# SOF for HIMSS 2024 only:
 #VITE_EPIC_HIMSS_CLIENT_ID=
 #VITE_ECW_HIMSS_CLIENT_ID=
 
+# Bearer auth tokens
+VITE_MEDITECH_BEARER_TOKEN=
+
 # SHL Server API endpoint url
 VITE_API_BASE=
 

default.env.development

@@ -1,6 +1,13 @@
 # If overrides to .env values are needed for development
-# VITE_API_BASE=
-# VITE_INTERMEDIATE_FHIR_SERVER_BASE=
 
-# Override vite dev server port
-# DEV_SERVER_PORT=
+# vite dev server port
+DEV_SERVER_PORT=4000
+
+# SHL API endpoint
+VITE_API_BASE=https://smart-health-links-server.cirg.washington.edu/api
+
+# FHIR Server endpoint url
+VITE_INTERMEDIATE_FHIR_SERVER_BASE=https://fhir.ips-demo.dev.cirg.uw.edu/fhir
+
+# SHL Viewer url override
+# VITE_VIEWER_BASE=https://shlips.fl.dlorigan.dev.cirg.uw.edu/ips/index.html

package.json

@@ -16,7 +16,6 @@
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/adapter-static": "^2.0.0",
 		"@sveltejs/kit": "^1.5.0",
-		"merge-images": "^2.0.0",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.8.1",
 		"svelte": "^3.55.1",
@@ -27,6 +26,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@types/fhir": "^0.0.41",
 		"@types/node": "^20.8.7",
 		"@types/pako": "^2.0.0",
 		"@types/qrcode": "^1.5.0",

src/app.html

@@ -5,6 +5,13 @@
     <meta charset="utf-8" />
     <meta name="referrer" content="no-referrer" />
     <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" />
+    <link rel="preload" as="font" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf" type="font/woff2" crossorigin="anonymous">
+    <link rel="preload" as="image" href="/img/doh_logo_doh-black.png" />
+    <link rel="preload" as="image" href="/img/waverifypluslogo.png" />
+    <link rel="preload" as="image" href="/img/qr-banner-top.png" />
+    <link rel="preload" as="image" href="/img/qr-banner-bottom.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
 
     %sveltekit.head%

src/env.d.ts

@@ -9,9 +9,12 @@ interface ImportMetaEnv {
     readonly VITE_CAREFIRST_CLIENT_ID: string
     readonly VITE_HUMANA_CLIENT_ID: string
     readonly VITE_ACENTRA_CLIENT_ID: string
+    readonly VITE_MEDITECH_BEARER_TOKEN: string
     readonly VITE_API_BASE: string
     readonly VITE_VIEWER_BASE: string
+    readonly VITE_SHOW_VIEWER_DEMO: boolean
     readonly VITE_INTERMEDIATE_FHIR_SERVER_BASE: string
+    readonly VITE_VERSION_STRING: string
     readonly DEV_SERVER_PORT: number
 }