mifi-holdings/armandine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prettier
All checks were successful
ci/woodpecker/push/ci Pipeline was successful
Details
ci/woodpecker/push/build Pipeline was successful
Details
ci/woodpecker/push/deploy Pipeline was successful
Details

Browse Source
This commit is contained in:
Mike Fitzpatrick
2026-02-16 10:01:29 -03:00
parent af70682fa8
commit 7870d3b3bd
4 changed files with 55 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
scripts/critical-css.js
View File

@@ -5,6 +5,8 @@
import { readFileSync, writeFileSync, readdirSync } from 'fs';
import { join, dirname } from 'path';
import { fileURLToPath } from 'url';
import { log, error } from 'node:console';
import process from 'node:process';
import Beasties from 'beasties';
const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -23,20 +25,49 @@ const beasties = new Beasties({
path: buildDir,
preload: 'default',
logLevel: 'warn',
inlineThreshold: 50 * 1024, // inline any stylesheet < 50KB
minimumExternalSize: 50 * 1024 // inline any leftover < 50KB
});
inlineThreshold: 50 * 1024,
minimumExternalSize: 50 * 1024
});
/**
* Remove SvelteKit wrapper div and Svelte SSR fragment comments from HTML.
* With csr = false these add noise and the inline style is unnecessary.
*/
function cleanHtml(html) {
// Remove extra SvelteKit body attribute: data-sveltekit-preload-data="hover"
html = html.replace(/<body\s+data-sveltekit-preload-data\s*=\s*["']hover["']\s*>/i, '<body>');
// Remove SvelteKit's root wrapper: <div style="display: contents"> ... </div>
html = html.replace(/<div\s+style\s*=\s*["']display:\s*contents["']\s*>/i, '');
const bodyEnd = html.indexOf('</body>');
if (bodyEnd !== -1) {
const beforeBody = html.slice(0, bodyEnd);
const lastDiv = beforeBody.lastIndexOf('</div>');
if (lastDiv !== -1) {
html = beforeBody.slice(0, lastDiv) + beforeBody.slice(lastDiv + 6) + html.slice(bodyEnd);
}
}
// Remove Svelte fragment/hydration comments (unused when csr = false)
html = html
.replace(/<!--\[-->/g, '')
.replace(/<!--\]-->/g, '')
.replace(/<!--\[!-->/g, '')
.replace(/<!--\]!-->/g, '')
.replace(/<!---->/g, '');
return html;
}
async function main() {
const htmlFiles = getFiles(buildDir, '.html');
for (const htmlFile of htmlFiles) {
const html = readFileSync(htmlFile, 'utf8');
const inlined = await beasties.process(html);
writeFileSync(htmlFile, inlined);
let html = readFileSync(htmlFile, 'utf8');
html = await beasties.process(html);
html = cleanHtml(html);
writeFileSync(htmlFile, html);
}
console.log('Critical CSS inlined:', htmlFiles.length, 'file(s)');
log('Critical CSS inlined:', htmlFiles.length, 'file(s)');
}
main().catch((err) => {
console.error(err);
error(err);
process.exit(1);
});