blog/lib/postcss/hashes.ts

import Postcss from "postcss";
import { reloadAssets, assetMap } from "../assets.js";

export default (): Postcss.Plugin => {
    return {
        postcssPlugin: "postcss-hashes",
        Once() {
            reloadAssets();
        },
        Declaration(decl: Postcss.Declaration) {
            decl.value = decl.value.replace(/url\("([^"]+)"\)/, (v, url) => {
                if (assetMap.has(url)) {
                    return v.replace(url, assetMap.get(url));
                }

                return v;
            });
        },
    };
};

export const postcss = true;