/* Copyright (C) 2019 Monomax Software Pty Ltd * * This file is part of Dnote. * * Dnote is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * Dnote 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 Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Dnote. If not, see . */ // placeholder.js replaces the placeholders in index.html with real values // It is needed to load assets whose paths are not fixed because they change // every time they are generated. const fs = require('fs'); const path = require('path'); // bundleBaseURL is the base URL from which the application javascript bundle // In production, it should be the same as assetBaseURL. It is used for development // environment, in which it is configured to be the webpack development server. const bundleBaseURL = process.env.BUNDLE_BASE_URL; // assetBaseURL is the base URL from which all assets excluding the application // bundle is served. const assetBaseURL = process.env.ASSET_BASE_URL; const publicPath = process.env.PUBLIC_PATH; const compiledPath = process.env.COMPILED_PATH; if (bundleBaseURL === undefined) { throw new Error('No BUNDLE_BASE_URL environment variable found'); } if (assetBaseURL === undefined) { throw new Error('No ASSET_BASE_URL environment variable found'); } if (publicPath === undefined) { throw new Error('No PUBLIC_PATH environment variable found'); } if (compiledPath === undefined) { throw new Error('No COMPILED_PATH environment variable found'); } const isProduction = process.env.NODE_ENV === 'PRODUCTION'; const indexHtmlPath = `${publicPath}/index.html`; const assetManifestPath = path.resolve(compiledPath, 'webpack-manifest.json'); let manifest; try { // eslint-disable-next-line import/no-dynamic-require,global-require manifest = require(assetManifestPath); // eslint-disable-next-line no-empty } catch (e) { if (isProduction) { throw new Error('asset manifest not found'); } } function getJSBundleTag() { let jsFilename; if (isProduction) { jsFilename = manifest['app.js']; } else { jsFilename = '/app.js'; } const jsBundleUrl = `${bundleBaseURL}${jsFilename}`; return ``; } // Replace the placeholders with real values fs.readFile(indexHtmlPath, 'utf8', (err, data) => { if (err) { console.log('Error while reading index.html'); console.log(err); process.exit(1); } const jsBundleTag = getJSBundleTag(); let result = data.replace(//g, jsBundleTag); result = result.replace(//g, assetBaseURL); if (isProduction) { const cssBundleUrl = `${assetBaseURL}${manifest['app.css']}`; const cssBundleTag = ``; result = result.replace(//g, cssBundleTag); } fs.writeFile(indexHtmlPath, result, 'utf8', writeErr => { if (writeErr) { console.log('Error while writing index.html'); console.log(writeErr); process.exit(1); } }); });