// ==UserScript== // @name Boothの購入履歴から累計散財額を計算するツール // @namespace https://x.com/zerukuVRC // @version 2.0 // @description お手軽鬱ボタン。Boothの購入履歴の総額を計算できます。同じセッションだけしか計算結果は保存できません。 // @author zeruku // @match https://accounts.booth.pm/orders // @match https://accounts.booth.pm/orders?* // @grant GM_getValue // @grant GM_setValue // @license MIT // @downloadURL none // ==/UserScript== (function() { // Constants const STYLES = { FIXED_BUTTON: { color: '#ffffff', borderRadius: '20px', padding: '10px 15px', border: 'none', boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)', cursor: 'pointer', position: 'fixed', zIndex: '1000' }, COLORS: { PRIMARY: '#fc4d50', PRIMARY_HOVER: '#ff6669', AUTO: '#1b7f8c', AUTO_HOVER: '#22a1b2', AUTO_STOP: '#f30f4c', AUTO_STOP_HOVER: '#c00b3c', RESET: '#0077B5', RESET_HOVER: '#005588', TWEET: '#1DA1F2', TWEET_HOVER: '#1A91DA' } }; // URL Parameter Management class URLManager { constructor() { this.url = new URL(window.location.href); this.initializeParams(); } initializeParams() { const params = [ ['total', '0'], ['auto', this.url.searchParams.get('auto') === '1' ? '1' : '0'], ['page', this.url.searchParams.get('page') || '1'] ]; let changed = false; params.forEach(([key, defaultValue]) => { if (this.url.searchParams.get(key) === null) { this.url.searchParams.set(key, defaultValue); changed = true; } }); if (changed) { window.location.href = this.url.href; } } static processNextPage(url) { const parsedURL = new URL(url); const currentPage = parseInt(parsedURL.searchParams.get('page'), 10); parsedURL.searchParams.set('page', (currentPage + 1).toString()); window.location.href = parsedURL.href; } static resetToFirstPage() { const parsedURL = new URL(window.location.href); parsedURL.searchParams.set('page', '1'); parsedURL.searchParams.set('auto', '0'); window.location.href = parsedURL.href; } } // Item Exclusion Management class ExclusionManager { static updateExclusionList(itemId, isAdding) { const currentValue = GM_getValue('exclude_item_ids') || ''; if (isAdding) { GM_setValue('exclude_item_ids', currentValue + ` ${itemId}`); } else { GM_setValue('exclude_item_ids', currentValue.replace(` ${itemId}`, '')); } } static setupExclusionButtons() { const itemElements = Array.from(document.getElementsByClassName("l-orders-index")[0].children); itemElements.forEach((item, index) => { if (item.classList[0] == "pager") {return} const button = this.createExcludeButton(item, index); item.firstChild.appendChild(button); }); this.setupKeyboardShortcuts(); } static createExcludeButton(item, index) { const button = document.createElement('button'); const itemId = item.href.match(/\d+$/g)[0]; const isExcluded = String(GM_getValue('exclude_item_ids')).includes(itemId); button.id = `excludeButton${index}`; Object.assign(button.style, { marginLeft: '8px', color: '#ffffff', border: 'none', fontSize: '10px', padding: '8px 6px', background: isExcluded ? '#e1362e' : '#808080' }); button.textContent = isExcluded ? '除外解除' : '除外する'; button.className = isExcluded ? 'ex_true' : 'ex_false'; button.addEventListener('click', (event) => { event.preventDefault(); // デフォルトの動作を防ぐ event.stopPropagation(); // イベントの伝播を停止 this.handleExcludeClick(event, index, item); }); return button; } static setupKeyboardShortcuts() { const keysPressed = {}; document.addEventListener('keydown', (event) => { keysPressed[event.key] = true; if (keysPressed['Shift'] && keysPressed['E'] && keysPressed['L']) { if (confirm('除外設定を全てリセットしますか？')) { GM_setValue('exclude_item_ids', ''); window.location.reload(); } Object.keys(keysPressed).forEach(key => keysPressed[key] = false); } }); document.addEventListener('keyup', (event) => { keysPressed[event.key] = false; }); } static handleExcludeClick(event, index, item) { const button = document.querySelector(`#excludeButton${index}`); // itemId の取得方法を修正 const itemId = item.href.match(/\d+$/g)[0]; // 直接 item から取得 if (event.ctrlKey) { this.toggleAllExclusions(); } else { this.toggleSingleExclusion(button, itemId); } } static unifiedState = true; // クラス変数として定義 static toggleAllExclusions() { const allButtons = document.querySelectorAll('[id^="excludeButton"]'); const newState = !this.unifiedState; this.unifiedState = newState; allButtons.forEach(button => { const itemId = button.parentElement.parentElement.href.match(/\d+$/g)[0]; button.style.background = newState ? '#e1362e' : '#808080'; button.textContent = newState ? '除外解除' : '除外する'; button.className = newState ? 'ex_true' : 'ex_false'; this.updateExclusionList(itemId, newState); }); } static toggleSingleExclusion(button, itemId) { const isCurrentlyExcluded = button.className === 'ex_true'; button.style.background = isCurrentlyExcluded ? '#808080' : '#e1362e'; button.textContent = isCurrentlyExcluded ? '除外する' : '除外解除'; button.className = isCurrentlyExcluded ? 'ex_false' : 'ex_true'; this.updateExclusionList(itemId, !isCurrentlyExcluded); } static updateExclusionList(itemId, isAdding) { const currentValue = GM_getValue('exclude_item_ids') || ''; console.log('Current exclusion list:', currentValue); // デバッグ用 console.log('Updating item:', itemId, isAdding); // デバッグ用 if (isAdding) { GM_setValue('exclude_item_ids', currentValue + ` ${itemId}`); } else { GM_setValue('exclude_item_ids', currentValue.replace(` ${itemId}`, '')); } console.log('New exclusion list:', GM_getValue('exclude_item_ids')); // デバッグ用 } static toggleSingleExclusion(button, itemId) { const isCurrentlyExcluded = button.className === 'ex_true'; button.style.background = isCurrentlyExcluded ? '#808080' : '#e1362e'; button.textContent = isCurrentlyExcluded ? '除外する' : '除外解除'; button.className = isCurrentlyExcluded ? 'ex_false' : 'ex_true'; this.updateExclusionList(itemId, !isCurrentlyExcluded); } } // Item Management class ItemManager { static collectItemInfo(itemElement) { console.log('Processing item:', itemElement); // デバッグ用 // itemElementが商品アイテムとして適切な構造を持っているか確認 if (!itemElement.href || !itemElement.firstChild) { console.log('Skipping invalid item element'); // デバッグ用 return null; } const url = itemElement.href; const itemId = url.match(/\d+$/g)[0]; if (String(GM_getValue('exclude_item_ids')).indexOf(itemId) !== -1) { console.log(itemId) return 'exclude'; } const itemVariation = (itemElement.getElementsByClassName("u-tpg-caption1")[0].innerText.match(/\(([^)]+)\)[^\(]*$/) || [null, null])[1]; const orderId = Number(itemElement.href.match(/\d+$/)[0]); return { item_id: itemId, item_variation: itemVariation ? itemVariation.replace(/^\(/, '').replace(/\)$/, '') : null, order_id: orderId }; } static async fetchItemPrice(orderId) { try { const response = await fetch(`https://accounts.booth.pm/orders/${orderId}`, { credentials: 'include', headers: { 'Accept': 'text/html' } }); if (response.status === 404) { return 'Item deleted or private'; } const text = await response.text(); const matched = text.match(/お支払金額.*?¥\s*([\d,]+)/); return matched ? { item_price: Number(matched[1].replace(/,/g, '')) } : { item_price: undefined }; } catch (error) { throw new Error(`Request error: ${error.message}`); } } } // Price Comparison class PriceComparator { static get comparisons() { return [ [114381200000000, "日本の国家予算をまかなえていました！"], [23760000000000, "イーロン・マスクよりお金持ちでした！"], [9000000000000, "映画「シン・ゴジラ」の被害額を一人で賠償できました！"], [1652283360000, "Google社の時価総額を超えていました！"], [1510160000000, "Discordを買収できていたかもしれません！"], [639000000000, "映画「名探偵コナン 紺青の拳」の被害額を一人で賠償できました！"], [395000000000, "イージス艦を一隻買えました！"], [90804000000, "マインクラフトの金ブロック1個が買えました！"], [1250000000, "VRChatの推定時価総額を超えていました！"], [1208280000, "GTA5のバイク「オプレッサー MkⅡ」を1台買えました！"], [332277000, "GTA5の潜水艦「コサトカ」を1艇買えました！"], [143600000, "首都圏の新築マンション1戸が買えました！"], [53200000, "USJの夜間貸し切りが出来ました！"], [8920000, "新車のベルファイアが買えました！"], [7336000, "エンジニアの平均年収を超えていました！"], [6116279, "コンビニ1軒の全商品を購入できていました！"], [5000000, "クロマグロ1尾が買えました！"], [4610000, "サラリーマンの平均年収を超えていました！"], [3214800, "東京大学理Ⅲの1年の学費をまかなえていました！"], [2750000, "新型プリウスの新車が買えました！"], [2361000, "40人規模の結婚式を挙げられました！相手は付属しません"], [1548000, "中古車1台が買えました！"], [1500000, "ゲーセンのmaimai筐体が買えました！"], [1386000, "GeeScorpion(超高級ゲーミングチェア)が買えました！"], [1180872, "ペッパーくんが一人買えました！"], [1111400, "大学生の1年の生活費をまかなえていました！"], [1000000, "ゲーセンの太鼓の達人の新筐体が買えました！"], [940000, "ゲーセンにあるポップンミュージックの旧筐体が買えました！"], [917540, "鹿児島駅前から札幌駅前までタクシーで移動できました！"], [800000, "ゲーセンのダンエボの筐体が買えました！"], [770000, "Valorantの全スキンが買えました！"], [650000, "ゲーセンのProject Divaの筐体が買えました！"], [588450, "超ハイスペックゲーミングパソコンが1台買えました！"], [540000, "公園にある4人乗りブランコが買えました！"], [493450, "大阪駅前から青森駅までタクシーで移動できました！"], [460000, "公園にあるジャングルジムが買えました！"], [400000, "Valve Index VRフルキット + ハイスペックゲーミングパソコンが買えました！"], [359777, "Nvidia Quadro RTX 5000が買えました！"], [319800, "Nvidia RTX 4090が買えました！"], [310000, "公園にある2人乗りブランコが買えました！"], [280000, "公園にあるうんていが買えました！"], [250000, "4泊6日ハワイ旅行ができました！"], [219800, "iPhone 15 Pro Max 512GBが買えました！"], [198000, "iMacを1台買えました！"], [165980, "Valve Index VRフルキットが買えました！"], [159800, "iPhone 15 Pro 128GBが買えました！"], [150000, "公園にある鉄棒が1欄買えました！"], [149000, "キングサイズのベッドが買えました！"], [147000, "このツールの作者の貯金額以上でした......"], [139800, "iPhone 15 Plusが買えました！"], [124800, "iPad Pro 11インチが買えました！"], [104000, "東京都の平均家賃1ヶ月分をまかなえました！"], [96800, "Meta Quest 3 512GBが買えました！"], [82800, "Valve Index HMDが買えました！"], [74800, "Meta Quest 3 128GBが買えました！"], [53900, "Meta Quest 2 256GBが買えました！"], [49000, "PICO 4が買えました！"], [47300, "Meta Quest 2 128GBが買えました！"], [38410, "一人暮らしの一ヶ月の食費がまかなえました！"], [32890, "Yogibo Maxが買えました！"], [17490, "ジェラピケのパジャマが買えました！"], [9100, "カイジの月給を超えていました！"], [7900, "ディズニーランドで1日遊べていました！"], [5368, "焼肉食べ放題に行けました！"], [4748, "モンエナ355mlが24本買えました！"], [3905, "ストゼロ500mlが24本買えました！"], [1999, "ダイの大冒険が買えました！"], [1500, "VRChat Plusに1ヶ月加入できました！"], [1280, "YouTube Premiumに1ヶ月加入できました！"], [700, "スタバのフラペチーノが飲めました！"], [300, "ファミマのアイスコーヒーLサイズが飲めました！"], [220, "ファミチキが1個買えました！"], [100, "ボールペンが1本買えました！"], [20, "もやしが1袋買えました！"], [3, "レジ袋Mサイズ1枚しか買えませんでした......"] ]; } static typicalPrice(totalPrice) { const numericPrice = Number(totalPrice); for (const [threshold, message] of this.comparisons) { if (numericPrice >= threshold) return message; } return "何も買えませんでした。"; } } // UI Components class UIComponents { static createButton(text, options) { const button = document.createElement('button'); button.innerText = text; Object.assign(button.style, STYLES.FIXED_BUTTON, options.style); button.addEventListener('mouseover', () => button.style.background = options.hoverColor); button.addEventListener('mouseout', () => button.style.background = options.baseColor); button.onclick = options.onClick; document.body.appendChild(button); return button; } static calculateButton = null; static addCalculateButton() { this.calculateButton = this.createButton('金額計算', { style: { background: STYLES.COLORS.PRIMARY, bottom: '10px', left: '10px' }, baseColor: STYLES.COLORS.PRIMARY, hoverColor: STYLES.COLORS.PRIMARY_HOVER, onClick: main }); this.calculateButton.classList.add('booth-total-price-button'); return this.calculateButton; } static addAutoButton(autoCalculate) { return this.createButton(autoCalculate ? '自動計算を停止' : '自動計算開始！', { style: { background: autoCalculate ? STYLES.COLORS.AUTO_STOP : STYLES.COLORS.AUTO, bottom: '10px', left: '120px' }, baseColor: autoCalculate ? STYLES.COLORS.AUTO_STOP : STYLES.COLORS.AUTO, hoverColor: autoCalculate ? STYLES.COLORS.AUTO_STOP_HOVER : STYLES.COLORS.AUTO_HOVER, onClick: autoCalculate ? this.stopAuto : this.startAuto }); } static addResetButton() { return this.createButton('累計金額をリセット', { style: { background: STYLES.COLORS.RESET, bottom: '10px', left: '280px' }, baseColor: STYLES.COLORS.RESET, hoverColor: STYLES.COLORS.RESET_HOVER, onClick: this.resetTotal }); } static addTweetButton(totalPrice) { return this.createButton('Twitterに共有', { style: { background: STYLES.COLORS.TWEET, bottom: '60px', left: '280px' }, baseColor: STYLES.COLORS.TWEET, hoverColor: STYLES.COLORS.TWEET_HOVER, onClick: () => this.handleTweet(totalPrice) }); } static addTotalPriceDisplay(totalPrice) { const display = document.createElement('div'); Object.assign(display.style, { position: 'fixed', bottom: '60px', left: '10px', backgroundColor: '#333', color: '#fff', padding: '6px 18px', borderRadius: '20px', boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)', border: 'none', zIndex: '1000', cursor: 'pointer' }); display.textContent = `累計金額: ${Number(totalPrice).toLocaleString()}円`; display.addEventListener('mouseover', () => display.style.background = '#444'); display.addEventListener('mouseout', () => display.style.background = '#333'); display.onclick = () => this.handleTotalPriceClick(totalPrice); document.body.appendChild(display); } static handleTweet(totalPrice) { const tweetText = `私がBoothで使用した合計金額は、『${Number(totalPrice).toLocaleString()}円』でした！\n\n#私がBoothに使った金額`; const tweetURL = `https://twitter.com/intent/tweet?text=${encodeURIComponent(tweetText)}`; window.open(tweetURL, '_blank'); } static handleTotalPriceClick(totalPrice) { const comparison = PriceComparator.typicalPrice(totalPrice); if (confirm(`もし『${Number(totalPrice).toLocaleString()}円』あれば...\n${comparison}\n\nOKを押すと、この文章を入れてツイートします。`)) { const tweetText = `私がBoothで使用した合計金額は、『${Number(totalPrice).toLocaleString()}円』でした！\n` + `もし${Number(totalPrice).toLocaleString()}円あれば...\n『${comparison}』\n\n` + `#私がBoothに使った金額`; const tweetURL = `https://twitter.com/intent/tweet?text=${encodeURIComponent(tweetText)}`; window.open(tweetURL, '_blank'); } } static startAuto() { const url = new URL(window.location.href); url.searchParams.set('auto', '1'); window.location.href = url.href; } static stopAuto() { const url = new URL(window.location.href); url.searchParams.set('auto', '0'); window.location.href = url.href; } static resetTotal() { const url = new URL(window.location.href); url.searchParams.set('total', '0'); url.searchParams.set('auto', '0'); if (confirm('累計金額をリセットしますか？')) { window.location.href = url.href; } } } // Progress Display class ProgressDisplay { constructor() { this.element = document.createElement('div'); Object.assign(this.element.style, { position: 'fixed', bottom: '100px', left: '10px', color: '#fc4d50', zIndex: '1000' }); document.body.appendChild(this.element); } update(completed, total) { this.element.textContent = `進行中: ${completed}/${total}`; } clear() { this.element.textContent = ''; } } // Main calculation logic async function main() { const url = new URL(window.location.href); const button = UIComponents.calculateButton; if (button) { button.disabled = true; button.style.cursor = 'wait'; } const itemListElements = Array.from(document.getElementsByClassName("l-orders-index")[0].children); itemListElements.pop() let itemList = itemListElements.map(ItemManager.collectItemInfo); console.log(itemList) // Handle excluded items if (itemList.every(v => v === 'exclude') && itemList.length !== 0) { URLManager.processNextPage(window.location.href); return; } else if (itemList.length === 0) { alert('計算が終了しました'); URLManager.resetToFirstPage(); return; } // Filter and process items itemList = itemList.filter(element => element !== 'exclude'); // Calculate prices const priceList = []; const progress = new ProgressDisplay(); const totalItems = itemList.length; let completedItems = 0; progress.update(completedItems, totalItems); for (const itemInfo of itemList) { try { const itemPrice = await ItemManager.fetchItemPrice(itemInfo.order_id); if (itemPrice.item_price) priceList.push(itemPrice.item_price); } catch (error) { console.error(error); } completedItems++; progress.update(completedItems, totalItems); await new Promise(resolve => setTimeout(resolve, 150)); } // Calculate total const totalPrice = priceList.reduce((a, b) => a + b, 0); const existingTotal = parseFloat(url.searchParams.get('total')) || 0; const newTotal = existingTotal + totalPrice; url.searchParams.set('total', newTotal); url.searchParams.set('last_order_id', itemList[itemList.length - 1].order_id); if (!autoCalculate) { alert(`このページの合計金額: ${totalPrice}円\n今までの合計金額: ${newTotal}円`); window.location.href = url.href; progress.clear(); button.disabled = true; button.textContent = '計算済み'; } else { URLManager.processNextPage(url); } } // Initialize const urlManager = new URLManager(); const autoCalculate = urlManager.url.searchParams.get('auto') === '1'; const totalPrice = urlManager.url.searchParams.get('total'); ExclusionManager.setupExclusionButtons(); UIComponents.addCalculateButton(); UIComponents.addAutoButton(autoCalculate); UIComponents.addResetButton(); UIComponents.addTweetButton(totalPrice); UIComponents.addTotalPriceDisplay(totalPrice); if (autoCalculate) { main(); } })();