pixiv 搜寻/浏览 工具
当前为
// ==UserScript== // @name Patchouli // @name:en Patchouli // @name:ja パチュリー // @name:zh-TW 帕秋莉 // @name:zh-CN 帕秋莉 // @description An image searching/browsing tool on pixiv // @description:en An image searching/browsing tool on pixiv // @description:ja pixiv 検索機能強化 // @description:zh-TW pixiv 搜尋/瀏覽 工具 // @description:zh-CN pixiv 搜寻/浏览 工具 // @namespace https://github.com/FlandreDaisuki // @include *://www.pixiv.net/* // @require https://unpkg.com/[email protected]/dist/vue.min.js // @require https://unpkg.com/[email protected]/dist/vuex.min.js // @require https://unpkg.com/[email protected]/dist/vue-i18n.min.js // @require https://unpkg.com/[email protected]/dist/FileSaver.min.js // @require https://www.gitcdn.xyz/repo/FlandreDaisuki/zip_player/ecf3751317079fcabef70af4bd0e92411288303d/dist/zip_player.iife.min.js // @icon http://i.imgur.com/VwoYc5w.png // @connect i.pximg.net // @noframes // @author FlandreDaisuki // @license The MIT License (MIT) Copyright (c) 2016-2019 FlandreDaisuki // @compatible firefox>=52 // @compatible chrome>=55 // @version 4.2.3 // @grant unsafeWindow // @grant GM_getValue // @grant GM.getValue // @grant GM_setValue // @grant GM.setValue // @grant GM_xmlhttpRequest // @grant GM.xmlHttpRequest // ==/UserScript== (function (Vue, VueI18n, Vuex) { 'use strict'; function __$styleInject ( css ) { if(!css) return ; if(typeof(window) == 'undefined') return ; let style = document.createElement('style'); style.innerHTML = css; document.head.appendChild(style); return css; } Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue; VueI18n = VueI18n && VueI18n.hasOwnProperty('default') ? VueI18n['default'] : VueI18n; Vuex = Vuex && Vuex.hasOwnProperty('default') ? Vuex['default'] : Vuex; __$styleInject("._global-header {\n z-index: 4;\n position: relative;\n}\n._global-header .ui-search {\n z-index: auto;\n}\n._global-header.koakuma-placeholder {\n /* I don't know why #koakuma just 32px\n but it should preserve 42px to keep all spacing correct */\n margin-bottom: 42px;\n}\nul.menu-items > li.current > a {\n color: black;\n font-weight: bold;\n text-decoration: none;\n}\n#toolbar-items {\n z-index: 5;\n}\n.ω {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n position: relative;\n}\n.ω,\n.ω .layout-a,\n.ω .layout-body {\n transition: width 0.2s;\n}\n.ω.↔,\n.ω.↔ .layout-a,\n.ω.↔ .layout-body {\n width: 100% !important;\n}\n.ω.↔ .layout-a {\n display: flex;\n flex-direction: row-reverse;\n}\n.ω.↔ .layout-column-2 {\n flex: 1;\n margin-left: 20px;\n}\n.ω.↔ .layout-body,\n.ω.↔ .layout-a {\n margin: 10px 20px;\n}\n\n._28nOzbY {\n /* Fix Koakuma will cover pixiv recommended popup\n when follow user in NewProfilePage */\n z-index: 4;\n}\n\n/* annoyings, ref: lib/pixiv.js */\n\n/* Ad */\n.ad,\n.ads_area,\n.ad-footer,\n.ads_anchor,\n.ads-top-info,\n.comic-hot-works,\n.user-ad-container,\n.ads_area_no_margin,\n/* Premium */\n.hover-item,\n.ad-printservice,\n.bookmark-ranges,\n.require-premium,\n.showcase-reminder,\n.sample-user-search,\n.popular-introduction,\n._premium-lead-tag-search-bar,\n._premium-lead-popular-d-body,\n._premium-lead-promotion-banner {\n display: none !important;\n}\n\n:root {\n --new-default-image-item-square-size: 184px;\n --default-image-item-image-square-size: 200px;\n --loading-icon-size: 72px;\n --loading-icon-color: #0096fa;\n}\n\n/* dotted focus */\na::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0 !important;\n outline: 0 !important;\n}\na:focus,\nbutton:focus {\n outline: 0 !important;\n}\n"); const MAIN_PAGE_TYPE = { ANCIENT_FOLLOWED_NEWS: Symbol('ANCIENT_FOLLOWED_NEWS'), FOLLOWED_NEWS: Symbol('FOLLOWED_NEWS'), NEW_PROFILE: Symbol('NEW_PROFILE'), NEW_PROFILE_BOOKMARK: Symbol('NEW_PROFILE_BOOKMARK'), NEW_PROFILE_ILLUST: Symbol('NEW_PROFILE_ILLUST'), NEW_PROFILE_MANGA: Symbol('NEW_PROFILE_MANGA'), NO_SUPPORT: Symbol('NO_SUPPORT'), SEARCH: Symbol('SEARCH'), SELF_BOOKMARK: Symbol('SELF_BOOKMARK'), }; const SORT_TYPE = { BOOKMARK_COUNT: 2, BOOKMARK_ID: 1, ILLUST_ID: 0, }; const NPP_TYPE_COUNT = 5; const $ = (selector) => { return document.querySelector(selector); }; const $$ = (selector) => { return [...document.querySelectorAll(selector)]; }; const $$find = (doc, selector) => { return [...doc.querySelectorAll(selector)]; }; const $el = (tag, attr = {}, cb = () => {}) => { const el = document.createElement(tag); Object.assign(el, attr); cb(el); return el; }; const $print = { debug(...args) { console.debug.apply(console, [...args]); }, error(...args) { console.error.apply(console, [...args]); }, log(...args) { console.log.apply(console, [...args]); }, }; const toInt = (x) => { const t = Number(x); return isNaN(t) ? 0 : Math.floor(t); }; const toFormUrlencoded = (o) => { return new URLSearchParams(o).toString(); }; async function waitUntil(func, { ms = 100, maxCount = 20 } = {}) { return new Promise((resolve, reject) => { let c = maxCount; const i = setInterval(() => { const r = func(); if (r) { clearInterval(i); resolve(r); } else if (c <= 0) { clearInterval(i); reject(); } else { c -= 1; } }, ms); }); } async function $ready(func) { return waitUntil(func, { maxCount: Infinity }) .catch($print.error); } Vue.use(VueI18n); const en = { config: { blacklist: 'Blacklist', contextMenuExtension: 'Right click extension', hoverPlay: 'Mouse hover play ugoira', userTooltip: 'Illustrator tooltip', }, contextMenu: { addToBlacklist: 'Add to Blacklist', download: 'Download', followUser: 'Follow', openBookmarkPage: 'Add Bookmark Page', preview: 'Preview', thumbUp: 'Like', }, ctrlPanel: { buttonEnd: 'End', buttonGo: 'Go', buttonPause: 'Pause', fitWidth: 'fit browser width', sortByBookmarkId: 'sort by bookmark id', sortByDate: 'sort by date', sortByPopularity: 'sort by popularity', tagFilterQueryPlaceholder: 'tags filter example: flandre || sister', }, mainView: { bookmarkTooltip: '{count} bookmarks', newProfilePage: { bookmarks: 'Bookmarks', contents: 'Contents', illustrations: 'Illustrations', manga: 'Manga', noResult: 'Not found', privateBookmark: 'Private', publicBookmark: 'Public', }, }, }; const ja = { config: { blacklist: 'ブラックリスト', contextMenuExtension: '右クリックの拡張機能', hoverPlay: 'マウスオーバーでうごイラ再生', userTooltip: 'イラストレーターツールチップ', }, contextMenu: { addToBlacklist: 'ブラックリストへ', download: 'ダウンロード', followUser: 'フォローする', openBookmarkPage: 'ブックマーク追加ページ', preview: 'プレビュー', thumbUp: 'いいね', }, ctrlPanel: { buttonEnd: '終了', buttonGo: '捜す', buttonPause: '中断', fitWidth: '全幅', sortByBookmarkId: 'ブックマーク順', sortByDate: '投稿順', sortByPopularity: '人気順', tagFilterQueryPlaceholder: 'タグフィルター 例: フランドール || 妹様', }, mainView: { bookmarkTooltip: '{count} 件のブックマーク', newProfilePage: { bookmarks: 'ブックマーク', contents: '作品', illustrations: 'イラスト', manga: 'マンガ', noResult: '作品がありません', privateBookmark: '非公開', publicBookmark: '公開', }, }, }; const zhCN = { config: { blacklist: '黑名單', contextMenuExtension: '右键扩展', hoverPlay: '鼠标播放动图', userTooltip: '绘师提示框', }, contextMenu: { addToBlacklist: '拉黑', download: '下载', followUser: '加关注', openBookmarkPage: '开启添加收藏页', preview: '原图预览', thumbUp: '赞', }, ctrlPanel: { buttonEnd: '完', buttonGo: '找', buttonPause: '停', fitWidth: '自适应浏览器宽度', sortByBookmarkId: '以加入顺序排序', sortByDate: '以日期排序', sortByPopularity: '以人气排序', tagFilterQueryPlaceholder: '标签过滤 例: 芙兰朵露 || 二小姐', }, mainView: { bookmarkTooltip: '{count} 个收藏', newProfilePage: { bookmarks: '收藏', contents: '作品', illustrations: '插画', manga: '漫画', noResult: '找不到作品', privateBookmark: '非公开', publicBookmark: '公开', }, }, }; const zhTW = { config: { blacklist: '黑名單', contextMenuExtension: '擴充右鍵', hoverPlay: '滑鼠播放動圖', userTooltip: '繪師提示框', }, contextMenu: { addToBlacklist: '加入黑名單', download: '下載', followUser: '加關注', openBookmarkPage: '開啟添加收藏頁', preview: '原圖預覽', thumbUp: '讚', }, ctrlPanel: { buttonEnd: '完', buttonGo: '找', buttonPause: '停', fitWidth: '自適應瀏覽器寬度', sortByBookmarkId: '以加入順序排序', sortByDate: '以日期排序', sortByPopularity: '以人氣排序', tagFilterQueryPlaceholder: '標籤過濾 例: 芙蘭朵露 || 二小姐', }, mainView: { bookmarkTooltip: '{count} 個收藏', newProfilePage: { bookmarks: '收藏', contents: '作品', illustrations: '插畫', manga: '漫畫', noResult: '找不到作品', privateBookmark: '非公開', publicBookmark: '公開', }, }, }; var i18n = new VueI18n({ fallbackLocale: 'ja', locale: document.documentElement.lang.toLowerCase(), messages: { en, ja, 'zh': zhCN, 'zh-cn': zhCN, 'zh-tw': zhTW, }, }); class ExtendableError extends Error { constructor(message) { super(message); this.name = this.constructor.name; if (typeof Error.captureStackTrace === 'function') { Error.captureStackTrace(this, this.constructor); } else { this.stack = (new Error(message)).stack; } } } class InitError extends ExtendableError {} class ConnectionError extends ExtendableError {} class Pixiv { constructor() { this._tt = null; } get tt() { if (this._tt) { return this._tt; } const inputTT = $('input[name="tt"]'); if (inputTT) { this._tt = inputTT.value; } else if (window.pixiv) { this._tt = window.pixiv.context.token; } else if (window.globalInitData) { this._tt = window.globalInitData.token; } else { $print.error('Pixiv#tt getter'); } return this._tt; } async fetch(url, options = {}) { const opt = Object.assign({ credentials: 'same-origin' }, options); try { if (url) { const a = $el('a', { href: url }); const resp = await fetch(a.href, opt); if (!resp.ok) { throw new ConnectionError(`${resp.status} ${resp.statusText}`); } return resp; } else { $print.error('Pixiv#fetch without url'); } } catch (error) { $print.error('Pixiv#fetch: error:', error); } } async fetchJSON(url, options = {}) { try { const resp = await this.fetch(url, options); const data = await resp.json(); const properties = Object.keys(data); if (properties.includes('error') && properties.includes('body')) { if (data.error) { $print.error('Pixiv#fetchJSON: JSON has error:', data.message); return null; } else { return data.body; } } else { return data; } } catch (error) { $print.error('Pixiv#fetchJSON: error:', error); } } async fetchHTML(url, options = {}) { try { const resp = await this.fetch(url, options); const data = await resp.text(); return data; } catch (error) { $print.error('Pixiv#fetchHTML: error:', error); } } async rpcCall(mode, params = {}) { return this.fetchJSON('/rpc/index.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: toFormUrlencoded({ ...params, mode, tt: this.tt }), }); } async getIllustData(illustId) { const url = `/ajax/illust/${illustId}`; const data = await this.fetchJSON(url); return data; } async getIllustBookmarkData(illustId) { const url = `/ajax/illust/${illustId}/bookmarkData`; const data = await this.fetchJSON(url); return data; } async getIllustDataGroup(illustIds) { const uniqIllustIds = [...new Set(illustIds)]; const illustDataGroup = await Promise.all(uniqIllustIds.map(id => this.getIllustData(id))); return illustDataGroup .filter(Boolean) .reduce((collect, d) => { collect[d.illustId] = d; return collect; }, {}); } async getUserData(userId) { const url = `/ajax/user/${userId}`; const data = await this.fetchJSON(url); return data; } async getUserProfileData(userId) { const url = `/ajax/user/${userId}/profile/all`; const data = await this.fetchJSON(url); return data; } async getUserBookmarkData(userId, optSearchParams = {}) { const searchParams = Object.assign({ limit: 24, offset: 0, rest: 'show', tag: '', }, optSearchParams); const url = `/ajax/user/${userId}/illusts/bookmarks?${toFormUrlencoded(searchParams)}`; const data = await this.fetchJSON(url); return data; } async getUserDataGroup(userIds) { const uniqUserIds = [...new Set(userIds)]; const userDataGroup = await Promise.all(uniqUserIds.map(id => this.getUserData(id))); return userDataGroup .filter(Boolean) .reduce((collect, d) => { collect[d.userId] = d; return collect; }, {}); } async getIllustUgoiraMetaData(illustId) { const url = `/ajax/illust/${illustId}/ugoira_meta`; const data = await this.fetchJSON(url); return data; } async getIllustIdsInLegacyPageHTML(url) { try { const html = await this.fetchHTML(url); const nextTag = html.match(/class="next"[^/]*/); let nextUrl = ''; if (nextTag) { const nextHref = nextTag[0].match(/href="([^"]+)"/); if (nextHref) { const query = nextHref[1].replace(/&/g, '&'); if (query) { nextUrl = `${location.pathname}${query}`; } } } const iidHTMLs = html.match(/;illust_id=\d+"\s*class="work/g) || []; const illustIds = []; for (const dataid of iidHTMLs) { const iid = dataid.replace(/\D+(\d+).*/, '$1'); if (!illustIds.includes(iid) && iid !== '0') { illustIds.push(iid); } } const ret = { illustIds, nextUrl, }; return ret; } catch (error) { $print.error('Pixiv#getIllustIdsInLegacyPageHTML: error:', error); } } async getIllustIdsInPageHTML(url) { try { const html = await this.fetchHTML(url); const nextTag = html.match(/class="next"[^/]*/); let nextUrl = ''; if (nextTag) { const nextHref = nextTag[0].match(/href="([^"]+)"/); if (nextHref) { const query = nextHref[1].replace(/&/g, '&'); if (query) { nextUrl = `${location.pathname}${query}`; } } } const iidHTMLs = html.match(/illustId":"(\d+)"/g) || []; const illustIds = []; for (const dataid of iidHTMLs) { const iid = dataid.replace(/\D+(\d+).*/, '$1'); if (!illustIds.includes(iid) && iid !== '0') { illustIds.push(iid); } } const ret = { illustIds, nextUrl, }; return ret; } catch (error) { $print.error('Pixiv#getIllustIdsInPageHTML: error:', error); } } async postIllustLike(illustId) { const url = '/ajax/illusts/like'; const data = await this.fetchJSON(url, { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-csrf-token': this.tt, }, body: JSON.stringify({ illust_id: illustId, }), }); return Boolean(data); } async postFollowUser(userId) { const url = '/bookmark_add.php'; const searchParams = { format: 'json', mode: 'add', restrict: 0, tt: this.tt, type: 'user', user_id: userId, }; const data = await this.fetchJSON(url, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', }, body: toFormUrlencoded(searchParams), }); return Boolean(data); } async postRPCAddBookmark(illustId) { const searchParams = { comment: '', illust_id: illustId, restrict: 0, tags: '', }; await this.rpcCall('save_illust_bookmark', searchParams); return true; } async postRPCDeleteBookmark(bookmarkId) { const searchParams = { bookmark_id: bookmarkId }; await this.rpcCall('delete_illust_bookmark', searchParams); return true; } } const PixivAPI = new Pixiv(); function removeAnnoyings(doc = document) { const annoyings = [ '.ad', '.ads_area', '.ad-footer', '.ads_anchor', '.ads-top-info', '.comic-hot-works', '.user-ad-container', '.ads_area_no_margin', '.hover-item', '.ad-printservice', '.bookmark-ranges', '.require-premium', '.showcase-reminder', '.sample-user-search', '.popular-introduction', '._premium-lead-tag-search-bar', '._premium-lead-popular-d-body', '._premium-lead-promotion-banner', ]; for (const selector of annoyings) { for (const el of $$find(doc, selector)) { el.remove(); } } } const DEFAULT_MATCH = true; const isString = (s) => typeof(s) === 'string'; const isFunction = (s) => typeof(s) === 'function'; const isOrOp = (s) => s === ' || '; const isAndOp = (s) => s === ' && '; const isCondOp = (s) => isOrOp(s) || isAndOp(s); const isGroupExpr = (s) => isString(s) && (/^{.*}$/).test(s); const isPartialExclusionExpr = (s) => isString(s) && (/^-[^-].*$/).test(s); const isPartialInclusionExpr = (s) => isString(s) && (/^[+]?.*$/).test(s); const defaultFunc = () => DEFAULT_MATCH; const isMatched = (ruleStr, targetStr) => { const rule = ruleStr.toLowerCase(); const target = targetStr.toLowerCase(); return makeRuleFunc(rule, target)(); }; const makeRuleFunc = (rule, target) => { if (isString(rule)) { const rtoks = rule.trim().match(/(\{.*?\}| ([|]{2}|[&]{2}) |\S+)/g); if (!rtoks) { return defaultFunc; } const tokList = rtoks.map((rtok) => { if (isCondOp(rtok)) { return rtok; } else if (isGroupExpr(rtok)) { return makeRuleFunc(rtok.slice(1, -1), target); } else if (isPartialExclusionExpr(rtok)) { return () => !target.includes(rtok.slice(1)); } else if (isPartialInclusionExpr(rtok)) { return () => target.includes(rtok.replace(/^[+]?(.*)$/, '$1')); } else { $print.log('tagMatcher#makeRuleFunc: Unknown rtok', rtok); return defaultFunc; } }); return makeRuleFunc(tokList, target); } else { const ruleList = rule.map(r => (isString(r) && !isCondOp(r)) ? makeRuleFunc(r, target) : r); const funcList = ruleList.filter(isFunction); const opList = ruleList.filter(isCondOp); if (funcList.length + opList.length !== ruleList.length) { $print.log('tagMatcher#makeRuleFunc: Unknown ruleList', ruleList); return defaultFunc; } if (opList.every(isAndOp)) { return () => funcList.every(fn => fn()); } else if (opList.every(isOrOp)) { return () => funcList.some(fn => fn()); } else { $print.log('tagMatcher#makeRuleFunc: Mixed condition operators without grouping', ruleList); return defaultFunc; } } }; var tagFilterQuerier = { isMatched, makeRuleFunc, }; const makeNewTag = (tag) => { if (tag.translation) { const trs = Object.values(tag.translation); return [tag.tag, ...trs].filter(Boolean).join('\x00'); } return [tag.tag, tag.romaji].filter(Boolean).join('\x00'); }; const makeLibraryData = ({ illustDataGroup, userDataGroup }) => { if (!illustDataGroup || !Object.keys(illustDataGroup).length) { return []; } const library = []; for (const [illustId, illustData] of Object.entries(illustDataGroup)) { const allTags = illustData.tags.tags.map(makeNewTag).join('\x00'); const d = { bookmarkCount: illustData.bookmarkCount, bookmarkId: '', illustId, illustPageCount: toInt(illustData.pageCount), illustTitle: illustData.illustTitle, isBookmarked: Boolean(illustData.bookmarkData), isFollowed: userDataGroup[illustData.userId].isFollowed, isManga: illustData.illustType === 1, isPrivateBookmark: false, isUgoira: illustData.illustType === 2, profileImg: userDataGroup[illustData.userId].image, tags: allTags, urls: { original: illustData.urls.original, thumb: illustData.urls.thumb, }, userId: illustData.userId, userName: illustData.userName, }; if (illustData.bookmarkData) { d.bookmarkId = illustData.bookmarkData.id; d.isPrivateBookmark = illustData.bookmarkData.private; } library.push(d); } return library; }; const state = { batchSize: 40, defaultStatus: { isEnded: false, isPaused: true, }, imageItemLibrary: [], moveWindowIndex: 0, moveWindowPrivateBookmarkIndex: 0, nextUrl: location.href, nppStatus: { isEnded: Array(NPP_TYPE_COUNT).fill(false), isPaused: true, }, prefetchPool: { illusts: [], manga: [], }, }; const getters = { batchSize: (state) => state.batchSize, defaultDisplayIndices: (state, getters, rootState, rootGetters) => { const clonedLib = state.imageItemLibrary.slice(); const { sp, filters, config, orderBy } = rootGetters; const dateOldFirst = sp.order === 'date'; const bookmarkEarlyFirst = sp.order === 'asc'; const isToShow = (d) => { return d.bookmarkCount >= filters.limit && tagFilterQuerier.isMatched(filters.query, d.tags) && !config.blacklist.includes(d.userId) && !(rootGetters.unbookmarkedOnly && d.isBookmarked); }; const shows = [], hides = []; for (const [i, d] of clonedLib.entries()) { const s = isToShow(d); const o = { index: i, [orderBy]: d[orderBy], }; if (s) { shows.push(o); } else { hides.push(o); } } shows.sort((a, b) => { const av = toInt(a[orderBy]); const bv = toInt(b[orderBy]); const c = bv - av; switch (orderBy) { case 'illustId': return dateOldFirst ? -c : c; case 'bookmarkCount': return c; case 'bookmarkId': return bookmarkEarlyFirst ? -c : c; default: return 0; } }); return { hides: hides.map(item => item.index), shows: shows.map(item => item.index), }; }, imageItemLibrary: (state) => state.imageItemLibrary, nppDisplayIndices: (state, getters, rootState, rootGetters) => { const clonedLib = state.imageItemLibrary.slice(); const { filters, config, orderBy, sp } = rootGetters; const { nppType } = getters; const isToShow = (d) => { const conds = [ d.bookmarkCount >= filters.limit, tagFilterQuerier.isMatched(filters.query, d.tags), !config.blacklist.includes(d.userId), !(rootGetters.unbookmarkedOnly && d.isBookmarked), ]; switch (nppType) { case 0: conds.push(d.userId === sp.id); break; case 1: conds.push(d.userId === sp.id && !d.isManga); break; case 2: conds.push(d.userId === sp.id && d.isManga); break; case 3: conds.push(d.userId !== sp.id && !d.isPrivateBookmark); break; case 4: conds.push(d.userId !== sp.id && d.isPrivateBookmark); break; default: break; } return conds.every(Boolean); }; const shows = [], hides = []; for (const [i, d] of clonedLib.entries()) { const s = isToShow(d); const o = { index: i, [orderBy]: d[orderBy], }; if (s) { shows.push(o); } else { hides.push(o); } } shows.sort((a, b) => { const av = toInt(a[orderBy]); const bv = toInt(b[orderBy]); return bv - av; }); return { hides: hides.map(item => item.index), shows: shows.map(item => item.index), }; }, nppType: (state, getters, rootState, rootGetters) => { const types = [ MAIN_PAGE_TYPE.NEW_PROFILE, MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST, MAIN_PAGE_TYPE.NEW_PROFILE_MANGA, MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK, ]; const loginId = rootGetters.loginData.id; const uid = rootGetters.sp.id; const rest = rootGetters.sp.rest; const mpt = rootGetters.MPT; const isSelfPrivateBookmarkPage = mpt === MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK && loginId === uid && rest === 'hide'; if (isSelfPrivateBookmarkPage) { return types.length; } return types.indexOf(mpt); }, status: (state, getters) => { if (getters.nppType >= 0) { return { isEnded: state.nppStatus.isEnded[getters.nppType], isPaused: state.nppStatus.isPaused, }; } else { return state.defaultStatus; } }, }; const mutations = { editImgItem: (state, payload = {}) => { const DEFAULT_OPT = { illustId: '', type: null, userId: '', }; const opt = Object.assign({}, DEFAULT_OPT, payload); if (opt.type === 'follow-user' && opt.userId) { state.imageItemLibrary .filter(i => i.userId === opt.userId) .forEach(i => { i.isFollowed = true; }); } else if (opt.type === 'edit-bookmarked' && opt.illustId) { state.imageItemLibrary .filter(i => i.illustId === opt.illustId) .forEach(i => { if (typeof opt.isBookmarked === 'boolean' ) { i.isBookmarked = opt.isBookmarked; if (!opt.isBookmarked) { i.isPrivateBookmark = false; } } }); } }, setStatus: (state, { nppType = -1, isPaused, isEnded }) => { if (nppType >= 0) { if (isPaused !== undefined) { state.nppStatus.isPaused = isPaused; } if (isEnded !== undefined) { state.nppStatus.isEnded[nppType] = isEnded; } } else { if (isPaused !== undefined) { state.defaultStatus.isPaused = isPaused; } if (isEnded !== undefined) { state.defaultStatus.isEnded = isEnded; } } }, }; const actions = { pause: ({ commit, getters }) => { commit('setStatus', { isPaused: true, nppType: getters.nppType }); }, relive: ({ commit, getters }) => { commit('setStatus', { isEnded: false, nppType: getters.nppType }); }, resume: ({ commit, getters }) => { commit('setStatus', { isPaused: false, nppType: getters.nppType }); }, start: async({ state, dispatch, getters, rootGetters }, { times = Infinity, force = false, isFirst = false } = {}) => { await dispatch('resume'); if (force) { await dispatch('relive'); } if (getters.status.isEnded || times <= 0) { return; } if (getters.nppType >= 0 && isFirst) { const profile = await PixivAPI.getUserProfileData(rootGetters.sp.id); state.prefetchPool.illusts.push(...Object.keys(profile.illusts)); state.prefetchPool.manga.push(...Object.keys(profile.manga)); state.prefetchPool.illusts.sort((i, j) => j - i); state.prefetchPool.manga.sort((i, j) => j - i); } switch (rootGetters.MPT) { case MAIN_PAGE_TYPE.SEARCH: case MAIN_PAGE_TYPE.FOLLOWED_NEWS: case MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS: case MAIN_PAGE_TYPE.SELF_BOOKMARK: await dispatch('startNextUrlBased', { times }); break; case MAIN_PAGE_TYPE.NEW_PROFILE: await dispatch('startPrefetchBased', { pool: 'all', times }); break; case MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST: await dispatch('startPrefetchBased', { pool: 'illusts', times }); break; case MAIN_PAGE_TYPE.NEW_PROFILE_MANGA: await dispatch('startPrefetchBased', { pool: 'manga', times }); break; case MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK: await dispatch('startMovingWindowBased', { times }); break; default: $print.error('Unknown main page type', rootGetters.MPT); break; } }, startMovingWindowBased: async({ state, dispatch, getters, rootGetters }, { times = Infinity, rest = null } = {}) => { while (!getters.status.isPaused && !getters.status.isEnded && times) { let illustIds = [], maxTotal = Infinity; const _rest = rest || rootGetters.sp.rest || 'show'; const _uid = rootGetters.sp.id; let cIndex = (_rest === 'show') ? state.moveWindowIndex : state.moveWindowPrivateBookmarkIndex; if (getters.nppType >= 0) { const opt = { limit: getters.batchSize, offset: cIndex, rest: _rest }; const { works, total } = await PixivAPI.getUserBookmarkData(_uid, opt); if (!works) { await dispatch('stop'); break; } maxTotal = total; illustIds.push(...works.map((d) => d.id)); } cIndex += getters.batchSize; if (getters.nppType >= 0 && _rest === 'hide') { state.moveWindowPrivateBookmarkIndex = cIndex; } else { state.moveWindowIndex = cIndex; } const illustDataGroup = await PixivAPI.getIllustDataGroup(illustIds); const userIds = Object.values(illustDataGroup).map(d => d.userId); const userDataGroup = await PixivAPI.getUserDataGroup(userIds); const libraryData = makeLibraryData({ illustDataGroup, userDataGroup, }); for (const d of libraryData) { if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) { state.imageItemLibrary.push(d); } } times -= 1; if (!times) { await dispatch('pause'); } if (cIndex > maxTotal) { await dispatch('stop'); } } }, startNextUrlBased: async({ state, dispatch, getters, rootGetters }, { times = Infinity } = {}) => { while (!getters.status.isPaused && !getters.status.isEnded && times) { let page = null; if ([MAIN_PAGE_TYPE.SEARCH, MAIN_PAGE_TYPE.FOLLOWED_NEWS].includes(rootGetters.MPT)) { page = await PixivAPI.getIllustIdsInPageHTML(state.nextUrl); } else { page = await PixivAPI.getIllustIdsInLegacyPageHTML(state.nextUrl); } state.nextUrl = page.nextUrl; const illustDataGroup = await PixivAPI.getIllustDataGroup(page.illustIds); const userIds = Object.values(illustDataGroup).map(d => d.userId); const userDataGroup = await PixivAPI.getUserDataGroup(userIds); const libraryData = makeLibraryData({ illustDataGroup, userDataGroup, }); for (const d of libraryData) { if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) { state.imageItemLibrary.push(d); } } times -= 1; if (!times) { await dispatch('pause'); } if (!state.nextUrl) { await dispatch('stop'); } } }, startPrefetchBased: async({ state, dispatch, getters }, { times = Infinity, pool = 'all' } = {}) => { const pPool = state.prefetchPool; let todoPool = []; if (pool === 'all') { todoPool.push(...pPool.illusts); todoPool.push(...pPool.manga); } else { todoPool.push(...pPool[pool]); } while (!getters.status.isPaused && !getters.status.isEnded && times) { if (!todoPool.length) { await dispatch('stop'); } const illustIds = todoPool.splice(0, getters.batchSize); if (pool === 'all') { illustIds.forEach((id) => { const ii = pPool.illusts.indexOf(id); if (ii >= 0) { pPool.illusts.splice(ii, 1); } const mi = pPool.manga.indexOf(id); if (mi >= 0) { pPool.manga.splice(mi, 1); } }); } const illustDataGroup = await PixivAPI.getIllustDataGroup(illustIds); const userIds = Object.values(illustDataGroup).map(d => d.userId); const userDataGroup = await PixivAPI.getUserDataGroup(userIds); const libraryData = makeLibraryData({ illustDataGroup, userDataGroup, }); for (const d of libraryData) { if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) { state.imageItemLibrary.push(d); } } times -= 1; if (!times) { await dispatch('pause'); } if (!todoPool.length) { await dispatch('stop'); } } }, stop: ({ commit, getters }) => { commit('setStatus', { isEnded: true, isPaused: true, nppType: getters.nppType }); }, }; var pixiv = { actions, getters, mutations, namespaced: true, state, }; const state$1 = { active: false, data: null, position: { x: -1e7, y: -1e7 }, }; const getters$1 = { active: (state) => state.active, data: (state) => state.data, pos: (state) => state.position, }; const mutations$1 = { activate: (state, payload) => { state.active = true; state.position = payload.position; state.data = payload.data; }, deactivate: (state) => { state.active = false; state.position = { x: -1e7, y: -1e7 }; }, }; var contextMenu = { getters: getters$1, mutations: mutations$1, namespaced: true, state: state$1, }; const state$2 = { data: null, mode: null, }; const mutations$2 = { close: (state) => { state.mode = null; }, open: (state, payload) => { Object.assign(state, payload); }, }; const getters$2 = { data: (state) => state.data, mode: (state) => state.mode, }; var coverLayer = { getters: getters$2, mutations: mutations$2, namespaced: true, state: state$2, }; Vue.use(Vuex); const _isSelfBookmarkPage = (mpt, loginId, uid) => { return ( mpt === MAIN_PAGE_TYPE.SELF_BOOKMARK || (mpt === MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK && loginId === uid) ); }; const _getSearchParam = () => { const s = new URLSearchParams(location.search); const ret = {}; [...s.entries()].reduce((collect, [k, v]) => { collect[k] = v; return collect; }, ret); return ret; }; const modules = { contextMenu, coverLayer, pixiv }; const state$3 = { NAME: GM_info.script.name, VERSION: GM_info.script.version, config: { blacklist: [], contextMenu: 1, fitwidth: 1, hoverPlay: 1, sort: SORT_TYPE.ILLUST_ID, userTooltip: 1, }, filters: { limit: 0, query: '', }, locale: document.documentElement.lang.toLowerCase(), loginData: null, mainPageType: MAIN_PAGE_TYPE.NO_SUPPORT, mountPointCoverLayer: null, mountPointCtrlPanel: null, mountPointMainView: null, searchParam: {}, unbookmarkedOnly: false, }; const getters$3 = { MPT: (state) => state.mainPageType, config: (state) => state.config, filters: (state) => state.filters, isSelfBookmarkPage: (state) => _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id), locale: (state) => state.locale, loginData: (state) => state.loginData, mountPointCoverLayer: (state) => state.mountPointCoverLayer, mountPointCtrlPanel: (state) => state.mountPointCtrlPanel, mountPointMainView: (state) => state.mountPointMainView, orderBy: (state) => { switch (state.config.sort) { case SORT_TYPE.ILLUST_ID: return 'illustId'; case SORT_TYPE.BOOKMARK_ID: return 'bookmarkId'; case SORT_TYPE.BOOKMARK_COUNT: return 'bookmarkCount'; default: $print.error('VuexStore#getters.orderBy:', state.config.sort); return 'illustId'; } }, sp: (state) => state.searchParam, unbookmarkedOnly: (state) => state.unbookmarkedOnly, }; const mutations$3 = { afterInit: (state) => { const _sbp = _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id); if (_sbp) { state.config.sort = SORT_TYPE.BOOKMARK_ID; } else if (state.config.sort === SORT_TYPE.BOOKMARK_ID) { state.config.sort = SORT_TYPE.ILLUST_ID; } if (state.mainPageType === MAIN_PAGE_TYPE.SELF_BOOKMARK) { for (const marker of $$('.js-legacy-mark-all, .js-legacy-unmark-all')) { marker.addEventListener('click', () => { $$('input[name="book_id[]"]').forEach(el => { el.checked = marker.classList.contains('js-legacy-mark-all'); }); }); } const sp = state.searchParam; if (sp.order && sp.order.includes('date')) { state.config.sort = SORT_TYPE.ILLUST_ID; } else { state.config.sort = SORT_TYPE.BOOKMARK_ID; } } removeAnnoyings(); }, applyConfig: (state) => { if (state.mainPageType !== MAIN_PAGE_TYPE.NO_SUPPORT) { if (state.config.fitwidth) { $$('.ω').forEach(el => el.classList.add('↔')); } else { $$('.ω').forEach(el => el.classList.remove('↔')); } } }, loadConfig: (state) => { const config = JSON.parse(localStorage.getItem(state.NAME) || '{}'); Object.assign(state.config, config); }, saveConfig: (state) => { const storable = JSON.stringify(state.config); localStorage.setItem(state.NAME, storable); }, setConfig: (state, payload) => { Object.assign(state.config, payload); }, setFilters: (state, payload) => { Object.assign(state.filters, payload); }, setMainPageType: (state, payload = {}) => { if (payload.forceSet) { state.mainPageType = payload.forceSet; } else { const path = location.pathname; const sp = state.searchParam; switch (path) { case '/search.php': state.mainPageType = MAIN_PAGE_TYPE.SEARCH; break; case '/bookmark_new_illust_r18.php': case '/bookmark_new_illust.php': state.mainPageType = MAIN_PAGE_TYPE.FOLLOWED_NEWS; break; case '/new_illust.php': case '/mypixiv_new_illust.php': case '/new_illust_r18.php': state.mainPageType = MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS; break; case '/member.php': state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE; break; case '/member_illust.php': if (sp.mode) { state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT; break; } if (sp.type === 'manga') { state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_MANGA; } else if (sp.type === 'illust') { state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST; } else { state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE; } break; case '/bookmark.php': { if (sp.type === 'user' || sp.type === 'reg_user') { state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT; } else if (sp.id) { state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK; } else { state.mainPageType = MAIN_PAGE_TYPE.SELF_BOOKMARK; } break; } default: state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT; break; } } const _sbp = _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id); if (!_sbp && state.config.sort === SORT_TYPE.BOOKMARK_ID) { state.config.sort = SORT_TYPE.ILLUST_ID; } }, toggleUnbookmarkedOnly: (state) => { state.unbookmarkedOnly = !state.unbookmarkedOnly; }, updateSearchParam: (state) => { state.searchParam = _getSearchParam(); }, }; const actions$1 = { init: async({ state, commit, dispatch }) => { if (window.globalInitData && window.globalInitData.userData) { const u = window.globalInitData.userData; state.loginData = { id: u.id }; } else if (window.pixiv && window.pixiv.user) { const u = window.pixiv.user; state.loginData = { id: u.id }; } else { throw new InitError('The page has no any login user data.'); } commit('updateSearchParam'); commit('setMainPageType'); if (state.mainPageType !== MAIN_PAGE_TYPE.NO_SUPPORT) { commit('loadConfig'); await dispatch('setMountPoints'); commit('afterInit'); commit('applyConfig'); commit('saveConfig'); } }, setMountPoints: async({ state, getters }) => { $$('#wrapper').forEach(el => el.classList.add('ω')); state.mountPointCoverLayer = $el('div', null, (el) => { document.body.appendChild(el); }); state.mountPointCtrlPanel = $el('div', null, async(el) => { if (getters['pixiv/nppType'] >= 0) { await $ready(() => $('.sLHPYEz, ._3CsQgM9')); $('.sLHPYEz, ._3CsQgM9').parentNode.insertAdjacentElement('afterend', el); } else { $('header._global-header').insertAdjacentElement('afterend', el); } }); switch (state.mainPageType) { case MAIN_PAGE_TYPE.SEARCH: state.mountPointMainView = $('#js-react-search-mid'); break; case MAIN_PAGE_TYPE.FOLLOWED_NEWS: state.mountPointMainView = $('#js-mount-point-latest-following'); break; case MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS: state.mountPointMainView = $('ul._image-items'); break; case MAIN_PAGE_TYPE.NEW_PROFILE: case MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK: case MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST: case MAIN_PAGE_TYPE.NEW_PROFILE_MANGA: await $ready(() => $('.g4R-bsH, ._9GTeZI7')); state.mountPointMainView = $('.g4R-bsH, ._9GTeZI7'); break; case MAIN_PAGE_TYPE.SELF_BOOKMARK: state.mountPointMainView = $('.display_editable_works'); break; default: break; } }, }; var vuexStore = new Vuex.Store({ actions: actions$1, getters: getters$3, modules, mutations: mutations$3, state: state$3, }); var script = { props: { icon: { default: '', type: String, }, }, }; function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) { if (typeof shadowMode !== 'boolean') { createInjectorSSR = createInjector; createInjector = shadowMode; shadowMode = false; } var options = typeof script === 'function' ? script.options : script; if (template && template.render) { options.render = template.render; options.staticRenderFns = template.staticRenderFns; options._compiled = true; if (isFunctionalTemplate) { options.functional = true; } } if (scopeId) { options._scopeId = scopeId; } var hook; if (moduleIdentifier) { hook = function hook(context) { context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { context = __VUE_SSR_CONTEXT__; } if (style) { style.call(this, createInjectorSSR(context)); } if (context && context._registeredComponents) { context._registeredComponents.add(moduleIdentifier); } }; options._ssrRegister = hook; } else if (style) { hook = shadowMode ? function () { style.call(this, createInjectorShadow(this.$root.$options.shadowRoot)); } : function (context) { style.call(this, createInjector(context)); }; } if (hook) { if (options.functional) { var originalRender = options.render; options.render = function renderWithStyleInjection(h, context) { hook.call(context); return originalRender(h, context); }; } else { var existing = options.beforeCreate; options.beforeCreate = existing ? [].concat(existing, hook) : [hook]; } } return script; } var normalizeComponent_1 = normalizeComponent; const __vue_script__ = script; var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.icon === 'angle-down')?_c('svg',{staticClass:"fa-angle-down",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"angle-down","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 320 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"}})]):(_vm.icon === 'bookmark')?_c('svg',{staticClass:"fa-bookmark",attrs:{"aria-hidden":"true","data-prefix":"far","data-icon":"bookmark","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 384 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M336 0H48C21.49 0 0 21.49 0 48v464l192-112 192 112V48c0-26.51-21.49-48-48-48zm0 428.43l-144-84-144 84V54a6 6 0 0 1 6-6h276c3.314 0 6 2.683 6 5.996V428.43z"}})]):(_vm.icon === 'cog')?_c('svg',{staticClass:"fa-cog",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"cog","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"}})]):(_vm.icon === 'compress')?_c('svg',{staticClass:"fa-compress",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"compress","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M436 192H312c-13.3 0-24-10.7-24-24V44c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-276-24V44c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v84H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24zm0 300V344c0-13.3-10.7-24-24-24H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-84h84c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12H312c-13.3 0-24 10.7-24 24v124c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z"}})]):(_vm.icon === 'download')?_c('svg',{staticClass:"fa-download",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"download","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"}})]):(_vm.icon === 'expand')?_c('svg',{staticClass:"fa-expand",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"expand","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z"}})]):(_vm.icon === 'eye-slash')?_c('svg',{staticClass:"fa-eye-slash",attrs:{"aria-hidden":"true","data-prefix":"far","data-icon":"eye-slash","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 576 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M272.702 359.139c-80.483-9.011-136.212-86.886-116.93-167.042l116.93 167.042zM288 392c-102.556 0-192.092-54.701-240-136 21.755-36.917 52.1-68.342 88.344-91.658l-27.541-39.343C67.001 152.234 31.921 188.741 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.004 376.006 168.14 440 288 440a332.89 332.89 0 0 0 39.648-2.367l-32.021-45.744A284.16 284.16 0 0 1 288 392zm281.354-111.631c-33.232 56.394-83.421 101.742-143.554 129.492l48.116 68.74c3.801 5.429 2.48 12.912-2.949 16.712L450.23 509.83c-5.429 3.801-12.912 2.48-16.712-2.949L102.084 33.399c-3.801-5.429-2.48-12.912 2.949-16.712L125.77 2.17c5.429-3.801 12.912-2.48 16.712 2.949l55.526 79.325C226.612 76.343 256.808 72 288 72c119.86 0 224.996 63.994 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM528 256c-44.157-74.933-123.677-127.27-216.162-135.007C302.042 131.078 296 144.83 296 160c0 30.928 25.072 56 56 56s56-25.072 56-56l-.001-.042c30.632 57.277 16.739 130.26-36.928 171.719l26.695 38.135C452.626 346.551 498.308 306.386 528 256z"}})]):(_vm.icon === 'rss')?_c('svg',{staticClass:"fa-rss",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"rss","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"}})]):(_vm.icon === 'search-plus')?_c('svg',{staticClass:"fa-search-plus",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"search-plus","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6 9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7 99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136 136-60.8 136-136z"}})]):(_vm.icon === 'thumbs-up')?_c('svg',{staticClass:"fa-thumbs-up",attrs:{"aria-hidden":"true","data-prefix":"far","data-icon":"thumbs-up","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"}})]):(_vm.icon === 'toggle-off')?_c('svg',{staticClass:"fa-toggle-off",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"toggle-off","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 576 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M384 64H192C85.961 64 0 149.961 0 256s85.961 192 192 192h192c106.039 0 192-85.961 192-192S490.039 64 384 64zM64 256c0-70.741 57.249-128 128-128 70.741 0 128 57.249 128 128 0 70.741-57.249 128-128 128-70.741 0-128-57.249-128-128zm320 128h-48.905c65.217-72.858 65.236-183.12 0-256H384c70.741 0 128 57.249 128 128 0 70.74-57.249 128-128 128z"}})]):(_vm.icon === 'toggle-on')?_c('svg',{staticClass:"fa-toggle-on",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"toggle-on","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 576 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M576 256c0 106.039-85.961 192-192 192H192C85.961 448 0 362.039 0 256S85.961 64 192 64h192c106.039 0 192 85.961 192 192zM384 128c-70.741 0-128 57.249-128 128 0 70.741 57.249 128 128 128 70.741 0 128-57.249 128-128 0-70.741-57.249-128-128-128"}})]):_c('span',[_vm._v(_vm._s(_vm.icon))])}; var __vue_staticRenderFns__ = []; const __vue_inject_styles__ = undefined; const __vue_scope_id__ = undefined; const __vue_module_identifier__ = undefined; const __vue_is_functional_template__ = false; var FontAwesomeIcon = normalizeComponent_1( { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, undefined, undefined ); var script$1 = { props: { double: { default: false, type: Boolean, }, }, }; const __vue_script__$1 = script$1; var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"fa-layered-hearts",attrs:{"aria-hidden":"true","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('g',{directives:[{name:"show",rawName:"v-show",value:(_vm.double),expression:"double"}],attrs:{"transform":"translate(256 256)"}},[_c('g',{attrs:{"transform":"translate(-80, 0) scale(0.6, 0.6) rotate(0 0 0)"}},[_c('path',{attrs:{"fill":"currentColor","d":"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z","transform":"translate(-256 -256)"}})])]),_vm._v(" "),_c('g',{directives:[{name:"show",rawName:"v-show",value:(_vm.double),expression:"double"}],attrs:{"transform":"translate(256 256)"}},[_c('g',{attrs:{"transform":"translate(80, 0) scale(0.6, 0.6) rotate(0 0 0)"}},[_c('path',{attrs:{"fill":"currentColor","d":"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z","transform":"translate(-256 -256)"}})])]),_vm._v(" "),_c('g',{directives:[{name:"show",rawName:"v-show",value:(!_vm.double),expression:"!double"}],attrs:{"transform":"translate(256 256)"}},[_c('g',{attrs:{"transform":"translate(0, 0) scale(0.9, 0.9) rotate(0 0 0)"}},[_c('path',{attrs:{"fill":"currentColor","d":"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z","transform":"translate(-256 -256)"}})])])])}; var __vue_staticRenderFns__$1 = []; const __vue_inject_styles__$1 = undefined; const __vue_scope_id__$1 = undefined; const __vue_module_identifier__$1 = undefined; const __vue_is_functional_template__$1 = false; var IconLayeredHearts = normalizeComponent_1( { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, undefined, undefined ); var script$2 = { components: { FontAwesomeIcon, IconLayeredHearts }, props: { id: { default: '', type: String, }, }, data() { return { debounceId4sortInput: null, debounceId4tagsFilter: null, sortingOrderSwitchOn: false, unbookmarkedOnly: this.$store.getters.unbookmarkedOnly, usualList: [100, 500, 1000, 3000, 5000, 10000], usualSwitchOn: false, }; }, computed: { buttonMsg() { if (this.status.isEnded) { return this.$t('ctrlPanel.buttonEnd'); } else if (this.status.isPaused) { return this.$t('ctrlPanel.buttonGo'); } else { return this.$t('ctrlPanel.buttonPause'); } }, filters() { return this.$store.getters.filters; }, isSelfBookmarkPage() { return this.$store.getters.isSelfBookmarkPage; }, processedCountMsg() { const rootGetters = this.$store.getters; const isNewProfilePage = rootGetters['pixiv/nppType'] >= 0; let indices = null; if (isNewProfilePage) { indices = rootGetters['pixiv/nppDisplayIndices']; } else { indices = rootGetters['pixiv/defaultDisplayIndices']; } const { shows, hides } = indices; return `${shows.length} / ${shows.length + hides.length}`; }, sortingOrderMsg() { switch (this.xc.sort) { case SORT_TYPE.BOOKMARK_COUNT: return this.$t('ctrlPanel.sortByPopularity'); case SORT_TYPE.ILLUST_ID: return this.$t('ctrlPanel.sortByDate'); default: return this.$t('ctrlPanel.sortByBookmarkId'); } }, status() { return this.$store.getters['pixiv/status']; }, statusClass() { const _s = this.status; return { end: _s.isEnded, go: _s.isPaused && !_s.isEnded, paused: !_s.isPaused && !_s.isEnded, }; }, xc() { return this.$store.getters.config; }, }, methods: { clickMainButton() { if (this.status.isPaused) { this.$store.dispatch('pixiv/start'); } else { this.$store.dispatch('pixiv/pause'); } }, clickSortingOrder(event) { const ct = event.currentTarget; switch (ct.id) { case 'koakuma-sorting-order-by-popularity': this.$store.commit('setConfig', { sort: SORT_TYPE.BOOKMARK_COUNT }); break; case 'koakuma-sorting-order-by-bookmark-id': this.$store.commit('setConfig', { sort: SORT_TYPE.BOOKMARK_ID }); break; default: this.$store.commit('setConfig', { sort: SORT_TYPE.ILLUST_ID }); break; } this.$store.commit('saveConfig'); this.$store.commit('applyConfig'); this.sortingOrderSwitchOn = false; }, clickUsual(event) { this.$store.commit('setFilters', { limit: toInt(event.currentTarget.textContent), }); this.usualSwitchOn = false; }, openCoverLayerInConfigMode() { this.$store.commit('coverLayer/open', { data: null, mode: 'config' }); }, optionsChange(event) { if (event.target.closest('#koakuma-options-width-compress')) { this.$store.commit('setConfig', { fitwidth: false }); } else if (event.target.closest('#koakuma-options-width-expand')) { this.$store.commit('setConfig', { fitwidth: true }); } this.$store.commit('saveConfig'); this.$store.commit('applyConfig'); }, sortInputInput(event) { if (this.debounceId4sortInput) { clearTimeout(this.debounceId4sortInput); } this.debounceId4sortInput = setTimeout(() => { this.debounceId4sortInput = null; this.$store.commit('setFilters', { limit: Math.max(0, toInt(event.target.value)), }); }, 500); }, sortInputWheel(event) { if (event.deltaY < 0) { this.$store.commit('setFilters', { limit: toInt(event.target.value) + 20, }); } else { this.$store.commit('setFilters', { limit: Math.max(0, toInt(event.target.value) - 20), }); } }, tagsFilterInput(event) { if (this.debounceId4tagsFilter) { clearTimeout(this.debounceId4tagsFilter); } this.debounceId4tagsFilter = setTimeout(() => { this.debounceId4tagsFilter = null; this.$store.commit('setFilters', { query: event.target.value, }); }, 1500); }, toggleUnbookmarkedOnly() { this.$store.commit('toggleUnbookmarkedOnly'); this.unbookmarkedOnly = this.$store.getters.unbookmarkedOnly; }, }, }; var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()); function createInjector(context) { return function (id, style) { return addStyle(id, style); }; } var HEAD; var styles = {}; function addStyle(id, css) { var group = isOldIE ? css.media || 'default' : id; var style = styles[group] || (styles[group] = { ids: new Set(), styles: [] }); if (!style.ids.has(id)) { style.ids.add(id); var code = css.source; if (css.map) { code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */'; } if (!style.element) { style.element = document.createElement('style'); style.element.type = 'text/css'; if (css.media) style.element.setAttribute('media', css.media); if (HEAD === undefined) { HEAD = document.head || document.getElementsByTagName('head')[0]; } HEAD.appendChild(style.element); } if ('styleSheet' in style.element) { style.styles.push(code); style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n'); } else { var index = style.ids.size - 1; var textNode = document.createTextNode(code); var nodes = style.element.childNodes; if (nodes[index]) style.element.removeChild(nodes[index]); if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode); } } } var browser = createInjector; const __vue_script__$2 = script$2; var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:_vm.id,attrs:{"id":_vm.id}},[_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-processed-block"}},[_vm._v(_vm._s(_vm.processedCountMsg))]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-bookmark-sort-block"}},[_c('label',{attrs:{"id":"koakuma-bookmark-sort-label","for":"koakuma-bookmark-sort-input"}},[_c('span',[_vm._v("❤️")]),_vm._v(" "),_c('input',{attrs:{"id":"koakuma-bookmark-sort-input","type":"number","min":"0","step":"1"},domProps:{"value":_vm.filters.limit},on:{"wheel":function($event){$event.stopPropagation();$event.preventDefault();return _vm.sortInputWheel($event)},"input":_vm.sortInputInput}})]),_vm._v(" "),_c('a',{attrs:{"id":"koakuma-bookmark-input-usual-switch","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }_vm.usualSwitchOn = !_vm.usualSwitchOn;}}},[_c('FontAwesomeIcon',{attrs:{"icon":'angle-down'}})],1),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.usualSwitchOn),expression:"usualSwitchOn"}],attrs:{"id":"koakuma-bookmark-input-usual-list"}},_vm._l((_vm.usualList),function(usual){return _c('li',{key:usual},[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"usual-list-link",attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickUsual($event)}}},[_vm._v(_vm._s(usual))])])}),0)]),_vm._v(" "),_c('div',{staticClass:"koakuma-block"},[_c('input',{attrs:{"id":"koakuma-bookmark-tags-filter-input","placeholder":_vm.$t('ctrlPanel.tagFilterQueryPlaceholder'),"type":"text"},on:{"input":_vm.tagsFilterInput}})]),_vm._v(" "),_c('div',{staticClass:"koakuma-block"},[_c('button',{class:_vm.statusClass,attrs:{"id":"koakuma-main-button","disabled":_vm.status.isEnded},on:{"mouseup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickMainButton($event)}}},[_vm._v("\n "+_vm._s(_vm.buttonMsg)+"\n ")])]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-sorting-order-block"}},[_c('a',{attrs:{"id":"koakuma-sorting-order-select-switch","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }_vm.sortingOrderSwitchOn = !_vm.sortingOrderSwitchOn;}}},[_c('output',{attrs:{"id":"koakuma-sorting-order-select-output"},domProps:{"innerHTML":_vm._s(_vm.sortingOrderMsg)}}),_vm._v(" "),_c('FontAwesomeIcon',{attrs:{"icon":'angle-down'}})],1),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.sortingOrderSwitchOn),expression:"sortingOrderSwitchOn"}],attrs:{"id":"koakuma-sorting-order-select-list"}},[_c('li',[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"sorting-order-link",attrs:{"id":"koakuma-sorting-order-by-popularity","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSortingOrder($event)}}},[_vm._v(_vm._s(_vm.$t('ctrlPanel.sortByPopularity')))])]),_vm._v(" "),_c('li',[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"sorting-order-link",attrs:{"id":"koakuma-sorting-order-by-date","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSortingOrder($event)}}},[_vm._v(_vm._s(_vm.$t('ctrlPanel.sortByDate')))])]),_vm._v(" "),_c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.isSelfBookmarkPage),expression:"isSelfBookmarkPage"}]},[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"sorting-order-link",attrs:{"id":"koakuma-sorting-order-by-bookmark-id","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSortingOrder($event)}}},[_vm._v(_vm._s(_vm.$t('ctrlPanel.sortByBookmarkId')))])])])]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-display-options-block"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isSelfBookmarkPage),expression:"!isSelfBookmarkPage"}],on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.toggleUnbookmarkedOnly($event)}}},[_c('IconLayeredHearts',{attrs:{"id":"koakuma-display-options-unbookmarked-only","double":_vm.unbookmarkedOnly}})],1)]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-options-block"}},[_c('div',{on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.optionsChange($event)}}},[_c('FontAwesomeIcon',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.fitwidth),expression:"xc.fitwidth"}],attrs:{"id":"koakuma-options-width-compress","icon":'compress'}}),_vm._v(" "),_c('FontAwesomeIcon',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.fitwidth),expression:"!xc.fitwidth"}],attrs:{"id":"koakuma-options-width-expand","icon":'expand'}})],1),_vm._v(" "),_c('div',{on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.openCoverLayerInConfigMode($event)}}},[_c('FontAwesomeIcon',{attrs:{"id":"koakuma-options-config","icon":'cog'}})],1)])])}; var __vue_staticRenderFns__$2 = []; const __vue_inject_styles__$2 = function (inject) { if (!inject) return inject("data-v-205aece1_0", { source: "a[data-v-205aece1]{color:#258fb8;text-decoration:none}a[role=button]>.fa-angle-down[data-v-205aece1]{padding:2px;height:16px}#Koakuma[data-v-205aece1]{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:3;background-color:#eef;box-shadow:0 1px 1px #777;padding:4px;color:#00186c;font-size:16px}.koakuma-block[data-v-205aece1]{margin:0 10px;display:inline-flex}#koakuma-processed-block[data-v-205aece1]{font-size:18px}#koakuma-bookmark-sort-label[data-v-205aece1]{display:inline-flex!important;align-items:center;margin-right:0;border-radius:3px 0 0 3px;background-color:#cef;color:#0069b1;margin:0 1px;padding:0 6px}#koakuma-bookmark-sort-block[data-v-205aece1],#koakuma-sorting-order-block[data-v-205aece1]{position:relative;box-shadow:0 0 1px #069;border-radius:4px}#koakuma-sorting-order-block[data-v-205aece1]{background-color:#cef}#koakuma-bookmark-sort-input[data-v-205aece1]{-moz-appearance:textfield;border:none;background-color:transparent;padding:0;color:inherit;font-size:16px;display:inline-block;cursor:ns-resize;text-align:center;max-width:50px}#koakuma-bookmark-sort-input[data-v-205aece1]::-webkit-inner-spin-button,#koakuma-bookmark-sort-input[data-v-205aece1]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#koakuma-bookmark-tags-filter-input[data-v-205aece1]{margin:0;padding:0 4px;color:#333;font-size:12px;border:1px solid #becad7;height:20px;min-width:300px}#koakuma-bookmark-tags-filter-input[data-v-205aece1]:focus{background:#ffc;outline:0}#koakuma-bookmark-input-usual-switch[data-v-205aece1],#koakuma-sorting-order-select-switch[data-v-205aece1]{background-color:#cef;padding:1px;border-left:1px solid #888;border-radius:0 3px 3px 0;cursor:pointer;display:inline-flex;align-items:center}#koakuma-sorting-order-select-switch[data-v-205aece1]{border:none;border-radius:3px}#koakuma-bookmark-input-usual-list[data-v-205aece1],#koakuma-sorting-order-select-list[data-v-205aece1]{border-radius:3px;background-color:#cef;box-shadow:0 0 2px #069;position:absolute;top:100%;width:100%;margin-top:1px;list-style:none;padding:0}#koakuma-sorting-order-select-list[data-v-205aece1]{display:grid;grid-auto-columns:max-content;width:initial}#koakuma-bookmark-input-usual-list>li[data-v-205aece1],#koakuma-sorting-order-select-list>li[data-v-205aece1]{display:flex;position:relative;line-height:24px}#koakuma-bookmark-input-usual-list>li[data-v-205aece1]::after,#koakuma-sorting-order-select-list>li[data-v-205aece1]::after{content:\"\";box-shadow:0 0 0 1px #89d8ff;display:inline-block;margin:0;height:0;line-height:0;font-size:0;position:absolute;left:0;right:0;width:100%;transform:scaleX(.8)}#koakuma-bookmark-input-usual-list>li[data-v-205aece1]:first-child::after,#koakuma-sorting-order-select-list>li[data-v-205aece1]:first-child::after{box-shadow:none}#koakuma-bookmark-input-usual-list .sort-order-apply-indicator[data-v-205aece1],#koakuma-sorting-order-select-list .sort-order-apply-indicator[data-v-205aece1]{visibility:hidden}#koakuma-bookmark-input-usual-list .sort-order-apply-indicator[data-v-205aece1]{position:absolute}#koakuma-bookmark-input-usual-list>li:hover .sort-order-apply-indicator[data-v-205aece1],#koakuma-sorting-order-select-list>li:hover .sort-order-apply-indicator[data-v-205aece1]{visibility:visible}.sort-order-apply-indicator[data-v-205aece1]{display:block;justify-content:center;align-items:center;font-weight:bolder;padding:0 4px}.sorting-order-link[data-v-205aece1],.usual-list-link[data-v-205aece1]{display:block;cursor:pointer;text-align:center;flex:1}.sorting-order-link[data-v-205aece1]{padding-right:18px}#koakuma-sorting-order-select-output[data-v-205aece1]{padding:0 16px;display:flex;align-items:center}#koakuma-sorting-order-select[data-v-205aece1]{font-size:14px}#koakuma-display-options-block>*[data-v-205aece1],#koakuma-options-block>*[data-v-205aece1]{margin:0 5px;display:inline-flex;align-items:center}#koakuma-main-button[data-v-205aece1]{border:none;padding:2px 14px;border-radius:3px;font-size:16px}#koakuma-main-button[data-v-205aece1]:enabled{transform:translate(-1px,-1px);box-shadow:1px 1px 1px #4c4c4c;cursor:pointer}#koakuma-main-button[data-v-205aece1]:enabled:hover{transform:translate(0);box-shadow:none}#koakuma-main-button[data-v-205aece1]:enabled:active{transform:translate(1px,1px);box-shadow:-1px -1px 1px #4c4c4c}#koakuma-main-button.go[data-v-205aece1]{background-color:#00ff59}#koakuma-main-button.paused[data-v-205aece1]{background-color:#feff00}#koakuma-main-button.end[data-v-205aece1]{background-color:#878787;color:#fff;opacity:.87}#koakuma-display-options-unbookmarked-only[data-v-205aece1],#koakuma-options-config[data-v-205aece1],#koakuma-options-width-compress[data-v-205aece1],#koakuma-options-width-expand[data-v-205aece1]{height:20px;cursor:pointer}", map: undefined, media: undefined }); }; const __vue_scope_id__$2 = "data-v-205aece1"; const __vue_module_identifier__$2 = undefined; const __vue_is_functional_template__$2 = false; var ctrlPanel = normalizeComponent_1( { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 }, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, browser, undefined ); const GMC = { async XHR(details) { const xhr = window.GM_xmlhttpRequest || (GM ? GM.xmlHttpRequest : null); if (!xhr) { return Promise.reject(); } return new Promise((resolve, reject) => { Object.assign(details, { onabort: reject, onerror: reject, onload: resolve, ontimeout: reject, }); xhr(details); }); }, async getValue(name, failv = null) { if (window.GM_getValue) { return Promise.resolve(GM_getValue(name) || failv); } else { return (await GM.getValue(name)) || failv; } }, async setValue(name, value) { if (window.GM_setValue) { GM_setValue(name, value); } else { GM.setValue(name, value); } }, }; var script$3 = { components: { FontAwesomeIcon }, computed: { bookmarkPageLink() { if (!this.xdata) { return '#'; } return `bookmark_add.php?type=illust&illust_id=${this.xdata.illustId}`; }, currentImageItem() { if (!this.xdata) { return null; } const lib = this.$store.getters['pixiv/imageItemLibrary']; const found = lib.find(i => i.illustId === this.xdata.illustId); return found ? found : null; }, currentType() { if (!this.xdata) { return ''; } return this.xdata.type; }, inlineStyle() { const RIGHT_BOUND = 200; const position = this.xpos; const ow = document.body.offsetWidth; let style = `top: ${position.y}px;`; if (ow - position.x < RIGHT_BOUND) { style += `right: ${ow - position.x}px;`; } else { style += `left: ${position.x}px;`; } return style; }, isDownloadable() { return ( this.currentImageItem && this.currentImageItem.illustPageCount === 1 && !this.currentImageItem.isUgoira ); }, isUgoira() { return this.currentImageItem && this.currentImageItem.isUgoira; }, xdata() { return this.$store.getters['contextMenu/data']; }, xpos() { return this.$store.getters['contextMenu/pos']; }, }, methods: { addToBlacklist() { if (this.currentImageItem) { const userId = this.currentImageItem.userId; const blacklist = this.$store.getters.config.blacklist; blacklist.push(userId); blacklist.sort((a, b) => a - b); this.$store.commit('setConfig', { blacklist }); this.$store.commit('saveConfig'); } }, async downloadOne() { const imgUrl = this.currentImageItem.urls.original; const illustId = this.currentImageItem.illustId; const a = $el('a', { href: imgUrl }); const filename = a.pathname.split('/').pop(); const ext = filename .split('.') .pop() .toLowerCase(); const response = await GMC.XHR({ method: 'GET', url: imgUrl, responseType: 'arraybuffer', binary: true, headers: { Referer: `https://www.pixiv.net/member_illust.php?mode=medium&illust_id=${illustId}`, }, }); if (ext === 'jpg' || ext === 'jpeg') { saveAs(new File([response.response], filename, { type: 'image/jpeg' })); } else if (ext === 'png') { saveAs(new File([response.response], filename, { type: 'image/png' })); } }, async followUser() { if (this.currentImageItem) { const userId = this.currentImageItem.userId; if (await PixivAPI.postFollowUser(userId)) { this.$store.commit('pixiv/editImgItem', { type: 'follow-user', userId: this.currentImageItem.userId, }); } } }, openPreview() { this.$store.commit('coverLayer/open', { data: this.currentImageItem, mode: 'preview', }); }, thumbUp() { if (this.currentImageItem) { PixivAPI.postIllustLike(this.currentImageItem.illustId); } }, }, }; const __vue_script__$3 = script$3; var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.inlineStyle),attrs:{"id":"patchouli-context-menu"}},[_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentType === 'image-item-image'),expression:"currentType === 'image-item-image'"}]},[_c('li',[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.thumbUp($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'thumbs-up'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.thumbUp'))+"\n ")],1)]),_vm._v(" "),_c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDownloadable),expression:"isDownloadable"}]},[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.downloadOne($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'download'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.download'))+"\n ")],1)]),_vm._v(" "),_c('li',[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.openPreview($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'search-plus'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.preview'))+"\n ")],1)]),_vm._v(" "),_c('li',[_c('a',{attrs:{"href":_vm.bookmarkPageLink,"role":"button","target":"_blank"}},[_c('FontAwesomeIcon',{attrs:{"icon":'bookmark'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.openBookmarkPage'))+"\n ")],1)])]),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentType === 'image-item-title-user'),expression:"currentType === 'image-item-title-user'"}]},[_c('li',[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.addToBlacklist($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'eye-slash'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.addToBlacklist'))+"\n ")],1)]),_vm._v(" "),_c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentImageItem && !_vm.currentImageItem.isFollowed),expression:"currentImageItem && !currentImageItem.isFollowed"}]},[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.followUser($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'rss'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.followUser'))+"\n ")],1)])])])}; var __vue_staticRenderFns__$3 = []; const __vue_inject_styles__$3 = function (inject) { if (!inject) return inject("data-v-325b629a_0", { source: "#patchouli-context-menu[data-v-325b629a]{box-sizing:border-box;border:1px solid #b28fce;position:fixed;z-index:10;background-color:#fff;font-size:16px;overflow:hidden;border-radius:5px}#patchouli-context-menu>ul[data-v-325b629a]{margin:0;padding:0;line-height:20px}#patchouli-context-menu>ul>li[data-v-325b629a]{display:flex;align-items:center}#patchouli-context-menu>ul a[data-v-325b629a]{color:#85a;padding:3px;flex:1;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;text-align:center}#patchouli-context-menu>ul a[data-v-325b629a]:hover{background-color:#b28fce;color:#fff;cursor:pointer}#patchouli-context-menu>ul svg[role=img][data-v-325b629a]{height:18px;width:18px;margin:0 4px}", map: undefined, media: undefined }); }; const __vue_scope_id__$3 = "data-v-325b629a"; const __vue_module_identifier__$3 = undefined; const __vue_is_functional_template__$3 = false; var ContextMenu = normalizeComponent_1( { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 }, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, browser, undefined ); var script$4 = { props: { size: { default: 48, type: Number, }, }, computed: { inlineStyle() { return `height: ${this.size}px; width: ${this.size}px;`; }, }, }; const __vue_script__$4 = script$4; var __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"iup",style:(_vm.inlineStyle),attrs:{"viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"iup-circle",attrs:{"cx":"12","cy":"12","r":"10"}}),_vm._v(" "),_c('path',{attrs:{"d":"M9,8.74841664 L9,15.2515834 C9,15.8038681 9.44771525,16.2515834 10,16.2515834 C10.1782928,16.2515834 10.3533435,16.2039156 10.5070201,16.1135176 L16.0347118,12.8619342 C16.510745,12.5819147 16.6696454,11.969013 16.3896259,11.4929799 C16.3034179,11.3464262 16.1812655,11.2242738 16.0347118,11.1380658 L10.5070201,7.88648243 C10.030987,7.60646294 9.41808527,7.76536339 9.13806578,8.24139652 C9.04766776,8.39507316 9,8.57012386 9,8.74841664 Z"}})])}; var __vue_staticRenderFns__$4 = []; const __vue_inject_styles__$4 = function (inject) { if (!inject) return inject("data-v-7fe09a6e_0", { source: ".iup-circle[data-v-7fe09a6e]{fill:#000;fill-opacity:.4}.iup[data-v-7fe09a6e]{fill:#fff;font-size:0;line-height:0;stroke:none;vertical-align:middle}", map: undefined, media: undefined }); }; const __vue_scope_id__$4 = "data-v-7fe09a6e"; const __vue_module_identifier__$4 = undefined; const __vue_is_functional_template__$4 = false; var IconUgoiraPlay = normalizeComponent_1( { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 }, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, browser, undefined ); var script$5 = { props: { actived: { default: false, type: Boolean, }, isPrivate: { default: false, type: Boolean, }, }, computed: { classes() { return { ['ibh-active']: this.actived, ['ibh-inactive']: !this.actived, ['ibh-private']: this.isPrivate, }; }, }, }; const __vue_script__$5 = script$5; var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"ibh-effect",class:_vm.classes,attrs:{"viewBox":"0 0 32 32","width":"32","height":"32"}},[_c('path',{staticClass:"ibh-filled-heart",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"}}),_vm._v(" "),_c('path',{staticClass:"ibh-hollow-heart",attrs:{"d":"M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z"}}),_vm._v(" "),_c('path',{staticClass:"ibh-heart-lock-bg",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M29.98 20.523A3.998 3.998 0 0 1 32 24v4a4 4 0 0 1-4 4h-7a4 4 0 0 1-4-4v-4c0-1.489.814-2.788 2.02-3.477a5.5 5.5 0 0 1 10.96 0z","fill":"#fff"}}),_vm._v(" "),_c('path',{staticClass:"ibh-heart-lock-fg",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M28 22a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2v-1a3.5 3.5 0 1 1 7 0v1zm-5-1a1.5 1.5 0 0 1 3 0v1h-3v-1z","fill":"#1F1F1F"}})])}; var __vue_staticRenderFns__$5 = []; const __vue_inject_styles__$5 = function (inject) { if (!inject) return inject("data-v-5b017ece_0", { source: ".ibh-active[data-v-5b017ece]{fill:#ff4060}.ibh-heart-lock-bg[data-v-5b017ece],.ibh-heart-lock-fg[data-v-5b017ece]{display:none}.ibh-active.ibh-private>.ibh-heart-lock-bg[data-v-5b017ece],.ibh-active.ibh-private>.ibh-heart-lock-fg[data-v-5b017ece]{display:inline}.ibh-inactive[data-v-5b017ece]{fill:#fff}.ibh-inactive>.ibh-filled-heart[data-v-5b017ece]{fill:#333}.ibh-effect[data-v-5b017ece]{box-sizing:border-box;font-size:0;line-height:0;-webkit-transition:fill .2s,stroke .2s;transition:fill .2s,stroke .2s;vertical-align:top;opacity:.85}.ibh-effect[data-v-5b017ece]:hover{opacity:1}", map: undefined, media: undefined }); }; const __vue_scope_id__$5 = "data-v-5b017ece"; const __vue_module_identifier__$5 = undefined; const __vue_is_functional_template__$5 = false; var IconBookmarkHeart = normalizeComponent_1( { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 }, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, browser, undefined ); var script$6 = { props: { illustPageCount: { default: 1, type: Number, }, }, }; const __vue_script__$6 = script$6; var __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"icon-multiple-indicator"},[_c('svg',{staticClass:"icon-multiple-svg",attrs:{"viewBox":"0 0 9 10"}},[_c('path',{attrs:{"d":"M8,3 C8.55228475,3 9,3.44771525 9,4 L9,9 C9,9.55228475 8.55228475,10 8,10 L3,10 C2.44771525,10 2,9.55228475 2,9 L6,9 C7.1045695,9 8,8.1045695 8,7 L8,3 Z M1,1 L6,1 C6.55228475,1 7,1.44771525 7,2 L7,7 C7,7.55228475 6.55228475,8 6,8 L1,8 C0.44771525,8 0,7.55228475 0,7 L0,2 C0,1.44771525 0.44771525,1 1,1 Z"}})]),_vm._v(" "),_c('span',{staticClass:"illust-page-count"},[_vm._v(_vm._s(_vm.illustPageCount))])])}; var __vue_staticRenderFns__$6 = []; const __vue_inject_styles__$6 = function (inject) { if (!inject) return inject("data-v-6d8cbce8_0", { source: ".icon-multiple-indicator[data-v-6d8cbce8]{align-items:center;background:rgba(0,0,0,.4);border-radius:10px;box-sizing:border-box;display:flex;flex:none;height:20px;margin:2px 2px -20px auto;padding:5px 6px;z-index:1;color:#fff;font-size:10px;font-weight:700;line-height:1}.icon-multiple-svg[data-v-6d8cbce8]{fill:#fff;font-size:0;height:10px;line-height:0;stroke:none;width:9px}.illust-page-count[data-v-6d8cbce8]{margin-left:2px}", map: undefined, media: undefined }); }; const __vue_scope_id__$6 = "data-v-6d8cbce8"; const __vue_module_identifier__$6 = undefined; const __vue_is_functional_template__$6 = false; var IndicatorMultiple = normalizeComponent_1( { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 }, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, browser, undefined ); var script$7 = { components: { IconBookmarkHeart, IconUgoiraPlay, IndicatorMultiple }, props: { bookmarkId: { default: '', type: String, }, illustId: { default: '', type: String, }, illustPageCount: { default: 1, type: Number, }, imgUrl: { default: '', type: String, }, isBookmarked: { default: false, type: Boolean, }, isPrivateBookmark: { default: false, type: Boolean, }, isUgoira: { default: false, type: Boolean, }, }, data() { return { selfIsBookmarked: this.isBookmarked, selfIsPrivateBookmark: this.isPrivateBookmark, ugoiraMeta: null, ugoiraPlayed: false, ugoiraPlayer: null, }; }, computed: { canHoverPlay() { return this.$store.getters.config.hoverPlay; }, illustPageUrl() { return `/member_illust.php?mode=medium&illust_id=${this.illustId}`; }, isSelfBookmarkPage() { return this.$store.getters.isSelfBookmarkPage; }, }, mounted() { this.$nextTick(async() => { if (this.isUgoira && this.canHoverPlay) { this.ugoiraMeta = await PixivAPI.getIllustUgoiraMetaData(this.illustId); } }); }, methods: { activateContextMenu(event) { if (this.$store.state.config.contextMenu) { event.preventDefault(); const payload = { data: { illustId: this.illustId, type: 'image-item-image', }, position: { x: event.clientX, y: event.clientY, }, }; this.$store.commit('contextMenu/activate', payload); } }, controlUgoira(event) { if (!this.ugoiraMeta) { return; } if (!this.ugoiraPlayer) { try { this.ugoiraPlayer = new ZipImagePlayer({ autosize: true, canvas: this.$refs.smallUgoiraPreview, chunkSize: 300000, loop: true, metadata: this.ugoiraMeta, source: this.ugoiraMeta.src, }); } catch (error) { $print.error(error); } } if (this.canHoverPlay) { if (event.type === 'mouseenter') { this.ugoiraPlayed = true; this.ugoiraPlayer.play(); } else { this.ugoiraPlayed = false; this.ugoiraPlayer.pause(); this.ugoiraPlayer.rewind(); } } }, async oneClickBookmarkAdd() { if (!this.selfIsBookmarked) { if (await PixivAPI.postRPCAddBookmark(this.illustId)) { this.selfIsBookmarked = true; } } else { let bookmarkId = this.bookmarkId; if (!bookmarkId) { const data = await PixivAPI.getIllustBookmarkData(this.illustId); bookmarkId = data.bookmarkData.id; } if (await PixivAPI.postRPCDeleteBookmark(bookmarkId)) { this.selfIsBookmarked = false; this.selfIsPrivateBookmark = false; } } this.$store.commit('pixiv/editImgItem', { illustId: this.illustId, isBookmarked: this.selfIsBookmarked, type: 'edit-bookmarked', }); }, }, }; const __vue_script__$7 = script$7; var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-item-image"},[_c('a',{staticClass:"image-flexbox",attrs:{"href":_vm.illustPageUrl,"rel":"noopener"},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)},"mouseenter":_vm.controlUgoira,"mouseleave":_vm.controlUgoira}},[(_vm.illustPageCount > 1)?_c('IndicatorMultiple',{attrs:{"illust-page-count":_vm.illustPageCount}}):_vm._e(),_vm._v(" "),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.ugoiraPlayed),expression:"!ugoiraPlayed"}],attrs:{"data-src":_vm.imgUrl,"src":_vm.imgUrl}}),_vm._v(" "),(_vm.isUgoira)?_c('IconUgoiraPlay',{directives:[{name:"show",rawName:"v-show",value:(!_vm.ugoiraPlayed),expression:"!ugoiraPlayed"}],staticClass:"ugoira-icon",attrs:{"size":60}}):_vm._e(),_vm._v(" "),(_vm.isUgoira)?_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.ugoiraPlayed),expression:"ugoiraPlayed"}],ref:"smallUgoiraPreview"}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"bookmark-heart-block",on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.stopPropagation();return _vm.oneClickBookmarkAdd($event)}}},[_c('IconBookmarkHeart',{attrs:{"actived":_vm.selfIsBookmarked,"is-private":_vm.selfIsPrivateBookmark}})],1),_vm._v(" "),(_vm.isSelfBookmarkPage)?_c('div',{staticClass:"bookmark-input-container"},[_c('input',{attrs:{"type":"checkbox","name":"book_id[]"},domProps:{"value":_vm.bookmarkId}})]):_vm._e()])}; var __vue_staticRenderFns__$7 = []; const __vue_inject_styles__$7 = function (inject) { if (!inject) return inject("data-v-4898f7d6_0", { source: ".image-item-image[data-v-4898f7d6]{display:flex;align-items:center;justify-content:center;position:relative}.image-flexbox[data-v-4898f7d6]{display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:0;border:1px solid rgba(0,0,0,.04);position:relative;height:var(--default-image-item-image-square-size);width:var(--default-image-item-image-square-size)}.image-flexbox[data-v-4898f7d6]:hover{text-decoration:none}.top-right-slot[data-v-4898f7d6]{flex:none;display:flex;align-items:center;z-index:1;box-sizing:border-box;margin:0 0 -24px auto;padding:6px;height:24px;background:#000;background:rgba(0,0,0,.4);border-radius:0 0 0 4px;color:#fff;font-size:12px;line-height:1;font-weight:700}.ugoira-icon[data-v-4898f7d6]{position:absolute}canvas[data-v-4898f7d6],img[data-v-4898f7d6]{max-height:100%;max-width:100%}.bookmark-input-container[data-v-4898f7d6]{position:absolute;left:0;top:0;background:rgba(0,0,0,.4);padding:6px;border-radius:0 0 4px 0}.bookmark-heart-block[data-v-4898f7d6]{position:absolute;bottom:0;right:0}", map: undefined, media: undefined }); }; const __vue_scope_id__$7 = "data-v-4898f7d6"; const __vue_module_identifier__$7 = undefined; const __vue_is_functional_template__$7 = false; var DefaultImageItemImage = normalizeComponent_1( { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, browser, undefined ); var script$8 = { components: { FontAwesomeIcon }, props: { bookmarkCount: { default: 0, type: Number, }, illustId: { default: '', type: String, }, illustTitle: { default: '', type: String, }, isFollowed: { default: false, type: Boolean, }, profileImgUrl: { default: '', type: String, }, userId: { default: '', type: String, }, userName: { default: '', type: String, }, }, computed: { bookmarkDetailUrl() { return `/bookmark_detail.php?illust_id=${this.illustId}`; }, bookmarkTooltipMsg() { return this.$t('mainView.bookmarkTooltip', { count: this.bookmarkCount, }); }, illustPageUrl() { return `/member_illust.php?mode=medium&illust_id=${this.illustId}`; }, isEnableUserTooltip() { return this.$store.state.config.userTooltip; }, profileImgStyle() { return { backgroundImage: `url(${this.profileImgUrl})`, }; }, userPageUrl() { return `/member_illust.php?id=${this.userId}`; }, }, methods: { activateContextMenu(event) { if (this.$store.state.config.contextMenu) { event.preventDefault(); const payload = { position: { x: event.clientX, y: event.clientY, }, }; const ct = event.currentTarget; if (ct.classList.contains('user-info')) { payload.data = { illustId: this.illustId, type: 'image-item-title-user', }; } else { payload.data = { illustId: this.illustId, type: 'image-item-image', }; } this.$store.commit('contextMenu/activate', payload); } }, }, }; const __vue_script__$8 = script$8; var __vue_render__$8 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figcaption',{staticClass:"image-item-title-user"},[_c('ul',[_c('li',{staticClass:"title-text",on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_c('a',{attrs:{"href":_vm.illustPageUrl,"title":_vm.illustTitle}},[_vm._v(_vm._s(_vm.illustTitle))])]),_vm._v(" "),_c('li',{staticClass:"user-info",on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_c('a',{staticClass:"user-link",class:_vm.isEnableUserTooltip ? 'ui-profile-popup' : '',attrs:{"href":_vm.userPageUrl,"title":_vm.userName,"data-user_id":_vm.userId,"data-user_name":_vm.userName,"target":"_blank"}},[_c('span',{staticClass:"user-img",style:(_vm.profileImgStyle)}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.userName))])]),_vm._v(" "),(_vm.isFollowed)?_c('FontAwesomeIcon',{staticClass:"user-followed-indicator",attrs:{"icon":'rss'}}):_vm._e()],1),_vm._v(" "),(_vm.bookmarkCount > 0)?_c('li',[_c('ul',{staticClass:"count-list"},[_c('li',[_c('a',{staticClass:"_ui-tooltip bookmark-count",attrs:{"href":_vm.bookmarkDetailUrl,"data-tooltip":_vm.$t('mainView.bookmarkTooltip', { count: _vm.bookmarkCount })}},[_c('i',{staticClass:"_icon _bookmark-icon-inline"}),_vm._v("\n "+_vm._s(_vm.bookmarkCount)+"\n ")])])])]):_vm._e()])])}; var __vue_staticRenderFns__$8 = []; const __vue_inject_styles__$8 = function (inject) { if (!inject) return inject("data-v-5ab04c90_0", { source: ".image-item-title-user[data-v-5ab04c90]{max-width:100%;margin:8px auto;text-align:center;color:#333;font-size:12px;line-height:1}.title-text[data-v-5ab04c90]{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.user-info[data-v-5ab04c90]{display:inline-flex;align-items:center}.user-link[data-v-5ab04c90]{font-size:12px;display:inline-flex;align-items:center}.user-img[data-v-5ab04c90]{width:20px;height:20px;display:inline-block;background-size:cover;border-radius:50%;margin-right:4px}.user-followed-indicator[data-v-5ab04c90]{display:inline-block;margin-left:4px;width:16px;height:16px;color:#1e90ff}", map: undefined, media: undefined }); }; const __vue_scope_id__$8 = "data-v-5ab04c90"; const __vue_module_identifier__$8 = undefined; const __vue_is_functional_template__$8 = false; var DefaultImageItemTitle = normalizeComponent_1( { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 }, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, browser, undefined ); var script$9 = { components: { DefaultImageItemImage, DefaultImageItemTitle }, props: { bookmarkCount: { default: 0, type: Number, }, bookmarkId: { default: '', type: String, }, illustId: { default: '', type: String, }, illustPageCount: { default: 1, type: Number, }, illustTitle: { default: '', type: String, }, imgUrl: { default: '', type: String, }, isBookmarked: { default: false, type: Boolean, }, isFollowed: { default: false, type: Boolean, }, isPrivateBookmark: { default: false, type: Boolean, }, isUgoira: { default: false, type: Boolean, }, profileImgUrl: { default: '', type: String, }, userId: { default: '', type: String, }, userName: { default: '', type: String, }, }, }; const __vue_script__$9 = script$9; var __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-item"},[_c('figure',{staticClass:"image-item-inner"},[_c('DefaultImageItemImage',{attrs:{"img-url":_vm.imgUrl,"illust-id":_vm.illustId,"illust-page-count":_vm.illustPageCount,"is-ugoira":_vm.isUgoira,"is-bookmarked":_vm.isBookmarked,"is-private-bookmark":_vm.isPrivateBookmark,"bookmark-id":_vm.bookmarkId}}),_vm._v(" "),_c('DefaultImageItemTitle',{attrs:{"illust-id":_vm.illustId,"illust-title":_vm.illustTitle,"user-name":_vm.userName,"user-id":_vm.userId,"is-followed":_vm.isFollowed,"profile-img-url":_vm.profileImgUrl,"bookmark-count":_vm.bookmarkCount}})],1)])}; var __vue_staticRenderFns__$9 = []; const __vue_inject_styles__$9 = function (inject) { if (!inject) return inject("data-v-04041dc0_0", { source: ".image-item[data-v-04041dc0]{display:flex;justify-content:center;margin:0 0 30px 0;padding:10px;height:auto;width:200px}.image-item-inner[data-v-04041dc0]{display:flex;flex-flow:column;max-width:100%;max-height:300px}", map: undefined, media: undefined }); }; const __vue_scope_id__$9 = "data-v-04041dc0"; const __vue_module_identifier__$9 = undefined; const __vue_is_functional_template__$9 = false; var DefaultImageItem = normalizeComponent_1( { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 }, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, browser, undefined ); var script$a = { components: { DefaultImageItem }, computed: { defaultProcessedLibrary() { const { shows, hides } = this.displayIndices; const iiLib = this.$store.getters['pixiv/imageItemLibrary']; return shows.concat(hides).map(idx => iiLib[idx]); }, displayIndices() { return this.$store.getters['pixiv/defaultDisplayIndices']; }, imageToShowCount() { const { shows } = this.displayIndices; return shows.length; }, }, }; const __vue_script__$a = script$a; var __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"patchouli-default-image-item-page"}},_vm._l((_vm.defaultProcessedLibrary),function(d,index){return _c('DefaultImageItem',{directives:[{name:"show",rawName:"v-show",value:(index < _vm.imageToShowCount),expression:"index < imageToShowCount"}],key:d.illustId,attrs:{"img-url":d.urls.thumb,"illust-id":d.illustId,"illust-title":d.illustTitle,"illust-page-count":d.illustPageCount,"is-ugoira":d.isUgoira,"user-name":d.userName,"user-id":d.userId,"profile-img-url":d.profileImg,"bookmark-count":d.bookmarkCount,"is-private-bookmark":d.isPrivateBookmark,"is-bookmarked":d.isBookmarked,"is-followed":d.isFollowed,"bookmark-id":d.bookmarkId}})}),1)}; var __vue_staticRenderFns__$a = []; const __vue_inject_styles__$a = function (inject) { if (!inject) return inject("data-v-14d2afc2_0", { source: "#patchouli-default-image-item-page[data-v-14d2afc2]{display:flex;flex-flow:wrap;justify-content:space-around}", map: undefined, media: undefined }); }; const __vue_scope_id__$a = "data-v-14d2afc2"; const __vue_module_identifier__$a = undefined; const __vue_is_functional_template__$a = false; var DefaultImageItemPage = normalizeComponent_1( { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a }, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, browser, undefined ); var script$b = { components: { FontAwesomeIcon, IconBookmarkHeart, IconUgoiraPlay, IndicatorMultiple, }, props: { bookmarkCount: { default: 0, type: Number, }, bookmarkId: { default: '', type: String, }, illustId: { default: '', type: String, }, illustPageCount: { default: 1, type: Number, }, illustTitle: { default: '', type: String, }, isBookmarked: { default: false, type: Boolean, }, isFollowed: { default: false, type: Boolean, }, isUgoira: { default: false, type: Boolean, }, profileImgUrl: { default: '', type: String, }, showUserProfile: { default: true, type: Boolean, }, thumbImgUrl: { default: '', type: String, }, userId: { default: '', type: String, }, userName: { default: '', type: String, }, }, data() { return { selfBookmarkId: this.bookmarkId, selfIsBookmarked: this.isBookmarked, ugoiraMeta: null, ugoiraPlayed: false, ugoiraPlayer: null, }; }, computed: { canHoverPlay() { return this.$store.getters.config.hoverPlay; }, illustMainImgStyle() { return { backgroundImage: this.ugoiraPlayed ? 'none' : `url(${this.thumbImgUrl})`, }; }, illustPageUrl() { return `/member_illust.php?mode=medium&illust_id=${this.illustId}`; }, profileImgStyle() { return { backgroundImage: `url(${this.profileImgUrl})`, }; }, userPageUrl() { return `/member_illust.php?id=${this.userId}`; }, }, mounted() { this.$nextTick(async() => { if (this.isUgoira && this.canHoverPlay) { this.ugoiraMeta = await PixivAPI.getIllustUgoiraMetaData(this.illustId); } }); }, methods: { activateContextMenu(event) { if (this.$store.getters.config.contextMenu) { event.preventDefault(); const payload = { position: { x: event.clientX, y: event.clientY, }, }; const ct = event.currentTarget; if (ct.classList.contains('user-profile-name')) { payload.data = { illustId: this.illustId, type: 'image-item-title-user', }; } else { payload.data = { illustId: this.illustId, type: 'image-item-image', }; } this.$store.commit('contextMenu/activate', payload); } }, controlUgoira(event) { if (!this.ugoiraMeta) { return; } if (!this.ugoiraPlayer) { try { this.ugoiraPlayer = new ZipImagePlayer({ autosize: true, canvas: this.$refs.smallUgoiraPreview, chunkSize: 300000, loop: true, metadata: this.ugoiraMeta, source: this.ugoiraMeta.src, }); } catch (error) { $print.error(error); } } if (this.canHoverPlay) { if (event.type === 'mouseenter') { this.ugoiraPlayed = true; this.ugoiraPlayer.play(); } else { this.ugoiraPlayed = false; this.ugoiraPlayer.pause(); this.ugoiraPlayer.rewind(); } } }, async oneClickBookmarkAdd() { if (!this.selfIsBookmarked) { if (await PixivAPI.postRPCAddBookmark(this.illustId)) { this.selfIsBookmarked = true; } } else { if (!this.selfBookmarkId) { const data = await PixivAPI.getIllustBookmarkData(this.illustId); this.selfBookmarkId = data.bookmarkData.id; } if (await PixivAPI.postRPCDeleteBookmark(this.selfBookmarkId)) { this.selfIsBookmarked = false; } } this.$store.commit('pixiv/editImgItem', { illustId: this.illustId, isBookmarked: this.selfIsBookmarked, type: 'edit-bookmarked', }); }, }, }; const __vue_script__$b = script$b; var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"illust-item-root"},[_c('a',{staticClass:"illust-main",attrs:{"href":_vm.illustPageUrl},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)},"mouseenter":_vm.controlUgoira,"mouseleave":_vm.controlUgoira}},[_c('div',{staticClass:"illust-main-indicators"},[(_vm.illustPageCount > 1)?_c('IndicatorMultiple',{attrs:{"illust-page-count":_vm.illustPageCount}}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"illust-main-img",style:(_vm.illustMainImgStyle)},[(_vm.isUgoira)?_c('IconUgoiraPlay',{directives:[{name:"show",rawName:"v-show",value:(!_vm.ugoiraPlayed),expression:"!ugoiraPlayed"}]}):_vm._e(),_vm._v(" "),(_vm.isUgoira)?_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.ugoiraPlayed),expression:"ugoiraPlayed"}],ref:"smallUgoiraPreview",staticClass:"illust-main-ugoira"}):_vm._e()],1)]),_vm._v(" "),_c('div',{staticClass:"illust-buttons"},[_c('div',[_c('button',{attrs:{"type":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.oneClickBookmarkAdd($event)}}},[_c('IconBookmarkHeart',{attrs:{"actived":_vm.selfIsBookmarked}})],1)])]),_vm._v(" "),_c('a',{staticClass:"illust-title",attrs:{"href":_vm.illustPageUrl},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_vm._v(_vm._s(_vm.illustTitle))]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showUserProfile),expression:"showUserProfile"}],staticClass:"user-profile"},[_c('div',[_c('a',{staticClass:"user-profile-img",style:(_vm.profileImgStyle),attrs:{"href":_vm.illustPageUrl}})]),_vm._v(" "),_c('a',{staticClass:"user-profile-name",attrs:{"href":_vm.userPageUrl},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_vm._v(_vm._s(_vm.userName))]),_vm._v(" "),(_vm.isFollowed)?_c('FontAwesomeIcon',{staticClass:"user-followed-indicator",attrs:{"icon":'rss'}}):_vm._e()],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.bookmarkCount > 0),expression:"bookmarkCount > 0"}],staticClass:"illust-popularity"},[_c('span',[_vm._v(_vm._s(_vm.bookmarkCount))])])])}; var __vue_staticRenderFns__$b = []; const __vue_inject_styles__$b = function (inject) { if (!inject) return inject("data-v-2034b249_0", { source: ".illust-item-root[data-v-2034b249]{margin:0 12px 24px}.illust-main[data-v-2034b249]{text-decoration:none}.illust-main-indicators[data-v-2034b249]{display:flex;position:absolute;width:var(--new-default-image-item-square-size);justify-content:end}.illust-main-img[data-v-2034b249]{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;display:flex;height:var(--new-default-image-item-square-size);justify-content:center;margin-bottom:8px;position:relative;width:var(--new-default-image-item-square-size)}.illust-main-img[data-v-2034b249]::before{background-color:rgba(0,0,0,.02);content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.illust-main-ugoira[data-v-2034b249]{object-fit:contain;height:var(--new-default-image-item-square-size);width:var(--new-default-image-item-square-size)}.illust-buttons[data-v-2034b249]{display:flex;height:32px;justify-content:flex-end;margin-bottom:8px;margin-top:-40px}.illust-buttons>div[data-v-2034b249]{z-index:1}.illust-buttons>div>button[data-v-2034b249]{background:0 0;border:none;box-sizing:content-box;cursor:pointer;display:inline-block;height:32px;line-height:1;padding:0}.illust-title[data-v-2034b249]{color:#177082;display:block;font-size:14px;font-weight:700;line-height:1;margin:0 0 4px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:var(--new-default-image-item-square-size)}.user-profile[data-v-2034b249]{align-items:center;display:flex;width:var(--new-default-image-item-square-size);margin-bottom:4px}.user-profile>div[data-v-2034b249]{display:inline-block;margin-right:4px}.user-profile-img[data-v-2034b249]{background-size:cover;border-radius:50%;display:block;flex:none;position:relative;overflow:hidden;width:16px;height:16px}.user-profile-name[data-v-2034b249]{color:#999;font-size:12px;line-height:1;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;flex:1}.user-followed-indicator[data-v-2034b249]{display:inline-block;margin-left:4px;width:16px;height:16px;color:#1e90ff}.illust-popularity[data-v-2034b249]{display:flex;width:100%;justify-content:center}.illust-popularity>span[data-v-2034b249]{background-color:#cef;color:#0069b1;padding:2px 8px;border-radius:8px;font-weight:700}.illust-popularity>span[data-v-2034b249]::before{content:\"❤️\";margin-right:4px}", map: undefined, media: undefined }); }; const __vue_scope_id__$b = "data-v-2034b249"; const __vue_module_identifier__$b = undefined; const __vue_is_functional_template__$b = false; var NewDefaultImageItem = normalizeComponent_1( { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b }, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, browser, undefined ); var script$c = {}; const __vue_script__$c = script$c; var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}; var __vue_staticRenderFns__$c = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ils-grid"},[_c('div',{staticClass:"ils-cell ils-1"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-2"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-3"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-4"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-5"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-6"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-7"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-8"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-9"})])}]; const __vue_inject_styles__$c = function (inject) { if (!inject) return inject("data-v-1f3e96a6_0", { source: ".ils-grid[data-v-1f3e96a6]{width:var(--loading-icon-size);height:var(--loading-icon-size);margin:100px auto}.ils-grid .ils-cell[data-v-1f3e96a6]{width:33%;height:33%;background-color:var(--loading-icon-color);float:left;-webkit-animation:ilsGridScaleDelay-data-v-1f3e96a6 1.3s infinite ease-in-out;animation:ilsGridScaleDelay-data-v-1f3e96a6 1.3s infinite ease-in-out}.ils-grid .ils-1[data-v-1f3e96a6]{-webkit-animation-delay:.2s;animation-delay:.2s}.ils-grid .ils-2[data-v-1f3e96a6]{-webkit-animation-delay:.3s;animation-delay:.3s}.ils-grid .ils-3[data-v-1f3e96a6]{-webkit-animation-delay:.4s;animation-delay:.4s}.ils-grid .ils-4[data-v-1f3e96a6]{-webkit-animation-delay:.1s;animation-delay:.1s}.ils-grid .ils-5[data-v-1f3e96a6]{-webkit-animation-delay:.2s;animation-delay:.2s}.ils-grid .ils-6[data-v-1f3e96a6]{-webkit-animation-delay:.3s;animation-delay:.3s}.ils-grid .ils-7[data-v-1f3e96a6]{-webkit-animation-delay:0s;animation-delay:0s}.ils-grid .ils-8[data-v-1f3e96a6]{-webkit-animation-delay:.1s;animation-delay:.1s}.ils-grid .ils-9[data-v-1f3e96a6]{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes ilsGridScaleDelay-data-v-1f3e96a6{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes ilsGridScaleDelay-data-v-1f3e96a6{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}", map: undefined, media: undefined }); }; const __vue_scope_id__$c = "data-v-1f3e96a6"; const __vue_module_identifier__$c = undefined; const __vue_is_functional_template__$c = false; var IconLoadingSpin = normalizeComponent_1( { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c }, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, browser, undefined ); var script$d = { components: { IconLoadingSpin, NewDefaultImageItem }, data() { return { routeIsInited: Array(NPP_TYPE_COUNT).fill(false), }; }, computed: { displayIndices() { return this.$store.getters['pixiv/nppDisplayIndices']; }, hasNoResult() { return !this.imageToShowCount; }, imageToShowCount() { const { shows } = this.displayIndices; return shows.length; }, isSelfBookmarkPage() { return this.$store.getters.isSelfBookmarkPage; }, nppProcessedLibrary() { const { shows, hides } = this.displayIndices; const iiLib = this.$store.getters['pixiv/imageItemLibrary']; return shows.concat(hides).map(idx => iiLib[idx]); }, nppType() { return this.$store.getters['pixiv/nppType']; }, rest() { return this.$store.getters.sp.rest; }, status() { return this.$store.getters['pixiv/status']; }, uid() { return this.$store.getters.sp.id; }, }, mounted() { this.$nextTick(() => { this.routeIsInited[this.nppType] = true; }); }, methods: { async clickRoute(event) { await this.$store.dispatch('pixiv/pause'); const tid = event.currentTarget.id; const thref = event.currentTarget.href; if (this.isSamePath(location.href, thref)) { return; } history.pushState(null, '', thref); switch (tid) { case 'patchouli-npp-all': this.$store.commit('setMainPageType', { forceSet: MAIN_PAGE_TYPE.NEW_PROFILE, }); break; case 'patchouli-npp-illust': this.$store.commit('setMainPageType', { forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST, }); break; case 'patchouli-npp-manga': this.$store.commit('setMainPageType', { forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_MANGA, }); break; case 'patchouli-npp-bookmark': case 'patchouli-npp-view-bookmark-switch-public': case 'patchouli-npp-view-bookmark-switch-private': this.$store.commit('updateSearchParam'); this.$store.commit('setMainPageType', { forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK, }); break; default: break; } if (!this.routeIsInited[this.nppType]) { this.$store.dispatch('pixiv/start', { force: true, times: 1 }); this.routeIsInited[this.nppType] = true; } }, isSamePath(href0, href1) { const a0 = $el('a', { href: href0 }); const a1 = $el('a', { href: href1 }); if (a0.pathname !== a1.pathname) { return false; } const sp0 = new URLSearchParams(a0.search); const sp1 = new URLSearchParams(a1.search); const keysSet = new Set([...sp0.keys(), ...sp1.keys()]); for (const k of keysSet) { if (sp0.get(k) !== sp1.get(k)) { return false; } } return true; }, }, }; const __vue_script__$d = script$d; var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"patchouli-new-profile-page"}},[_c('nav',{attrs:{"id":"patchouli-npp-nav"}},[_c('a',{class:{'current': _vm.nppType === 0},attrs:{"id":"patchouli-npp-all","href":("/member.php?id=" + _vm.uid)},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.contents')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 1},attrs:{"id":"patchouli-npp-illust","href":("/member_illust.php?id=" + _vm.uid + "&type=illust")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.illustrations')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 2},attrs:{"id":"patchouli-npp-manga","href":("/member_illust.php?id=" + _vm.uid + "&type=manga")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.manga')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 3},attrs:{"id":"patchouli-npp-bookmark","href":("/bookmark.php?id=" + _vm.uid + "&rest=show")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.bookmarks')))])]),_vm._v(" "),_c('div',{attrs:{"id":"patchouli-npp-view"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isSelfBookmarkPage),expression:"isSelfBookmarkPage"}],staticClass:"ω",attrs:{"id":"patchouli-npp-view-bookmark-switch"}},[_c('nav',[_c('a',{class:{'current': _vm.nppType === 3},attrs:{"id":"patchouli-npp-view-bookmark-switch-public","href":("/bookmark.php?id=" + _vm.uid + "&rest=show")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.publicBookmark')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 4},attrs:{"id":"patchouli-npp-view-bookmark-switch-private","href":("/bookmark.php?id=" + _vm.uid + "&rest=hide")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.privateBookmark')))])])]),_vm._v(" "),_c('div',{attrs:{"id":"patchouli-npp-view-header"}}),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(!_vm.hasNoResult),expression:"!hasNoResult"}],staticClass:"ω",attrs:{"id":"patchouli-npp-view-image-item-list"}},_vm._l((_vm.nppProcessedLibrary),function(d,index){return _c('NewDefaultImageItem',{directives:[{name:"show",rawName:"v-show",value:(index < _vm.imageToShowCount),expression:"index < imageToShowCount"}],key:d.illustId,attrs:{"illust-id":d.illustId,"bookmark-count":d.bookmarkCount,"bookmark-id":d.bookmarkId,"is-bookmarked":d.isBookmarked,"is-followed":d.isFollowed,"is-ugoira":d.isUgoira,"illust-page-count":d.illustPageCount,"illust-title":d.illustTitle,"thumb-img-url":d.urls.thumb,"profile-img-url":d.profileImg,"user-id":d.userId,"user-name":d.userName,"show-user-profile":_vm.uid !== d.userId}})}),1),_vm._v(" "),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasNoResult),expression:"hasNoResult"}],attrs:{"id":"patchouli-npp-view-no-result"}},[_vm._v("\n "+_vm._s(_vm.$t('mainView.newProfilePage.noResult'))+"\n ")]),_vm._v(" "),_c('span',{directives:[{name:"show",rawName:"v-show",value:(!_vm.status.isPaused && !_vm.status.isEnded),expression:"!status.isPaused && !status.isEnded"}],attrs:{"id":"patchouli-npp-view-loading"}},[_c('IconLoadingSpin')],1)])])}; var __vue_staticRenderFns__$d = []; const __vue_inject_styles__$d = function (inject) { if (!inject) return inject("data-v-501dcecc_0", { source: "#patchouli-npp-nav[data-v-501dcecc]{display:flex;justify-content:center;background-color:#f9f8ff;width:100%}#patchouli-npp-nav>a[data-v-501dcecc]{border-top:4px solid transparent;color:#999;font-size:16px;font-weight:700;margin:0 10px;padding:10px 20px;text-decoration:none;transition:color .2s}#patchouli-npp-nav>a[data-v-501dcecc]:hover{color:#333;cursor:pointer}#patchouli-npp-nav>a.current[data-v-501dcecc]{color:#333;border-bottom:4px solid #0096fa}#patchouli-npp-view[data-v-501dcecc]{display:flex;flex-flow:column;min-height:340px;align-items:center}#patchouli-npp-view-bookmark-switch[data-v-501dcecc]{display:flex;justify-content:flex-end;margin:24px auto 48px;width:1300px}#patchouli-npp-view-bookmark-switch a.current[data-v-501dcecc]{background-color:#f5f5f5;color:#5c5c5c}#patchouli-npp-view-bookmark-switch a[data-v-501dcecc]{border-radius:24px;color:#8f8f8f;font-size:16px;font-weight:700;padding:16px 24px;text-decoration:none}#patchouli-npp-view-image-item-list[data-v-501dcecc]{list-style:none;display:flex;align-content:flex-start;justify-content:center;flex-wrap:wrap;padding:14px 0;margin:0 auto;width:1300px}#patchouli-npp-view-no-result[data-v-501dcecc]{flex:1;display:inline-flex;align-items:center;color:#b8b8b8;font-size:20px;font-weight:700;line-height:1}#patchouli-npp-view-loading[data-v-501dcecc]{flex:1;display:inline-flex;align-items:center}", map: undefined, media: undefined }); }; const __vue_scope_id__$d = "data-v-501dcecc"; const __vue_module_identifier__$d = undefined; const __vue_is_functional_template__$d = false; var NewProfilePage = normalizeComponent_1( { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d }, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, browser, undefined ); var script$e = { components: { ContextMenu, DefaultImageItemPage, NewProfilePage }, props: { id: { default: '', type: String, }, }, computed: { isNewProfilePage() { return this.$store.getters['pixiv/nppType'] >= 0; }, }, }; const __vue_script__$e = script$e; var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.id}},[(_vm.isNewProfilePage)?_c('NewProfilePage'):_c('DefaultImageItemPage'),_vm._v(" "),_c('ContextMenu')],1)}; var __vue_staticRenderFns__$e = []; const __vue_inject_styles__$e = undefined; const __vue_scope_id__$e = "data-v-642adf9e"; const __vue_module_identifier__$e = undefined; const __vue_is_functional_template__$e = false; var mainView = normalizeComponent_1( { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e }, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, undefined, undefined ); var script$f = { components: { FontAwesomeIcon }, props: { id: { default: '', type: String, }, }, data() { return { previewCurrentIndex: 0, previewSrcList: [], previewUgoiraMetaData: null, ugoiraPlayers: [], }; }, computed: { xc() { return this.$store.getters.config; }, xdata() { return this.$store.getters['coverLayer/data']; }, xmode() { return this.$store.getters['coverLayer/mode']; }, }, watch: { async xmode(value) { if (value === 'preview') { const imageItem = this.xdata; if (imageItem.isUgoira) { this.previewUgoiraMetaData = await PixivAPI.getIllustUgoiraMetaData( imageItem.illustId ); this.initZipImagePlayer(); this.previewSrcList.push(imageItem.urls.thumb); this.previewSrcList.push(imageItem.urls.original); } else if (imageItem.illustPageCount > 1) { const indexArray = Array.from( Array(imageItem.illustPageCount).keys() ); const srcs = indexArray.map(idx => imageItem.urls.original.replace('p0', `p${idx}`) ); this.previewSrcList.push(...srcs); } else { this.previewSrcList.push(imageItem.urls.original); } } else if (!value) { this.previewSrcList.length = 0; this.previewCurrentIndex = 0; this.previewUgoiraMetaData = null; this.ugoiraPlayers.forEach(player => player.stop()); this.ugoiraPlayers.length = 0; } }, }, updated() { if (this.xmode === 'preview') { this.$refs.coverLayerRoot.focus(); } }, methods: { clickBase(event) { this.$store.commit('coverLayer/close'); const blacklist = [ ...new Set( this.$refs.blacklistTextarea.value .split('\n') .map(s => s.trim()) .filter(Boolean) ), ]; blacklist.sort((a, b) => a - b); this.$store.commit('setConfig', { blacklist }); this.$store.commit('saveConfig'); }, clickSwitch(event) { if (event.currentTarget.id === 'config-context-menu-switch') { this.xc.contextMenu = toInt(!this.xc.contextMenu); } if (event.currentTarget.id === 'config-user-tooltip-switch') { this.xc.userTooltip = toInt(!this.xc.userTooltip); } if (event.currentTarget.id === 'config-hover-play-switch') { this.xc.hoverPlay = toInt(!this.xc.hoverPlay); } }, initZipImagePlayer() { const meta = this.previewUgoiraMetaData; this.$refs.previewOriginalUgoiraCanvas.width = 0; this.$refs.previewUgoiraCanvas.width = 0; const opt = { autoStart: true, autosize: true, canvas: this.$refs.previewUgoiraCanvas, chunkSize: 300000, loop: true, metadata: meta, source: meta.src, }; this.ugoiraPlayers.push(new ZipImagePlayer(opt)); this.ugoiraPlayers.push( new ZipImagePlayer( Object.assign({}, opt, { canvas: this.$refs.previewOriginalUgoiraCanvas, source: meta.originalSrc, }) ) ); }, jumpByKeyup(event) { if (this.xmode === 'preview') { if (event.key === 'ArrowLeft') { this.jumpPrev(); } else if (event.key === 'ArrowRight') { this.jumpNext(); } } }, jumpByWheel(event) { if (this.xmode === 'preview') { if (event.deltaY < 0) { this.jumpPrev(); } else if (event.deltaY > 0) { this.jumpNext(); } } }, jumpNext() { const t = this.previewSrcList.length; const c = this.previewCurrentIndex; this.jumpTo((c + 1) % t); }, jumpPrev() { const t = this.previewSrcList.length; const c = this.previewCurrentIndex; this.jumpTo((c + t - 1) % t); }, jumpTo(index) { this.previewCurrentIndex = index; }, }, }; const __vue_script__$f = script$f; var __vue_render__$f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.xmode),expression:"xmode"}],ref:"coverLayerRoot",attrs:{"id":_vm.id,"tabindex":"0"},on:{"keyup":_vm.jumpByKeyup,"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickBase($event)},"scroll":function($event){$event.stopPropagation();$event.preventDefault();},"wheel":function($event){$event.stopPropagation();$event.preventDefault();return _vm.jumpByWheel($event)}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.xmode === 'config'),expression:"xmode === 'config'"}],attrs:{"id":"marisa-config-mode"},on:{"click":function($event){$event.stopPropagation();}}},[_c('a',{attrs:{"id":"config-context-menu-switch"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSwitch($event)}}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.contextMenu),expression:"xc.contextMenu"}],attrs:{"id":"config-context-menu-switch-on","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-on'}})],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.contextMenu),expression:"!xc.contextMenu"}],attrs:{"id":"config-context-menu-switch-off","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-off'}})],1),_vm._v(" "),_c('span',{attrs:{"id":"config-context-menu-label"}},[_vm._v(_vm._s(_vm.$t('config.contextMenuExtension')))])]),_vm._v(" "),_c('a',{attrs:{"id":"config-user-tooltip-switch"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSwitch($event)}}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.userTooltip),expression:"xc.userTooltip"}],attrs:{"id":"config-user-tooltip-switch-on","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-on'}})],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.userTooltip),expression:"!xc.userTooltip"}],attrs:{"id":"config-user-tooltip-switch-off","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-off'}})],1),_vm._v(" "),_c('span',{attrs:{"id":"config-user-tooltip-label"}},[_vm._v(_vm._s(_vm.$t('config.userTooltip')))])]),_vm._v(" "),_c('a',{attrs:{"id":"config-hover-play-switch"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSwitch($event)}}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.hoverPlay),expression:"xc.hoverPlay"}],attrs:{"id":"config-hover-play-switch-on","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-on'}})],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.hoverPlay),expression:"!xc.hoverPlay"}],attrs:{"id":"config-hover-play-switch-off","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-off'}})],1),_vm._v(" "),_c('span',{attrs:{"id":"config-hover-play-label"}},[_vm._v(_vm._s(_vm.$t('config.hoverPlay')))])]),_vm._v(" "),_c('a',{attrs:{"id":"marisa-config-blacklist-label"}},[_c('FontAwesomeIcon',{attrs:{"icon":'eye-slash'}}),_vm._v(_vm._s(_vm.$t('config.blacklist'))+"\n ")],1),_vm._v(" "),_c('textarea',{ref:"blacklistTextarea",attrs:{"id":"marisa-config-blacklist-textarea","spellcheck":"false","rows":"5"},domProps:{"value":_vm.xc.blacklist.join('\n')}})]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.xmode === 'preview'),expression:"xmode === 'preview'"}],attrs:{"id":"marisa-preview-mode"},on:{"click":function($event){$event.stopPropagation();}}},[_c('div',{attrs:{"id":"marisa-preview-display-area"}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.previewUgoiraMetaData),expression:"!previewUgoiraMetaData"}],attrs:{"href":_vm.previewSrcList[_vm.previewCurrentIndex],"target":"_blank"}},[_c('img',{attrs:{"src":_vm.previewSrcList[_vm.previewCurrentIndex]}})]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!!_vm.previewUgoiraMetaData),expression:"!!previewUgoiraMetaData"}]},[_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.previewCurrentIndex === 0),expression:"previewCurrentIndex === 0"}],ref:"previewUgoiraCanvas"}),_vm._v(" "),_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.previewCurrentIndex === 1),expression:"previewCurrentIndex === 1"}],ref:"previewOriginalUgoiraCanvas"})])]),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.previewSrcList.length > 1),expression:"previewSrcList.length > 1"}],attrs:{"id":"marisa-preview-thumbnails-area"}},_vm._l((_vm.previewSrcList),function(pSrc,index){return _c('li',{key:pSrc},[_c('a',{class:(index === _vm.previewCurrentIndex) ? 'current-preview' : '',on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.jumpTo(index)}}},[_c('img',{attrs:{"src":pSrc}})])])}),0)])])}; var __vue_staticRenderFns__$f = []; const __vue_inject_styles__$f = function (inject) { if (!inject) return inject("data-v-18f678f4_0", { source: "#Marisa[data-v-18f678f4]{background-color:#000a;position:fixed;height:100%;width:100%;z-index:5;top:0;left:0;display:flex;align-items:center;justify-content:center}#marisa-config-mode[data-v-18f678f4],#marisa-preview-mode[data-v-18f678f4]{min-width:100px;min-height:100px;background-color:#eef}#marisa-config-mode[data-v-18f678f4]{display:flex;flex-flow:column;padding:10px;border-radius:10px;font-size:18px;white-space:nowrap}#marisa-config-mode a[data-v-18f678f4]{color:#00186c;text-decoration:none;display:inline-flex}#marisa-config-mode>a[data-v-18f678f4]{align-items:center;justify-content:center;margin:2px 0}#marisa-config-mode [id$=switch][data-v-18f678f4]{cursor:pointer}#marisa-config-mode svg[data-v-18f678f4]{height:18px;margin:0 4px}#marisa-config-blacklist-textarea[data-v-18f678f4]{box-sizing:border-box;flex:1;resize:none;font-size:11pt;height:90px}#marisa-preview-mode[data-v-18f678f4]{width:70%;height:100%;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,auto) max-content}#marisa-preview-display-area[data-v-18f678f4]{border:2px #00186c solid;box-sizing:border-box;text-align:center}#marisa-preview-display-area>a[data-v-18f678f4],#marisa-preview-display-area>div[data-v-18f678f4]{display:inline-flex;height:100%;justify-content:center;align-items:center}#marisa-preview-display-area>a>img[data-v-18f678f4],#marisa-preview-display-area>div>canvas[data-v-18f678f4]{object-fit:contain;max-width:100%;max-height:100%}#marisa-preview-thumbnails-area[data-v-18f678f4]{background-color:#f8f8ff;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;height:100%;border:2px solid #014;box-sizing:border-box;border-top:0;margin:0;padding:0;list-style:none}#marisa-preview-thumbnails-area>li[data-v-18f678f4]{margin:0 10px;display:inline-flex}#marisa-preview-thumbnails-area>li>a[data-v-18f678f4]{cursor:pointer;display:inline-flex;border:3px solid transparent}#marisa-preview-thumbnails-area>li>a.current-preview[data-v-18f678f4]{border:3px solid #db7093}#marisa-preview-thumbnails-area>li>a>img[data-v-18f678f4]{max-height:100px;box-sizing:border-box;display:inline-block}", map: undefined, media: undefined }); }; const __vue_scope_id__$f = "data-v-18f678f4"; const __vue_module_identifier__$f = undefined; const __vue_is_functional_template__$f = false; var coverLayer$1 = normalizeComponent_1( { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f }, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, browser, undefined ); if (unsafeWindow) { const { globalInitData, pixiv } = unsafeWindow; const { DataView, ArrayBuffer } = unsafeWindow; Object.assign(window, { ArrayBuffer, DataView, globalInitData, pixiv, }); } vuexStore.dispatch('init') .then(() => { if (vuexStore.getters.MPT === MAIN_PAGE_TYPE.NO_SUPPORT) { return; } const Koakuma = new Vue({ i18n, store: vuexStore, data: { name: 'Koakuma', }, computed: { currentLocale() { return this.$store.getters.locale; }, }, watch: { currentLocale(newValue) { this.$i18n.locale = newValue; }, }, render(h) { return h(ctrlPanel, { props: { id: this.name } }); }, }); const Patchouli = new Vue({ i18n, store: vuexStore, data: { name: 'Patchouli', }, computed: { currentLocale() { return this.$store.getters.locale; }, }, watch: { currentLocale(newValue) { this.$i18n.locale = newValue; }, }, render(h) { return h(mainView, { props: { id: this.name } }); }, }); const Marisa = new Vue({ i18n, store: vuexStore, data: { name: 'Marisa', }, computed: { currentLocale() { return this.$store.getters.locale; }, }, watch: { currentLocale(newValue) { this.$i18n.locale = newValue; }, }, render(h) { return h(coverLayer$1, { props: { id: this.name } }); }, }); if (vuexStore.getters['pixiv/nppType'] < 0) { $('._global-header').classList.add('koakuma-placeholder'); } vuexStore.dispatch('pixiv/start', { isFirst: true, times: 1 }) .then(() => { Patchouli.$mount(vuexStore.getters.mountPointMainView); Koakuma.$mount(vuexStore.getters.mountPointCtrlPanel); Marisa.$mount(vuexStore.getters.mountPointCoverLayer); vuexStore.commit('applyConfig'); if (vuexStore.getters['pixiv/nppType'] < 0) { $('._global-header').classList.remove('koakuma-placeholder'); } }) .catch(error => { $print.error('main#init: Fail to first mount', error); }); document.body.addEventListener('click', (event) => { const koakuma = Koakuma.$children[0]; if (!event.target.closest('#koakuma-bookmark-input-usual-switch')) { koakuma.usualSwitchOn = false; } if (!event.target.closest('#koakuma-sorting-order-select-switch')) { koakuma.sortingOrderSwitchOn = false; } if (vuexStore.getters['contextMenu/active']) { vuexStore.commit('contextMenu/deactivate'); } }); if (vuexStore.getters.MPT === MAIN_PAGE_TYPE.SEARCH) { const menuItems = $('ul.menu-items'); [...menuItems.children].forEach((item, index) => { const textContent = item.textContent; const a = $el('a', { href: 'javascript:;', textContent }); item.removeChild(item.firstChild); item.appendChild(a); item.addEventListener('click', () => { [...menuItems.children].forEach(_item => _item.classList.remove('current')); item.classList.add('current'); const target = $('#koakuma-bookmark-tags-filter-input'); if (index === 1) { target.value = '-R-18'; } else if (index === 2) { target.value = 'R-18'; } else { target.value = ''; } Koakuma.$children[0].tagsFilterInput({ target }); }); }); } Object.assign(unsafeWindow, { Koakuma, Marisa, Patchouli, vuexStore, }); }) .catch($print.error); }(Vue, VueI18n, Vuex));
