build(html-template): Bundle template at build time

packages/html-templates/.gitignore

@@ -8,5 +8,6 @@ Thumbs.db
 *.log
 yarn.lock
 dist
+dist-template
 artifacts
 .env

packages/html-templates/package.json

@@ -2,11 +2,12 @@
   "name": "@bundle-stats/html-templates",
   "version": "4.17.0",
   "description": "HTML templates for report generation.",
-  "main": "index.js",
+  "main": "dist/index.js",
   "types": "types.d.ts",
   "scripts": {
     "prebuild": "rimraf ./dist",
-    "build": "cross-env NODE_ENV=production webpack --config webpack.config.production.js --mode production",
+    "build:template": "cross-env NODE_ENV=production webpack --config webpack.config.production.js --mode production",
+    "build": "npm run build:template && ./scripts/bundle-template.js",
     "lint": "eslint",
     "start": "cross-env NODE_ENV=development storybook dev -c ./build/storybook -p 8090",
     "test": "echo \"No tests\" && exit 0"

packages/html-templates/scripts/bundle-template.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const ROOT_DIR = path.join(__dirname, '../');
+const OUT_DIR = path.join(ROOT_DIR, 'dist');
+
+const template = fs.readFileSync(path.join(ROOT_DIR, 'dist-template', 'index.html'), 'utf8');
+const output = `module.exports = decodeURI("${encodeURI(template)}");`;
+
+fs.mkdirSync(OUT_DIR, { recursive: true });
+fs.writeFileSync(path.join(OUT_DIR, 'index.js'), output);

packages/html-templates/webpack.config.common.js

@@ -9,12 +9,14 @@ const getResolveConfig = require('./build/webpack/resolve');
 const appConfig = require('./src/config.json');
 const settings = require('./settings');
 
-const { isDevelopment, isProduction, srcDir, distDir } = settings;
+const { isDevelopment, isProduction, srcDir } = settings;
 const iconSprite = fs.readFileSync(
   require.resolve('@bundle-stats/ui/lib-esm/assets/icons.svg'),
   'utf-8',
 );
 
+const distDir = path.join(__dirname, 'dist-template');
+
 module.exports = merge(
   {
     context: srcDir,