mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 21:35:52 +00:00
41471719e6
* Configure ember-auto-import so we can use a stricter CSP * Create a fake filesystem using JSON to avoid inline scripts in index We used to have inline scripts in index.html in order to support embers filepath fingerprinting and our configurable rootURL. Instead of using inline scripts we use application/json plus a JSON blob to create a fake filesystem JSON blob/hash/map to hold all of the rootURL'ed fingerprinted file paths which we can then retrive later in non-inline scripts. We move our inlined polyfills script into the init.js external script, and we move the CodeMirror syntax highlighting configuration inline script into the main app itself - into the already existing CodeMirror initializer (this has been moved so we can lookup a service located document using ember's DI container) * Set a strict-ish CSP policy during development
41 lines
1.7 KiB
JavaScript
41 lines
1.7 KiB
JavaScript
(function(doc, appName) {
|
|
const fs = JSON.parse(doc.querySelector(`[data-${appName}-fs]`).textContent);
|
|
const appendScript = function(src) {
|
|
var $script = doc.createElement('script');
|
|
$script.src = src;
|
|
doc.body.appendChild($script);
|
|
};
|
|
|
|
// polyfills
|
|
if (!('TextDecoder' in window)) {
|
|
appendScript(fs['text-encoding/encoding-indexes.js']);
|
|
appendScript(fs['text-encoding/encoding.js']);
|
|
}
|
|
if (!(window.CSS && window.CSS.escape)) {
|
|
appendScript(fs['css.escape/css.escape.js']);
|
|
}
|
|
|
|
try {
|
|
const $appMeta = doc.querySelector(`[name="${appName}/config/environment"]`);
|
|
// pick out the operatorConfig from our application/json script tag
|
|
const operatorConfig = JSON.parse(doc.querySelector(`[data-${appName}-config]`).textContent);
|
|
// pick out the ember config from its meta tag
|
|
const emberConfig = JSON.parse(decodeURIComponent($appMeta.getAttribute('content')));
|
|
|
|
// rootURL is a special variable that requires settings before ember
|
|
// boots via ember's HTML metadata tag, the variable is equivalent to
|
|
// the -ui-content-path Consul flag (or `ui_config { content_path = ""}`)
|
|
// There will potentially be one or two more 'pre-init' variables that we need.
|
|
// Anything not 'pre-init' should use ui_config.
|
|
// Check the value to make sure its there and a string
|
|
const rootURL =
|
|
typeof operatorConfig.ContentPath !== 'string' ? '' : operatorConfig.ContentPath;
|
|
if (rootURL.length > 0) {
|
|
emberConfig.rootURL = rootURL;
|
|
}
|
|
$appMeta.setAttribute('content', encodeURIComponent(JSON.stringify(emberConfig)));
|
|
} catch (e) {
|
|
throw new Error(`Unable to parse ${appName} settings: ${e.message}`);
|
|
}
|
|
})(document, 'consul-ui');
|