进行了一些小修复

2026-08-26 12:10:06 +08:00
parent 90b3ccb006
commit dc14c29878
15 changed files with 11720 additions and 4354 deletions
@@ -0,0 +1,145 @@
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const repoRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const cssBuildDir = path.join(repoRoot, 'assets/css/build');
+const jsBuildDir = path.join(repoRoot, 'assets/js/build');
+
+const cssBundles = {
+  'core.css': [
+    'assets/css/core/tokens.css',
+    'assets/css/core/reset.css',
+    'assets/css/core/typography.css',
+    'assets/css/core/buttons.css',
+    'assets/css/core/forms.css',
+    'assets/css/core/alerts.css',
+    'assets/css/core/animations.css',
+    'assets/css/core/components-ext.css',
+    'assets/css/core/color-utilities.css',
+  ],
+  'public.css': [
+    'assets/css/frontend/base.css',
+    'assets/css/frontend/header-userbox.css',
+    'assets/css/frontend/card-primitives.css',
+    'assets/css/frontend/overlay-primitives.css',
+    'assets/css/frontend/layout.css',
+    'assets/css/frontend/footer.css',
+    'assets/css/frontend/floating-buttons.css',
+    'assets/css/frontend/enhancements.css',
+    'assets/css/frontend/skeleton.css',
+    'assets/css/frontend/empty-state.css',
+    'assets/css/frontend/pagination.css',
+    'assets/css/frontend/ajax-spinner.css',
+    'assets/css/frontend/modal-runtime.css',
+    'assets/css/frontend/notyf.css',
+  ],
+  'homepage.css': [
+    'assets/css/frontend/homepage-fixed/base.css',
+    'assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css',
+    'assets/css/frontend/homepage-fixed/ajax-tab-error-state.css',
+  ],
+};
+
+const publicScripts = [
+  'assets/js/lazy-image-attr.js',
+  'assets/js/rehydrate.js',
+  'assets/js/notyf.js',
+  'assets/js/aksrt-runtime.js',
+  'assets/js/grade.min.js',
+  'assets/js/core/modal-telemetry.js',
+  'assets/js/core/request.js',
+  'assets/js/core/modal-cache.js',
+  'assets/js/core/modal-state.js',
+  'assets/js/core/modal-runtime.js',
+  'assets/js/core/modal-triggers.js',
+  'assets/js/core/article.js',
+  'assets/js/core/comments.js',
+  'assets/js/core/comment-fixed-input.js',
+  'assets/js/core/comment-move-form.js',
+  'assets/js/core/ajax-list.js',
+  'assets/js/core/pagination.js',
+  'assets/js/core/archive.js',
+  'assets/js/core/footer-tabbar.js',
+  'assets/js/core/misc.js',
+  'assets/js/follow.js',
+  'assets/js/enhancements.js',
+  'assets/js/enhancements2.js',
+  'assets/js/color-extract.js',
+  'assets/js/effects.js',
+];
+
+function normalizePath(filePath) {
+  return filePath.split(path.sep).join('/');
+}
+
+function rewriteCssUrls(css, sourcePath, outputPath) {
+  const outputDir = path.dirname(outputPath);
+  return css.replace(/url\(\s*(['"]?)([^)'"\s]+)\1\s*\)/gi, (match, quote, rawUrl) => {
+    if (/^(?:data:|https?:|\/\/|\/|#|var\()/i.test(rawUrl)) {
+      return match;
+    }
+
+    const suffixIndex = rawUrl.search(/[?#]/);
+    const pathname = suffixIndex === -1 ? rawUrl : rawUrl.slice(0, suffixIndex);
+    const suffix = suffixIndex === -1 ? '' : rawUrl.slice(suffixIndex);
+    const absoluteAsset = path.resolve(path.dirname(sourcePath), pathname);
+    let relativeAsset = normalizePath(path.relative(outputDir, absoluteAsset));
+    if (!relativeAsset.startsWith('.')) {
+      relativeAsset = `./${relativeAsset}`;
+    }
+    const wrapper = quote || '"';
+    return `url(${wrapper}${relativeAsset}${suffix}${wrapper})`;
+  });
+}
+
+async function expandCss(sourcePath, outputPath, stack = []) {
+  const absoluteSource = path.resolve(sourcePath);
+  if (stack.includes(absoluteSource)) {
+    throw new Error(`Circular CSS import: ${normalizePath(path.relative(repoRoot, absoluteSource))}`);
+  }
+
+  const source = await readFile(absoluteSource, 'utf8');
+  const importPattern = /@import\s+(?:url\(\s*)?['"]([^'"]+\.css)['"]\s*\)?\s*;/gi;
+  let expanded = '';
+  let cursor = 0;
+  let match;
+
+  while ((match = importPattern.exec(source)) !== null) {
+    expanded += rewriteCssUrls(source.slice(cursor, match.index), absoluteSource, outputPath);
+    const importedPath = path.resolve(path.dirname(absoluteSource), match[1]);
+    expanded += await expandCss(importedPath, outputPath, [...stack, absoluteSource]);
+    cursor = importPattern.lastIndex;
+  }
+
+  expanded += rewriteCssUrls(source.slice(cursor), absoluteSource, outputPath);
+  return expanded.trimEnd();
+}
+
+async function buildCssBundle(outputName, sources) {
+  const outputPath = path.join(cssBuildDir, outputName);
+  const sections = [];
+  for (const source of sources) {
+    const sourcePath = path.join(repoRoot, source);
+    sections.push(`/* source: ${source} */\n${await expandCss(sourcePath, outputPath)}`);
+  }
+  await writeFile(outputPath, `${sections.join('\n\n')}\n`, 'utf8');
+}
+
+async function buildScriptBundle() {
+  const sections = [];
+  for (const source of publicScripts) {
+    const content = (await readFile(path.join(repoRoot, source), 'utf8')).trimEnd();
+    sections.push(`/* source: ${source} */\n${content}\n;`);
+  }
+  await writeFile(path.join(jsBuildDir, 'public.js'), `${sections.join('\n\n')}\n`, 'utf8');
+}
+
+await mkdir(cssBuildDir, { recursive: true });
+await mkdir(jsBuildDir, { recursive: true });
+for (const [outputName, sources] of Object.entries(cssBundles)) {
+  await buildCssBundle(outputName, sources);
+}
+await buildScriptBundle();
+
+console.log('Built public CSS and JS bundles.');