heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

cache-bursting for stylesheets and fonts

Browse source 
adding `?version=…` makes sure browsers get the latest files, and it
looks like they honour the caching headers we send back
This commit is contained in:
dakkar 2024-06-19 15:46:57 +01:00
parent 717696c472
commit 6d1b1df1aa
2 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/backend/src/server/web/views/base.pug
View file

@ -40,8 +40,8 @@ html
link(rel='prefetch' href=infoImageUrl) link(rel='prefetch' href=infoImageUrl)
link(rel='prefetch' href=notFoundImageUrl) link(rel='prefetch' href=notFoundImageUrl)
//- https://github.com/misskey-dev/misskey/issues/9842 //- https://github.com/misskey-dev/misskey/issues/9842
link(rel='stylesheet' href='/assets/phosphor-icons/bold/style.css') link(rel='stylesheet' href=`/assets/phosphor-icons/bold/style.css?version=${version}`)
link(rel='stylesheet' href='/static-assets/fonts/sharkey-icons/style.css') link(rel='stylesheet' href=`/static-assets/fonts/sharkey-icons/style.css?version=${version}`)
link(rel='modulepreload' href=`/vite/${clientEntry.file}`) link(rel='modulepreload' href=`/vite/${clientEntry.file}`)
if !config.clientManifestExists if !config.clientManifestExists

14
scripts/build-assets.mjs
View file

@ -35,6 +35,20 @@ async function copyFrontendFonts() {
async function copyFrontendTablerIcons() { async function copyFrontendTablerIcons() {
await fs.cp('./packages/frontend/node_modules/@phosphor-icons/web/src', './built/_frontend_dist_/phosphor-icons', { dereference: true, recursive: true }); await fs.cp('./packages/frontend/node_modules/@phosphor-icons/web/src', './built/_frontend_dist_/phosphor-icons', { dereference: true, recursive: true });
for (const file of [
'./built/_frontend_dist_/phosphor-icons/bold/style.css',
'./built/_frontend_dist_/phosphor-icons/duotone/style.css',
'./built/_frontend_dist_/phosphor-icons/fill/style.css',
'./built/_frontend_dist_/phosphor-icons/light/style.css',
'./built/_frontend_dist_/phosphor-icons/regular/style.css',
'./built/_frontend_dist_/phosphor-icons/thin/style.css',
]) {
let source = await fs.readFile(file, { encoding: 'utf-8' });
source = source.replaceAll(/(url\(.+?Phosphor.+?\.(?:[a-zA-Z0-9]+))/g, `$1?version=${meta.version}`);
await fs.writeFile(file, source);
}
} }
async function copyFrontendLocales() { async function copyFrontendLocales() {