65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
|
import * as crypto from "crypto";
|
||
|
|
import type { BuildOptions } from "../BuildOptions";
|
||
|
|
import { assert } from "tsafe/assert";
|
||
|
|
import { is } from "tsafe/is";
|
||
|
|
import { Reflect } from "tsafe/Reflect";
|
||
|
|
|
||
|
|
export type BuildOptionsLike = {
|
||
|
|
urlPathname: string | undefined;
|
||
|
|
};
|
||
|
|
|
||
|
|
{
|
||
|
|
const buildOptions = Reflect<BuildOptions>();
|
||
|
|
|
||
|
|
assert(!is<BuildOptions.ExternalAssets.CommonExternalAssets>(buildOptions));
|
||
|
|
|
||
|
|
assert<typeof buildOptions extends BuildOptionsLike ? true : false>();
|
||
|
|
}
|
||
|
|
|
||
|
|
export function replaceImportsInCssCode(params: { cssCode: string }): {
|
||
|
|
fixedCssCode: string;
|
||
|
|
cssGlobalsToDefine: Record<string, string>;
|
||
|
|
} {
|
||
|
|
const { cssCode } = params;
|
||
|
|
|
||
|
|
const cssGlobalsToDefine: Record<string, string> = {};
|
||
|
|
|
||
|
|
new Set(cssCode.match(/url\(["']?\/[^/][^)"']+["']?\)[^;}]*/g) ?? []).forEach(
|
||
|
|
match => (cssGlobalsToDefine["url" + crypto.createHash("sha256").update(match).digest("hex").substring(0, 15)] = match),
|
||
|
|
);
|
||
|
|
|
||
|
|
let fixedCssCode = cssCode;
|
||
|
|
|
||
|
|
Object.keys(cssGlobalsToDefine).forEach(
|
||
|
|
cssVariableName =>
|
||
|
|
//NOTE: split/join pattern ~ replace all
|
||
|
|
(fixedCssCode = fixedCssCode.split(cssGlobalsToDefine[cssVariableName]).join(`var(--${cssVariableName})`)),
|
||
|
|
);
|
||
|
|
|
||
|
|
return { fixedCssCode, cssGlobalsToDefine };
|
||
|
|
}
|
||
|
|
|
||
|
|
export function generateCssCodeToDefineGlobals(params: { cssGlobalsToDefine: Record<string, string>; buildOptions: BuildOptionsLike }): {
|
||
|
|
cssCodeToPrependInHead: string;
|
||
|
|
} {
|
||
|
|
const { cssGlobalsToDefine, buildOptions } = params;
|
||
|
|
|
||
|
|
return {
|
||
|
|
"cssCodeToPrependInHead": [
|
||
|
|
":root {",
|
||
|
|
...Object.keys(cssGlobalsToDefine)
|
||
|
|
.map(cssVariableName =>
|
||
|
|
[
|
||
|
|
`--${cssVariableName}:`,
|
||
|
|
cssGlobalsToDefine[cssVariableName].replace(
|
||
|
|
new RegExp(`url\\(${(buildOptions.urlPathname ?? "/").replace(/\//g, "\\/")}`, "g"),
|
||
|
|
"url(${url.resourcesPath}/build/",
|
||
|
|
),
|
||
|
|
].join(" "),
|
||
|
|
)
|
||
|
|
.map(line => ` ${line};`),
|
||
|
|
"}",
|
||
|
|
].join("\n"),
|
||
|
|
};
|
||
|
|
}
|