fix: dynamic DID on the web page (#40)

Signed-off-by: Fabio <Pinheiro>
input-output-hk · Apr 30, 2024 · e03d815 · e03d815
1 parent 2000dd2
commit e03d815
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 40 deletions.
diff --git a/mediator/src/main/resources/application.conf b/mediator/src/main/resources/application.conf
@@ -16,7 +16,7 @@ mediator = {
       x = "MBjnXZxkMcoQVVL21hahWAw43RuAG-i64ipbeKKqwoA"
       x = ${?KEY_AUTHENTICATION_X}
     }
-    endpoint = "https://k8s-int.atalaprism.io/mediator"
+    endpoint = "https://mediator-test-env.atalaprism.io/mediator"
     endpoint = ${?SERVICE_ENDPOINT}
   }
   server.http.port = 8080

diff --git a/mediator/src/main/resources/public/index.html b/mediator/src/main/resources/public/index.html
diff --git a/mediator/src/main/scala/io/iohk/atala/mediator/app/IndexHtml.scala b/mediator/src/main/scala/io/iohk/atala/mediator/app/IndexHtml.scala
@@ -0,0 +1,31 @@
+package io.iohk.atala.mediator.app
+
+import zio.http.Response
+import fmgp.did.DID
+
+object IndexHtml {
+  // TODO use the html.Html.fromDomElement()
+  def html(identity: DID) = Response.html(s"""<html>
+    |<head>
+    |  <meta charset="UTF-8">
+    |  <title>IOHK Mediator</title>
+    |  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    |  <meta name="did" content="${identity.did}">
+    |  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
+    |  <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
+    |  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    |  <script>
+    |    var callback = function () {
+    |      alert('A callback was triggered');
+    |    }
+    |  </script>
+    |  <!-- My APP -->
+    |  <script type="text/javascript" src="public/webapp-fastopt-bundle.js"></script>
+    |</head>
+    |
+    |<body style="margin:0;">
+    |  <div id="app-container"></div>
+    |</body>
+    |
+    |</html>""".stripMargin)
+}
diff --git a/mediator/src/main/scala/io/iohk/atala/mediator/app/MediatorAgent.scala b/mediator/src/main/scala/io/iohk/atala/mediator/app/MediatorAgent.scala
@@ -261,8 +261,11 @@ object MediatorAgent {
               .setStatus(Status.BadRequest)
           )
       case req @ Method.GET -> !! => { // html.Html.fromDomElement()
-        val data = Source.fromResource(s"public/index.html").mkString("")
-        ZIO.log("index.html") *> ZIO.succeed(Response.html(data))
+        for {
+          agent <- ZIO.service[MediatorAgent]
+          _ <- ZIO.log("index.html")
+          ret <- ZIO.succeed(IndexHtml.html(agent.id))
+        } yield ret
       }
     }: Http[
       Operations & Resolver & MessageDispatcher & MediatorAgent & MessageItemRepo & UserAccountRepo,

diff --git a/webapp/src/main/scala/fmgp/webapp/Global.scala b/webapp/src/main/scala/fmgp/webapp/Global.scala
@@ -13,9 +13,11 @@ import fmgp.did.comm._
 
 object Global {
 
-  def mediatorDID = FROM(
-    "did:peer:2.Ez6LSghwSE437wnDE1pt3X6hVDUQzSjsHzinpX3XFvMjRAm7y.Vz6Mkhh1e5CEYYq6JBUcTZ6Cp2ranCWRrv7Yax3Le4N59R6dd.SeyJ0IjoiZG0iLCJzIjoiaHR0cHM6Ly9rOHMtaW50LmF0YWxhcHJpc20uaW8vbWVkaWF0b3IiLCJyIjpbXSwiYSI6WyJkaWRjb21tL3YyIl19"
-  )
+  var mediatorDID = {
+    val didSTR = dom.document.querySelector("""meta[name="did"]""")
+    FROM(didSTR.getAttribute("content"))
+  }
+
   def clipboardSideEffect(text: => String): Any => Unit =
     (_: Any) => { dom.window.navigator.clipboard.writeText(text) }
 

diff --git a/webapp/src/main/scala/fmgp/webapp/MediatorInfo.scala b/webapp/src/main/scala/fmgp/webapp/MediatorInfo.scala
@@ -31,7 +31,7 @@ object MediatorInfo {
     div(
       h1("Invite for the DID Comm Mediator:"),
       h3("Plaintext out of band invitation:"),
-      p(code(qrCodeData)),
+      p(a(href := qrCodeData, target := "_blank", code(qrCodeData))), // FIXME make it a link to the mobile app
       pre(code(invitation.toPlaintextMessage.toJsonPretty)),
       divQRCode,
       h3("Signed out of band invitation:"),