How to use @hpcc-js/requirejs-shim - 5 common examples
To help you get started, we’ve selected a few @hpcc-js/requirejs-shim examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
hpcc-systems / Visualization / packages / loader / src / requirejs.ts View on Github 
const dedup: { [key: string]: boolean } = {};
function addCssToDoc(url: string) {
if (!dedup[url]) {
dedup[url] = true;
if (!getElementAttrVal("link", "href", url)) {
const link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = url;
document.getElementsByTagName("head")[0].appendChild(link);
}
}
}
const load = requirejs.load;
requirejs.load = function (context, moduleId, url) {
// Temp hook for transition to ts /d3.v4 ---
if (moduleId.length >= 4 && moduleId.indexOf(".css") === moduleId.length - 4) {
const newUrl = url.substring(0, url.length - 3);
addCssToDoc(newUrl);
url = loaderUrl + "/rjs.noop.js";
}
/*
else if (url.length >= 26 && url.indexOf("/common/dist/common.min.js") === url.length - 26) {
addCssToDoc(url.replace("/common/dist/common.min.js", "/common/font-awesome/css/font-awesome.min.css"));
} else if (url.length >= 22 && url.indexOf("/common/dist/common.js") === url.length - 22) {
addCssToDoc(url.replace("/common/dist/common.js", "/common/font-awesome/css/font-awesome.min.css"));
} else if (url.length >= 20 && url.indexOf("/common/lib/index.js") === url.length - 20) {
addCssToDoc(url.replace("/common/lib/index.js", "/common/font-awesome/css/font-awesome.min.css"));
}
if (moduleId.indexOf("@hpcc-js/") === 0 && moduleId.indexOf("/dist/") > 0) {const dedup: { [key: string]: boolean } = {};
function addCssToDoc(url: string) {
if (!dedup[url]) {
dedup[url] = true;
if (!getElementAttrVal("link", "href", url)) {
const link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = url;
document.getElementsByTagName("head")[0].appendChild(link);
}
}
}
const load = requirejs.load;
requirejs.load = function (context, moduleId, url) {
// Temp hook for transition to ts /d3.v4 ---
if (moduleId.length >= 4 && moduleId.indexOf(".css") === moduleId.length - 4) {
const newUrl = url.substring(0, url.length - 3);
addCssToDoc(newUrl);
url = loaderUrl + "/rjs.noop.js";
}
/*
else if (url.length >= 26 && url.indexOf("/common/dist/common.min.js") === url.length - 26) {
addCssToDoc(url.replace("/common/dist/common.min.js", "/common/font-awesome/css/font-awesome.min.css"));
} else if (url.length >= 22 && url.indexOf("/common/dist/common.js") === url.length - 22) {
addCssToDoc(url.replace("/common/dist/common.js", "/common/font-awesome/css/font-awesome.min.css"));
} else if (url.length >= 20 && url.indexOf("/common/lib/index.js") === url.length - 20) {
addCssToDoc(url.replace("/common/lib/index.js", "/common/font-awesome/css/font-awesome.min.css"));
}
if (moduleId.indexOf("@hpcc-js/") === 0 && moduleId.indexOf("/dist/") > 0) {
// addCssToDoc(url.replace(".js", ".css"));function reqListener() {
const pkg = JSON.parse(this.responseText);
console.log(`Configuring require from ${pkg.name}@${pkg.version} from ${url}`);
const topoJsonUrl = `${pkgUrl(pkg, "@hpcc-js/map")}/TopoJSON`;
window.__hpcc_topoJsonFolder = topoJsonUrl;
const paths: { [key: string]: string } = {
"@hpcc-js/map/TopoJSON": topoJsonUrl,
...additionalPaths
};
for (const key in pkg.dependencies) {
paths[key] = `${pkgUrl(pkg, key)}/dist/index${minStr}`;
}
resolve(requirejs.config({
context: url,
paths
}));
}export function cdn(url: string, min: boolean = true, additionalPaths: { [key: string]: string } = {}): any {
console.log("Deprecated - please use 'amd'");
window.__hpcc_topoJsonFolder = `${url}/map/TopoJSON`;
const minStr = min ? ".min" : "";
const paths: { [key: string]: string } = {
"@hpcc-js/map/TopoJSON": `${url}/map/TopoJSON`,
...additionalPaths
};
hpccShims.forEach(shim => {
paths[`@hpcc-js/${shim}`] = `${url}/${shim}/dist/index${minStr}`;
});
packages.forEach(pckg => {
paths[`@hpcc-js/${pckg}`] = `${url}/${pckg}/dist/index${minStr}`;
});
return requirejs.config({
context: url,
paths
});
}const paths: { [key: string]: string } = {
...thirdPartyPaths,
...additionalPaths
};
const rjsPackages: any = [];
hpccShims.forEach(shim => {
paths[`@hpcc-js/${shim}`] = `${hostUrl}/${shim}/dist/index`;
});
packages.forEach(pckg => {
paths[`@hpcc-js/${pckg}`] = `${hostUrl}/${pckg}`;
rjsPackages.push({
name: `@hpcc-js/${pckg}`,
main: "lib-umd/index"
});
});
return requirejs.config({
context: hostUrl,
paths,
packages: rjsPackages,
shim: requireShims
});
}@hpcc-js/requirejs-shim
hpcc-js - requirejs shim
