|
#!/usr/bin/env node |
|
|
|
const { minify: minifyHtml } = require('html-minifier-terser'); |
|
const { minify: minifyJs } = require('terser'); |
|
const CleanCSS = require('clean-css'); |
|
const MarkdownIt = require('markdown-it'); |
|
const fs = require('fs'); |
|
const path = require('path'); |
|
|
|
|
|
const options = { |
|
collapseWhitespace: true, |
|
removeComments: true, |
|
removeEmptyAttributes: true, |
|
removeOptionalTags: true, |
|
removeRedundantAttributes: true, |
|
removeScriptTypeAttributes: true, |
|
removeStyleLinkTypeAttributes: true, |
|
minifyCSS: true, |
|
minifyJS: true, |
|
processScripts: ['application/json'], |
|
}; |
|
|
|
|
|
const cssOptions = { |
|
level: 2 |
|
}; |
|
|
|
|
|
async function minifyFile(inputPath, outputPath) { |
|
try { |
|
let ext = path.extname(inputPath).toLowerCase(); |
|
if (ext === '.md') ext = '.html'; |
|
const filename = path.basename(inputPath); |
|
let content = fs.readFileSync(inputPath, 'utf8'); |
|
let minified; |
|
|
|
|
|
if (filename.toLowerCase() === 'readme.md') { |
|
const md = new MarkdownIt({ |
|
html: true, |
|
linkify: true, |
|
typographer: true |
|
}); |
|
const readmeMdPath = path.join(__dirname, '..', 'README.md'); |
|
const markdownContent = fs.readFileSync(readmeMdPath, 'utf8'); |
|
|
|
const htmlContent = ` |
|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>README</title> |
|
<style> |
|
body { |
|
max-width: 800px; |
|
margin: 0 auto; |
|
padding: 20px; |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; |
|
line-height: 1.6; |
|
} |
|
pre { |
|
background-color: #f6f8fa; |
|
padding: 16px; |
|
border-radius: 6px; |
|
overflow: auto; |
|
} |
|
code { |
|
background-color: #f6f8fa; |
|
padding: 0.2em 0.4em; |
|
border-radius: 3px; |
|
} |
|
img { |
|
max-width: 100%; |
|
} |
|
table { |
|
border-collapse: collapse; |
|
width: 100%; |
|
} |
|
table td, table th { |
|
border: 1px solid #dfe2e5; |
|
padding: 6px 13px; |
|
} |
|
blockquote { |
|
border-left: 4px solid #dfe2e5; |
|
margin: 0; |
|
padding: 0 1em; |
|
color: #6a737d; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
${md.render(markdownContent)} |
|
</body> |
|
</html> |
|
`; |
|
content = htmlContent; |
|
} |
|
|
|
switch (ext) { |
|
case '.html': |
|
minified = await minifyHtml(content, options); |
|
break; |
|
case '.js': |
|
const result = await minifyJs(content); |
|
minified = result.code; |
|
break; |
|
case '.css': |
|
minified = new CleanCSS(cssOptions).minify(content).styles; |
|
break; |
|
default: |
|
throw new Error(`Unsupported file type: ${ext}`); |
|
} |
|
|
|
fs.writeFileSync(outputPath, minified); |
|
console.log(`✓ Minified ${path.basename(inputPath)} -> ${path.basename(outputPath)}`); |
|
} catch (err) { |
|
console.error(`✗ Error processing ${inputPath}:`, err); |
|
process.exit(1); |
|
} |
|
} |
|
|
|
|
|
async function main() { |
|
|
|
const files = process.argv.slice(2); |
|
|
|
if (files.length === 0) { |
|
console.error('No input files specified'); |
|
process.exit(1); |
|
} |
|
|
|
const staticDir = path.join(__dirname, '..', 'static'); |
|
|
|
for (const file of files) { |
|
|
|
let inputPath; |
|
let outputPath; |
|
|
|
if (file.toLowerCase() === 'readme.md') { |
|
inputPath = path.join(__dirname, '..', 'README.md'); |
|
outputPath = path.join(staticDir, 'readme.min.html'); |
|
} else { |
|
inputPath = path.join(staticDir, file); |
|
const ext = path.extname(file); |
|
outputPath = path.join( |
|
staticDir, |
|
file.replace(ext, `.min${ext}`) |
|
); |
|
} |
|
|
|
await minifyFile(inputPath, outputPath); |
|
} |
|
} |
|
|
|
main(); |
