Files
5chan/scripts/generate-asset-manifest.js

70 lines
2.7 KiB
JavaScript

import { readdirSync, writeFileSync, mkdirSync } from 'fs';
import { join, dirname } from 'path';
import { fileURLToPath } from 'url';
import { execSync } from 'child_process';
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const publicDir = join(__dirname, '..', 'public');
// Scan for banners
const bannersDir = join(publicDir, 'assets', 'banners');
const banners = readdirSync(bannersDir)
.filter((file) => /^banner-.*\.(jpg|jpeg|gif|png)$/i.test(file))
.map((file) => `assets/banners/${file}`);
// Scan for not-found images
const notFoundDir = join(publicDir, 'assets', 'not-found');
const notFoundImages = readdirSync(notFoundDir)
.filter((file) => /^not-found-.*\.(jpg|jpeg|gif|png)$/i.test(file))
.map((file) => `assets/not-found/${file}`);
// Scan for button images (theme-specific buttons like cross, plus, minus, help, button-fade)
const buttonsDir = join(publicDir, 'assets', 'buttons');
const buttonImages = readdirSync(buttonsDir)
.filter((file) => /\.(jpg|jpeg|gif|png)$/i.test(file))
.map((file) => `assets/buttons/${file}`);
// Theme background images
const themeBackgrounds = ['assets/background-fade.png', 'assets/background-fade-blue.png'];
// Generate TypeScript file with proper formatting (matches prettier config)
const formatArray = (arr) => {
if (arr.length === 0) return '[]';
if (arr.length === 1) return `['${arr[0]}']`;
return '[\n ' + arr.map((item) => `'${item}',`).join('\n ') + '\n]';
};
const output = `// Auto-generated file - do not edit manually
// Run 'node scripts/generate-asset-manifest.js' to regenerate
// This file is generated from public/assets/ directory
export const BANNERS = ${formatArray(banners)} as const;
export const NOT_FOUND_IMAGES = ${formatArray(notFoundImages)} as const;
// Theme button images (cross, plus, minus, help, button-fade variants)
export const THEME_BUTTON_IMAGES = ${formatArray(buttonImages)} as const;
// Theme background pattern images
export const THEME_BACKGROUND_IMAGES = ${formatArray(themeBackgrounds)} as const;
`;
// Ensure directory exists
const generatedDir = join(__dirname, '..', 'src', 'generated');
mkdirSync(generatedDir, { recursive: true });
const outputPath = join(generatedDir, 'asset-manifest.ts');
writeFileSync(outputPath, output, 'utf8');
// Format with oxfmt so output matches committed (formatted) version
try {
execSync(`npx oxfmt ${outputPath}`, { stdio: 'ignore' });
} catch {
// oxfmt not available (e.g. CI without devDependencies), skip formatting
}
console.log(
`✅ Generated asset manifest with ${banners.length} banners, ${notFoundImages.length} not-found images, ${buttonImages.length} button images, and ${themeBackgrounds.length} background images`,
);