@mbehenri/openmrs-esm-opentms-meet-app 1.0.0

package/src/repositories/Opencare/repository.ts

@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
+
+class OpencareRepository {
+  async getDemands(): Promise<Array<any>> {
+    return [];
+  }
+
+  async getAppointments(
+    patientUuid: string,
+    doctor?: string
+  ): Promise<Array<any>> {
+    return [];
+  }
+
+  async rejectDemand(demand_id: string): Promise<void> {}
+
+  async vaidateDemand(
+    demand_id: string,
+    doctor_id: string,
+    startDate: Date = new Date(),
+    duration = 30
+  ): Promise<void> {}
+
+  async getProviders(): Promise<Array<any>> {
+    return [];
+  }
+
+  // must be different for production for the duration of the appointment
+  async getTokenNextcloud(username: string): Promise<any> {
+    return "TALK_PASSWORD";
+  }
+}
+
+export default OpencareRepository;

package/src/repositories/TypeRepository.ts

@@ -0,0 +1 @@
+export type TypeRepository = "good" | "fake";

package/src/repositories/env.ts

@@ -0,0 +1,7 @@
+class env {
+  static API_USER = "";
+  static API_PASSWORD = "";
+  static API_BASE_URL = "";
+}
+
+export default env;

package/src/repositories/errors.ts

@@ -0,0 +1,13 @@
+export class BadResponse extends Error {
+  constructor(message = "", name = "") {
+    super(message);
+    const tabname = ["BAD-RESPONSE"];
+    if (name != "") {
+      tabname.push(name);
+    }
+    this.name = tabname.join("-");
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, this.constructor);
+    }
+  }
+}

package/src/root.component.tsx

@@ -0,0 +1,46 @@
+/**
+ * From here, the application is pretty typical React, but with lots of
+ * support from `@openmrs/esm-framework`. Check out `Greeter` to see
+ * usage of the configuration system, and check out `PatientGetter` to
+ * see data fetching using the OpenMRS FHIR API.
+ *
+ * Check out the Config docs:
+ *   https://openmrs.github.io/openmrs-esm-core/#/main/config
+ */
+
+import React, { useEffect } from "react";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { Home } from "./pages/home/home.component";
+import { useConfig } from "@openmrs/esm-framework";
+import env from "./repositories/env";
+// import { useTranslation } from "react-i18next";
+//import styles from "./root.scss";
+
+const Root: React.FC = () => {
+  // const { t } = useTranslation();
+  //const basename = window.getOpenmrsSpaBase() + "home/opencare";
+  const basename = window.getOpenmrsSpaBase() + "opencare";
+
+  //recupération de la configuration
+  const conf = useConfig();
+
+  // update env variable
+  useEffect(() => {
+    env.API_USER = conf["API_USER"];
+    env.API_PASSWORD = conf["API_PASSWORD"];
+    env.API_BASE_URL = conf["API_BASE_URL"];
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    return () => {};
+  }, [conf]);
+
+  return (
+    <BrowserRouter basename={basename}>
+      <Routes>
+        {/* Route de la page d'acceuil */}
+        <Route path="/home" element={<Home />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
+
+export default Root;

package/src/root.scss

@@ -0,0 +1,15 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+
+.container {
+  padding: spacing.$spacing-07;
+}
+
+.welcome {
+  @include type.type-style('heading-04');
+  margin: spacing.$spacing-05 0; 
+}
+
+.explainer {
+  margin-bottom: 2rem;
+}

package/src/root.test.tsx

@@ -0,0 +1,54 @@
+/**
+ * This is the root test for this page. It simply checks that the page
+ * renders. If the components of your page are highly interdependent,
+ * (e.g., if the `Root` component had state that communicated
+ * information between `Greeter` and `PatientGetter`) then you might
+ * want to do most of your testing here. If those components are
+ * instead quite independent (as is the case in this example), then
+ * it would make more sense to test those components independently.
+ *
+ * The key thing to remember, always, is: write tests that behave like
+ * users. They should *look* for elements by their visual
+ * characteristics, *interact* with them, and (mostly) *assert* based
+ * on things that would be visually apparent to a user.
+ *
+ * To learn more about how we do testing, see the following resources:
+ *   https://o3-docs.vercel.app/docs/frontend-modules/testing
+ *   https://kentcdodds.com/blog/how-to-know-what-to-test
+ *   https://kentcdodds.com/blog/testing-implementation-details
+ *   https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
+ *
+ * Kent C. Dodds is the inventor of `@testing-library`:
+ *   https://testing-library.com/docs/guiding-principles
+ */
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import { useConfig } from "@openmrs/esm-framework";
+import { type Config } from "./config-schema";
+import Root from "./root.component";
+
+/**
+ * This is an idiomatic way of dealing with mocked files. Note that
+ * `useConfig` is already mocked; the Jest moduleNameMapper (see the
+ * Jest config) has mapped the `@openmrs/esm-framework` import to a
+ * mock file. This line just tells TypeScript that the object is, in
+ * fact, a mock, and so will have methods like `mockReturnValue`.
+ */
+const mockUseConfig = useConfig as jest.Mock;
+
+it("renders a landing page for the opencare app", () => {
+  const config: Config = {
+    API_HOST: "localhost",
+    API_PASSWORD: "Admin123",
+    API_PORT: "8010",
+    API_USER: "admin",
+    API_SECURE: false,
+  };
+  mockUseConfig.mockReturnValue(config);
+
+  render(<Root />);
+
+  expect(
+    screen.getByRole("heading", { name: /welcome to the o3 opencare app/i })
+  ).toBeInTheDocument();
+});

package/src/routes.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "fhir2": ">=1.2",
+    "webservices.rest": "^2.24.0"
+  },
+  "extensions": [
+    {
+      "component": "demandtab",
+      "name": "opencare-demand-tab",
+      "slot": "homepage-widgets-slot"
+    },
+    {
+      "component": "appointmenttab",
+      "name": "opencare-appointment-tab",
+      "slot": "patient-chart-appointments-dashboard-slot"
+    },
+    {
+      "component": "root",
+      "name": "opencare-dashboard",
+      "slot": "opencare-dashboard-slot"
+    },
+    {
+      "component": "meetiframe",
+      "name": "opencare-meet-iframe",
+      "meta": {
+        "title": {
+          "key": "meetWorkspace",
+          "default": "Meet Workspace"
+        }
+      }
+    },
+    {
+      "component": "validatedemandform",
+      "name": "opencare-validate-demand-form"
+    }
+  ],
+  "pages": [
+    {
+      "component": "root",
+      "route": "opencare"
+    }
+  ]
+}

package/src/services/doctor.ts

@@ -0,0 +1,165 @@
+import { formatDatetime, parseDate } from "@openmrs/esm-framework";
+import { getOpencareRepository } from "../repositories/Opencare";
+import type OpencareRepository from "../repositories/Opencare/repository";
+
+export enum AppointmentTypes {
+  UPCOMING = 0,
+  TODAY = 1,
+  PAST = 2,
+}
+
+class DoctorService {
+  static instance: DoctorService | null = null;
+
+  opencare_rep: OpencareRepository;
+
+  constructor() {
+    this.opencare_rep = getOpencareRepository("good");
+  }
+
+  /**
+   *
+   * @returns patient service
+   */
+  static getInstance(): DoctorService {
+    if (DoctorService.instance) {
+      return DoctorService.instance;
+    } else {
+      DoctorService.instance = new DoctorService();
+      return DoctorService.instance;
+    }
+  }
+
+  /**
+   * get the demand in process
+   * @param istoday today boolean
+   * @returns
+   */
+  async getDemands(istoday = false): Promise<Array<any>> {
+    try {
+      return await this.opencare_rep.getDemands();
+    } catch (error) {
+      /* console.log(error); */
+      return null;
+    }
+  }
+
+  /**
+   * reject the demand in processing
+   * @returns
+   */
+  async rejectDemand(demand_id: string): Promise<any> {
+    try {
+      await this.opencare_rep.rejectDemand(demand_id);
+      return true;
+    } catch (error) {
+      /* console.log(error); */
+      return null;
+    }
+  }
+
+  /**
+   * validate the demand in processing
+   * @returns
+   */
+  async validateDemand(
+    demand_id: string,
+    doctor_id: string,
+    startDate: Date = new Date(),
+    duration = 30
+  ): Promise<any> {
+    try {
+      await this.opencare_rep.vaidateDemand(
+        demand_id,
+        doctor_id,
+        startDate,
+        duration
+      );
+      return true;
+    } catch (error) {
+      /* console.log(error); */
+      return null;
+    }
+  }
+
+  /**
+   * get the appointments
+   * @param patientUuid patient uuid
+   * @returns
+   */
+  async getAppointments(
+    patientUuid: string,
+    doctor?: string
+  ): Promise<Map<number, Array<any>>> {
+    try {
+      const past = [];
+      const today = [];
+      const upcoming = [];
+
+      const res = await this.opencare_rep.getAppointments(patientUuid, doctor);
+      let datenow = new Date();
+      res.forEach((appointment, i) => {
+        if (appointment.status != "Cancelled") {
+          const dateappt = new Date(appointment.startDateTime);
+
+          // eslint-disable-next-line no-console
+          // console.log(` comp : ${dateappt} - ${datenow}`);
+
+          if (dateappt > datenow) {
+            upcoming.push({
+              ...appointment,
+              appointmentTimeType: AppointmentTypes.UPCOMING,
+            });
+          } else {
+            if (
+              dateappt.getDate() === datenow.getDate() &&
+              dateappt.getMonth() === datenow.getMonth() &&
+              dateappt.getFullYear() === datenow.getFullYear()
+            ) {
+              today.push({
+                ...appointment,
+                appointmentTimeType: AppointmentTypes.TODAY,
+              });
+            } else {
+              past.push({
+                ...appointment,
+                appointmentTimeType: AppointmentTypes.PAST,
+              });
+            }
+          }
+        }
+      });
+      const appointments = new Map<number, Array<any>>();
+      appointments.set(AppointmentTypes.PAST, past);
+      appointments.set(AppointmentTypes.TODAY, today);
+      appointments.set(AppointmentTypes.UPCOMING, upcoming);
+
+      // eslint-disable-next-line no-console
+      // console.log(appointments);
+
+      return appointments;
+    } catch (error) {
+      return null;
+    }
+  }
+
+  async getProviders(): Promise<Array<any>> {
+    try {
+      return await this.opencare_rep.getProviders();
+    } catch (error) {
+      /* console.log(error); */
+      return null;
+    }
+  }
+
+  /**
+   * get a token for accessing to nextcloud
+   * @param istoday today boolean
+   * @returns
+   */
+  async getTokenNextcloud(username: string): Promise<string> {
+    return await this.opencare_rep.getTokenNextcloud(username);
+  }
+}
+
+export default DoctorService;

package/src/setup-tests.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/extend-expect";

package/src/utils.ts

@@ -0,0 +1,41 @@
+export function base64(str: string): string {
+  return btoa(str);
+  //return Buffer.from(str).toString('base64')
+}
+
+export function localTimeOffsetUTC() {
+  // Obtenir l'offset en minutes
+  const now = new Date();
+  const timeOffsetMinutes = now.getTimezoneOffset();
+
+  // Convertir l'offset en heures et minutes
+  const hours = Math.floor(Math.abs(timeOffsetMinutes) / 60);
+  const minutes = Math.abs(timeOffsetMinutes) % 60;
+  const sign = timeOffsetMinutes <= 0 ? "+" : "-";
+
+  return `${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(
+    2,
+    "0"
+  )}`;
+}
+
+export function inLocalTimeOffsetUTC() {
+  // Obtenir l'offset en minutes
+  const now = new Date();
+  const timeOffsetMinutes = now.getTimezoneOffset();
+
+  // Convertir l'offset en heures et minutes
+  const hours = Math.floor(Math.abs(timeOffsetMinutes) / 60);
+  const minutes = Math.abs(timeOffsetMinutes) % 60;
+  const sign = timeOffsetMinutes >= 0 ? "+" : "-";
+
+  return `${sign}${String(hours).padStart(2, "0")}:${String(minutes).padStart(
+    2,
+    "0"
+  )}`;
+}
+
+export function getPageSizes(data: Array<any>, pageSize = 10): Array<number> {
+  const numberOfPages = Math.ceil(data.length / pageSize);
+  return Array.from({ length: numberOfPages }, (_, i) => (i + 1) * pageSize);
+}

package/translations/en.json

@@ -0,0 +1 @@
+{}

package/translations/es.json

@@ -0,0 +1,24 @@
+{
+  "casualGreeting": "hey",
+  "configSystem": "Sistema de configuración",
+  "configSystemExplainer": "El saludo que se muestra a continuación es impulsado por el sistema de configuración. Para cambiar las propiedades de configuración, haga clic en el icono de llave inglesa en la barra de navegación para abrir el panel Herramientas del implementador. Luego, escriba <2>plantilla</2> en la entrada <4>Configuración de búsqueda</4>. Esto debería filtrar las propiedades de configuración para mostrar solo aquellas que son relevantes para este módulo. Puede cambiar los valores de estas propiedades y hacer clic en <6>Guardar</6> para ver los cambios reflejados en la interfaz de usuario",
+  "connect": "Conectar",
+  "connectExplainer": "Póngase en contacto con la comunidad",
+  "dataFetching": "Obtención de datos",
+  "designDocs": "Documentación de diseño",
+  "designDocsExplainer": "Lea la documentación de diseño de O3",
+  "explainer": "Los siguientes ejemplos demuestran algunas características clave del marco O3",
+  "extensionExplainer": "Aquí hay algunos cuadros de colores. Debido a que se adjuntan como extensiones dentro de una ranura, un administrador puede cambiar los cuadros que se muestran mediante la configuración. Estos cuadros están definidos en este módulo, pero podrían adjuntarse a esta ranura incluso si estuvieran en un módulo diferente",
+  "extensionSystem": "Sistema de extensión",
+  "formalGreeting": "Hola",
+  "frontendDocs": "Documentación de interfaz",
+  "getPatient": "Consigue una paciente llamada",
+  "getStarted": "Comenzar",
+  "getStartedExplainer": "Cree un módulo frontend a partir de esta plantilla",
+  "learnExplainer": "Aprenda a usar el marco O3.",
+  "loading": "Cargando",
+  "patientGetterExplainer": "Intente hacer clic en el botón a continuación para buscar un paciente desde el backend",
+  "resources": "Recursos",
+  "usefulLinks": "A continuación hay algunos enlaces a recursos útiles",
+  "welcomeText": "Bienvenido a la aplicación Plantilla O3"
+}

package/translations/fr.json

@@ -0,0 +1,24 @@
+{
+  "casualGreeting": "hey",
+  "configSystem": "Système de configuration",
+  "configSystemExplainer": "Le message d'accueil affiché ci-dessous est piloté par le système de configuration. Pour modifier les propriétés de configuration, cliquez sur l'icône de clé dans la barre de navigation pour afficher le panneau Outils de mise en œuvre. Saisissez ensuite <2>modèle</2> dans l'entrée <4>Configuration de la recherche</4>. Cela devrait filtrer les propriétés de configuration pour afficher uniquement celles qui sont pertinentes pour ce module. Vous pouvez modifier les valeurs de ces propriétés et cliquer sur <6>Enregistrer</6> pour voir les modifications reflétées dans l'interface utilisateur",
+  "connect": "Connecter",
+  "connectExplainer": "Entrez en contact avec la communauté",
+  "dataFetching": "Récupération de données",
+  "designDocs": "Documents de conception",
+  "designDocsExplainer": "Lisez la documentation de conception O3",
+  "explainer": "Les exemples suivants illustrent certaines fonctionnalités clés du cadre O3",
+  "extensionExplainer": "Voici quelques cases colorées. Parce qu'ils sont attachés en tant qu'extensions dans un emplacement, un administrateur peut modifier les cases affichées à l'aide de la configuration. Il se trouve que ces boîtes sont définies dans ce module, mais elles pourraient être attachées à cet emplacement même si elles se trouvaient dans un module différent",
+  "extensionSystem": "Système d'extension",
+  "formalGreeting": "bonjour",
+  "frontendDocs": "Documentation frontale",
+  "getPatient": "Obtenez un patient nommé",
+  "getStarted": "Commencer",
+  "getStartedExplainer": "Créer une interface à partir de ce modèle",
+  "learnExplainer": "Apprendre à utiliser le framework O3",
+  "loading": "Chargement",
+  "patientGetterExplainer": "Essayez de cliquer sur le bouton ci-dessous pour récupérer un patient depuis le backend",
+  "resources": "Ressources",
+  "usefulLinks": "Ci-dessous quelques liens vers des ressources utiles",
+  "welcomeText": "Bienvenue dans l'application O3 Template"
+}

package/translations/he.json

@@ -0,0 +1,24 @@
+{
+  "casualGreeting": "hey",
+  "configSystem": "מערכת התצורה",
+  "configSystemExplainer": "הברכה המוצגת להלן מונעת על ידי מערכת התצורה. כדי לשנות את מאפייני התצורה, לחץ על סמל מפתח הברגים בסרגל הניווט כדי למשוך את החלונית Implementer Tools. לאחר מכן, הקלד <2>תבנית</2> בקלט <4>תצורת חיפוש</4>. זה אמור לסנן את מאפייני התצורה כדי להציג רק את אלו הרלוונטיים למודול זה. אתה יכול לשנות את הערכים של מאפיינים אלה וללחוץ על <6>שמור</6> כדי לראות את השינויים המשתקפים בממשק המשתמש",
+  "connect": "לְחַבֵּר",
+  "connectExplainer": "צור קשר עם הקהילה",
+  "dataFetching": "איסוף נתונים",
+  "designDocs": "תיעוד עיצוב",
+  "designDocsExplainer": "קרא את תיעוד התכנון של O3",
+  "explainer": "הדוגמאות הבאות מדגימות כמה תכונות מפתח של מסגרת O3",
+  "extensionExplainer": "הנה כמה קופסאות צבעוניות. מכיוון שהם מחוברים כהרחבות בתוך חריץ, מנהל מערכת יכול לשנות אילו תיבות יוצגו באמצעות תצורה. התיבות האלה מוגדרות במקרה במודול הזה, אבל הן יכולות להכנס למשבצת הזו גם אם הן היו במודול אחר",
+  "extensionSystem": "מערכת ההרחבה",
+  "formalGreeting": "שלום",
+  "frontendDocs": "תיעוד חזיתי",
+  "getPatient": "קח מטופל בשם",
+  "getStarted": "להתחיל",
+  "getStartedExplainer": "צור מודול מתבנית זו",
+  "learnExplainer": "למד כיצד להשתמש במסגרת O3",
+  "loading": "טוען",
+  "patientGetterExplainer": "נסה ללחוץ על הכפתור למטה כדי להביא מטופל מאחור",
+  "resources": "משאבים נוספים",
+  "usefulLinks": "להלן כמה קישורים למשאבים שימושיים",
+  "welcomeText": "ברוכים הבאים לאפליקציית O3 Template"
+}

package/translations/km.json

@@ -0,0 +1,24 @@
+{
+  "casualGreeting": "hey",
+  "configSystem": "ប្រព័ន្ធកំណត់រចនាសម្ព័ន្ធ",
+  "configSystemExplainer": "ការស្វាគមន៍ដែលបង្ហាញខាងក្រោមត្រូវបានជំរុញដោយប្រព័ន្ធកំណត់រចនាសម្ព័ន្ធ។ ដើម្បីផ្លាស់ប្តូរលក្ខណសម្បត្តិនៃការកំណត់រចនាសម្ព័ន្ធ សូមចុចរូបតំណាង spanner នៅក្នុងរបាររុករក ដើម្បីទាញបន្ទះឧបករណ៍អនុវត្ត។ បន្ទាប់មក វាយ <2>ពុម្ព</2> ទៅក្នុងធាតុបញ្ចូល <4>ការស្វែងរក</4>។ វាគួរត្រងលក្ខណសម្បត្តិនៃការកំណត់រចនាសម្ព័ន្ធ ដើម្បីបង្ហាញតែអ្វីដែលពាក់ព័ន្ធទៅនឹងម៉ូឌុលនេះប៉ុណ្ណោះ។ អ្នកអាចផ្លាស់ប្តូរតម្លៃនៃលក្ខណៈសម្បត្តិទាំងនេះ ហើយចុច <6>រក្សាទុក</6> ដើម្បីមើលការផ្លាស់ប្តូរដែលឆ្លុះបញ្ចាំងនៅក្នុង UI",
+  "connect": "ភ្ជាប់",
+  "connectExplainer": "ទាក់ទងជាមួយសហគមន៍",
+  "dataFetching": "ការទាញយកទិន្នន័យ",
+  "designDocs": "ឯកសាររចនា",
+  "designDocsExplainer": "អានឯកសាររចនា O3",
+  "explainer": "ឧទាហរណ៍ខាងក្រោមបង្ហាញពីលក្ខណៈសំខាន់ៗមួយចំនួននៃក្របខ័ណ្ឌ O3",
+  "extensionExplainer": "នេះគឺជាប្រអប់ពណ៌មួយចំនួន។ ដោយសារតែពួកវាត្រូវបានភ្ជាប់ជាផ្នែកបន្ថែមនៅក្នុងរន្ធដោត អ្នកគ្រប់គ្រងអាចផ្លាស់ប្តូរអ្វីដែលប្រអប់ត្រូវបានបង្ហាញដោយប្រើការកំណត់។ ប្រអប់ទាំងនេះត្រូវបានកំណត់នៅក្នុងម៉ូឌុលនេះ ប៉ុន្តែពួកវាអាចភ្ជាប់ជាមួយរន្ធដោតនេះ ទោះបីជាពួកគេស្ថិតនៅក្នុងម៉ូឌុលផ្សេងក៏ដោយ។",
+  "extensionSystem": "ប្រព័ន្ធបន្ថែម",
+  "formalGreeting": "សួស្តី",
+  "frontendDocs": "Frontend docs",
+  "getPatient": "យកអ្នកជំងឺឈ្មោះ",
+  "getStarted": "ការចាប់ផ្តើម",
+  "getStartedExplainer": "បង្កើតម៉ូឌុលផ្នែកខាងមុខពីគំរូនេះ។",
+  "learnExplainer": "រៀនពីរបៀបប្រើ O3 framework",
+  "loading": "កំពុងផ្ទុក",
+  "patientGetterExplainer": "ព្យាយាមចុចប៊ូតុងខាងក្រោមដើម្បីទាញយកអ្នកជំងឺពី API",
+  "resources": "ធនធាន",
+  "usefulLinks": "ខាងក្រោមនេះគឺជាតំណភ្ជាប់មួយចំនួនទៅកាន់ធនធានដែលមានប្រយោជន៍",
+  "welcomeText": "សូមស្វាគមន៍មកកាន់កម្មវិធីគំរូ O3"
+}

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "module": "esnext",
+    "allowSyntheticDefaultImports": true,
+    "jsx": "react",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "lib": [
+      "dom",
+      "es5",
+      "scripthost",
+      "es2015",
+      "es2015.promise",
+      "es2016.array.include",
+      "es2018",
+      "es2020",
+      "es2022"
+    ],
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "target": "esnext"
+  }
+}

package/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require("openmrs/default-webpack-config");