☰

DFavCouponFilter

DLsite内のお気に入り作品一覧で、クーポン対象の作品のみをフィルターする機能を追加します

// ==UserScript==
// @name         DFavCouponFilter
// @namespace    sgthr7/monkey-script
// @version      0.0.2
// @author       SGThr7
// @description  DLsite内のお気に入り作品一覧で、クーポン対象の作品のみをフィルターする機能を追加します
// @license      MIT
// @match        https://www.dlsite.com/*
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js
// @grant        GM_addStyle
// ==/UserScript==

(t=>{if(typeof GM_addStyle=="function"){GM_addStyle(t);return}const a=document.createElement("style");a.textContent=t,document.head.append(a)})(" .expand_button[data-v-950d95b9]{width:183px;font-size:12px;display:flex;justify-content:space-between;padding:3px 8px 6px}.expand_icon[data-v-950d95b9]{display:inline-block;width:12px;margin-top:1px;transition:transform .05s}.expand_button[aria-expanded=true] .expand_icon[data-v-950d95b9]{transform:rotate(180deg)}.expand_button[aria-expanded=true]~.content[data-v-950d95b9]{display:block}.expand_button[aria-expanded=false]~.content[data-v-950d95b9]{display:none}.content[data-v-950d95b9]{border:1px solid gray;border-radius:0 10px 10px;padding:5px 10px}.coupons[data-v-3eec1958]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.no-target-coupons[data-v-3eec1958]{margin-top:20px} ");

(function (vue) {
  'use strict';

  var __defProp = Object.defineProperty;
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
  async function fetchCoupons() {
    const couponsUrl = "https://www.dlsite.com/books/mypage/coupon/list/ajax";
    const couponsRaw = await fetch(couponsUrl);
    if (!couponsRaw.ok) {
      throw new Error(`HTTP error: status=${couponsRaw.status}`);
    }
    const coupons = await couponsRaw.json();
    return coupons;
  }
  async function fetchProductInfo(productId) {
    const info = await fetchProductInfos([productId]);
    return info[productId];
  }
  async function fetchProductInfos(productIds) {
    const baseUrl = "https://www.dlsite.com/maniax/product/info/ajax";
    const productSearchParam = "product_id";
    const separator = ",";
    const requestIds = productIds.join(separator);
    const searchParams = new URLSearchParams({
      [productSearchParam]: requestIds
    });
    const url = new URL(`${baseUrl}?${searchParams}`);
    const infosRes = await fetch(url);
    if (!infosRes.ok) {
      throw new Error(`Failed to fetch product info: ${url}`);
    }
    const products = await infosRes.json();
    return products;
  }
  function parseProductId(content) {
    var _a, _b;
    const contentInfoDom = content.querySelector("dl.work_1col");
    const contentUrlRaw = (_a = contentInfoDom == null ? void 0 : contentInfoDom.querySelector("a")) == null ? void 0 : _a.getAttribute("href");
    if (contentUrlRaw == null) {
      console.error("Content URL not found", content);
      return null;
    }
    const contentUrl = new URL(contentUrlRaw);
    const productId = (_b = contentUrl.pathname.split("/").at(-1)) == null ? void 0 : _b.split(".").at(0);
    if (productId == null) {
      console.error(`Failed to parse product ID: ${contentUrlRaw}`);
      return null;
    }
    return productId;
  }
  function parseId(productDom) {
    var _a;
    const productLink = productDom.querySelector(".work_name > a");
    const urlRaw = productLink == null ? void 0 : productLink.getAttribute("href");
    if (urlRaw == null) {
      console.warn("Failed to find product link", productDom);
      return null;
    }
    const productUrl = new URL(urlRaw);
    const productId = (_a = productUrl.pathname.split("/").at(-1)) == null ? void 0 : _a.split(".").at(0);
    if (productId == null) {
      console.warn(`Failed to parse product ID: ${urlRaw}`);
      return null;
    }
    return productId;
  }
  function parseTitle(productDom) {
    const productLink = productDom.querySelector(".work_name > a");
    const title = (productLink == null ? void 0 : productLink.getAttribute("title")) ?? (productLink == null ? void 0 : productLink.textContent);
    if (title == null) {
      console.warn("Failed to find product link", productDom);
      return null;
    }
    return title;
  }
  class DProduct {
    // MARK: Constructor
    constructor(productId, dom) {
      __publicField(this, "id");
      // TODO: 自動ページ送り拡張などを使うとDOMが複数になることがあるため、複数DOMを操作できるようにしたい
      __publicField(this, "dom");
      __publicField(this, "info");
      __publicField(this, "promiseFetchInfo");
      this.id = productId;
      this.dom = dom;
      this.info = void 0;
    }
    /**
     * @returns DOMから取得した作品IDを持つDProduct。作品IDが取得できなかった場合はnullを返す。
     */
    static tryFromDom(dom) {
      const productId = parseId(dom);
      if (productId == null) {
        console.error("Failed to find product ID", dom);
        return null;
      }
      return new DProduct(productId, dom);
    }
    // MARK: 初期化
    /**
     * 非同期で作品情報を取得
     */
    async asyncFetchInfo() {
      if (this.promiseFetchInfo == null) {
        this.info = void 0;
        this.promiseFetchInfo = new Promise(async (resolve) => {
          const resInfo = await fetchProductInfo(this.id);
          this.info = resInfo;
          resolve();
        });
      }
      await this.promiseFetchInfo;
      return this.info;
    }
    // MARK: DOM操作
    isVisible() {
      return !this.dom.hidden;
    }
    setIsVisible(isVisible) {
      this.dom.hidden = !isVisible;
    }
    // MARK: Info (async)
    /**
     * @note `async`版は`asyncFetchInfo()`を使用する
     */
    getInfo() {
      return this.info;
    }
    setInfo(val) {
      this.info = val;
    }
    // 外部からPromiseを登録する
    registerFetchInfoPromise(promise) {
      this.promiseFetchInfo = promise;
    }
    // MARK: Accessor
    getId() {
      return this.id;
    }
    getTitle() {
      var _a;
      return ((_a = this.info) == null ? void 0 : _a.title_name) ?? parseTitle(this.dom) ?? "[No Title]";
    }
    async asyncGetMakerId() {
      await this.asyncFetchInfo();
      return this.getMakerIdCache();
    }
    getMakerIdCache() {
      var _a;
      console.assert(this.info != null, "Product info has not been fetched yet");
      return ((_a = this.info) == null ? void 0 : _a.maker_id) ?? "";
    }
    async asyncGetCustomGenres() {
      await this.asyncFetchInfo();
      return this.getCustomGenresCache();
    }
    getCustomGenresCache() {
      var _a;
      console.assert(this.info != null, "Product info has not been fetched yet");
      return ((_a = this.info) == null ? void 0 : _a.custom_genres) ?? [];
    }
    async getSiteId() {
      await this.asyncFetchInfo();
      return this.getSiteIdCache();
    }
    getSiteIdCache() {
      var _a;
      console.assert(this.info != null, "Product info has not been fetched yet");
      return (_a = this.info) == null ? void 0 : _a.site_id;
    }
    getDom() {
      return this.dom;
    }
  }
  function compareDiscountType(a, b) {
    switch (a) {
      case "rate": {
        switch (b) {
          case "rate": {
            return 0;
          }
          case "price": {
            return -1;
          }
        }
      }
      case "price": {
        switch (b) {
          case "rate": {
            return 1;
          }
          case "price": {
            return 0;
          }
        }
      }
    }
    console.trace(`Unexpected discount type (${a}, ${b})`);
    return 0;
  }
  class DCoupon {
    constructor(info) {
      __publicField(this, "info");
      this.info = info;
    }
    getId() {
      return this.info.coupon_id;
    }
    getName() {
      return this.info.coupon_name;
    }
    getDiscountRate() {
      return parseInt(this.info.discount);
    }
    getDiscountType() {
      return this.info.discount_type;
    }
    /**
     * @return クーポンの使用期限
     */
    getUseLimitDate() {
      const limitDateSec = this.info.limit_date;
      const limitDateMsec = limitDateSec * 1e3;
      const limitDate = new Date(limitDateMsec);
      return limitDate;
    }
    /**
     * @returns 有効なクーポンかどうか
     */
    isAvailable() {
      const hasPresented = true;
      const limitDate = this.getUseLimitDate();
      const currentDate = /* @__PURE__ */ new Date();
      const isInLimitDate = limitDate != null ? currentDate <= limitDate : false;
      return hasPresented && isInLimitDate;
    }
    /**
     * @param product 対象の作品
     * @returns クーポン対象の作品かどうか
     */
    async canDiscount(product) {
      var _a, _b, _c;
      switch (this.info.condition_type) {
        case "id_all": {
          return ((_a = this.info.conditions.product_all) == null ? void 0 : _a.some(
            (productId) => productId === product.getId()
          )) ?? false;
        }
        case "custom_genre": {
          const pGenres = await product.asyncGetCustomGenres();
          return ((_b = this.info.conditions.custom_genre) == null ? void 0 : _b.some(
            (cGenre) => pGenres.some((pGenre) => cGenre === pGenre)
          )) ?? false;
        }
        case "site_ids": {
          const pSiteId = await product.getSiteId();
          return ((_c = this.info.conditions.site_ids) == null ? void 0 : _c.includes(pSiteId)) ?? false;
        }
      }
      console.trace(`Unexpected condition type "${this.info.condition_type}"`);
      return false;
    }
    compare(other) {
      const cmpDiscountType = compareDiscountType(this.getDiscountType(), other.getDiscountType());
      if (cmpDiscountType !== 0) return cmpDiscountType;
      const cmpDiscount = other.getDiscountRate() - this.getDiscountRate();
      if (cmpDiscount !== 0) return cmpDiscount;
      const maxDate = /* @__PURE__ */ new Date(864e13);
      const cmpLimitDate = (this.getUseLimitDate() ?? maxDate).getTime() - (other.getUseLimitDate() ?? maxDate).getTime();
      return cmpLimitDate;
    }
  }
  class MultiFactorBooleans {
    constructor() {
      /**
       * ある要因に基づいたBooleanの値
       */
      __publicField(this, "factors");
      /**
       * Booleanをまとめた結果のキャッシュ
       */
      __publicField(this, "result");
      this.factors = /* @__PURE__ */ new Map();
      this.result = this.getInitialValue();
    }
    /**
     * Booleanをまとめる際の演算子
     * @param lhs 左辺
     * @param rhs 右辺
     * @returns まとめた演算結果
     */
    operate(lhs, rhs) {
      console.error("Not implemented `operate` method");
      return false;
    }
    getInitialValue() {
      console.error("Not implemented `initialValue` method");
      return false;
    }
    /**
     * 演算結果のキャッシュを再演算し、その結果を返す
     * 
     * @returns まとめた演算結果
     */
    recalculateResult() {
      this.result = this.factors.values().reduce((acc, val) => this.operate(acc, val), this.getInitialValue());
      return this.result;
    }
    /**
     * 指定した要因の値をセットする
     * @param factor 要因名
     * @param value 値
     * @returns まとめた演算結果
     */
    setValue(factor, value) {
      this.setValueImpl(factor, value);
      return this.recalculateResult();
    }
    setValueImpl(factor, value) {
      this.factors.set(factor, value);
    }
    /**
     * 指定した要因の値を取得する
     * @param factor 要因名
     * @returns 指定した要因の値。要因が設定されていない場合は`false`を返す
     */
    getValue(factor) {
      return this.factors.get(factor) ?? false;
    }
    /**
     * @returns まとめた演算結果
     */
    getResult() {
      return this.result;
    }
    /**
     * @param factor 要因名
     * @returns 要因が設定されているかどうか
     */
    hasFactor(factor) {
      return this.factors.has(factor);
    }
    /**
     * 指定したFactorを削除する
     * @param factor 要因名
     * @returns 削除したあとのまとめた演算結果
     */
    removeFactor(factor) {
      this.removeFactorImpl(factor);
      return this.recalculateResult();
    }
    removeFactorImpl(factor) {
      this.factors.delete(factor);
    }
    /**
     * @returns 任意の要因が設定されているかどうか
     */
    hasAnyFactor() {
      return this.factors.size > 0;
    }
    /**
     * すべての要因を削除する
     */
    clearFactors() {
      this.factors.clear();
      this.result = this.getInitialValue();
    }
  }
  class OrBooleans extends MultiFactorBooleans {
    operate(lhs, rhs) {
      return lhs || rhs;
    }
    getInitialValue() {
      return false;
    }
    recalculateResult() {
      this.result = this.factors.values().some((val) => val);
      return this.result;
    }
    setValue(factor, value) {
      if (this.hasFactor(factor) && !value) {
        return super.setValue(factor, value);
      } else {
        this.setValueImpl(factor, value);
        this.result = this.operate(this.result, value);
        return this.result;
      }
    }
    removeFactor(factor) {
      if (!this.getValue(factor)) {
        this.removeFactorImpl(factor);
        return this.result;
      } else {
        return super.removeFactor(factor);
      }
    }
  }
  function objEntryIter(obj) {
    return Iterator.from(Object.entries(obj));
  }
  function isValidEntryKey(entry) {
    return entry[0] != null;
  }
  const _DPCManager = class _DPCManager {
    constructor() {
      __publicField(this, "products");
      __publicField(this, "couponFilter");
      __publicField(this, "coupons");
      __publicField(this, "discountableCouponMap");
      __publicField(this, "filterCoupons");
      __publicField(this, "observerAddWishlistDom");
      __publicField(this, "promiseFetchCoupons");
      this.products = /* @__PURE__ */ new Map();
      this.couponFilter = /* @__PURE__ */ new Map();
      this.coupons = /* @__PURE__ */ new Set();
      this.discountableCouponMap = /* @__PURE__ */ new Map();
      this.filterCoupons = /* @__PURE__ */ new Set();
    }
    //MARK: 初期化
    init() {
      console.log("init");
      this.bindOnAddedWishlistDom();
      this.asyncFetchCoupons();
      this.collectAndRegisterProducts(document);
      this.asyncInitLink();
    }
    clear() {
      this.unbindOnAddedWishlistDom();
      Iterator.from(this.products.values()).forEach((product) => product.setIsVisible(true));
      this.products.clear();
      this.couponFilter.clear();
      this.coupons.clear();
    }
    // MARK: 作品管理
    /**
     * 作品を管理対象へ追加
     * @param product 追加する作品
     */
    registerProduct(product) {
      const productId = product.getId();
      const productExists = this.products.has(productId);
      console.assert(!productExists, `Exists product: ID=${productId}`);
      if (!productExists) {
        console.log(`Register product: "${product.getTitle()}"`, product, product.getDom());
        this.products.set(productId, product);
        this.couponFilter.set(productId, new OrBooleans());
      }
    }
    /**
     * 作品を管理対象へ追加
     * @param products 追加する作品のリスト
     */
    registerProducts(products) {
      const productIds = Iterator.from(products.values()).map((product) => product.getId()).toArray();
      const mapProducts = ([productIds2, info]) => [this.products.get(productIds2), info];
      const fetchPromise = fetchProductInfos(productIds).then((infos) => {
        objEntryIter(infos).map(mapProducts).filter(isValidEntryKey).forEach(([product, info]) => product.setInfo(info));
      });
      Iterator.from(products.values()).forEach((product) => {
        this.registerProduct(product);
        product.registerFetchInfoPromise(fetchPromise);
      });
    }
    async asyncInitLink() {
      const linkPromises = Iterator.from(this.products.values()).map(async (product) => {
        await this.asyncLinkToCouponsCache(product);
      });
      await Promise.allSettled(linkPromises);
    }
    /**
     * 作品と所持中のクーポンを対応付ける
     */
    async asyncLinkToCouponsCache(product) {
      await this.asyncWaitFetchCoupons();
      const asyncIter = Iterator.from(this.coupons.values()).map((coupon) => this.asyncLink(product, coupon));
      await Promise.allSettled(asyncIter);
    }
    /**
     * 作品とクーポンを対応付ける
     */
    async asyncLink(product, coupon) {
      const filterResult = this.getCouponFilterResult(product.getId());
      const canDiscount = await coupon.canDiscount(product);
      filterResult.setValue(coupon.getId(), canDiscount);
      if (canDiscount) {
        const targets = this.discountableCouponMap.get(coupon.getId());
        targets == null ? void 0 : targets.add(product.getId());
      }
    }
    // MARK: DOM追加の監視
    // 自動ページ送り拡張など用
    /**
     * 自動ページ送りなどで追加された作品を検知する
     */
    bindOnAddedWishlistDom() {
      const container = document.querySelector("div#wishlist");
      if (container == null) {
        console.error("Failed to find wishlist container");
        return;
      }
      this.observerAddWishlistDom = new MutationObserver((records, observer) => this.onAddWishlistDom(records, observer));
      this.observerAddWishlistDom.observe(container, {
        subtree: false,
        childList: true
      });
    }
    onAddWishlistDom(records, _observer) {
      console.groupCollapsed("On add wishlist dom");
      console.log(records);
      records.forEach((record) => {
        record.addedNodes.values().filter(_DPCManager.isWishlistContainer).forEach(async (dom) => {
          const addedProducts = this.collectAndRegisterProducts(dom);
          const asyncLinkIter = addedProducts.values().map((product) => this.asyncLinkToCouponsCache(product));
          const asyncLink = Promise.allSettled(asyncLinkIter);
          await asyncLink;
          this.updateProductsVisibility(addedProducts.values());
        });
      });
      console.groupEnd();
    }
    unbindOnAddedWishlistDom() {
      var _a;
      (_a = this.observerAddWishlistDom) == null ? void 0 : _a.disconnect();
    }
    static isWishlistContainer(node) {
      return node instanceof HTMLElement && node.id === _DPCManager.WISHLIST_CONTAINER_ID;
    }
    // MARK: DOM操作
    /**
     * 作品の一覧を取得して登録する
     * @returns 追加した作品一覧
     */
    collectAndRegisterProducts(container) {
      const addedProduct = [];
      console.groupCollapsed("Collect and register products");
      _DPCManager.collectProductDoms(container).map(([productId, dom]) => new DProduct(productId, dom)).forEach((product) => {
        this.registerProduct(product);
        addedProduct.push(product);
      });
      console.groupEnd();
      return addedProduct;
    }
    /**
     * 作品のDOMを取得
     * @param container 取得時のルートDOM
     * @returns 作品DOMのIterator
     */
    static collectProductDoms(container) {
      const products = container.querySelectorAll("form#edit_wishlist > div#wishlist_work > table.n_worklist > tbody > tr._favorite_item");
      const productDomsIter = products.values().map((content) => {
        const product_id = parseProductId(content);
        if (product_id == null) {
          console.error("Failed to find product ID", content);
          return null;
        }
        return [product_id, content];
      }).filter((val) => val != null);
      return productDomsIter;
    }
    /**
     * 現在管理対象の作品の可視性を更新する
     */
    updateAllProductsVisibility() {
      this.updateProductsVisibility(this.products.values());
    }
    /**
     * 指定した管理対象作品の可視性を更新する
     * @param products 対象の管理中作品
     */
    updateProductsVisibility(products) {
      const isNoFilter = this.filterCoupons.size === 0;
      const targetProductsIter = Iterator.from(this.filterCoupons.values()).map((couponId) => this.discountableCouponMap.get(couponId)).filter((targetProducts2) => targetProducts2 != null).flatMap((targetProducts2) => targetProducts2);
      const targetProducts = new Set(targetProductsIter);
      Iterator.from(products).forEach((product) => {
        const isVisible = isNoFilter || targetProducts.has(product.getId());
        product.setIsVisible(isVisible);
      });
    }
    // MARK: クーポン
    /**
     * クーポンの取得を非同期で開始する
     */
    async asyncFetchCoupons() {
      if (this.promiseFetchCoupons == null) {
        this.promiseFetchCoupons = fetchCoupons();
        const resCoupons = await this.promiseFetchCoupons;
        const couponIter = resCoupons.values().map((coupon) => new DCoupon(coupon)).filter((coupon) => coupon.isAvailable());
        this.coupons = new Set(couponIter);
        const discountableCouponsMapIter = Iterator.from(this.coupons.values()).map((coupon) => [coupon.getId(), /* @__PURE__ */ new Set()]);
        this.discountableCouponMap = new Map(discountableCouponsMapIter);
      } else {
        await this.promiseFetchCoupons;
      }
      return this.coupons;
    }
    /**
     * 既に開始しているクーポンの取得を`await`する用の関数
     */
    async asyncWaitFetchCoupons() {
      if (this.promiseFetchCoupons == null) {
        console.warn("No fetching promise");
        return;
      }
      await this.promiseFetchCoupons;
    }
    //MARK: アクセサー
    getCouponFilterResult(productId) {
      console.assert(this.couponFilter.has(productId), `Not registered product: ID=${productId}`);
      return this.couponFilter.get(productId);
    }
    /**
     * クーポンの一覧を取得する。
     * クーポンがまだ取得できていない可能性があるため、必要に応じて`await asyncWaitFetchCoupons()`で取得を待機する必要がある。
     */
    getCoupons() {
      return this.coupons;
    }
    /**
     * クーポン対象の作品一覧を取得する。
     * 情報がまだ未収集の場合はカラのコンテナーが返る。
     */
    getDiscountableCouponMap(couponId) {
      return this.discountableCouponMap.get(couponId) ?? /* @__PURE__ */ new Set();
    }
    addCouponFilter(couponId) {
      this.filterCoupons.add(couponId);
      this.updateAllProductsVisibility();
    }
    removeCouponFilter(couponId) {
      this.filterCoupons.delete(couponId);
      this.updateAllProductsVisibility();
    }
  };
  __publicField(_DPCManager, "WISHLIST_CONTAINER_ID", "edit_wishlist");
  let DPCManager = _DPCManager;
  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
    __name: "CouponCheckbox",
    props: {
      coupon: {},
      discountTargetCount: {}
    },
    emits: ["onChecked"],
    setup(__props, { emit: __emit }) {
      const name = vue.computed(() => __props.coupon.getName());
      const emit = __emit;
      function onChecked(e) {
        const isChecked = e.target.checked;
        emit("onChecked", isChecked, __props.coupon);
      }
      return (_ctx, _cache) => {
        return vue.openBlock(), vue.createElementBlock("div", null, [
          vue.createElementVNode("label", null, [
            vue.createElementVNode("input", {
              type: "checkbox",
              onChange: onChecked
            }, null, 32),
            vue.createElementVNode("span", null, vue.toDisplayString(name.value) + " (" + vue.toDisplayString(_ctx.discountTargetCount) + ") ", 1)
          ])
        ]);
      };
    }
  });
  const CollapseIconFile = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='collapse-icon'%20width='8'%20height='5'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%208%205'%3e%3cpath%20stroke='white'%20fill='transparent'%20stroke-linecap='square'%20d='M1%201L4%204L7%201'%3e%3c/path%3e%3c/svg%3e";
  const _hoisted_1$2 = ["aria-expanded", "aria-controls"];
  const _hoisted_2$1 = ["src"];
  const _hoisted_3$1 = ["id"];
  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
    __name: "CollapseMenu",
    setup(__props) {
      const contentId = vue.useId();
      const isExpanded = vue.ref(false);
      function onClickButton(_e) {
        isExpanded.value = !isExpanded.value;
      }
      return (_ctx, _cache) => {
        return vue.openBlock(), vue.createElementBlock("div", null, [
          vue.createElementVNode("button", {
            type: "button",
            class: "expand_button",
            "aria-expanded": isExpanded.value,
            "aria-controls": vue.unref(contentId),
            onClick: onClickButton
          }, [
            vue.renderSlot(_ctx.$slots, "title", {}, () => [
              _cache[0] || (_cache[0] = vue.createTextVNode(" 表示切り替え "))
            ], true),
            vue.createElementVNode("img", {
              src: vue.unref(CollapseIconFile),
              class: "expand_icon"
            }, null, 8, _hoisted_2$1)
          ], 8, _hoisted_1$2),
          vue.createElementVNode("div", {
            id: vue.unref(contentId),
            class: "content"
          }, [
            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
          ], 8, _hoisted_3$1)
        ]);
      };
    }
  });
  const _export_sfc = (sfc, props) => {
    const target = sfc.__vccOpts || sfc;
    for (const [key, val] of props) {
      target[key] = val;
    }
    return target;
  };
  const CollapseMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-950d95b9"]]);
  const _hoisted_1$1 = { class: "wrapper" };
  const _hoisted_2 = { key: 0 };
  const _hoisted_3 = { class: "coupons" };
  const _hoisted_4 = { class: "coupons" };
  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
    __name: "AsyncCouponList",
    async setup(__props) {
      let __temp, __restore;
      const dpcManager = vue.reactive(new DPCManager());
      dpcManager.init();
      vue.onBeforeUnmount(() => {
        dpcManager.clear();
      });
      [__temp, __restore] = vue.withAsyncContext(() => dpcManager.asyncWaitFetchCoupons()), __temp = await __temp, __restore();
      const allCoupons = vue.computed(() => dpcManager.getCoupons());
      const discountCoupons = vue.computed(() => Iterator.from(allCoupons.value.values()).filter((coupon) => getDiscountableCount(coupon) > 0).toArray().sort((a, b) => a.compare(b)));
      const noDiscountCoupons = vue.computed(() => Iterator.from(allCoupons.value.values()).filter((coupon) => getDiscountableCount(coupon) === 0).toArray().sort((a, b) => a.compare(b)));
      function getDiscountableCount(coupon) {
        return dpcManager.getDiscountableCouponMap(coupon.getId()).size;
      }
      function onCouponChecked(isChecked, coupon) {
        if (isChecked) {
          dpcManager.addCouponFilter(coupon.getId());
        } else {
          dpcManager.removeCouponFilter(coupon.getId());
        }
      }
      return (_ctx, _cache) => {
        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
          allCoupons.value.size <= 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "所持クーポン無し")) : vue.createCommentVNode("", true),
          vue.createElementVNode("div", _hoisted_3, [
            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(discountCoupons.value, (coupon) => {
              return vue.openBlock(), vue.createBlock(_sfc_main$3, {
                key: coupon.getId(),
                coupon,
                discountTargetCount: getDiscountableCount(coupon),
                onOnChecked: onCouponChecked
              }, null, 8, ["coupon", "discountTargetCount"]);
            }), 128))
          ]),
          noDiscountCoupons.value.length > 0 ? (vue.openBlock(), vue.createBlock(CollapseMenu, {
            key: 1,
            class: "no-target-coupons"
          }, {
            title: vue.withCtx(() => _cache[0] || (_cache[0] = [
              vue.createTextVNode("割引対象無しクーポン一覧")
            ])),
            default: vue.withCtx(() => [
              vue.createElementVNode("div", _hoisted_4, [
                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(noDiscountCoupons.value, (coupon) => {
                  return vue.openBlock(), vue.createBlock(_sfc_main$3, {
                    key: coupon.getId(),
                    coupon,
                    discountTargetCount: getDiscountableCount(coupon),
                    onOnChecked: onCouponChecked
                  }, null, 8, ["coupon", "discountTargetCount"]);
                }), 128))
              ])
            ]),
            _: 1
          })) : vue.createCommentVNode("", true)
        ]);
      };
    }
  });
  const AsyncCouponList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3eec1958"]]);
  const _hoisted_1 = { class: "border_b" };
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
    __name: "CouponFilter",
    setup(__props) {
      return (_ctx, _cache) => {
        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
          (vue.openBlock(), vue.createBlock(vue.Suspense, null, {
            default: vue.withCtx(() => [
              vue.createVNode(AsyncCouponList)
            ]),
            fallback: vue.withCtx(() => _cache[0] || (_cache[0] = [
              vue.createElementVNode("div", { class: "loading" }, "Loading...", -1)
            ])),
            _: 1
          }))
        ]);
      };
    }
  });
  main();
  function main() {
    const bookmarkUrlPattern = new RegExp("^https?://(www.)?dlsite.com/(\\w+)/mypage/wishlist/?.*", "i");
    const currentUrl = window.location.href;
    if (bookmarkUrlPattern.test(currentUrl)) {
      createFilterBox();
    }
  }
  function createFilterBox() {
    var _a;
    const filterBoxRoot = document.createElement("div");
    const filterBox = vue.createApp(_sfc_main);
    filterBox.mount(filterBoxRoot);
    const insertAnchor = document.querySelector("div#wishlist > form#showList");
    if (insertAnchor == null) return;
    (_a = insertAnchor.parentNode) == null ? void 0 : _a.insertBefore(filterBoxRoot, insertAnchor.nextElementSibling);
  }

})(Vue);