@kangsicj/dcinsideenhancer 1.3.0 → 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.0
+// @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.0
+// @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.0';
+    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,8 @@
         hideNewsRows: true,
         hideCommentAds: true,
         hideCommentFab: true,
+        mobileRecentBar: true,
+        mobileRecentStrip: true,
         hideSilbeAlarm: true,
         alarmBubble: true,
         alarmKeepPolling: true,
@@ -2068,6 +2070,96 @@
 
         .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 {
+            display: flex;
+            gap: 8px;
+            padding: 12px 12px 14px;
+            overflow-x: auto;
+            overflow-y: hidden;
+            -webkit-overflow-scrolling: touch;
+            scroll-snap-type: x proximity;
+            scrollbar-width: none;
+            overscroll-behavior-x: contain;
+        }
+        .dc-recent-strip::-webkit-scrollbar { display: none; }
+        .dc-recent-strip[hidden] { display: none !important; }
+        .dc-recent-strip .dc-rs-chip {
+            flex: 0 0 auto;
+            display: inline-flex;
+            align-items: center;
+            gap: 4px;
+            max-width: 60vw;
+            height: 36px;
+            padding: 0 4px 0 14px;
+            border: 1px solid var(--dc-border);
+            border-radius: 999px;
+            background: var(--dc-surface-2);
+            color: var(--dc-text);
+            font-size: 14px;
+            font-weight: 600;
+            text-decoration: none;
+            white-space: nowrap;
+            scroll-snap-align: start;
+        }
+        .dc-recent-strip .dc-rs-chip.here { border-color: var(--dc-accent-ink); color: var(--dc-accent-ink); background: var(--dc-accent-soft); }
+        .dc-recent-strip .dc-rs-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+        .dc-recent-strip .dc-rs-kind { color: var(--dc-text-dim); font-size: 13px; }
+        .dc-recent-strip .dc-rs-del {
+            flex: 0 0 auto;
+            width: 28px;
+            height: 28px;
+            margin: 0;
+            padding: 0;
+            border: none;
+            border-radius: 50%;
+            background: transparent;
+            color: var(--dc-text-dim);
+            font-size: 18px;
+            line-height: 28px;
+        }
+        .dc-recent-strip .dc-rs-pin,
+        .dc-recent-strip .dc-rs-empty { flex: 0 0 auto; align-self: center; padding: 0 6px; color: var(--dc-text-dim); font-size: 12px; white-space: nowrap; }
+
         .dc-key-cursor { outline: 2px solid var(--dc-accent-ink) !important; outline-offset: -2px; background: var(--dc-accent-soft) !important; }
 
         #dc-custom-modal .dc-about {
@@ -10453,6 +10545,22 @@
             off: '댓글로 이동 버튼을 보여 줍니다.',
             refresh: 'root'
         },
+        {
+            group: 'clean',
+            key: 'mobileRecentBar',
+            name: '메뉴 위에 최근 방문 갤러리 늘 보이기 (모바일)',
+            on: '검색창과 [갤러리 · 마이너갤 · …] 메뉴 사이에 최근 방문 갤러리를 한 줄로 보여 줍니다. 옆으로 밀어 보고, 누르면 바로 이동합니다. 지금 갤러리는 노란색입니다.',
+            off: '[최근 방문]을 눌러야 보입니다.',
+            refresh: 'root'
+        },
+        {
+            group: 'clean',
+            key: 'mobileRecentStrip',
+            name: "'최근 방문'을 한 줄로 밀어 보기 (모바일)",
+            on: '위쪽 [최근 방문]을 누르면 넓은 표 대신 갤러리가 순서대로 한 줄에 나오고, 옆으로 밀어 봅니다. 고정한 순서를 그대로 따릅니다.',
+            off: '사이트 기본 표(2줄 × 4칸, 넘겨 보기)로 보여 줍니다.',
+            refresh: 'root'
+        },
         {
             group: 'clean',
             key: 'hideAdSlots',
@@ -10745,6 +10853,14 @@
                     repinReadColors();
                 }
 
+                if (item.key === 'mobileRecentBar') {
+                    renderRecentBar();
+                }
+
+                if (item.key === 'mobileRecentStrip') {
+                    renderRecentStrip();
+                }
+
                 if (item.key === 'alarmBubble') {
                     paintAlarmBadge();
                 }
@@ -13510,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);
             }
         }
@@ -13527,6 +13644,7 @@
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
         reorderNativeRecentDom();
+        refreshRecentViews();
     };
 
     const moveRecent = (item, step) => {
@@ -13544,6 +13662,7 @@
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
         reorderNativeRecentDom();
+        refreshRecentViews();
     };
 
     const reorderNativeRecentDom = () => {
@@ -13569,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 => {
@@ -13814,11 +13945,223 @@
         exportNativeRecent();
     };
 
+    const fixNativeLatelyValue = value => {
+        if (!recentOrder.fixed) {
+            return value;
+        }
+
+        try {
+            const parts = unescape(String(value)).split(',').filter(Boolean);
+            const index = new Map(recentGalls.map((item, i) => [item.id, i]));
+            const seen = new Set();
+            const unique = parts.filter(part => {
+                const id = part.split('|')[0];
+
+                if (!id || seen.has(id)) {
+                    return false;
+                }
+
+                seen.add(id);
+                return true;
+            });
+            const known = unique.filter(part => index.has(part.split('|')[0])).sort((a, b) => index.get(a.split('|')[0]) - index.get(b.split('|')[0]));
+            const fresh = unique.filter(part => !index.has(part.split('|')[0]));
+
+            return escape([...known, ...fresh].map(part => `${part},`).join(''));
+        } catch {
+            return value;
+        }
+    };
+
+    if (IS_MOBILE_SITE) {
+        try {
+            const proto = window.Storage && window.Storage.prototype;
+            const original = proto && proto.setItem;
+
+            if (original && !original.__dcLately) {
+                const patched = function (key, value) {
+                    if (this === window.localStorage && key === 'm_dcinside_lately') {
+                        return original.call(this, key, fixNativeLatelyValue(value));
+                    }
+
+                    return original.call(this, key, value);
+                };
+
+                patched.__dcLately = true;
+                proto.setItem = patched;
+            }
+        } catch {
+        }
+    }
+
+    const renderRecentStrip = () => {
+        const pop = document.getElementById('lately_pop');
+
+        if (!IS_MOBILE_SITE || !pop || settings.mobileRecentStrip === false) {
+            document.documentElement.classList.remove('dc-recent-strip-on');
+            pop?.querySelector('.dc-recent-strip')?.remove();
+            return;
+        }
+
+        const latelyTab = document.getElementById('lately_gall');
+        const showing = !latelyTab || latelyTab.classList.contains('on');
+        let strip = pop.querySelector('.dc-recent-strip');
+
+        if (!strip) {
+            strip = h('div', 'dc-ui dc-recent-strip');
+            strip.setAttribute('role', 'list');
+            const slider = pop.querySelector('#swiper-lately') || pop.querySelector('.vst-slider');
+
+            (slider ? slider.parentNode : pop).insertBefore(strip, slider || null);
+        }
+
+        document.documentElement.classList.add('dc-recent-strip-on');
+        strip.hidden = !showing;
+        pop.classList.toggle('dc-strip-lately', showing);
+
+        if (!showing) {
+            return;
+        }
+
+        const keepScroll = strip.scrollLeft;
+
+        strip.textContent = '';
+
+        if (!recentGalls.length) {
+            strip.appendChild(h('span', 'dc-rs-empty', '최근 방문한 갤러리가 없습니다'));
+            return;
+        }
+
+        const here = (currentGalleryVisit() || {}).id;
+
+        recentGalls.forEach(item => {
+            const chip = h('a', `dc-rs-chip${item.id === here ? ' here' : ''}`);
+
+            chip.href = recentUrl(item);
+            chip.setAttribute('role', 'listitem');
+            chip.appendChild(h('span', 'dc-rs-name', item.n || item.id));
+
+            if (RECENT_KIND_LABEL[item.k]) {
+                chip.appendChild(h('span', 'dc-rs-kind', item.k === 'M' ? 'ⓜ' : item.k === 'N' ? 'ⓝ' : 'ⓟ'));
+            }
+
+            const del = h('button', 'dc-rs-del', '×');
+
+            del.type = 'button';
+            del.setAttribute('aria-label', `${item.n || item.id} 지우기`);
+            del.addEventListener('click', event => {
+                event.preventDefault();
+                event.stopPropagation();
+                recentGalls = recentGalls.filter(other => other !== item);
+                saveRecent();
+                exportNativeRecent();
+                renderRecentStrip();
+            });
+            chip.appendChild(del);
+            strip.appendChild(chip);
+        });
+
+        if (recentOrder.fixed) {
+            strip.appendChild(h('span', 'dc-rs-pin', '📌 순서 고정'));
+        }
+
+        strip.scrollLeft = keepScroll;
+
+        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');
+
+        if (!IS_MOBILE_SITE || !pop) {
+            return;
+        }
+
+        let timer = null;
+        const refresh = () => {
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+                if (pop.style.display !== 'none') {
+                    importNativeRecent();
+                    renderRecentStrip();
+                }
+            }, 30);
+        };
+
+        new MutationObserver(refresh).observe(pop, { attributes: true, attributeFilter: ['style'] });
+
+        const tabs = pop.querySelector('.tab-lst');
+
+        if (tabs) {
+            new MutationObserver(refresh).observe(tabs, { attributes: true, subtree: true, attributeFilter: ['class'] });
+        }
+
+        renderRecentStrip();
+    };
+
     const initRecent = () => {
         importNativeRecent();
         recordGalleryVisit();
         exportNativeRecent();
         watchNativeRecentDom();
+        watchRecentStrip();
+        renderRecentBar();
 
         const follow = () => {
             if (document.visibilityState === 'visible' && (importNativeRecent() || recentOrder.fixed)) {
@@ -13854,6 +14197,7 @@
         writeJson(STORAGE.recent, recentGalls);
         exportNativeRecent();
         reorderNativeRecentDom();
+        refreshRecentViews();
 
         return true;
     };
@@ -13897,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.0",
+  "version": "1.3.2",
   "description": "DCInside filter & enhancer userscript for mobile and PC (디시인사이드 차단·편의 유저스크립트)",
   "license": "MIT",
   "author": "kangsicj",