wallet-core/packages/merchant-backend-ui
Florian Dold f56a563533
build system: get rid of prepare scripts
These don't seem to be the right location to compile packages.
The newest version of pnpm runs all those scripts on "pnpm install",
even if we filter for only one package.  That results in a build
performance issue.
2023-06-06 15:25:53 +02:00
..
contrib repo: integrate packages from former merchant-backoffice.git 2022-10-24 10:46:14 +02:00
src fix wrong function call 2023-04-04 15:11:27 -03:00
.gitignore repo: integrate packages from former merchant-backoffice.git 2022-10-24 10:46:14 +02:00
babel.config-linaria.json fix #7714 2023-03-02 13:51:03 -03:00
build.mjs revert minified 2023-04-04 09:08:16 -03:00
copyleft-header.js repo: integrate packages from former merchant-backoffice.git 2022-10-24 10:46:14 +02:00
package.json build system: get rid of prepare scripts 2023-06-06 15:25:53 +02:00
README.md depleted rollback 2023-01-23 14:57:26 -03:00
render-examples.ts camel case for prebuilt 2023-03-02 14:09:44 -03:00
rollup.config.js camel case for prebuilt 2023-03-02 14:09:44 -03:00
trim-extension.cjs fix #7714 2023-03-02 13:51:03 -03:00
tsconfig.json repo: integrate packages from former merchant-backoffice.git 2022-10-24 10:46:14 +02:00

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.