@kangsicj/dcinsideenhancer 1.3.0 → 1.3.1

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.1
 // @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.1
 // @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.1';
     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,
+        mobileRecentStrip: true,
         hideSilbeAlarm: true,
         alarmBubble: true,
         alarmKeepPolling: true,
@@ -2068,6 +2069,58 @@
 
         .dc-pv-anchor { text-decoration: underline !important; text-decoration-color: var(--dc-accent-ink) !important; }
 
+        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 +10506,14 @@
             off: '댓글로 이동 버튼을 보여 줍니다.',
             refresh: 'root'
         },
+        {
+            group: 'clean',
+            key: 'mobileRecentStrip',
+            name: "'최근 방문'을 한 줄로 밀어 보기 (모바일)",
+            on: '위쪽 [최근 방문]을 누르면 넓은 표 대신 갤러리가 순서대로 한 줄에 나오고, 옆으로 밀어 봅니다. 고정한 순서를 그대로 따릅니다.',
+            off: '사이트 기본 표(2줄 × 4칸, 넘겨 보기)로 보여 줍니다.',
+            refresh: 'root'
+        },
         {
             group: 'clean',
             key: 'hideAdSlots',
@@ -10745,6 +10806,10 @@
                     repinReadColors();
                 }
 
+                if (item.key === 'mobileRecentStrip') {
+                    renderRecentStrip();
+                }
+
                 if (item.key === 'alarmBubble') {
                     paintAlarmBadge();
                 }
@@ -13814,11 +13879,166 @@
         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 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();
 
         const follow = () => {
             if (document.visibilityState === 'visible' && (importNativeRecent() || recentOrder.fixed)) {

package/package.json

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