Experimenting with Microfrontends

.cursorrules

@@ -1,18 +1,48 @@
 Care is a React Typescript Project, built with Vite and styled with TailwindCSS.
 
-Care uses a Plugin Architecture. Apps are installed in /apps. 
+Pages are defined in /src/pages.
 
-Care uses a custom useQuery hook to fetch data from the API. APIs are defined in the api.tsx file
+The React Components for the pages are defined in /src/components. Care primarily uses shadcn/ui components.
 
-Here's an example of how to use the useQuery hook to fetch data from the API:
+Routing for the React Pages are defined in /src/Routers/AppRouter.tsx using `raviger`. The AppRouter has a Routes object that maps paths to React Components.
+
+For Icons, Care uses an implementation of Unicons which can be used like this:
+
+```
+import CareIcon from "@/CAREUI/icons/CareIcon";
+
+<CareIcon icon="l-hospital" />
+```
+
+The main routes are accessible from the BaseNavItems defined within the StatelessSidebar component in /src/components/Common/Sidebar/Sidebar.tsx.
+
+Care uses a custom useQuery hook to fetch data from the API. API routes are defined in the api.tsx file like:
 
 ```
-useQuery from "@/common/hooks/useQuery";
+routes = {
+  createScribe: {
+    path: "/api/care_scribe/scribe/",
+    method: "POST",
+    TReq: Type<ScribeModel>(),
+    TRes: Type<ScribeModel>(),
+  },
+  ...otherRoutes
+}
+```
+
+Here's an example of how to use the useQuery hook to fetch data from the API
+
+```
+import useQuery from "@/Utils/request/useQuery";
 const { data, loading, error } = useQuery(routes.getFacilityUsers, {
   facility_id: "1",
 });
+```
+
+Here's an example of how to make a request to the API
 
-request from "@/common/utils/request";
+```
+import request from "@/Utils/request/request";
 const { res } = await request(routes.partialUpdateAsset, {
   pathParams: { external_id: assetId },
   body: data,

.env

@@ -7,11 +7,11 @@ REACT_APP_COVER_IMAGE_ALT=https://cdn.ohc.network/care_logo.svg
 REACT_PUBLIC_URL=https://care.ohc.network
 
 # Care API URL without the /api prefix
-REACT_CARE_API_URL=https://careapi.ohc.network
+REACT_CARE_API_URL=https://care-api.do.ohc.network
 
 # Dev envs
 ESLINT_NO_DEV_ERRORS=true
 CARE_CDN_URL="https://egov-s3-facility-10bedicu.s3.amazonaws.com https://egov-s3-patient-data-10bedicu.s3.amazonaws.com http://localhost:4566"
 REACT_ALLOWED_LOCALES="en,hi,ta,ml,mr,kn"
 
-REACT_ENABLED_APPS=""
+REACT_ENABLED_APPS="ohcnetwork/care_livekit_fe@main"

.gitignore

@@ -62,4 +62,7 @@ cypress/fixtures/token.json
 # Care Apps
 /apps/*
 src/pluginMap.ts
-/apps_backup/*
+/apps_backup/*
+
+# Federation Temp files
+/.__mf__temp

netlify.toml

@@ -1,10 +1,10 @@
 [build]
-publish = "build/"
+publish = "build"
 command = "CI='' npm run build"
 
 [build.environment]
-NODE_VERSION = "20.12.0"
-NPM_FLAGS = "--legacy-peer-deps"
+NODE_VERSION = "22.11.0"
+NPM_FLAGS = "--no-optional"
 NODE_OPTIONS = "--max_old_space_size=4096"
 
 [[redirects]]