`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
"import { ContextMenu, ContextMenuItem } from '@src/components/ContextMenu'\n",
"import { ContextMenu, ContextMenuItem } from '@src/components/ContextMenu'\nimport { CustomIcon } from '@src/components/CustomIcon'\n"
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` {
local: 'Local',
'cloud-only': 'Cloud-only',
syncing: 'Syncing',
synced: 'Synced',
conflicted: 'Conflicted',
}`,
` {
local: '已保存',
'cloud-only': '云端项目',
syncing: '保存中',
synced: '已保存',
conflicted: '需要处理',
}`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
`function getDisplayedTime(dateTimeMs: number) {
const date = new Date(dateTimeMs)
const startOfToday = new Date()
startOfToday.setHours(0, 0, 0, 0)
return date.getTime() < startOfToday.getTime()
? date.toLocaleDateString()
: date.toLocaleTimeString()
}`,
`function getDisplayedTime(dateTimeMs: number) {
const date = new Date(dateTimeMs)
const now = new Date()
const isToday =
date.getFullYear() === now.getFullYear() &&
date.getMonth() === now.getMonth() &&
date.getDate() === now.getDate()
if (isToday) {
return \`今天 \${date.toLocaleTimeString('zh-CN', {
hour: '2-digit',
minute: '2-digit',
hour12: false,
})}\`
}
return date.toLocaleDateString('zh-CN', {
year: date.getFullYear() === now.getFullYear() ? undefined : 'numeric',
month: 'short',
day: 'numeric',
})
}`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` {project.kclFileCount !== undefined && (
{project.kclFileCount}{' '}
file{project.kclFileCount === 1 ? '' : 's'}{' '}
{(project.directoryCount ?? 0) > 0 && (
<>
{'/ '}
{project.directoryCount}
{' '}
folder{project.directoryCount === 1 ? '' : 's'}
)}
)}
Edited{' '}
{displayedProject.modified
? getDisplayedTime(displayedProject.modified)
: 'never'}
`,
`
{project.kclFileCount !== undefined ? (
<>
{project.kclFileCount}{' '}
个模型文件
) : (
'CAD 项目'
)}
最近编辑{' '}
{displayedProject.modified
? getDisplayedTime(displayedProject.modified)
: '暂无记录'}
`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` title="Delete Project"`,
` title="删除项目"`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
`
This will permanently delete "{projectName || 'this file'}
".
Are you sure you want to delete "{projectName || 'this file'}
"? This action cannot be undone.
`,
`
确定删除“{projectName || '此项目'}”吗？
项目及其全部模型文件将被永久删除，此操作无法撤销。
`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` title={projectName}
titleText={projectName}`,
` title={
{projectName}
{canOpen && (
继续设计
)}
}
titleText={projectName}`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` thumbnailUrl={imageUrl}
badges={badges}`,
` thumbnailUrl={imageUrl}
thumbnailAlt={projectName ? \`\${projectName} 的模型预览\` : 'CAD 项目预览'}
thumbnailFallback={
暂无模型预览
}
badges={badges}`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` Rename project`,
` 重命名`
);
replaceSource(
"src/components/AppProjectCard/AppProjectCard.tsx",
` Delete project`,
` 删除项目`
);
replaceSource(
"src/lib/commandBarConfigs/projectsCommandConfig.ts",
` displayName: \`Create project\`,
description: 'Create a project',`,
` displayName: \`新建 CAD 项目\`,
description: '输入项目名称即可开始，设计内容会自动保存。',`
);
replaceSource(
"src/lib/commandBarConfigs/projectsCommandConfig.ts",
` displayName: 'Title',
required: true,`,
` displayName: '项目名称',
description: '使用容易识别的名称，例如“五金连接安装板”。',
required: true,`
);
replaceSource(
"src/lib/commandBarConfigs/projectsCommandConfig.ts",
` displayName: 'Library',
required: () => createProjectLibraryOptions().length > 1,`,
` displayName: '保存位置',
required: () => createProjectLibraryOptions().length > 1,`
);
replaceSource(
"src/lib/commandBarConfigs/projectsCommandConfig.ts",
` defaultValue: defaultProjectFolderNameSnapshot,`,
` defaultValue: () => '',`
);
replaceSource(
"src/components/CommandBar/CommandBarBasicInput.tsx",
` placeholder="Enter a value"`,
` placeholder={
commandBarState.context.selectedCommand?.name === 'Create project'
? '例如：五金连接安装板'
: '请输入'
}`
);
replaceSource(
"src/components/environment/Environment.tsx",
" new URL(env().VITE_KITTYCAD_WEBSOCKET_URL ?? ''),",
" new URL(env().VITE_KITTYCAD_WEBSOCKET_URL ?? '', window.location.href),"
);
replaceSource(
"src/components/environment/Environment.tsx",
" new URL(env().VITE_MLEPHANT_WEBSOCKET_URL ?? '')",
" new URL(env().VITE_MLEPHANT_WEBSOCKET_URL ?? '', window.location.href)"
);
replaceSource(
"src/components/ConnectionStream.tsx",
` className="cursor-pointer"\n id="freeze-frame"`,
` className="absolute inset-0 h-full w-full cursor-pointer"\n id="freeze-frame"`
);
replaceSource(
"src/components/OpenedProject.tsx",
"import { getMlEphantProjectReloadBehavior } from '@src/components/openedProjectUtils'\n",
"import { getMlEphantProjectReloadBehavior } from '@src/components/openedProjectUtils'\nimport env from '@src/env'\n"
);
replaceSource(
"src/components/OpenedProject.tsx",
` const needsOnboarded =
!window.electron &&`,
` const needsOnboarded =
env().VITE_ZOO_API_TOKEN !== '${proxyToken}' &&
!window.electron &&`
);
replaceSource(
"src/index.tsx",
"import { markOnce } from '@src/lib/performance'\n",
"import { installHiCadLocalization } from '@src/lib/hicadLocalization'\nimport { markOnce } from '@src/lib/performance'\n"
);
replaceSource(
"src/index.tsx",
"function launchApp(app: App) {\n initSingletonBehavior(app)",
"function launchApp(app: App) {\n installHiCadLocalization()\n initSingletonBehavior(app)"
);
replaceSource(
"src/registry/extensions/engineScene/viewExtensionControls.tsx",
"import { CustomIcon } from '@src/components/CustomIcon'\n",
"import { CustomIcon } from '@src/components/CustomIcon'\nimport { FitAllButton } from '@src/components/FitAllButton'\n"
);
replaceSource(
"src/registry/extensions/engineScene/viewExtensionControls.tsx",
`
\n \n `,
`
\n \n \n \n
\n `
);
replaceSource(
"src/lib/resetCameraPosition.ts",
` // We need a padding of 0.1 for zoom_to_fit for all E2E tests since they were originally\n // written with zoom_to_fit with padding 0.1\n const padding = 0.1\n if (isPlaywright()) {`,
` // Keep the official E2E framing stable while giving HiCAD users enough\n // breathing room to see the complete model after generation and file loads.\n const padding = isPlaywright() ? 0.1 : 0.35\n if (isPlaywright()) {`
);
replaceSource(
"src/lib/resetCameraPosition.ts",
` await engineViewIsometric({
engineCommandManager,
padding,
})`,
` await engineViewIsometric({
engineCommandManager,
padding,
})
// view_isometric changes the direction but can preserve the previous
// close-up distance. Refit against every generated entity so newly
// completed models open fully framed instead of showing a local detail.
await engineStreamZoomToFit({
engineCommandManager,
padding,
})`
);
replaceSource(
"src/lib/commandBarConfigs/standardViewsConfig.ts",
"engineStreamZoomToFit({ engineCommandManager, padding: 0.1 })",
"engineStreamZoomToFit({ engineCommandManager, padding: 0.35 })"
);
replaceSource(
"src/lib/app.ts",
" padding: 0.2,\n animated: false,",
" padding: 0.35,\n animated: false,"
);
replaceSource(
"src/clientSideScene/ClientSideSceneComp.tsx",
"import { throttle, toSync } from '@src/lib/utils'",
`import {\n engineStreamZoomToFit,\n throttle,\n toSync,\n} from '@src/lib/utils'`
);
replaceSource(
"src/clientSideScene/ClientSideSceneComp.tsx",
` const {\n kclManager: { sceneEntitiesManager, sceneInfra, engineCommandManager },\n } = useSingletons()`,
` const { kclManager } = useSingletons()\n const { sceneEntitiesManager, sceneInfra, engineCommandManager } = kclManager`
);
replaceSource(
"src/clientSideScene/ClientSideSceneComp.tsx",
` // Detect canvas size changes\n const observer = new ResizeObserver(() => {\n // This is called initially too, not just on resize\n sceneInfra.onCanvasResized()\n sceneInfra.camControls.onWindowResize()\n sceneEntitiesManager.onCamChange().catch(reportRejection)\n })\n observer.observe(container)`,
` // Preserve the full-model framing when panels or the browser resize.\n let fitAfterResizeTimer: ReturnType
| undefined\n const observer = new ResizeObserver(() => {\n // This is called initially too, not just on resize\n sceneInfra.onCanvasResized()\n sceneInfra.camControls.onWindowResize()\n sceneEntitiesManager.onCamChange().catch(reportRejection)\n\n clearTimeout(fitAfterResizeTimer)\n fitAfterResizeTimer = setTimeout(() => {\n if (kclManager.artifactGraph.size === 0) return\n engineStreamZoomToFit({\n engineCommandManager,\n padding: 0.35,\n }).catch(reportRejection)\n }, 180)\n })\n observer.observe(container)`
);
replaceSource(
"src/clientSideScene/ClientSideSceneComp.tsx",
` observer.disconnect()\n media.removeEventListener('change', handleChange)`,
` observer.disconnect()\n clearTimeout(fitAfterResizeTimer)\n media.removeEventListener('change', handleChange)`
);
replaceSource(
"src/routes/Onboarding/utils.tsx",
`
To view your account, manage payment methods, or change tiers, simply{' '}`,
`
To view your account, manage payment methods, or change tiers, simply{' '}`
);
}
function ensureDependencies() {
if (existsSync(path.join(sourceDir, "node_modules/.package-lock.json"))) {
return;
}
run("npm", ["ci", "--ignore-scripts", "--no-audit", "--no-fund"], {
cwd: sourceDir,
});
}
function ensureWasm() {
const wasmJs = path.join(
sourceDir,
"rust/kcl-wasm-lib/pkg/kcl_wasm_lib.js"
);
const wasmBinary = path.join(
sourceDir,
"rust/kcl-wasm-lib/pkg/kcl_wasm_lib_bg.wasm"
);
if (!(existsSync(wasmJs) && existsSync(wasmBinary))) {
const cargoEnv = {
CARGO_HTTP_MULTIPLEXING: "false",
CARGO_REGISTRIES_CRATES_IO_INDEX:
process.env.CARGO_REGISTRIES_CRATES_IO_INDEX ||
"sparse+https://rsproxy.cn/index/",
CARGO_REGISTRIES_CRATES_IO_PROTOCOL: "sparse",
};
run(
"wasm-pack",
[
"build",
"kcl-wasm-lib",
"--release",
"--target",
"web",
"--out-dir",
"pkg",
"--scope",
"kittycad",
"--no-opt",
],
{ cwd: path.join(sourceDir, "rust"), env: cargoEnv }
);
run(
"cargo",
[
"test",
"-p",
"kcl-lib",
"--features",
"artifact-graph",
"export_bindings",
],
{ cwd: path.join(sourceDir, "rust"), env: cargoEnv }
);
}
copyFileSync(
path.join(sourceDir, "rust/kcl-wasm-lib/README.md"),
path.join(sourceDir, "rust/kcl-wasm-lib/pkg/README.md")
);
copyFileSync(wasmBinary, path.join(sourceDir, "public/kcl_wasm_lib_bg.wasm"));
}
function precompressVersionedAssets(assetsDir) {
for (const entry of readdirSync(assetsDir, { withFileTypes: true })) {
if (!entry.isFile() || !/\.(?:css|js|wasm)$/.test(entry.name)) {
continue;
}
const assetPath = path.join(assetsDir, entry.name);
writeFileSync(`${assetPath}.gz`, gzipSync(readFileSync(assetPath), { level: 9 }));
}
}
function precompressRootWasm(buildDir) {
const wasmPath = path.join(buildDir, "kcl_wasm_lib_bg.wasm");
if (!existsSync(wasmPath)) return;
writeFileSync(
`${wasmPath}.gz`,
gzipSync(readFileSync(wasmPath), { level: 9 })
);
}
async function main() {
ensureOfficialSource();
ensureDependencies();
ensureWasm();
patchOfficialSource();
const buildEnv = {
VITE_KITTYCAD_WEBSOCKET_URL:
process.env.HICAD_ZOO_MODELING_WEBSOCKET_URL ||
"/api/ai-cad/zoo-ws/modeling/commands",
VITE_MLEPHANT_WEBSOCKET_URL:
process.env.HICAD_ZOO_AGENT_WEBSOCKET_URL ||
"/api/ai-cad/zoo-ws/ml/copilot",
VITE_ZOO_API_BASE_URL: "/api/ai-cad/zoo",
VITE_ZOO_API_TOKEN: proxyToken,
VITE_ZOO_BASE_DOMAIN: "zoo.dev",
};
rmSync(path.join(sourceDir, "build"), { force: true, recursive: true });
run("npx", ["vite", "build", "--base=./", "--mode=production"], {
cwd: sourceDir,
env: buildEnv,
});
const buildDir = path.join(sourceDir, "build");
if (!existsSync(path.join(buildDir, "index.html"))) {
throw new Error("Zoo Design Studio build did not produce index.html");
}
precompressVersionedAssets(path.join(buildDir, "assets"));
precompressRootWasm(buildDir);
cacheBustZooModelingAppAssets(buildDir);
rmSync(outputDir, { force: true, recursive: true });
mkdirSync(path.dirname(outputDir), { recursive: true });
await cp(buildDir, outputDir, { recursive: true });
const license = path.join(sourceDir, "LICENSE");
if (existsSync(license)) {
await cp(license, path.join(outputDir, "LICENSE"));
}
writeFileSync(
path.join(outputDir, "SOURCE.txt"),
[
"HiCAD web frontend based on Zoo Design Studio",
`Source: ${repoUrl}`,
`Source commit: ${repoRef}`,
"License: MIT",
"Authentication: HiCAD session with server-side Zoo proxy",
"",
].join("\n")
);
console.log(`HiCAD official frontend copied to ${outputDir}`);
}
main().catch((error) => {
console.error(error instanceof Error ? error.message : error);
process.exit(1);
});