agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix inline CSS in html

Browse Source
This commit is contained in:
Joseph Garrone
2024-06-19 22:41:25 +02:00
parent 8819abc418
commit 12fd6160c5
4 changed files with 92 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/bin/keycloakify/generateFtl/generateFtl.ts
View File

@ -64,7 +64,7 @@ export function generateFtlFilesCodeFactory(params: {
const { fixedCssCode } = replaceImportsInCssCode({
cssCode,
fileRelativeDirPath: ".",
cssFileRelativeDirPath: undefined,
buildContext
});

2
src/bin/keycloakify/generateResources/generateResourcesForMainTheme.ts
View File

@ -134,7 +134,7 @@ export async function generateResourcesForMainTheme(params: {
if (filePath.endsWith(".css")) {
const { fixedCssCode } = replaceImportsInCssCode({
cssCode: sourceCode.toString("utf8"),
fileRelativeDirPath: pathDirname(fileRelativePath),
cssFileRelativeDirPath: pathDirname(fileRelativePath),
buildContext
});

15
src/bin/keycloakify/replacers/replaceImportsInCssCode.ts
View File

@ -1,4 +1,5 @@
import type { BuildContext } from "../../shared/buildContext";
import { basenameOfTheKeycloakifyResourcesDir } from "../../shared/constants";
import { assert } from "tsafe/assert";
import { posix } from "path";
@ -10,12 +11,12 @@ assert<BuildContext extends BuildContextLike ? true : false>();
export function replaceImportsInCssCode(params: {
cssCode: string;
fileRelativeDirPath: string;
cssFileRelativeDirPath: string | undefined;
buildContext: BuildContextLike;
}): {
fixedCssCode: string;
} {
const { cssCode, fileRelativeDirPath, buildContext } = params;
const { cssCode, cssFileRelativeDirPath, buildContext } = params;
const fixedCssCode = cssCode.replace(
/url\(["']?(\/[^/][^)"']+)["']?\)/g,
@ -31,8 +32,16 @@ export function replaceImportsInCssCode(params: {
);
}
inline_style_in_html: {
if (cssFileRelativeDirPath !== undefined) {
break inline_style_in_html;
}
return `url(\${url.resourcesPath}/${basenameOfTheKeycloakifyResourcesDir}${assetFileAbsoluteUrlPathname})`;
}
const assetFileRelativeUrlPathname = posix.relative(
fileRelativeDirPath.replace(/\\/g, "/"),
cssFileRelativeDirPath.replace(/\\/g, "/"),
assetFileAbsoluteUrlPathname.replace(/^\//, "")
);