1

package.json

@@ -1,6 +1,6 @@
 {
     "name": "betternovelpia",
-    "version": "10.7.4",
+    "version": "10.7.5",
     "scripts": {
         "preinstall": "npx only-allow pnpm",
         "build": "webpack --config webpack.prod.js",

src/module/Bookmark.tsx

@@ -36,7 +36,7 @@ function Bookmark() {
             bookmarkList.current?.scroll(0, scrollTop);
     }, [scrollTop]);
 
-    useEffect(() => appendSide("ion-bookmark", "북마크", () => setHide(false)), []);
+    useEffect(() => appendSide("북마크", () => setHide(false)), []);
 
     const deleteBookmark = useCallback((url: string) => {
         setScrollTop(bookmarkList.current?.scrollTop ?? 0);

src/module/Setting.tsx

@@ -141,7 +141,7 @@ function Setting() {
         forceUpdate();
     }, []);
 
-    useEffect(() => appendSide("ion-ios-gear", "설정", () => setHide(false)), []);
+    useEffect(() => appendSide("설정", () => setHide(false)), []);
 
     const MainDiv = styled.div`
       overflow: auto;

src/module/debug/Eval.ts

@@ -14,7 +14,7 @@ export default {
         }
     },
     start() {
-        appendSide("ion-settings", "eval", () => {
+        appendSide("eval", () => {
             const code = prompt("code: ");
 
             if (!code)

src/util/AppendSide.ts

@@ -1,30 +1,17 @@
 import $ from "cash-dom";
 import {SIDE_LEFT} from "./Selectors";
+import {Cash} from "cash-dom/dist/cash";
 
 let isFirst = true;
+let $SideMenu: Cash;
 
-export function appendSide(icon: string, title: string, onclick: () => void | Promise<void>) {
-    const $Code =
-        $(`<li class="new-list-style"><span style=width:20px;display:inline-block;text-align:center><i class="icon ${icon}"></i></span>${title}</li>`).on("click", onclick);
-
-    const $Logout = $(`.am-sideright span[onclick*="/proc/logout"]`);
-
-    if (!$Logout.length) {
-        const $SideLeft = $(SIDE_LEFT);
-
-        if (isFirst) {
-            isFirst = false;
-            $SideLeft.append(`<hr class="category-line">`);
-        }
-
-        $SideLeft.append($Code);
-        return;
-    }
+export function appendSide(title: string, onclick: () => void | Promise<void>) {
+    const $Code = $(`<p>${title}</p>`).on("click", onclick);
 
     if (isFirst) {
         isFirst = false;
-        $(`<hr class="category-line">`).insertBefore($Logout.parent());
+        $SideMenu = $("<div class=sidemenu-service><p class=sidemenu-link-title>BetterNovelpia<div class=sidemenu-link-grid></div></div>").insertAfter(SIDE_LEFT);
     }
 
-    $Code.insertBefore($Logout.parent());
+    $SideMenu.find(".sidemenu-link-grid").append($Code);
 }

src/util/Selectors.ts

@@ -1,4 +1,4 @@
-export const SIDE_LEFT = ".am-sideleft ul";
+export const SIDE_LEFT = "#m-sidemenu .sidemenu-support";
 
 export const HEADER_BAR = "#header_bar";