@kangsicj/dcinsideenhancer 1.3.1 → 1.3.2

package/dist/DCInsideEnhancer.meta.js

@@ -2,7 +2,7 @@
 // @name         DCInside Enhancer
 // @name:ko      디시 인핸서
 // @namespace    https://github.com/kangsicj/DCInsideEnhancer
-// @version      1.3.1
+// @version      1.3.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.3.1
+// @version      1.3.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.3.1';
+    const SCRIPT_VERSION = '1.3.2';
     const PROJECT_URL = 'https://github.com/kangsicj/DCInsideEnhancer';
     const DONATE_URL = 'https://fairy.hada.io/@jinny#support';
 
@@ -223,6 +223,7 @@
         hideNewsRows: true,
         hideCommentAds: true,
         hideCommentFab: true,
+        mobileRecentBar: true,
         mobileRecentStrip: true,
         hideSilbeAlarm: true,
         alarmBubble: true,
@@ -2069,6 +2070,44 @@
 
         .dc-pv-anchor { text-decoration: underline !important; text-decoration-color: var(--dc-accent-ink) !important; }
 
+        #dc-recent-bar {
+            display: flex;
+            align-items: center;
+            gap: 0;
+            height: 34px;
+            margin: 0;
+            padding: 0 6px;
+            overflow-x: auto;
+            overflow-y: hidden;
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: none;
+            overscroll-behavior-x: contain;
+            background: var(--dc-rb-bg, #3b4890);
+            border-bottom: 1px solid rgba(255,255,255,.12);
+            box-sizing: border-box;
+        }
+        #dc-recent-bar::-webkit-scrollbar { display: none; }
+        #dc-recent-bar .dc-rb-item {
+            flex: 0 0 auto;
+            display: inline-flex;
+            align-items: center;
+            gap: 2px;
+            max-width: 46vw;
+            height: 34px;
+            padding: 0 10px;
+            overflow: hidden;
+            color: rgba(255,255,255,.82);
+            font-size: 13px;
+            font-weight: 500;
+            letter-spacing: -.3px;
+            text-decoration: none;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        #dc-recent-bar .dc-rb-item + .dc-rb-item { border-left: 1px solid rgba(255,255,255,.18); }
+        #dc-recent-bar .dc-rb-item.on { color: var(--dc-rb-on, #ffe10a); font-weight: 700; }
+        #dc-recent-bar .dc-rb-kind { font-size: 11px; opacity: .8; }
+
         html.dc-recent-strip-on #lately_pop.dc-strip-lately #swiper-lately,
         html.dc-recent-strip-on #lately_pop.dc-strip-lately #lately_paging1 { display: none !important; }
         .dc-recent-strip {
@@ -10506,6 +10545,14 @@
             off: '댓글로 이동 버튼을 보여 줍니다.',
             refresh: 'root'
         },
+        {
+            group: 'clean',
+            key: 'mobileRecentBar',
+            name: '메뉴 위에 최근 방문 갤러리 늘 보이기 (모바일)',
+            on: '검색창과 [갤러리 · 마이너갤 · …] 메뉴 사이에 최근 방문 갤러리를 한 줄로 보여 줍니다. 옆으로 밀어 보고, 누르면 바로 이동합니다. 지금 갤러리는 노란색입니다.',
+            off: '[최근 방문]을 눌러야 보입니다.',
+            refresh: 'root'
+        },
         {
             group: 'clean',
             key: 'mobileRecentStrip',
@@ -10806,6 +10853,10 @@
                     repinReadColors();
                 }
 
+                if (item.key === 'mobileRecentBar') {
+                    renderRecentBar();
+                }
+
                 if (item.key === 'mobileRecentStrip') {
                     renderRecentStrip();
                 }
@@ -13575,10 +13626,11 @@
         const ordered = orderRecent(kept);
 
         if (recentOrder.fixed) {
-            const keys = ordered.map(recentKeyOf);
+            const known = new Set(recentOrder.keys);
+            const added = ordered.map(recentKeyOf).filter(key => !known.has(key));
 
-            if (JSON.stringify(keys) !== JSON.stringify(recentOrder.keys.filter(key => keys.includes(key)))) {
-                recentOrder = { ...recentOrder, keys };
+            if (added.length) {
+                recentOrder = { ...recentOrder, keys: [...recentOrder.keys, ...added].slice(-200) };
                 writeJson(STORAGE.recentOrder, recentOrder);
             }
         }
@@ -13592,6 +13644,7 @@
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
         reorderNativeRecentDom();
+        refreshRecentViews();
     };
 
     const moveRecent = (item, step) => {
@@ -13609,6 +13662,7 @@
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
         reorderNativeRecentDom();
+        refreshRecentViews();
     };
 
     const reorderNativeRecentDom = () => {
@@ -13634,6 +13688,18 @@
     const saveRecent = () => {
         recentGalls = tidyRecent(recentGalls);
         writeJson(STORAGE.recent, recentGalls);
+        refreshRecentViews();
+    };
+
+    let recentViewTimer = null;
+
+    const refreshRecentViews = () => {
+        clearTimeout(recentViewTimer);
+        recentViewTimer = setTimeout(() => {
+            if (typeof initialized !== 'undefined' && initialized) {
+                renderRecentBar();
+            }
+        }, 50);
     };
 
     const recentUrl = item => {
@@ -14004,6 +14070,62 @@
         strip.querySelector('.dc-rs-chip.here')?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });
     };
 
+    const renderRecentBar = () => {
+        const nav = IS_MOBILE_SITE ? document.querySelector('nav.nav') : null;
+        let bar = document.getElementById('dc-recent-bar');
+
+        if (!nav || settings.mobileRecentBar === false || !recentGalls.length) {
+            bar?.remove();
+            return;
+        }
+
+        if (!bar) {
+            bar = h('div', 'dc-ui');
+            bar.id = 'dc-recent-bar';
+            bar.setAttribute('aria-label', '최근 방문 갤러리');
+            nav.parentNode.insertBefore(bar, nav);
+        }
+
+        try {
+            const cs = getComputedStyle(nav);
+            const active = nav.querySelector('li.on a') || nav.querySelector('a');
+
+            bar.style.setProperty('--dc-rb-bg', cs.backgroundColor);
+            bar.style.setProperty('--dc-rb-on', active ? getComputedStyle(active).color : '#ffe10a');
+        } catch {
+        }
+
+        const keep = bar.scrollLeft;
+        const here = (currentGalleryVisit() || {}).id;
+
+        bar.textContent = '';
+
+        recentGalls.forEach(item => {
+            const link = h('a', `dc-rb-item${item.id === here ? ' on' : ''}`, item.n || item.id);
+
+            link.href = recentUrl(item);
+
+            if (item.k !== 'G') {
+                link.appendChild(h('span', 'dc-rb-kind', item.k === 'M' ? 'ⓜ' : item.k === 'N' ? 'ⓝ' : 'ⓟ'));
+            }
+
+            bar.appendChild(link);
+        });
+
+        bar.scrollLeft = keep;
+
+        const on = bar.querySelector('.dc-rb-item.on');
+
+        if (on && !keep) {
+            const b = bar.getBoundingClientRect();
+            const r = on.getBoundingClientRect();
+
+            if (r.right > b.right || r.left < b.left) {
+                bar.scrollLeft += r.left - b.left - 12;
+            }
+        }
+    };
+
     const watchRecentStrip = () => {
         const pop = document.getElementById('lately_pop');
 
@@ -14039,6 +14161,7 @@
         exportNativeRecent();
         watchNativeRecentDom();
         watchRecentStrip();
+        renderRecentBar();
 
         const follow = () => {
             if (document.visibilityState === 'visible' && (importNativeRecent() || recentOrder.fixed)) {
@@ -14074,6 +14197,7 @@
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
         reorderNativeRecentDom();
+        refreshRecentViews();
 
         return true;
     };
@@ -14117,6 +14241,7 @@
         recentGalls = next;
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
+        refreshRecentViews();
 
         return true;
     };

package/package.json

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