commit 549d7f20cbb2f559611569466123f3fa2459bb0d
parent b783e7219cc6ee4ae60301f560e2edf6cc44a489
Author: Sebastian <sebasjm@gmail.com>
Date: Fri, 1 Oct 2021 10:14:44 -0300
fixed rollup, added README
Diffstat:
2 files changed, 34 insertions(+), 4 deletions(-)
diff --git a/packages/backend/README.md b/packages/backend/README.md
@@ -0,0 +1,30 @@
+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 infromation 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.
+
+
diff --git a/packages/backend/rollup.config.js b/packages/backend/rollup.config.js
@@ -104,9 +104,9 @@ const pageDefinition = (name) => ({
});
export default [
- // pageDefinition("OfferTip"),
- // pageDefinition("OfferRefund"),
- // pageDefinition("DepletedTip"),
- // pageDefinition("RequestPayment"),
+ pageDefinition("OfferTip"),
+ pageDefinition("OfferRefund"),
+ pageDefinition("DepletedTip"),
+ pageDefinition("RequestPayment"),
pageDefinition("ShowOrderDetails"),
]