d26dbf4b3d
- Handle both arrow functions and traditional function expressions - Add tests to ensure correctness of transformations
52 lines
2.1 KiB
TypeScript
52 lines
2.1 KiB
TypeScript
import { ftlValuesGlobalName } from "../ftlValuesGlobalName";
|
|
|
|
export function replaceImportsFromStaticInJsCode(params: { jsCode: string }): { fixedJsCode: string } {
|
|
/*
|
|
NOTE:
|
|
|
|
When we have urlOrigin defined it means that
|
|
we are building with --external-assets
|
|
so we have to make sur that the fixed js code will run
|
|
inside and outside keycloak.
|
|
|
|
When urlOrigin isn't defined we can assume the fixedJsCode
|
|
will always run in keycloak context.
|
|
*/
|
|
|
|
const { jsCode } = params;
|
|
|
|
const getReplaceArgs = (language: "js" | "css"): Parameters<typeof String.prototype.replace> => [
|
|
new RegExp(`([a-zA-Z_]+)\\.([a-zA-Z]+)=(function\\(([a-z]+)\\){return|([a-z]+)=>)"static\\/${language}\\/"`, "g"),
|
|
(...[, n, u, matchedFunction, eForFunction]) => {
|
|
const isArrowFunction = matchedFunction.includes("=>");
|
|
const e = isArrowFunction ? matchedFunction.replace("=>", "").trim() : eForFunction;
|
|
|
|
return `
|
|
${n}[(function(){
|
|
var pd = Object.getOwnPropertyDescriptor(${n}, "p");
|
|
if( pd === undefined || pd.configurable ){
|
|
Object.defineProperty(${n}, "p", {
|
|
get: function() { return window.${ftlValuesGlobalName}.url.resourcesPath; },
|
|
set: function() {}
|
|
});
|
|
}
|
|
return "${u}";
|
|
})()] = ${isArrowFunction ? `${e} =>` : `function(${e}) { return `} "/build/static/${language}/"`
|
|
.replace(/\s+/g, " ")
|
|
.trim();
|
|
}
|
|
];
|
|
|
|
const fixedJsCode = jsCode
|
|
.replace(...getReplaceArgs("js"))
|
|
.replace(...getReplaceArgs("css"))
|
|
.replace(/[a-zA-Z]+\.[a-zA-Z]+\+"static\//g, `window.${ftlValuesGlobalName}.url.resourcesPath + "/build/static/`)
|
|
//TODO: Write a test case for this
|
|
.replace(
|
|
/".chunk.css",([a-zA-Z])+=[a-zA-Z]+\.[a-zA-Z]+\+([a-zA-Z]+),/,
|
|
(...[, group1, group2]) => `".chunk.css",${group1} = window.${ftlValuesGlobalName}.url.resourcesPath + "/build/" + ${group2},`
|
|
);
|
|
|
|
return { fixedJsCode };
|
|
}
|