openmrs-esm-hackathon-seed

A seed repo for hackathons

Instructions

1. Install Visual Studio Code
2. Install node and npm
3. git clone https://github.com/joeldenning/openmrs-esm-patient-dashboard.git
4. Fork https://github.com/joeldenning/openmrs-esm-hackathon-seed. Clone your fork.
5. npm install inside of both repos
6. Inside of patient-dashboard, modify dashboard-widgets.js and add the following to the patientDashboardWidgets array: () => System.import('@openmrs/my-dashboard-widget'). You should name your widget something besides my-dashboard-widget.
7. Inside of patient-dashboard, npm start -- --https --no-inline --port 8081
8. In a new terminal, run the following inside of hackathon-seed: npm start -- --https --no-inline --port 8082
9. Go to https://openmrs-spa.org/openmsr/spa/login in a browser.
10. Now trust all insecure localhost requests.
11. Open up the browser console and run the following commands:

importMapOverrides.addOverride('@hackathon/patient-dashboard', 'https://localhost:8081/patient-dashboard.js');
importMapOverrides.addOverride('@hackathon/my-dashboard-widget', 'https://localhost:8082/hackathon-seed.js');

12. Refresh the page.
13. Login with username admin and password admin123.
14. Search for the patient called "hornblower". Click on the row in the table.
15. You should now see a widget that says "hackathon seed is working!"
16. Inside of hackathon-seed repo, modify the text inside of root.component.tsx.
17. In the browser, refresh the page. You should see your code modified.