diff --git a/frontend/lib/auth.ts b/frontend/lib/auth.ts
index 646cecf8..1233dc50 100644
--- a/frontend/lib/auth.ts
+++ b/frontend/lib/auth.ts
@@ -3,7 +3,7 @@ import { apiEndpoint } from "./const";
 
 export let githubMeta: GitHubMeta;
 
-export const _fetchGitHubMeta = async () => {
+export const fetchGitHubMeta = async () => {
   const res = await fetch(`${apiEndpoint}meta/github-app`, {
     method: "GET",
   });
@@ -15,7 +15,7 @@ export const _fetchGitHubMeta = async () => {
   if (!githubMeta) githubMeta = (await res.json()).data;
 };
 
-export const _handleOAuthToken = () => {
+export const handleOAuthToken = () => {
   const url = new URL(window.location.href);
   const token = url.searchParams.get("oauth_token");
   if (!token) return;
@@ -24,7 +24,7 @@ export const _handleOAuthToken = () => {
   window.history.replaceState(null, "", url.toString());
 };
 
-export const _getJWT = () => {
+export const getJWT = () => {
   // https://developer.mozilla.org/zh-CN/docs/Web/API/Document/cookie#%E7%A4%BA%E4%BE%8B_2_%E5%BE%97%E5%88%B0%E5%90%8D%E4%B8%BA_test2_%E7%9A%84_cookie
   return document.cookie.replace(
     /(?:(?:^|.*;\s*)oauth_token\s*\=\s*([^;]*).*$)|^.*$/,
@@ -32,8 +32,8 @@ export const _getJWT = () => {
   );
 };
 
-export const _decodeJWT = () => {
-  const jwt = _getJWT();
+export const decodeJWT = () => {
+  const jwt = getJWT();
   if (!jwt) return;
   const raw = jwt.split(".")[1];
 
@@ -42,7 +42,7 @@ export const _decodeJWT = () => {
   return JSON.parse(decodedString) as JWTPayload;
 };
 
-export const _logout = () => {
+export const logout = () => {
   document.cookie =
     "oauth_token=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; secure";
 };
diff --git a/frontend/lib/dom/comment.ts b/frontend/lib/dom/comment.ts
index 1de38056..8ef52a21 100644
--- a/frontend/lib/dom/comment.ts
+++ b/frontend/lib/dom/comment.ts
@@ -3,7 +3,7 @@ import iconShare from "iconify/share";
 import iconEdit from "iconify/edit";
 import iconDelete from "iconify/delete";
 import { Comment } from "../types";
-import { _getJWT, _decodeJWT, _logout, githubMeta } from "../auth";
+import { getJWT, decodeJWT, logout, githubMeta } from "../auth";
 import { apiEndpoint } from "../const";
 import { groupBy, dateTimeFormatter } from "../util";
 
@@ -26,7 +26,7 @@ export const setCommentsPanel = (panel: HTMLElement) => {
   commentsPanel = panel;
 };
 
-export const _handleAnchor = async () => {
+export const handleAnchor = async () => {
   const url = new URL(window.location.href);
   const anchor = url.hash;
   if (!anchor) return;
@@ -35,7 +35,7 @@ export const _handleAnchor = async () => {
   if (!rawCommentId) return;
   const commentId = parseInt(rawCommentId);
 
-  await _fetchComments();
+  await fetchComments();
   const comment = commentsCache?.find((it) => it.id === commentId);
   if (!comment) return;
 
@@ -45,7 +45,7 @@ export const _handleAnchor = async () => {
   );
   if (!paragraph) return;
 
-  await _selectOffsetParagraph({
+  await selectOffsetParagraph({
     el: paragraph,
     focusReply: true,
   });
@@ -61,7 +61,7 @@ export const _handleAnchor = async () => {
   });
 };
 
-export const _registerDialog = ({
+export const registerDialog = ({
   idOrClass,
   content,
   actions = new Map<string, (el: HTMLElement) => void>(),
@@ -110,7 +110,7 @@ export const _registerDialog = ({
   return dialog;
 };
 
-export const _selectOffsetParagraph = async ({
+export const selectOffsetParagraph = async ({
   el,
   focusReply = false,
 }: {
@@ -125,17 +125,17 @@ export const _selectOffsetParagraph = async ({
   if (selectedOffset?.dataset.reviewHasComments || focusReply) {
     delete selectedOffset.dataset.reviewFocused;
     selectedOffset.dataset.reviewSelected = "true";
-    await _openCommentsPanel();
+    await openCommentsPanel();
   }
 };
 
-export const _unselectOffsetParagraph = () => {
+export const unselectOffsetParagraph = () => {
   delete selectedOffset?.dataset.reviewSelected;
   selectedOffset = null;
 };
 
-export const _openCommentsPanel = async () => {
-  const comments = [...(await _fetchComments())];
+export const openCommentsPanel = async () => {
+  const comments = [...(await fetchComments())];
 
   const selected = selectedOffset;
 
@@ -165,7 +165,7 @@ export const _openCommentsPanel = async () => {
     });
   }
 
-  await _renderComments(comments);
+  await renderComments(comments);
   let selectedCommentsGroup = document.querySelector(
     `#review-comments-panel .comments_group[data-original-document-start="${selectedOffset?.dataset.originalDocumentStart}"][data-original-document-end="${selectedOffset?.dataset.originalDocumentEnd}"]`,
   ) as HTMLElement;
@@ -186,12 +186,12 @@ export const _openCommentsPanel = async () => {
   commentsPanel.classList.remove("review_hidden");
 };
 
-export const _closeCommentsPanel = () => {
+export const closeCommentsPanel = () => {
   commentsPanel.classList.add("review_hidden");
   commentsButton.classList.remove("review_hidden");
 };
 
-export const _submitComment = async ({
+export const submitComment = async ({
   offsets,
   content,
 }: {
@@ -217,7 +217,7 @@ export const _submitComment = async ({
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${_getJWT()}`,
+        Authorization: `Bearer ${getJWT()}`,
       },
       body: JSON.stringify({
         ...comment,
@@ -231,9 +231,9 @@ export const _submitComment = async ({
     commentsCache.push({
       ...comment,
       commenter: {
-        name: _decodeJWT()?.name ?? "未知用户",
-        oauth_provider: _decodeJWT()?.provider as "github",
-        oauth_user_id: _decodeJWT()?.id ?? "-1",
+        name: decodeJWT()?.name ?? "未知用户",
+        oauth_provider: decodeJWT()?.provider as "github",
+        oauth_user_id: decodeJWT()?.id ?? "-1",
       },
       id: commentsCache.length,
       created_time: new Date().toISOString(),
@@ -257,8 +257,8 @@ export const _submitComment = async ({
     );
   }
 
-  await _fetchComments(true);
-  _updateAvailableComments();
+  await fetchComments(true);
+  updateAvailableComments();
 };
 
 export const _modifyComment = async ({
@@ -274,7 +274,7 @@ export const _modifyComment = async ({
       method: "PATCH",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${_getJWT()}`,
+        Authorization: `Bearer ${getJWT()}`,
       },
       body: JSON.stringify({
         comment,
@@ -305,8 +305,8 @@ export const _modifyComment = async ({
     );
   }
 
-  await _fetchComments(true);
-  _updateAvailableComments();
+  await fetchComments(true);
+  updateAvailableComments();
 };
 
 export const _deleteComment = async ({ id }: { id: number }) => {
@@ -315,7 +315,7 @@ export const _deleteComment = async ({ id }: { id: number }) => {
     {
       method: "DELETE",
       headers: {
-        Authorization: `Bearer ${_getJWT()}`,
+        Authorization: `Bearer ${getJWT()}`,
       },
     },
   );
@@ -341,11 +341,11 @@ export const _deleteComment = async ({ id }: { id: number }) => {
     commentsCache = commentsCache.filter((it) => it.id !== id);
   }
 
-  await _fetchComments(true);
-  _updateAvailableComments();
+  await fetchComments(true);
+  updateAvailableComments();
 };
 
-export const _fetchComments = async (force: boolean = false) => {
+export const fetchComments = async (force: boolean = false) => {
   if (!force && commentsCache) {
     return commentsCache;
   }
@@ -363,7 +363,7 @@ export const _fetchComments = async (force: boolean = false) => {
   return comments;
 };
 
-export const _renderComments = async (comments: Comment[]) => {
+export const renderComments = async (comments: Comment[]) => {
   const commentsEl = commentsPanel.querySelector(
     ".panel_main",
   )! as HTMLDivElement;
@@ -443,7 +443,7 @@ export const _renderComments = async (comments: Comment[]) => {
       "button.comment_actions_item[data-action='logout']",
     ) as HTMLButtonElement;
 
-    const userInfo = _decodeJWT();
+    const userInfo = decodeJWT();
     if (!userInfo) {
       username.textContent = "登录到 GitHub 以发表评论";
       commentActionsLogout.style.display = "none";
@@ -646,7 +646,7 @@ export const _renderComments = async (comments: Comment[]) => {
           } else if (e instanceof Response) {
             if (e.status === 401) {
               notification.textContent = "身份验证失效，请重新登录";
-              _logout();
+              logout();
               return;
             }
             if (
@@ -691,7 +691,7 @@ export const _renderComments = async (comments: Comment[]) => {
             break;
           }
           case "logout": {
-            _logout();
+            logout();
             window.location.reload();
             break;
           }
@@ -714,7 +714,7 @@ export const _renderComments = async (comments: Comment[]) => {
             notification.textContent = "";
 
             try {
-              await _submitComment({
+              await submitComment({
                 offsets: [
                   parseInt(selectedOffset!.dataset.originalDocumentStart!),
                   parseInt(selectedOffset!.dataset.originalDocumentEnd!),
@@ -727,7 +727,7 @@ export const _renderComments = async (comments: Comment[]) => {
             } catch (error) {
               _handleError(error);
             } finally {
-              await _openCommentsPanel();
+              await openCommentsPanel();
 
               const newNotification = commentsPanel.querySelector(
                 "[data-review-selected] .comment_actions_notification",
@@ -744,7 +744,7 @@ export const _renderComments = async (comments: Comment[]) => {
               }
             }
 
-            await _openCommentsPanel();
+            await openCommentsPanel();
             const newSubmitButton = commentsPanel.querySelector(
               "[data-review-selected] button[data-action='submit']",
             ) as HTMLButtonElement;
@@ -815,7 +815,7 @@ export const _renderComments = async (comments: Comment[]) => {
             } catch (error) {
               _handleError(error);
             } finally {
-              await _openCommentsPanel();
+              await openCommentsPanel();
 
               const newNotification = commentsPanel.querySelector(
                 "[data-review-selected] .comment_actions_notification",
@@ -832,7 +832,7 @@ export const _renderComments = async (comments: Comment[]) => {
               }
             }
 
-            await _openCommentsPanel(); // ??
+            await openCommentsPanel(); // ??
             break;
           }
           case "delete": {
@@ -847,7 +847,7 @@ export const _renderComments = async (comments: Comment[]) => {
             _deleteComment({ id: parseInt(id) })
               .catch(_handleError)
               .finally(() => {
-                _openCommentsPanel().then(() => {
+                openCommentsPanel().then(() => {
                   const newNotification = commentsPanel.querySelector(
                     "[data-review-selected] .comment_actions_notification",
                   );
@@ -863,7 +863,7 @@ export const _renderComments = async (comments: Comment[]) => {
                 });
               });
 
-            _openCommentsPanel().then(() => {
+            openCommentsPanel().then(() => {
               const newNotification = commentsPanel.querySelector(
                 "[data-review-selected] .comment_actions_notification",
               );
@@ -929,14 +929,14 @@ export const _renderComments = async (comments: Comment[]) => {
   }
 };
 
-export const _updateAvailableComments = async () => {
+export const updateAvailableComments = async () => {
   const offsets = Array.from(
     document.querySelectorAll<HTMLElement>(
       "[data-review-enabled][data-original-document-start][data-original-document-end]",
     ),
   );
 
-  await _fetchComments();
+  await fetchComments();
 
   for (let offset of offsets) {
     delete offset.dataset.reviewHasComments;
diff --git a/frontend/lib/dom/ctx_menu.ts b/frontend/lib/dom/ctx_menu.ts
index 38f49d63..12b78315 100644
--- a/frontend/lib/dom/ctx_menu.ts
+++ b/frontend/lib/dom/ctx_menu.ts
@@ -1,10 +1,10 @@
-import { _selectOffsetParagraph } from "./comment";
-import { _registerDialog } from "./util";
+import { selectOffsetParagraph } from "./comment";
+import { registerDialog } from "./util";
 import iconAddComment from "iconify/add-comment-outline-rounded";
 
-export const _createContextMenu = ({ el }: { el: HTMLElement }) => {
+export const createContextMenu = ({ el }: { el: HTMLElement }) => {
   if (el.querySelector(`.review-context-menu`)) return;
-  _registerDialog({
+  registerDialog({
     idOrClass: "review-context-menu",
     content: `
     <button data-action="comment">
@@ -16,7 +16,7 @@ export const _createContextMenu = ({ el }: { el: HTMLElement }) => {
       [
         "comment",
         () => {
-          _selectOffsetParagraph({
+          selectOffsetParagraph({
             el,
             focusReply: true,
           });
@@ -36,7 +36,7 @@ export const _createContextMenu = ({ el }: { el: HTMLElement }) => {
   });
 };
 
-export const _openContextMenu = ({ el }: { el: HTMLElement }) => {
+export const openContextMenu = ({ el }: { el: HTMLElement }) => {
   const contextMenu = el.querySelector(`.review-context-menu`) as
     | HTMLDivElement
     | undefined;
@@ -47,7 +47,7 @@ export const _openContextMenu = ({ el }: { el: HTMLElement }) => {
   contextMenu.style.display = "";
 };
 
-export const _closeContextMenu = ({ el }: { el: HTMLElement }) => {
+export const closeContextMenu = ({ el }: { el: HTMLElement }) => {
   const contextMenu = el.querySelector(
     `.review-context-menu:not([style*="display: none"])`,
   ) as HTMLDivElement | undefined;
diff --git a/frontend/lib/dom/util.ts b/frontend/lib/dom/util.ts
index fb62d57c..9f75112d 100644
--- a/frontend/lib/dom/util.ts
+++ b/frontend/lib/dom/util.ts
@@ -1,4 +1,4 @@
-export const _registerDialog = ({
+export const registerDialog = ({
   idOrClass,
   content,
   actions = new Map<string, (el: HTMLElement) => void>(),
diff --git a/frontend/lib/main.ts b/frontend/lib/main.ts
index dacf7a23..7df78a45 100644
--- a/frontend/lib/main.ts
+++ b/frontend/lib/main.ts
@@ -2,30 +2,24 @@ import "./style.css";
 import iconComment from "iconify/comment-outline-rounded";
 import iconClose from "iconify/close";
 import { setApiEndpoint } from "./const";
+import { fetchGitHubMeta, handleOAuthToken } from "./auth";
 import {
-  _decodeJWT,
-  _fetchGitHubMeta,
-  _getJWT,
-  _handleOAuthToken,
-  _logout,
-} from "./auth";
-import {
-  _closeContextMenu,
-  _createContextMenu,
-  _openContextMenu,
+  closeContextMenu,
+  createContextMenu,
+  openContextMenu,
 } from "./dom/ctx_menu";
 import {
-  _selectOffsetParagraph,
-  _updateAvailableComments,
-  _closeCommentsPanel,
-  _unselectOffsetParagraph,
-  _openCommentsPanel,
-  _handleAnchor,
+  selectOffsetParagraph,
+  updateAvailableComments,
+  closeCommentsPanel,
+  unselectOffsetParagraph,
+  openCommentsPanel,
+  handleAnchor,
   resetCommentsCache,
   setCommentsButton,
   setCommentsPanel,
 } from "./dom/comment";
-import { _registerDialog } from "./dom/util";
+import { registerDialog } from "./dom/util";
 
 let globalInitialized = false;
 export const __VERSION__: string = __LIB_VERSION__;
@@ -36,7 +30,7 @@ export function setupReview(
 ) {
   setApiEndpoint(endpoint.endsWith("/") ? endpoint : endpoint + "/");
 
-  _handleOAuthToken();
+  handleOAuthToken();
 
   const offsets = Array.from(
     el.querySelectorAll<HTMLElement>(
@@ -55,54 +49,54 @@ export function setupReview(
     offset.dataset.reviewEnabled = "true";
     offset.addEventListener("click", (e) => {
       e.stopPropagation(); // Prevent bubble so that the document click event won't be triggered
-      _selectOffsetParagraph({
+      selectOffsetParagraph({
         el: e.currentTarget as HTMLElement,
       });
     });
     offset.addEventListener("mouseenter", (e) => {
-      _openContextMenu({
+      openContextMenu({
         el: e.currentTarget as HTMLElement,
       });
     });
     offset.addEventListener("mouseleave", (e) => {
-      _closeContextMenu({
+      closeContextMenu({
         el: e.currentTarget as HTMLElement,
       });
     });
     // pre render context menu
-    _createContextMenu({ el: offset });
+    createContextMenu({ el: offset });
   }
 
   // clear cache
   resetCommentsCache();
 
-  _updateAvailableComments();
-  _fetchGitHubMeta();
+  updateAvailableComments();
+  fetchGitHubMeta();
 
   if (globalInitialized) {
-    _closeCommentsPanel();
+    closeCommentsPanel();
     console.log("oiwiki-feedback-sys-frontend has been successfully reset.");
     return;
   }
 
   document.addEventListener("click", () => {
-    _unselectOffsetParagraph();
+    unselectOffsetParagraph();
   });
 
   setCommentsButton(
-    _registerDialog({
+    registerDialog({
       idOrClass: "review-comments-button",
       content: `
     <button data-action="open">
       ${iconComment}
     </button>
     `,
-      actions: new Map([["open", () => _openCommentsPanel()]]),
+      actions: new Map([["open", () => openCommentsPanel()]]),
     }),
   );
 
   setCommentsPanel(
-    _registerDialog({
+    registerDialog({
       idOrClass: "review-comments-panel",
       content: `
     <div class="panel_header">
@@ -113,14 +107,14 @@ export function setupReview(
     </div>
     <div class="panel_main"></div>
     `,
-      actions: new Map([["close", () => _closeCommentsPanel()]]),
+      actions: new Map([["close", () => closeCommentsPanel()]]),
     }),
   );
 
   // initialize comments panel position
-  _closeCommentsPanel();
+  closeCommentsPanel();
 
-  _handleAnchor();
+  handleAnchor();
 
   console.log(
     `oiwiki-feedback-sys-frontend version ${__VERSION__} has been successfully installed.`,