Files
membank/.trae/skills/product-detail-designer/scripts/render.js
2026-04-05 02:34:24 +08:00

134 lines
4.4 KiB
JavaScript

const fs = require('fs');
const path = require('path');
// SKU 字段映射表
const FIELD_MAP = {
'{{PRODUCT_NAME}}': 'productName',
'{{PRODUCT_SUBTITLE}}': 'productSubtitle',
'{{SKU_CODE}}': 'skuCode',
'{{CPU}}': 'cpu',
'{{MEMORY}}': 'memory',
'{{STORAGE}}': 'storage',
'{{CASE}}': 'case',
'{{POWER}}': 'power',
'{{CABLE}}': 'cable',
'{{BATTERY}}': 'battery',
'{{ETHERNET_CABLE}}': 'ethernetCable',
'{{SHIPPING_FEE}}': 'shippingFee',
'{{PACKAGING_FEE}}': 'packagingFee',
'{{ASSEMBLY_FEE}}': 'assemblyFee',
'{{TOTAL_COST}}': 'totalCost',
'{{RETAIL_PRICE}}': 'retailPrice',
'{{NOTE}}': 'note'
};
// 从 SKU markdown 文件解析字段
function parseSkuFile(skuPath) {
const content = fs.readFileSync(skuPath, 'utf-8');
const data = {};
content.split('\n').forEach(line => {
// 匹配格式: | **字段名** | 值 | 价格 |
const match = line.match(/\|\s*\*\*(.+?)\*\*\s*\|\s*(.+?)\s*\|/);
if (match) {
const [, fieldName, value] = match;
data[fieldName.trim()] = value.trim();
}
});
return data;
}
// 将 SKU 数据映射为模板变量
function mapSkuToVariables(skuData) {
const cpu = skuData['CPU'] || '';
const memory = skuData['内存'] || '';
const storage = skuData['系统盘'] || '';
const caseType = skuData['机箱'] || '';
return {
'{{PRODUCT_NAME}}': `飞牛NAS ${caseType}`,
'{{PRODUCT_SUBTITLE}}': '亚克力机箱 透明系列',
'{{SKU_CODE}}': skuData['产品型号'] || '',
'{{CPU}}': cpu,
'{{MEMORY}}': memory,
'{{STORAGE}}': storage,
'{{CASE}}': caseType,
'{{POWER}}': skuData['电源'] || '电源-60W',
'{{CABLE}}': skuData['硬盘线'] || '硬盘线-单',
'{{BATTERY}}': skuData['电池'] || '电池',
'{{ETHERNET_CABLE}}': skuData['网线'] || '网线',
'{{SHIPPING_FEE}}': skuData['运费']?.replace('¥', '') || '10',
'{{PACKAGING_FEE}}': skuData['包装费']?.replace('¥', '') || '5',
'{{ASSEMBLY_FEE}}': skuData['装机费']?.replace('¥', '') || '10',
'{{TOTAL_COST}}': skuData['总成本']?.replace('¥', '') || '0',
'{{RETAIL_PRICE}}': skuData['建议零售价']?.replace('¥', '') || '0',
'{{NOTE}}': skuData['备注'] || ''
};
}
// 渲染 HTML 模板
function renderTemplate(templatePath, variables) {
let html = fs.readFileSync(templatePath, 'utf-8');
Object.entries(variables).forEach(([placeholder, value]) => {
html = html.split(placeholder).join(value);
});
return html;
}
// 主函数:生成亚克力单详情页
function generateDetailPages(skuFilePath, outputDir) {
const skuData = parseSkuFile(skuFilePath);
const variables = mapSkuToVariables(skuData);
const skuCode = variables['{{SKU_CODE}}'];
const productType = '亚克力单';
const templateDir = path.join(__dirname, '..', 'assets', 'templates', productType);
// 创建输出目录
const productOutputDir = path.join(outputDir, skuCode);
if (!fs.existsSync(productOutputDir)) {
fs.mkdirSync(productOutputDir, { recursive: true });
}
// 模板列表
const templates = [
'配置清单-1.html',
'配置清单-2.html',
'商品卖点.html',
'功能描述.html',
'使用场景.html',
'配件清单.html',
'包装展示.html'
];
templates.forEach(template => {
const templatePath = path.join(templateDir, template);
if (!fs.existsSync(templatePath)) {
console.log(`跳过(模板不存在): ${template}`);
return;
}
const html = renderTemplate(templatePath, variables);
const outputPath = path.join(productOutputDir, template);
fs.writeFileSync(outputPath, html, 'utf-8');
console.log(`已生成: ${outputPath}`);
});
console.log(`\n完成!共生成 ${templates.length} 个 HTML 文件到: ${productOutputDir}`);
}
// 使用示例
const skuFile = process.argv[2];
const outputDir = process.argv[3] || path.join(__dirname, '..', '..', '..', '产品', '飞牛 NAS', 'fyd-亚克力机箱 - 单', '详情');
if (!skuFile) {
console.log('用法: node render.js <sku文件路径> [输出目录]');
console.log('示例: node render.js ../产品/飞牛NAS/fyd-亚克力机箱 - 单/sku/亚克力-单-AMD-A4-2G-16G.md');
process.exit(1);
}
generateDetailPages(skuFile, outputDir);