diff options
Diffstat (limited to 'packages/merchant-backend-ui/build.mjs')
-rwxr-xr-x | packages/merchant-backend-ui/build.mjs | 151 |
1 files changed, 151 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..21c4068a4 --- /dev/null +++ b/packages/merchant-backend-ui/build.mjs @@ -0,0 +1,151 @@ +#!/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 = ["OfferTip","OfferRefund","DepletedTip","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 templatePlugin(options) { + return { + name: "template-backend", + setup(build) { + build.onEnd(() => { + for (const page of options.pages) { + const css = fs.readFileSync(path.join(build.initialOptions.outdir, `${page}.css`),"utf8").toString() + const js = fs.readFileSync(path.join(build.initialOptions.outdir, `${page}.js`),"utf8").toString() + const scripts = `<script>${js}</script>` + const style = `<style>${css}</style>` + const render = new Function(`${js}; return page.buildTimeRendering();`)() + const html = ` + <!doctype html> + <html> + <head> + ${render.head} + ${style} + </head> + <script id="built_time_data"> + </script> + <body> + ${render.body} + ${scripts} + <script>page.mount()</script> + </body> + </html>` + fs.writeFileSync(path.join(build.initialOptions.outdir, `${page}.html`), html); + } + }); + }, + }; +} + + + +export const buildConfig = { + entryPoints: [...entryPoints], + bundle: true, + outdir: "dist/pages", + minify: true, + loader: { + ".svg": "file", + ".png": "dataurl", + ".jpeg": "dataurl", + '.ttf': 'file', + '.woff': 'file', + '.woff2': 'file', + '.eot': 'file', + }, + target: ["es6"], + 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) |