fix: frontend substitution

SharzyL · SharzyL · commit f0c6f8003b11 · 2025-04-22T00:04:35.000+08:00
diff --git a/README.md b/README.md
@@ -92,7 +92,7 @@ $ yarn delete-paste <name-of-paste>
 List pastes:
 
 ```console
-$ yarn -s wrangler kv:key list --binding PB > kv_list.json
+$ yarn -s wrangler kv key list --binding PB > kv_list.json
 ```
 
 ## Development
diff --git a/eslint.config.js b/eslint.config.js
@@ -34,7 +34,7 @@ export default tseslint.config(
     },
   },
   {
-    files: ["*.config.js"], // TODO: make them work
+    files: ["*.config.js"],
     extends: [tseslint.configs.disableTypeChecked],
   },
 )
diff --git a/frontend/index.html b/frontend/index.html
@@ -7,9 +7,7 @@
     content="width=device-width, initial-scale=1, shrink-to-fit=no"
   />
   <link rel="icon" href="{{FAVICON}}" type="image/png" />
-  <style media="screen">
-    {{CSS}}
-  </style>
+  {{CSS}}
 </head>
 <html lang="en">
   <body>
@@ -61,9 +59,7 @@ <h1>Yet Another Pastebin</h1>
         <h2>Settings</h2>
         <div id="paste-expiration-panel" class="paste-setting-subitem-panel">
           <input
-            list="expiration-choices"
             type="text"
-            min="60"
             step="1"
             name="paste-expiration"
             id="paste-expiration-input"
@@ -177,7 +173,7 @@ <h2>Uploaded paste</h2>
           />
           <button class="copy-button">Copy</button>
         </div>
-        <label for="suggested-url" class="small-label">Manage URL</label>
+        <label for="uploaded-manage-url" class="small-label">Manage URL</label>
         <div class="uploaded-entry">
           <input
             id="uploaded-suggested-url"
@@ -187,7 +183,9 @@ <h2>Uploaded paste</h2>
           />
           <button class="copy-button">Copy</button>
         </div>
-        <label for="uploaded-manage-url" class="small-label">Suggest URL</label>
+        <label for="uploaded-suggested-url" class="small-label"
+          >Suggest URL</label
+        >
         <p id="expiration-message"></p>
       </div>
       <div>
@@ -208,12 +206,6 @@ <h2>Uploaded paste</h2>
       </p>
     </footer>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <script>
-      {
-        {
-          INDEX_JS
-        }
-      }
-    </script>
+    {{INDEX_JS}}
   </body>
 </html>
diff --git a/src/pages/staticPages.ts b/src/pages/staticPages.ts
@@ -9,8 +9,8 @@ import apiMd from "../../doc/api.md"
 
 function indexPage(env: Env): string {
   return indexHtml
-    .replace("{{CSS}}", styleCss + githubCss)
-    .replace("{{INDEX_JS}}", indexJsIn)
+    .replace("{{CSS}}", `<style media="screen">${styleCss + githubCss}</style>`)
+    .replace("{{INDEX_JS}}", `<script>${indexJsIn}</script>`)
     .replaceAll("{{BASE_URL}}", env.BASE_URL)
     .replaceAll("{{REPO}}", env.REPO)
     .replaceAll("{{FAVICON}}", env.FAVICON)

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ export default tseslint.config(`
`34`	`34`	`},`
`35`	`35`	`},`
`36`	`36`	`{`
`37`		`- files: ["*.config.js"], // TODO: make them work`
	`37`	`+ files: ["*.config.js"],`
`38`	`38`	`extends: [tseslint.configs.disableTypeChecked],`
`39`	`39`	`},`
`40`	`40`	`)`