chore: use CSS/JS comments for build placeholders

ngjinshan · ngjinshan · commit c3e7e615df3b · 2026-05-04T14:38:31.000+08:00
Avoids false editor errors from HTML comments inside style/script tags.
diff --git a/scripts/build.js b/scripts/build.js
@@ -10,7 +10,7 @@ let html = fs.readFileSync(path.join(SRC, 'html', 'configurator.html'), 'utf8');
 
 // 2. Inline CSS
 const css = fs.readFileSync(path.join(SRC, 'css', 'styles.css'), 'utf8');
-const cssPlaceholder = '<!-- BUILD:CSS -->';
+const cssPlaceholder = '/* BUILD:CSS */';
 html = html.slice(0, html.indexOf(cssPlaceholder)) + css.trimEnd() + html.slice(html.indexOf(cssPlaceholder) + cssPlaceholder.length);
 
 // 3. Collect service module files (all .js in services/ except index.js, sorted)
@@ -69,7 +69,7 @@ if (lambdaIdx === -1) {
 }
 jsBundle = jsBundle.slice(0, lambdaIdx) + lambdaIndented.trimEnd() + jsBundle.slice(lambdaIdx + lambdaPlaceholder.length);
 
-const jsPlaceholder = '<!-- BUILD:JS -->';
+const jsPlaceholder = '/* BUILD:JS */';
 html = html.slice(0, html.indexOf(jsPlaceholder)) + jsBundle.trimEnd() + html.slice(html.indexOf(jsPlaceholder) + jsPlaceholder.length);
 
 // 5. Write output
diff --git a/scripts/verify-build.js b/scripts/verify-build.js
@@ -14,7 +14,7 @@ const checks = [
   [html.includes('deleteGenerate'),       'delete flow present'],
   [html.includes('editorGenerate'),       'editor flow present'],
   [html.includes('editorGenerateUpgrade'),'upgrade flow present'],
-  [!html.includes('<!-- BUILD:'),         'no unresolved build placeholders'],
+  [!html.includes('/* BUILD:'),         'no unresolved build placeholders'],
   [!html.includes('require('),            'no require() in output'],
 ];
 
diff --git a/src/html/configurator.html b/src/html/configurator.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>MAP 2.0 Auto-Tagger Configurator</title>
     <style>
-<!-- BUILD:CSS -->
+/* BUILD:CSS */
     </style>
 </head>
 <body>
@@ -958,7 +958,7 @@ <h3 style="margin:20px 0 8px;font-size:14px;" data-i18n="ui_editor_script_previe
     </div>
 
     <script>
-<!-- BUILD:JS -->
+/* BUILD:JS */
     </script>
 </body>
 </html>
