mirror of
https://github.com/QwenLM/qwen-code.git
synced 2026-04-28 11:41:04 +00:00
98 lines
2.9 KiB
JavaScript
98 lines
2.9 KiB
JavaScript
import { readFile, writeFile, mkdir } from 'node:fs/promises';
|
|
import { fileURLToPath } from 'node:url';
|
|
import { dirname, join } from 'node:path';
|
|
import { build } from 'esbuild';
|
|
import { buildConfig } from './esbuild.config.mjs';
|
|
import prettier from 'prettier';
|
|
|
|
const assetsDir = dirname(fileURLToPath(import.meta.url));
|
|
const srcDir = join(assetsDir, 'src');
|
|
const assetsDistDir = join(assetsDir, 'dist');
|
|
const packageDistDir = join(
|
|
assetsDir,
|
|
'..',
|
|
'..',
|
|
'dist',
|
|
'assets',
|
|
'export-html',
|
|
);
|
|
const templateModulePath = join(
|
|
assetsDir,
|
|
'..',
|
|
'..',
|
|
'src',
|
|
'ui',
|
|
'utils',
|
|
'export',
|
|
'formatters',
|
|
'htmlTemplate.ts',
|
|
);
|
|
const packageJsonPath = join(assetsDir, 'package.json');
|
|
|
|
await mkdir(assetsDistDir, { recursive: true });
|
|
await mkdir(packageDistDir, { recursive: true });
|
|
|
|
const packageJson = JSON.parse(await readFile(packageJsonPath, 'utf8'));
|
|
const dependencyVersions = packageJson?.dependencies ?? {};
|
|
const getDependencyVersion = (name) => {
|
|
const version = dependencyVersions[name];
|
|
if (!version) {
|
|
throw new Error(`Missing ${name} dependency version in package.json.`);
|
|
}
|
|
return version.replace(/^[^0-9]*/, '');
|
|
};
|
|
const webuiVersion = getDependencyVersion('@qwen-code/webui');
|
|
const reactUmdVersion = '18.2.0';
|
|
const reactDomUmdVersion = '18.2.0';
|
|
|
|
const buildResult = await build(buildConfig);
|
|
|
|
const jsBundle = buildResult.outputFiles.find((file) =>
|
|
file.path.endsWith('.js'),
|
|
);
|
|
const cssBundle = buildResult.outputFiles.find((file) =>
|
|
file.path.endsWith('.css'),
|
|
);
|
|
if (!jsBundle) {
|
|
throw new Error('Failed to generate inline script bundle.');
|
|
}
|
|
|
|
const css = cssBundle
|
|
? cssBundle.text
|
|
: await readFile(join(srcDir, 'styles.css'), 'utf8');
|
|
const htmlTemplate = await readFile(join(srcDir, 'index.html'), 'utf8');
|
|
const faviconSvg = await readFile(join(srcDir, 'favicon.svg'), 'utf8');
|
|
const faviconData = encodeURIComponent(faviconSvg.trim());
|
|
|
|
const htmlOutput = htmlTemplate
|
|
.replace('__INLINE_CSS__', css.trim())
|
|
.replace('__INLINE_SCRIPT__', jsBundle.text.trim())
|
|
.replaceAll('__REACT_UMD_VERSION__', reactUmdVersion)
|
|
.replaceAll('__REACT_DOM_UMD_VERSION__', reactDomUmdVersion)
|
|
.replaceAll('__WEBUI_VERSION__', webuiVersion)
|
|
.replace('__FAVICON_SVG__', faviconSvg.trim())
|
|
.replace('__FAVICON_DATA__', faviconData);
|
|
|
|
const templateModule = `/**
|
|
* @license
|
|
* Copyright 2025 Qwen Team
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*
|
|
* This HTML template is code-generated; do not edit manually.
|
|
*/
|
|
|
|
export const HTML_TEMPLATE = ${JSON.stringify(htmlOutput)};
|
|
`;
|
|
|
|
const formattedTemplateModule = await prettier.format(templateModule, {
|
|
parser: 'typescript',
|
|
singleQuote: true,
|
|
semi: true,
|
|
trailingComma: 'all',
|
|
printWidth: 80,
|
|
tabWidth: 2,
|
|
});
|
|
|
|
await writeFile(join(assetsDistDir, 'index.html'), htmlOutput);
|
|
await writeFile(join(packageDistDir, 'index.html'), htmlOutput);
|
|
await writeFile(templateModulePath, formattedTemplateModule);
|