299 lines
10 KiB
JavaScript
299 lines
10 KiB
JavaScript
#!/usr/bin/env node
|
||
/**
|
||
* 从 src/resources/oneos-web-legacy 生成 ONE-OS Web 端原型与侧边栏菜单项。
|
||
*
|
||
* 用法：node scripts/sync-oneos-web-prototypes.mjs
|
||
*/
|
||
import fs from 'node:fs';
|
||
import path from 'node:path';
|
||
import { fileURLToPath } from 'node:url';
|
||
|
||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||
const projectRoot = path.resolve(__dirname, '..');
|
||
const legacyRoot = path.join(projectRoot, 'src/resources/oneos-web-legacy');
|
||
const prototypesRoot = path.join(projectRoot, 'src/prototypes');
|
||
const sidebarPath = path.join(projectRoot, '.axhub/make/sidebar-tree.json');
|
||
|
||
const PAGE_ID_RE = /^[a-z0-9-]+$/u;
|
||
|
||
const XLL_MODULES = [
|
||
{ slug: 'oneos-web-safety-training', title: '业务-司机安全培训', skipCodegen: true },
|
||
];
|
||
|
||
const MODULES = [
|
||
{ slug: 'oneos-web-workbench', title: '工作台', files: ['工作台.jsx'] },
|
||
{ slug: 'oneos-web-login', title: '登录', files: ['登录.jsx'] },
|
||
{ slug: 'oneos-web-vehicle-asset', title: '车辆管理', files: ['车辆管理.jsx', '车辆管理-查看.jsx'] },
|
||
{ slug: 'oneos-web-contract-template', title: '合同模板管理', files: ['合同模板管理.jsx'] },
|
||
{ slug: 'oneos-web-help-center', title: '帮助中心', dir: '帮助中心' },
|
||
{ slug: 'oneos-web-finance', title: '财务管理', dir: '财务管理', excludeDirs: ['文档'] },
|
||
{ slug: 'oneos-web-procurement', title: '采购管理', dir: '采购管理' },
|
||
{ slug: 'oneos-web-lease-contract', title: '车辆租赁合同', dir: '车辆租赁合同' },
|
||
{ slug: 'oneos-web-h2-station', title: '加氢站管理', dir: '加氢站管理', excludeDirs: ['export-tools', 'AI-加氢站站点信息-complete'] },
|
||
{ slug: 'oneos-web-data-analysis', title: '数据分析', dir: '数据分析' },
|
||
{ slug: 'oneos-web-ledger-data', title: '台账数据', dir: '台账数据', excludeDirs: ['docs'] },
|
||
{ slug: 'oneos-web-business', title: '业务管理', dir: '业务管理', excludeDirs: ['文档', 'export-tools', 'AI-保险采购-complete'] },
|
||
{ slug: 'oneos-web-ops', title: '运维管理', dir: '运维管理' },
|
||
{ slug: 'oneos-web-requirements', title: '需求说明', dir: '需求说明', docsOnly: true },
|
||
];
|
||
|
||
function slugifyPageId(relPath) {
|
||
const stem = relPath.replace(/\.jsx$/u, '').replace(/[\\/]/g, '-');
|
||
const ascii = stem.replace(/[^\x00-\x7F]/gu, (ch) => `u${ch.charCodeAt(0).toString(16)}`);
|
||
let id = ascii.toLowerCase().replace(/[^a-z0-9-]+/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');
|
||
if (!id || !PAGE_ID_RE.test(id)) {
|
||
id = `p${Math.abs(hashCode(relPath)).toString(36)}`;
|
||
}
|
||
return id.slice(0, 48);
|
||
}
|
||
|
||
function hashCode(value) {
|
||
let hash = 0;
|
||
for (let i = 0; i < value.length; i += 1) {
|
||
hash = ((hash << 5) - hash) + value.charCodeAt(i);
|
||
hash |= 0;
|
||
}
|
||
return hash;
|
||
}
|
||
|
||
function collectJsxFiles(module) {
|
||
if (module.docsOnly) {
|
||
return [];
|
||
}
|
||
if (module.files) {
|
||
return module.files.map((file) => ({
|
||
rel: file,
|
||
abs: path.join(legacyRoot, file),
|
||
title: file.replace(/\.jsx$/u, ''),
|
||
}));
|
||
}
|
||
const baseDir = path.join(legacyRoot, module.dir);
|
||
const results = [];
|
||
const walk = (dir, prefix = '') => {
|
||
if (!fs.existsSync(dir)) return;
|
||
for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
|
||
if (entry.name.startsWith('.')) continue;
|
||
const full = path.join(dir, entry.name);
|
||
const rel = path.posix.join(module.dir, prefix, entry.name).replace(/\\/g, '/');
|
||
if (entry.isDirectory()) {
|
||
if (module.excludeDirs?.includes(entry.name)) continue;
|
||
walk(full, prefix ? `${prefix}/${entry.name}` : entry.name);
|
||
continue;
|
||
}
|
||
if (!entry.name.endsWith('.jsx')) continue;
|
||
results.push({
|
||
rel,
|
||
abs: full,
|
||
title: entry.name.replace(/\.jsx$/u, ''),
|
||
});
|
||
}
|
||
};
|
||
walk(baseDir);
|
||
return results.sort((a, b) => a.rel.localeCompare(b.rel, 'zh-CN'));
|
||
}
|
||
|
||
function prepareLegacyJsx(sourcePath, targetPath) {
|
||
const raw = fs.readFileSync(sourcePath, 'utf8');
|
||
let content = raw;
|
||
if (!/export\s+default\s+Component/u.test(content)) {
|
||
content = `${content.trim()}\n\nexport default Component;\n`;
|
||
}
|
||
fs.mkdirSync(path.dirname(targetPath), { recursive: true });
|
||
fs.writeFileSync(targetPath, content, 'utf8');
|
||
}
|
||
|
||
function writeRequirementsPrototype(module) {
|
||
const protoDir = path.join(prototypesRoot, module.slug);
|
||
fs.mkdirSync(protoDir, { recursive: true });
|
||
const indexTsx = `/**
|
||
* @name ${module.title}
|
||
* 自 ONE-OS web端/需求说明 归档
|
||
*/
|
||
import React, { useMemo, useState } from 'react';
|
||
import { Card, Col, Input, List, Row, Typography } from 'antd';
|
||
|
||
const DOC_MAP = import.meta.glob('../../resources/oneos-web-legacy/需求说明/**/*', {
|
||
query: '?raw',
|
||
import: 'default',
|
||
eager: true,
|
||
});
|
||
|
||
const FILES = Object.keys(DOC_MAP)
|
||
.map((key) => key.replace('../../resources/oneos-web-legacy/需求说明/', ''))
|
||
.filter(Boolean)
|
||
.sort((a, b) => a.localeCompare(b, 'zh-CN'))
|
||
.map((rel) => ({ rel, title: rel }));
|
||
|
||
export default function OneosWebRequirementsPage() {
|
||
const [query, setQuery] = useState('');
|
||
const [active, setActive] = useState(FILES[0]?.rel ?? '');
|
||
|
||
const filtered = useMemo(() => {
|
||
const q = query.trim();
|
||
if (!q) return FILES;
|
||
return FILES.filter((item) => item.title.includes(q));
|
||
}, [query]);
|
||
|
||
const content = useMemo(() => {
|
||
if (!active) return '';
|
||
const key = \`../../resources/oneos-web-legacy/需求说明/\${active}\`;
|
||
return String(DOC_MAP[key] ?? '无法加载文档');
|
||
}, [active]);
|
||
|
||
return (
|
||
<Row gutter={16} style={{ padding: 16, minHeight: '100vh', background: '#f5f7fa' }}>
|
||
<Col span={7}>
|
||
<Card title="${module.title}" extra={<Input.Search allowClear placeholder="搜索文档" onSearch={setQuery} onChange={(e) => setQuery(e.target.value)} style={{ width: 160 }} />}>
|
||
<List
|
||
size="small"
|
||
dataSource={filtered}
|
||
renderItem={(item) => (
|
||
<List.Item style={{ cursor: 'pointer', background: item.rel === active ? '#e8f3ff' : undefined }} onClick={() => setActive(item.rel)}>
|
||
{item.title}
|
||
</List.Item>
|
||
)}
|
||
/>
|
||
</Card>
|
||
</Col>
|
||
<Col span={17}>
|
||
<Card>
|
||
<Typography.Paragraph style={{ whiteSpace: 'pre-wrap', marginBottom: 0 }}>{content}</Typography.Paragraph>
|
||
</Card>
|
||
</Col>
|
||
</Row>
|
||
);
|
||
}
|
||
`;
|
||
fs.writeFileSync(path.join(protoDir, 'index.tsx'), indexTsx, 'utf8');
|
||
}
|
||
|
||
function writePrototype(module, pages) {
|
||
const protoDir = path.join(prototypesRoot, module.slug);
|
||
const pagesDir = path.join(protoDir, 'pages');
|
||
fs.mkdirSync(pagesDir, { recursive: true });
|
||
|
||
const pageEntries = [];
|
||
const importLines = [];
|
||
const usedIds = new Set();
|
||
|
||
pages.forEach((page, index) => {
|
||
const fileName = `${String(index + 1).padStart(2, '0')}-${path.basename(page.rel)}`;
|
||
const target = path.join(pagesDir, fileName);
|
||
prepareLegacyJsx(page.abs, target);
|
||
const importName = `Page${index + 1}`;
|
||
importLines.push(`import ${importName} from './pages/${fileName}';`);
|
||
let id = slugifyPageId(page.rel);
|
||
while (usedIds.has(id)) id = `${id}-${index + 1}`;
|
||
usedIds.add(id);
|
||
pageEntries.push({ id, title: page.title, importName });
|
||
});
|
||
|
||
const pagesArray = pageEntries.map((p) => ` { id: '${p.id}', title: '${p.title.replace(/'/g, "\\'")}', component: ${p.importName} },`).join('\n');
|
||
|
||
const indexTsx = `/**
|
||
* @name ${module.title}
|
||
* 自 ONE-OS web端 原稿复刻（${pages.length} 个页面）
|
||
*/
|
||
import '../../common/oneosWebLegacy/legacyGlobals';
|
||
import React from 'react';
|
||
${importLines.join('\n')}
|
||
import { OneosWebLegacyShell } from '../../common/oneosWebLegacy/OneosWebLegacyShell';
|
||
|
||
const pages = [
|
||
${pagesArray}
|
||
];
|
||
|
||
export default function ${toComponentName(module.slug)}() {
|
||
return (
|
||
<OneosWebLegacyShell
|
||
moduleTitle="${module.title}"
|
||
pages={pages}
|
||
defaultPageId="${pageEntries[0]?.id ?? ''}"
|
||
/>
|
||
);
|
||
}
|
||
`;
|
||
fs.writeFileSync(path.join(protoDir, 'index.tsx'), indexTsx, 'utf8');
|
||
}
|
||
|
||
function toComponentName(slug) {
|
||
return slug
|
||
.split('-')
|
||
.map((part) => part.charAt(0).toUpperCase() + part.slice(1))
|
||
.join('');
|
||
}
|
||
|
||
function toSidebarItem(module) {
|
||
return {
|
||
id: `item:prototypes:${module.slug}`,
|
||
kind: 'item',
|
||
title: module.title,
|
||
itemKey: `prototypes/${module.slug}`,
|
||
};
|
||
}
|
||
|
||
function updateSidebar(webModules, xllModules) {
|
||
const sidebar = JSON.parse(fs.readFileSync(sidebarPath, 'utf8'));
|
||
const prefix = 'item:prototypes:oneos-web-';
|
||
const existing = (sidebar.prototypes ?? []).filter(
|
||
(item) =>
|
||
item.id !== 'folder-prototypes-oneos-web'
|
||
&& item.id !== 'folder-prototypes-xll-miniapp'
|
||
&& item.itemKey !== 'prototypes/contract-template-management'
|
||
&& !String(item.id).startsWith(prefix)
|
||
&& !String(item.itemKey).startsWith('prototypes/oneos-web-'),
|
||
);
|
||
|
||
const xllFolder = {
|
||
id: 'folder-prototypes-xll-miniapp',
|
||
kind: 'folder',
|
||
title: '小羚羚小程序',
|
||
children: xllModules.map(toSidebarItem),
|
||
};
|
||
|
||
const oneosFolder = {
|
||
id: 'folder-prototypes-oneos-web',
|
||
kind: 'folder',
|
||
title: 'ONE-OS Web 端',
|
||
defaultExpanded: true,
|
||
children: webModules.map(toSidebarItem),
|
||
};
|
||
|
||
sidebar.prototypes = [...existing, xllFolder, oneosFolder];
|
||
sidebar.updatedAt = new Date().toISOString();
|
||
fs.writeFileSync(sidebarPath, `${JSON.stringify(sidebar, null, 2)}\n`, 'utf8');
|
||
}
|
||
|
||
function main() {
|
||
if (!fs.existsSync(legacyRoot)) {
|
||
console.error('缺少 src/resources/oneos-web-legacy，请先复制 ONE-OS web端 资料。');
|
||
process.exit(1);
|
||
}
|
||
|
||
const allModules = [...XLL_MODULES, ...MODULES];
|
||
|
||
for (const module of allModules) {
|
||
if (module.skipCodegen) {
|
||
console.log(`[skip codegen] ${module.slug}（入口由项目内手写维护）`);
|
||
continue;
|
||
}
|
||
if (module.docsOnly) {
|
||
writeRequirementsPrototype(module);
|
||
console.log(`[ok] ${module.slug} (需求说明文档浏览)`);
|
||
continue;
|
||
}
|
||
const pages = collectJsxFiles(module);
|
||
if (!pages.length) {
|
||
console.warn(`[skip] ${module.slug}: 未找到 jsx 页面`);
|
||
continue;
|
||
}
|
||
writePrototype(module, pages);
|
||
console.log(`[ok] ${module.slug} (${pages.length} pages)`);
|
||
}
|
||
|
||
updateSidebar(MODULES, XLL_MODULES);
|
||
console.log('已更新 .axhub/make/sidebar-tree.json');
|
||
}
|
||
|
||
main();
|