Greasy Fork

Greasy Fork is available in English.

hinatazaka46-ext-schedule

Insert extra schedules

当前为 2025-08-17 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.greasyfork.icu/scripts/546136/1643686/hinatazaka46-ext-schedule.js

// ==UserScript==
// @name:en         hinatazaka46-ext-schedule
// @name:ja         日向坂46関連 追加スケジュール挿入
// @namespace       http://greasyfork.icu/ja/users/1328592-naoqv
// @description:en  Insert extra schedules
// @description:ja  日向坂46関連 追加スケジュール挿入
// @version         0.02
// @icon            https://cdn.hinatazaka46.com/files/14/hinata/img/favicons/favicon-32x32.png
// @compatible      chrome
// @compatible      firefox
// @grant           none
// @license         MIT
// ==/UserScript==
"use strict";

const DAY_OF_WEEK = {'日': 0, '月': 1, '火': 2, '水': 3, '木': 4, '金': 5, '土': 6};

const SCHEDULE_TYPE = {WEEKLY:'w', SPOT:'s'};

const EX_WEEKLY_SCHEDULES =  {
  '0': [
         {categ: 'ラジオ', from: '20250101', to: '20250810', start: '19:30', end: '20:00', title: 'DARAZFM「おひさまコネクト」', link: 'https://x.com/ohisamaconnect'},
         {categ: 'ラジオ', from: '20250824', to: '20251231', start: '19:30', end: '20:00', title: 'DARAZFM「おひさまコネクト」', link: 'https://x.com/ohisamaconnect'}
       ],
  '1': [{categ: 'ラジオ', from: '20250101', to: '20251231', start: '20:00', end: '20:30', title: 'DARAZFM「おひさまコネクト」(再)', link: 'https://x.com/ohisamaconnect'}]
};

const EX_SPOT_SCHEDULES = [
  {categ: 'ラジオ', date: '20250817', start: '16:30', end: '17:00', title: 'DARAZFM「おひさまコネクト」', link: 'https://x.com/ohisamaconnect'},
];


/**
 * 指定する日付の追加のスケジュールを挿入
 * @param {string}      dispYearMonth
 * @param {HTMLElement} lMainContentsUl
 * @param {number}      day - 日付
 * @param {HTMLElement} dayElem - 日付に対応するスケジュール群の要素
 */ 
const insertSchedule = (dispYearMonth, lMainContentsUl, day, dayElem) => {

  const date = dispYearMonth + String(day).padStart(2, '0');

  insertSpotSchedule(date, dayElem)
  insertWeeklySchedule(date, dayElem);

  void lMainContentsUl.offsetHeight;
};

/**
 * 指定する日付の追加のスポットスケジュールを挿入
 * @param {string}      date - 日付文字列(yyyyMMdd)
 * @param {HTMLElement} dayElem - 日付に対応するスケジュール群の要素
 */ 
const insertSpotSchedule = (date, dayElem) => {
  Array.prototype.forEach.call(EX_SPOT_SCHEDULES, (x) => {
    if (date == x.date) {
   	  insert(dayElem, SCHEDULE_TYPE.SPOT, x);   
    }
  });
};

/**
 * 指定する日付の追加の週刊スケジュールを挿入
 * @param {string}      date - 日付文字列(yyyyMMdd)
 * @param {HTMLElement} dayElem - 日付に対応するスケジュール群の要素
 */ 
const insertWeeklySchedule = (date, dayElem) => {

  const dow = DAY_OF_WEEK[dayElem.querySelector('b').innerText];

  Array.prototype.forEach.call(Object.keys(EX_WEEKLY_SCHEDULES), (dayOfWeek) => {
    if (dow == dayOfWeek) {
      Array.prototype.forEach.call(EX_WEEKLY_SCHEDULES[dow], (x) => {
        if (date >= x.from && date <= x.to) {
	        insert(dayElem, SCHEDULE_TYPE.WEEKLY, x);
        }
      });
    }
  });
}

/**
 * 追加スケジュールを挿入
 * @param {HTMLElement} dayElem
 * @param {string} type 
 * @param {[key: string]: string}
 */ 
const insert = (dayElem, type, schedule) => {

  const items = dayElem.getElementsByClassName('p-schedule__item');

  // "たいてい"のスケジュールは時刻の昇順になってる
  Array.prototype.some.call(Array.prototype.slice.call(items).reverse(), (item, i) => {

    const timeElem = item.querySelector('.c-schedule__time--list');

    if (timeElem.innerText != '') {
      const time = timeElem.innerText.match(/[0-9]{1,2}:[0-9]{2}/)[0];
      const start = schedule.start;

      if (time < start || i == items.length - 1) {

        item.insertAdjacentHTML('afterend',
                                `<li class="p-schedule__item">
                 <a href="${schedule.link}">
                   <div class="p-schedule__head">
                     <div class="c-schedule__category category_media">
                       ${schedule.categ}
                     </div>
                     <div class="c-schedule__time--list">
                       ${start + '〜' + schedule.end}
                     </div>
                   </div>
                   <p class="c-schedule__text">
                     ${type == 'w' ? '🗓️' : '📍'} ${schedule.title}
                   </p>
                 </a>
               </li>`);
        return true;
      }
    }
    return false;
  });
};