WIP: Care Plugin Support (ohcnetwork#8660)

Co-authored-by: Shivank Kacker <[email protected]>

.cursorrules

@@ -0,0 +1,23 @@
+Care is a React Typescript Project, built with Vite and styled with TailwindCSS.
+
+Care uses a Plugin Architecture. Apps are installed in /apps. 
+
+Care uses a custom useQuery hook to fetch data from the API. APIs are defined in the api.tsx file
+
+Here's an example of how to use the useQuery hook to fetch data from the API:
+
+```
+useQuery from "@/Common/hooks/useQuery";
+const { data, loading, error } = useQuery(routes.getFacilityUsers, {
+  facility_id: "1",
+});
+
+request from "@/Common/utils/request";
+const { res } = await request(routes.partialUpdateAsset, {
+  pathParams: { external_id: assetId },
+  body: data,
+});
+```
+
+
+

.env.docker

@@ -0,0 +1,2 @@
+# Care API URL without the /api prefix
+REACT_CARE_API_URL=http://localhost:9000

.example.env

@@ -16,6 +16,8 @@ REACT_PLAUSIBLE_SITE_DOMAIN=
 # Plausible server URL (default: https://plausible.10bedicu.in)
 REACT_PLAUSIBLE_SERVER_URL=
 
+# Care Apps. repo@branch seperated by commas
+REACT_ENABLED_APPS="ohcnetwork/care_livekit_fe@main,ohcnetwork/care_scribe"
 
 # Main logo (JSON string with light and dark properties)
 REACT_HEADER_LOGO=

.gitignore

@@ -58,3 +58,7 @@ bun.lockb
 # Cypress
 cypress/downloads
 cypress/fixtures/token.json
+
+# Care Apps
+/apps/*
+src/pluginMap.ts

.nvmrc

@@ -0,0 +1 @@
+20

.prettierrc.json

@@ -5,7 +5,6 @@
   "semi": true,
   "jsxSingleQuote": false,
   "arrowParens": "always",
-  "tailwindFunctions": [
-    "classNames"
-  ]
-}
+  "tailwindFunctions": ["classNames"],
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

README.md

@@ -8,20 +8,22 @@
 </a>
 <p align="center"><b>Our goal is to continuously improve the quality and accessibility of public healthcare services using digital tools.</b></p>
 <h2></h2>
-<h3 align="center"><a href="https://care.ohc.network" target="_blank">🚀 Staging Deploy</a></h3>
-<p align="center"><img src="https://api.netlify.com/api/v1/badges/fd123f42-ef65-448c-9b03-39959d60e60b/deploy-status"></p>
+<h3 align="center"><a href="https://care.ohc.network" target="_blank">🚀 Staging Deployment</a></h3>
+<center>
+
+[![Netlify Status](https://api.netlify.com/api/v1/badges/de76351f-b1f0-4bf8-8445-d9faf6391b13/deploy-status)](https://app.netlify.com/sites/care-ohc/deploys)
+
+</center>
 <p align="center">Auto deployed to <a href="https://care.ohc.network/">care.ohc.network</a> for <code>develop</code> branch. All pull requests have preview builds powered by <a href="https://netlify.com">Netlify</a>.</p>
 
 [![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/0)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/0)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/1)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/1)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/2)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/2)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/3)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/3)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/4)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/4)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/5)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/5)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/6)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/6)[![](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/images/7)](https://sourcerer.io/fame/tomahawk-pilot/ohcnetwork/care_fe/links/7)
 
-[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=coronasafe_care_fe&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=coronasafe_care_fe)
 ![Code scanning - action](https://github.com/ohcnetwork/care_fe/workflows/Code%20scanning%20-%20action/badge.svg)
 ![OSSAR](https://github.com/ohcnetwork/care_fe/workflows/OSSAR/badge.svg)
 [![Cypress Tests](https://img.shields.io/endpoint?url=https://cloud.cypress.io/badge/simple/wf7d2m/develop&style=flat&logo=cypress)](https://cloud.cypress.io/projects/wf7d2m/runs)
 ![Staging Release](https://github.com/ohcnetwork/care_fe/workflows/CARE%20Develop%20Registry/badge.svg)
 ![Production Release](https://github.com/ohcnetwork/care_fe/workflows/Production%20Release/badge.svg)
 [![Codacy Badge](https://api.codacy.com/project/badge/Grade/200482ab117e4b5397ff3f5ae5719aa2)](https://www.codacy.com/gh/ohcnetwork/care_fe?utm_source=github.com&utm_medium=referral&utm_content=ohcnetwork/care_fe&utm_campaign=Badge_Grade)
-[![CircleCI](https://circleci.com/gh/ohcnetwork/care_fe.svg?style=svg)](https://circleci.com/gh/ohcnetwork/care_fe)
 [![Maintainability](https://api.codeclimate.com/v1/badges/f1438f693aa459805301/maintainability)](https://codeclimate.com/github/ohcnetwork/care_fe/maintainability)
 
 ## Getting started
@@ -33,7 +35,14 @@
 #### Install the required dependencies
 
 ```sh
-npm install
+npm run install-all
+```
+#### First-time setup
+
+For first-time setup, run the following command to generate the pluginMap and install plugin configurations:
+
+```sh
+npm run setup
 ```
 
 #### 🏃 Run the app in development mode

care.config.ts

@@ -103,6 +103,13 @@ const careConfig = {
   abdm: {
     enabled: (env.REACT_ENABLE_ABDM ?? "true") === "true",
   },
+
+  careApps: env.REACT_ENABLED_APPS
+    ? env.REACT_ENABLED_APPS.split(",").map((app) => ({
+        branch: app.split("@")[1],
+        package: app.split("@")[0],
+      }))
+    : [],
 } as const;
 
 export default careConfig;

cypress/e2e/users_spec/UsersHomepage.cy.ts

@@ -14,7 +14,7 @@ describe("User Homepage", () => {
   const altPhoneNumber = "8878825662";
   const homeFacility = "Dummy Facility 40";
   const nurseUserName = "dummynurse1";
-  const doctorUserName = "devdoctor";
+  const doctorUserName = "devdoctor1";
 
   before(() => {
     loginPage.loginAsDisctrictAdmin();

cypress/pageobject/Facility/FacilityCreation.ts

@@ -297,7 +297,7 @@ class FacilityPage {
 
   selectLocation(location: string) {
     cy.intercept("https://maps.googleapis.com/**").as("mapApi");
-    cy.get("span > svg.care-svg-icon__baseline.care-l-map-marker").click();
+    cy.get("#facility-location-button").click();
     cy.wait("@mapApi").its("response.statusCode").should("eq", 200);
     cy.get("input#pac-input").type(location).type("{enter}");
     cy.wait(2000);