A binary that takes a JSON configuration file and a JS compiler file and update the HTML template with the corresponding hash for cache burst.
Used by phraseanet services Docker containers. This allow to update served configuration file without rebuilding the image. Configuration will be update after a (re)start.
Given the following 2 files:
config.json
{
"namespace_foo": "bar",
"secret": "s3cr3t!"
}config-compiler.js
(function (config, env) {
return {
foo: config.namespace_foo,
is_dev: env.APP_ENV === 'dev',
};
});config-compiler.js
(function (config, env) {
return {
foo: config.namespace_foo,
isDev: env.APP_ENV === 'dev',
};
});index.tpl.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
__TPL_CONFIG__
</head>
<body>
</body>
</html>Run:
./generate-env-alpine /path/to/projectThis will produce the following config:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script>window.config={"foo": "bar","isDev": true};</script>
</head>
<body>
</body>
</html>You can return the magic key customHTML node as follows:
// config-compiler.js
(function (config, env) {
return {
customHTML: {
__TPL_HEAD__: `<script>alert("Script executed in env: {env}");</script>`.replace(/{env}/g, env.APP_ENV),
},
foo: config.namespace_foo,
isDev: env.APP_ENV === 'dev',
scriptHeadContents: scriptTpl.replace(/\{env\}/g, env.APP_ENV),
};
});And in the HTML template file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
__TPL_CONFIG__
__TPL_HEAD__
</head>
<body>
</body>
</html>This will produce this HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script src="/env-config.9T9esB0tcmbRstmRIDQH.js"></script>
<script>alert("Script executed in env: dev");</script>
</head>
<body>
</body>
</html>Of course you can add as variables as you want:
// config-compiler.js
(function (config, env) {
return {
customHTML: {
__TPL_HEAD__: `<script>alert("Script executed in env: {env}");</script>`.replace(/{env}/g, env.APP_ENV),
__TPL_BODY_1__: `<div>:)</div>`,
__TPL_BODY_2__: `<div>:(</div>`,
},
};
});Don't forget to place the __TPL_BODY_1__ and __TPL_BODY_2__ text in the right place of your template.