feat: Implement gene search functionality and gene information page (#11

) (#14)

.dockerignore

@@ -0,0 +1 @@
+**/__tests__/**

.gitattributes

@@ -0,0 +1 @@
+**/__tests__/*.json filter=lfs diff=lfs merge=lfs -text

.github/workflows/main.yml

@@ -24,6 +24,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
+        with:
+            lfs: 'true'
 
       - name: Set up Python 3.10
         uses: actions/setup-python@v4
@@ -48,6 +50,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
+        with:
+            lfs: 'true'
 
       - name: Set up Python 3.10
         uses: actions/setup-python@v4
@@ -84,6 +88,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
+        with:
+            lfs: 'true'
 
       - name: Set up node 20.x
         uses: actions/setup-node@v3
@@ -106,6 +112,8 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@v3
+        with:
+            lfs: 'true'
 
       - name: Set up node 20.x
         uses: actions/setup-node@v3

backend/app/main.py

@@ -3,12 +3,12 @@
 
 import httpx
 from dotenv import load_dotenv
-from fastapi import FastAPI, Query
+from fastapi import FastAPI
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.staticfiles import StaticFiles
 from starlette.background import BackgroundTask
 from starlette.requests import Request
-from starlette.responses import JSONResponse, RedirectResponse, Response, StreamingResponse
+from starlette.responses import RedirectResponse, Response, StreamingResponse
 
 # Load environment
 env = os.environ
@@ -52,7 +52,7 @@ async def reverse_proxy(request: Request) -> Response:
     backend_url = None
 
     if url.path.startswith("/proxy/annonars"):
-        backend_url = BACKEND_PREFIX_ANNONARS + url.path.replace("/proxy/annonars", "/annos")
+        backend_url = BACKEND_PREFIX_ANNONARS + url.path.replace("/proxy/annonars", "")
     elif url.path.startswith("/proxy/mehari"):
         backend_url = BACKEND_PREFIX_MEHARI + url.path.replace("/proxy/mehari", "")
     elif url.path.startswith("/proxy/viguno"):

backend/tests/test_main.py

@@ -2,7 +2,6 @@
 
 import pytest
 from app import main
-from requests_mock import Mocker
 from starlette.testclient import TestClient
 
 #: Host name to use for the mocked backend.
@@ -18,6 +17,7 @@
 @pytest.fixture
 def non_mocked_hosts() -> typing.List[str]:
     """List of hosts that should not be mocked.
+
     We read the host from ``client``.
     """
     return [client._base_url.host]
@@ -28,7 +28,7 @@ async def test_proxy_annonars(monkeypatch, httpx_mock):
     """Test proxying to annonars backend."""
     monkeypatch.setattr(main, "BACKEND_PREFIX_ANNONARS", f"http://{MOCKED_BACKEND_HOST}")
     httpx_mock.add_response(
-        url=f"http://{MOCKED_BACKEND_HOST}/annos/{MOCKED_URL_TOKEN}",
+        url=f"http://{MOCKED_BACKEND_HOST}/{MOCKED_URL_TOKEN}",
         method="GET",
         text="Mocked response",
     )

frontend/index.html

@@ -11,3 +11,39 @@
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
+
+<style>
+  #app {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center; /* Center horizontally */
+    align-items: center; /* Center vertically */
+    min-height: 100vh; /* Ensure the content takes up at least the full viewport height */
+    font-weight: normal;
+  }
+
+  a,
+  .green {
+    text-decoration: none;
+    color: rgb(111, 100, 210);
+    transition: 0.4s;
+  }
+
+  @media (min-width: 1024px) {
+    body {
+      display: flex;
+      justify-content: center; /* Center horizontally */
+      align-items: center; /* Center vertically */
+      min-height: 100vh; /* Ensure the body takes up at least the full viewport height */
+    }
+
+    #app {
+      display: grid;
+      grid-template-columns: 1fr;
+      width: 100%; /* Take up the full available width */
+      max-width: none; /* Remove max-width to utilize full width */
+      align-items: center; /* Center horizontally */
+    }
+  }
+  </style>