pixiv-list-work-details.js

(() => {
    const reactRandomKey = Object.keys(document.querySelector("#root"))
        .find((key) => key.startsWith("__reactContainer$"))
        .split("$")[1];
    const fiberKey = `__reactFiber$${reactRandomKey}`;
    const propsKey = `__reactProps$${reactRandomKey}`;

    function filterReactFibers(elements) {
        return [...elements].filter((e) => Object.keys(e).includes(fiberKey));
    }
    function filterWorks(reactFibers) {
        return [...reactFibers].filter(
            (e) => "work" in e[propsKey].children.props
        );
    }
    const works = filterWorks(
        filterReactFibers(document.querySelectorAll("li"))
    );
    return works.map((workFiber) => {
        const key = workFiber[fiberKey].return.key;
        const props = workFiber[propsKey].children.props;
        const work = props.work;
        const { title, userName, userId } = work;
        return { key, title, userName, userId, props };
    });
})();