29 lines
1.5 KiB
Markdown
29 lines
1.5 KiB
Markdown
Merchant Backend pages
|
|
|
|
# Description
|
|
|
|
This project generate 5 templates for the merchant backend:
|
|
|
|
- DepletedTip
|
|
- OfferRefund
|
|
- OfferTip
|
|
- RequestPayment
|
|
- ShowOrderDetails
|
|
|
|
This pages are to be serve from the merchant-backend service and will be queried for browser that may or may not have JavaScript enabled, so we are going to do server side rendering.
|
|
The merchant-backend service is currently supporting mustache library for server side rendering.
|
|
We also want the be able to create a more interactive design if the browser have JavaScript enabled, so the pages will be serve with all the information in the HTML but also in JavaScript.
|
|
|
|
In this scenario, we are using jsx to build the template of the page that will be build-time rendered into the mustache template. This template can the be deployed into a merchant-backend that will complete the information before send it to the browser.
|
|
|
|
# Building
|
|
|
|
The building process can be executed with `pnpm build`
|
|
|
|
# Testing
|
|
|
|
This project is using a JavaScript implementation of mustache that can be executed with the command `pnpm render-examples`.
|
|
This script will take the pages previously built in `dist/pages` directory and the examples definition in the `src/pages/[exampleName].examples.ts` files and render a to-be-sent-to-the-user page like the merchant would do.
|
|
This examples will be saved invidivualy into directory `dist/examples` and should be opened with your testing browser.
|
|
Testing should be done with JavaScript enabled and JavaScript disabled, both should look ok.
|