@kangsicj/dcinsideenhancer 1.2.1 → 1.2.2

package/dist/DCInsideEnhancer.meta.js

@@ -2,7 +2,7 @@
 // @name         DCInside Enhancer
 // @name:ko      디시 인핸서
 // @namespace    https://github.com/kangsicj/DCInsideEnhancer
-// @version      1.2.1
+// @version      1.2.2
 // @description  DCInside filter & enhancer — mobile & PC. Block users/words/heads/notices/images & GIFs across posts, infinite list, zoom viewer, theme sync, encrypted multi-device sync.
 // @description:ko 디시인사이드 차단·편의 기능 (모바일·PC) - 유저·단어(제목/본문)·말머리·공지 차단, 같은/비슷한 이미지·움짤 모든 글 차단, 디시콘 제거, 차단 미디어 데이터 절약, 목록 자동 보충·무한 스크롤·뒤로 가기 위치 복원, 스크랩, 이미지 확대뷰 개선, 야간모드 자동 연동, 암호화 기기 간 동기화
 // @author       kangsicj

package/dist/DCInsideEnhancer.user.js

@@ -2,7 +2,7 @@
 // @name         DCInside Enhancer
 // @name:ko      디시 인핸서
 // @namespace    https://github.com/kangsicj/DCInsideEnhancer
-// @version      1.2.1
+// @version      1.2.2
 // @description  DCInside filter & enhancer — mobile & PC. Block users/words/heads/notices/images & GIFs across posts, infinite list, zoom viewer, theme sync, encrypted multi-device sync.
 // @description:ko 디시인사이드 차단·편의 기능 (모바일·PC) - 유저·단어(제목/본문)·말머리·공지 차단, 같은/비슷한 이미지·움짤 모든 글 차단, 디시콘 제거, 차단 미디어 데이터 절약, 목록 자동 보충·무한 스크롤·뒤로 가기 위치 복원, 스크랩, 이미지 확대뷰 개선, 야간모드 자동 연동, 암호화 기기 간 동기화
 // @author       kangsicj
@@ -75,7 +75,7 @@
     // 0. 설정·상수
     // =========================================================
 
-    const SCRIPT_VERSION = '1.2.1';
+    const SCRIPT_VERSION = '1.2.2';
     const PROJECT_URL = 'https://github.com/kangsicj/DCInsideEnhancer';
     const DONATE_URL = 'https://fairy.hada.io/@jinny#support';
 
@@ -463,14 +463,31 @@
             html.dc-pc-fit .dcwrap .stickyunit { display: none !important; }
             html.dc-pc-fit .dcwrap .darkmodebox .pop_tipbox { left: auto !important; right: 0 !important; }
 
-            html.dc-pc-fit .dcwrap .cmt_info { display: flex !important; align-items: flex-start; }
-            html.dc-pc-fit .dcwrap .cmt_info::before,
-            html.dc-pc-fit .dcwrap .cmt_info::after { display: none !important; }
-            html.dc-pc-fit .dcwrap .cmt_info > .addbox { display: flex; flex: 1 1 auto; min-width: 0; width: auto !important; }
-            html.dc-pc-fit .dcwrap .cmt_info > .addbox > .cmt_nickbox { flex: 0 0 auto; float: none !important; }
-            html.dc-pc-fit .dcwrap .cmt_info > .addbox > .cmt_txtbox { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; }
-            html.dc-pc-fit .dcwrap .cmt_info .cmt_txtbox .usertxt { float: none !important; width: auto !important; max-width: 100% !important; }
-            html.dc-pc-fit .dcwrap .cmt_info > .fr { flex: 0 0 auto; float: none !important; margin-left: 10px; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) { display: flex !important; align-items: flex-start; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info)::before,
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info)::after { display: none !important; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) > .addbox { display: flex; flex: 1 1 auto; min-width: 0; width: auto !important; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) > .addbox > .cmt_nickbox { flex: 0 0 auto; float: none !important; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) > .addbox > .cmt_txtbox { flex: 1 1 auto; min-width: 0; float: none !important; width: auto !important; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) .cmt_txtbox .usertxt { float: none !important; width: auto !important; max-width: 100% !important; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) .cmt_txtbox .comment_dccon { float: none !important; width: auto !important; max-width: 100% !important; }
+            html.dc-pc-fit .dcwrap :is(.cmt_info, .reply_info) > .fr { flex: 0 0 auto; float: none !important; margin-left: 10px; }
+
+            html.dc-pc-fit .dcwrap .writing_view_box { float: none !important; width: auto !important; }
+            html.dc-pc-fit .dcwrap .writing_view_box .write_div { width: auto !important; }
+
+            html.dc-pc-fit .dcwrap .bottom_paging_wrap {
+                display: flex !important;
+                justify-content: center;
+                align-items: center;
+                gap: 10px;
+                width: 100% !important;
+                padding-left: 0 !important;
+                padding-right: 0 !important;
+                box-sizing: border-box;
+                position: relative;
+            }
+            html.dc-pc-fit .dcwrap .bottom_paging_wrap > .bottom_paging_box { margin: 0 !important; }
 
             html.dc-pc-fit .dcwrap .cmt_write_box > .fl { width: 142px; }
             html.dc-pc-fit .dcwrap .cmt_write_box > .cmt_txt_cont {
@@ -14707,7 +14724,8 @@
 
     // =========================================================
 
-    const PREVIEW_DELAY = 450;
+    const PREVIEW_DELAY = 650;
+    const PREVIEW_SWITCH_DELAY = 320;
     const PREVIEW_CLOSE_DELAY = 380;
     const PREVIEW_CACHE_MS = 5 * 60 * 1000;
     const PREVIEW_CACHE_MAX = 30;
@@ -14755,8 +14773,11 @@
         previewThemeObserver = null;
     };
 
-    const closePreview = () => {
-        clearTimeout(previewHoverTimer);
+    const closePreview = ({ keepHover = false } = {}) => {
+        if (!keepHover) {
+            clearTimeout(previewHoverTimer);
+        }
+
         clearTimeout(previewCloseTimer);
         stopPreviewTheme();
 
@@ -14774,7 +14795,8 @@
 
     const schedulePreviewClose = () => {
         clearTimeout(previewCloseTimer);
-        previewCloseTimer = setTimeout(closePreview, PREVIEW_CLOSE_DELAY);
+
+        previewCloseTimer = setTimeout(() => closePreview({ keepHover: true }), PREVIEW_CLOSE_DELAY);
     };
 
     const goToPreviewPost = () => {
@@ -15203,29 +15225,72 @@
             return;
         }
 
-        document.addEventListener('mouseover', event => {
-            if (!previewEnabled()) {
+        let hoverAnchor = null;
+        let pressedAnchor = null;
+
+        const armHover = anchor => {
+            clearTimeout(previewHoverTimer);
+
+            if (!previewEnabled() || anchor === pressedAnchor) {
                 return;
             }
 
+            const switching = previewOpen() && anchor !== previewAnchor;
+
+            previewHoverTimer = setTimeout(() => {
+                if (hoverAnchor !== anchor || pressedAnchor === anchor || !anchor.isConnected) {
+                    return;
+                }
+
+                clearTimeout(previewCloseTimer);
+                showPreviewFor(anchor);
+            }, switching ? PREVIEW_SWITCH_DELAY : PREVIEW_DELAY);
+        };
+
+        document.addEventListener('mouseover', event => {
             const anchor = event.target instanceof Element ? event.target.closest(PREVIEW_TITLE_SELECTOR) : null;
 
             if (!anchor || anchor.closest('.dc-ui')) {
                 return;
             }
 
-            if (anchor === previewAnchor) {
+            if (anchor === hoverAnchor) {
+                return;
+            }
+
+            hoverAnchor = anchor;
+
+            if (anchor === previewAnchor && previewOpen()) {
                 clearTimeout(previewCloseTimer);
                 return;
             }
 
-            clearTimeout(previewHoverTimer);
-            previewHoverTimer = setTimeout(() => {
+            if (previewOpen()) {
                 clearTimeout(previewCloseTimer);
-                showPreviewFor(anchor);
-            }, PREVIEW_DELAY);
+            }
+
+            armHover(anchor);
         });
 
+        document.addEventListener('mousemove', event => {
+            if (!hoverAnchor || previewAnchor === hoverAnchor) {
+                return;
+            }
+
+            if (event.target instanceof Node && hoverAnchor.contains(event.target)) {
+                armHover(hoverAnchor);
+            }
+        }, { passive: true });
+
+        document.addEventListener('mousedown', event => {
+            const anchor = event.target instanceof Element ? event.target.closest(PREVIEW_TITLE_SELECTOR) : null;
+
+            if (anchor) {
+                pressedAnchor = anchor;
+                clearTimeout(previewHoverTimer);
+            }
+        }, true);
+
         document.addEventListener('mouseout', event => {
             const anchor = event.target instanceof Element ? event.target.closest(PREVIEW_TITLE_SELECTOR) : null;
 
@@ -15233,6 +15298,14 @@
                 return;
             }
 
+            if (hoverAnchor === anchor) {
+                hoverAnchor = null;
+            }
+
+            if (pressedAnchor === anchor) {
+                pressedAnchor = null;
+            }
+
             clearTimeout(previewHoverTimer);
 
             if (previewOpen() && !(event.relatedTarget instanceof Node && previewEl.contains(event.relatedTarget))) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kangsicj/dcinsideenhancer",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "DCInside filter & enhancer userscript for mobile and PC (디시인사이드 차단·편의 유저스크립트)",
   "license": "MIT",
   "author": "kangsicj",