diff options
Diffstat (limited to 'packages/merchant-backend-ui/build.mjs')
-rwxr-xr-x | packages/merchant-backend-ui/build.mjs | 190 |
1 files changed, 190 insertions, 0 deletions
diff --git a/packages/merchant-backend-ui/build.mjs b/packages/merchant-backend-ui/build.mjs new file mode 100755 index 000000000..e72113dc5 --- /dev/null +++ b/packages/merchant-backend-ui/build.mjs @@ -0,0 +1,190 @@ +#!/usr/bin/env node +/* + This file is part of GNU Taler + (C) 2021-2023 Taler Systems S.A. + + GNU Taler is free software; you can redistribute it and/or modify it under the + terms of the GNU General Public License as published by the Free Software + Foundation; either version 3, or (at your option) any later version. + + GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR + A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with + GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> + */ + +import esbuild from "esbuild"; +import path from "path"; +import fs from "fs"; +import linaria from '@linaria/esbuild' + +// eslint-disable-next-line no-undef +const BASE = process.cwd(); + +const preact = path.join( + BASE, + "node_modules", + "preact", + "compat", + "dist", + "compat.module.js", +); + +const preactCompatPlugin = { + name: "preact-compat", + setup(build) { + build.onResolve({ filter: /^(react-dom|react)$/ }, (args) => { + //console.log("onresolve", JSON.stringify(args, undefined, 2)); + return { + path: preact, + }; + }); + }, +}; + +const pages = ["OfferRefund", "RequestPayment", "ShowOrderDetails"] +const entryPoints = pages.map(p => `src/pages/${p}.tsx`); + +let GIT_ROOT = BASE; +while (!fs.existsSync(path.join(GIT_ROOT, ".git")) && GIT_ROOT !== "/") { + GIT_ROOT = path.join(GIT_ROOT, "../"); +} +if (GIT_ROOT === "/") { + // eslint-disable-next-line no-undef + console.log("not found"); + // eslint-disable-next-line no-undef + process.exit(1); +} +const GIT_HASH = GIT_ROOT === "/" ? undefined : git_hash(); + +let _package = JSON.parse(fs.readFileSync(path.join(BASE, "package.json"))); + +function git_hash() { + const rev = fs + .readFileSync(path.join(GIT_ROOT, ".git", "HEAD")) + .toString() + .trim() + .split(/.*[: ]/) + .slice(-1)[0]; + if (rev.indexOf("/") === -1) { + return rev; + } else { + return fs.readFileSync(path.join(GIT_ROOT, ".git", rev)).toString().trim(); + } +} +function toCamelCaseName(name) { + return name + .replace(/^[A-Z]/, letter => `${letter.toLowerCase()}`) //first letter lowercase + .replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`) //snake case + .concat(".en.html"); //extension +} + +function templatePlugin(options) { + return { + name: "template-backend", + setup(build) { + build.onEnd(() => { + for (const pageName of options.pages) { + const css = fs.readFileSync(path.join(build.initialOptions.outdir, `${pageName}.css`), "utf8").toString() + const js = fs.readFileSync(path.join(build.initialOptions.outdir, `${pageName}.js`), "utf8").toString() + const location = path.join(build.initialOptions.outdir, toCamelCaseName(pageName)) + const render = new Function(`${js}; return page.buildTimeRendering();`)() + const html = ` + <!doctype html> + <html> + <head> + ${render.head} + <style>${css}</style> + </head> + <script id="built_time_data"> + </script> + <body> + ${render.body} + <script>${js}</script> + <script>page.mount()</script> + </body> + </html>` + fs.writeFileSync(location, html); + } + }); + }, + }; +} + +export const buildConfig = { + entryPoints: [...entryPoints], + bundle: true, + outdir: "dist/pages", + /* + * Doing a minified version will replace templatestring to common strings + * This app is building mustache template with placeholders that will be replaced + * with string in runtime by the merchant-backend + * + * To the date, merchant backend is replacing with multiline string so + * doing minified version will brake at runtime + * */ + minify: false, + loader: { + ".svg": "file", + ".png": "dataurl", + ".jpeg": "dataurl", + '.ttf': 'file', + '.woff': 'file', + '.woff2': 'file', + '.eot': 'file', + }, + target: ["es2020"], + format: "iife", + platform: "browser", + sourcemap: false, + globalName: "page", + jsxFactory: "h", + jsxFragment: "Fragment", + define: { + __VERSION__: `"${_package.version}"`, + __GIT_HASH__: `"${GIT_HASH}"`, + }, + plugins: [ + linaria.default({ + babelOptions: { + babelrc: false, + configFile: './babel.config-linaria.json', + }, + sourceMap: true, + }), + preactCompatPlugin, + templatePlugin({ pages }) + ], +}; + +await esbuild.build(buildConfig) + +export const testingConfig = { + entryPoints: ["src/render-examples.ts"], + bundle: true, + outdir: "dist/test", + minify: false, + loader: { + ".svg": "file", + ".png": "dataurl", + ".jpeg": "dataurl", + '.ttf': 'file', + '.woff': 'file', + '.woff2': 'file', + '.eot': 'file', + }, + target: ["es2020"], + format: "iife", + platform: "node", + sourcemap: true, + define: { + __VERSION__: `"${_package.version}"`, + __GIT_HASH__: `"${GIT_HASH}"`, + }, + plugins: [ + ], +}; + +await esbuild.build(testingConfig) |