build-public.ts 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. import path from 'node:path';
  2. import fs from 'node:fs';
  3. import fsp from 'node:fs/promises';
  4. import { task } from './trace';
  5. import { treeDir } from './lib/tree-dir';
  6. import type { TreeType, TreeTypeArray } from './lib/tree-dir';
  7. import { OUTPUT_MOCK_DIR, OUTPUT_MODULES_DIR, PUBLIC_DIR, ROOT_DIR } from './constants/dir';
  8. import { writeFile } from './lib/misc';
  9. import picocolors from 'picocolors';
  10. const mockDir = path.join(ROOT_DIR, 'Mock');
  11. const modulesDir = path.join(ROOT_DIR, 'Modules');
  12. const copyDirContents = async (srcDir: string, destDir: string) => {
  13. const promises: Array<Promise<void>> = [];
  14. for await (const entry of await fsp.opendir(srcDir)) {
  15. const src = path.join(srcDir, entry.name);
  16. const dest = path.join(destDir, entry.name);
  17. if (entry.isDirectory()) {
  18. console.warn(picocolors.red('[build public] cant copy directory'), src);
  19. } else {
  20. promises.push(fsp.copyFile(src, dest, fs.constants.COPYFILE_FICLONE));
  21. }
  22. }
  23. return Promise.all(promises);
  24. };
  25. export const buildPublic = task(require.main === module, __filename)(async (span) => {
  26. await span.traceChildAsync('copy rest of the files', async () => {
  27. await Promise.all([
  28. fsp.mkdir(OUTPUT_MODULES_DIR, { recursive: true }),
  29. fsp.mkdir(OUTPUT_MOCK_DIR, { recursive: true })
  30. ]);
  31. await Promise.all([
  32. copyDirContents(modulesDir, OUTPUT_MODULES_DIR),
  33. copyDirContents(mockDir, OUTPUT_MOCK_DIR)
  34. ]);
  35. });
  36. const html = await span
  37. .traceChild('generate index.html')
  38. .traceAsyncFn(() => treeDir(PUBLIC_DIR).then(generateHtml));
  39. return writeFile(path.join(PUBLIC_DIR, 'index.html'), html);
  40. });
  41. const priorityOrder: Record<'default' | string & {}, number> = {
  42. domainset: 1,
  43. non_ip: 2,
  44. ip: 3,
  45. List: 10,
  46. Surge: 11,
  47. Clash: 12,
  48. 'sing-box': 13,
  49. Modules: 20,
  50. Script: 30,
  51. Mock: 40,
  52. Assets: 50,
  53. Internal: 60,
  54. LICENSE: 70,
  55. default: Number.MAX_VALUE
  56. };
  57. const prioritySorter = (a: TreeType, b: TreeType) => {
  58. return ((priorityOrder[a.name] || priorityOrder.default) - (priorityOrder[b.name] || priorityOrder.default)) || a.name.localeCompare(b.name);
  59. };
  60. const html = (string: TemplateStringsArray, ...values: any[]) => string.reduce((acc, str, i) => acc + str + (values[i] ?? ''), '');
  61. const walk = (tree: TreeTypeArray) => {
  62. let result = '';
  63. tree.sort(prioritySorter);
  64. for (let i = 0, len = tree.length; i < len; i++) {
  65. const entry = tree[i];
  66. if (entry.type === 'directory') {
  67. result += html`
  68. <li class="folder">
  69. ${entry.name}
  70. <ul>
  71. ${walk(entry.children)}
  72. </ul>
  73. </li>
  74. `;
  75. } else if (/* entry.type === 'file' && */ entry.name !== 'index.html') {
  76. result += html`<li><a class="file directory-list-file" href="${entry.path}">${entry.name}</a></li>`;
  77. }
  78. }
  79. return result;
  80. };
  81. function generateHtml(tree: TreeTypeArray) {
  82. return html`
  83. <!DOCTYPE html>
  84. <html lang="en">
  85. <head>
  86. <meta charset="utf-8">
  87. <title>Surge Ruleset Server | Sukka (@SukkaW)</title>
  88. <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
  89. <link href="https://cdn.skk.moe/favicon.ico" rel="icon" type="image/ico">
  90. <link href="https://cdn.skk.moe/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
  91. <link href="https://cdn.skk.moe/favicon/android-chrome-192x192.png" rel="icon" type="image/png" sizes="192x192">
  92. <link href="https://cdn.skk.moe/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32">
  93. <link href="https://cdn.skk.moe/favicon/favicon-16x16.png" rel="icon" type="image/png" sizes="16x16">
  94. <meta name="description" content="Sukka 自用的 Surge / Clash Premium 规则组">
  95. <link rel="stylesheet" href="https://cdn.skk.moe/ruleset/css/21d8777a.css" />
  96. <meta property="og:title" content="Surge Ruleset | Sukka (@SukkaW)">
  97. <meta property="og:type" content="Website">
  98. <meta property="og:url" content="https://ruleset.skk.moe/">
  99. <meta property="og:image" content="https://cdn.skk.moe/favicon/android-chrome-192x192.png">
  100. <meta property="og:description" content="Sukka 自用的 Surge / Clash Premium 规则组">
  101. <meta name="twitter:card" content="summary">
  102. <link rel="canonical" href="https://ruleset.skk.moe/">
  103. </head>
  104. <body>
  105. <main class="container">
  106. <h1>Sukka Ruleset Server</h1>
  107. <p>
  108. Made by <a href="https://skk.moe">Sukka</a> | <a href="https://github.com/SukkaW/Surge/">Source @ GitHub</a> | Licensed under <a href="/LICENSE" target="_blank">AGPL-3.0</a>
  109. </p>
  110. <p>Last Build: ${new Date().toISOString()}</p>
  111. <br>
  112. <ul class="directory-list">
  113. ${walk(tree)}
  114. </ul>
  115. </main>
  116. </body>
  117. </html>
  118. `;
  119. }