search

EvHaus / youtube-hide-watched

Hides watched videos from your YouTube subscriptions page
MIT License
142 stars 16 forks source link

Shorts sneaking in the middle of home page are not hidden #173

Closed Goury closed 1 year ago

Goury commented 1 year ago

Another day, another issue. Just saw a vertical piece of short crap on my youtube home. Randomly sneaked in the middle of normal stuff.

Looked something like that:

/html/body/ytd-app/div[1]/ytd-page-manager/ytd-browse/ytd-two-column-browse-results-renderer/div[1]/ytd-rich-grid-renderer/div[6]/ytd-rich-grid-row[5]/div/ytd-rich-item-renderer[4]/div/ytd-rich-grid-slim-media/div[1]/ytd-thumbnail/a/yt-image/img

Or:

.yt-core-image--content-mode-scale-aspect-fit

Or even:

<!--css-build:shady--><!--css-build:shady--><div id="content" class="style-scope ytd-rich-item-renderer"><ytd-rich-grid-slim-media class="style-scope ytd-rich-item-renderer" remove-max-width="" lockup="true" is-short=""><!--css-build:shady--><!--css-build:shady--><div id="dismissible" class="style-scope ytd-rich-grid-slim-media">
  <ytd-thumbnail rich-grid-thumbnail="" use-hovered-property="" width="9999" class="style-scope ytd-rich-grid-slim-media" size="large" is-original-aspect-ratio="" computed-object-fit="CONTAIN" loaded=""><!--css-build:shady--><!--css-build:shady--><a id="thumbnail" class="yt-simple-endpoint inline-block style-scope ytd-thumbnail" aria-hidden="true" tabindex="-1" rel="null" href="/shorts/random-string">
  <yt-image alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded="" class="style-scope ytd-thumbnail"><img alt="" style="background-color: transparent;" class="yt-core-image--fill-parent-height yt-core-image--fill-parent-width yt-core-image yt-core-image--content-mode-scale-aspect-fit yt-core-image--loaded" src="https://i.ytimg.com/vi/some-random-letters-and-numbers-which-I-do-not-feel-like-sharing-just-in-case"></yt-image>

  <div id="overlays" class="style-scope ytd-thumbnail"></div>
  <div id="mouseover-overlay" class="style-scope ytd-thumbnail"></div>
  <div id="hover-overlays" class="style-scope ytd-thumbnail"></div>
</a>
</ytd-thumbnail>
  <div id="details" class="style-scope ytd-rich-grid-slim-media">
    <h3 class="style-scope ytd-rich-grid-slim-media">
      <a class="yt-simple-endpoint focus-on-expand style-scope ytd-rich-grid-slim-media" href="/shorts/random-string" aria-label="label" title="title">
        <ytd-badge-supported-renderer class="style-scope ytd-rich-grid-slim-media" disable-upgrade="" hidden="">
        </ytd-badge-supported-renderer>
        <span id="video-title" class="style-scope ytd-rich-grid-slim-media">title</span>
      </a>
    </h3>
    <span id="metadata" class="style-scope ytd-rich-grid-slim-media" hidden="">

    </span>
    <ytd-video-meta-block class="grid style-scope ytd-rich-grid-slim-media byline-separated" rich-meta="" amsterdam-post-mvp=""><!--css-build:shady--><!--css-build:shady-->
<div id="metadata" class="style-scope ytd-video-meta-block">
  <div id="byline-container" class="style-scope ytd-video-meta-block" hidden="">
    <ytd-channel-name id="channel-name" class=" style-scope ytd-video-meta-block style-scope ytd-video-meta-block"><!--css-build:shady--><!--css-build:shady--><div id="container" class="style-scope ytd-channel-name">
  <div id="text-container" class="style-scope ytd-channel-name">
    <yt-formatted-string id="text" link-inherit-color="" title="" class="style-scope ytd-channel-name" is-empty="" ellipsis-truncate="" ellipsis-truncate-styling=""><!--css-build:shady--><!--css-build:shady--><yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string></yt-formatted-string>
  </div>
  <tp-yt-paper-tooltip fit-to-visible-bounds="" class="style-scope ytd-channel-name" role="tooltip" tabindex="-1"><!--css-build:shady--><div id="tooltip" class="hidden style-scope tp-yt-paper-tooltip" style-target="tooltip">

</div>
</tp-yt-paper-tooltip>
</div>
<ytd-badge-supported-renderer class="style-scope ytd-channel-name" disable-upgrade="" hidden="">
</ytd-badge-supported-renderer>
</ytd-channel-name>
    <div id="separator" class="style-scope ytd-video-meta-block">•</div>
    <yt-formatted-string id="video-info" class="style-scope ytd-video-meta-block" is-empty="" hidden=""><!--css-build:shady--><!--css-build:shady--><yt-attributed-string class="style-scope yt-formatted-string"></yt-attributed-string></yt-formatted-string>
  </div>
  <div id="metadata-line" class="style-scope ytd-video-meta-block">

    <ytd-badge-supported-renderer class="inline-metadata-badge style-scope ytd-video-meta-block" system-icons="" hidden=""><!--css-build:shady--><!--css-build:shady--><dom-repeat id="repeat" as="badge" class="style-scope ytd-badge-supported-renderer"><template is="dom-repeat"></template></dom-repeat></ytd-badge-supported-renderer>
    <div id="separator" class="style-scope ytd-video-meta-block" hidden="">•</div>

      <span class="inline-metadata-item style-scope ytd-video-meta-block">46K views</span>
    <dom-repeat strip-whitespace="" class="style-scope ytd-video-meta-block"><template is="dom-repeat"></template></dom-repeat>
  </div>
</div>
<div id="additional-metadata-line" class="style-scope ytd-video-meta-block">
  <dom-repeat class="style-scope ytd-video-meta-block"><template is="dom-repeat"></template></dom-repeat>
</div>

</ytd-video-meta-block>
    <div id="menu" class="style-scope ytd-rich-grid-slim-media"><ytd-menu-renderer class="style-scope ytd-rich-grid-slim-media" safe-area=""><!--css-build:shady--><!--css-build:shady--><div id="top-level-buttons-computed" class="top-level-buttons style-scope ytd-menu-renderer"></div><div id="flexible-item-buttons" class="style-scope ytd-menu-renderer"></div><yt-icon-button id="button" class="dropdown-trigger style-scope ytd-menu-renderer" style-target="button"><!--css-build:shady--><!--css-build:shady--><button id="button" class="style-scope yt-icon-button" aria-label="More actions"><yt-icon class="style-scope ytd-menu-renderer"><!--css-build:shady--><!--css-build:shady--><yt-icon-shape class="style-scope yt-icon"><icon-shape class="yt-spec-icon-shape"><div style="width: 100%; height: 100%; fill: currentcolor;"><svg enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;"><path d="M12 16.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5zM10.5 12c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5zm0-6c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5z"></path></svg></div></icon-shape></yt-icon-shape></yt-icon></button><yt-interaction id="interaction" class="circular style-scope yt-icon-button"><!--css-build:shady--><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></yt-icon-button><yt-button-shape id="button-shape" version="modern" class="style-scope ytd-menu-renderer" disable-upgrade="" hidden=""></yt-button-shape></ytd-menu-renderer></div>
  </div>

  <dom-if class="style-scope ytd-rich-grid-slim-media"><template is="dom-if"></template></dom-if>

    <ytd-badge-supported-renderer class="video-badge style-scope ytd-rich-grid-slim-media" disable-upgrade="">
    </ytd-badge-supported-renderer>
  <dom-if class="style-scope ytd-rich-grid-slim-media"><template is="dom-if"></template></dom-if>
</div>
<div id="dismissed" class="style-scope ytd-rich-grid-slim-media">
  <div id="dismissed-content" class="style-scope ytd-rich-grid-slim-media"></div>
</div>
<yt-interaction id="interaction" class="extended style-scope ytd-rich-grid-slim-media"><!--css-build:shady--><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction>
</ytd-rich-grid-slim-media></div>

Hider 5.6, greasemonkey 4.11, firefox.

EvHaus commented 1 year ago

Damn, YouTube is making a lot of frequent changes recently...

Just published v5.7 that should fix the latest updates.