src/static/js/client/css-compatibility-assistant.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

/* eslint-env browser */

import {stitchArrays} from '../../shared-util/sugar.js';

export const info = {
  id: 'cssCompatibilityAssistantInfo',

  coverArtworks: null,
  coverArtworkImageDetails: null,
};

export function getPageReferences() {
  info.coverArtworks =
    Array.from(document.querySelectorAll('.cover-artwork'));

  info.coverArtworkImageDetails =
    info.coverArtworks
      .map(artwork => artwork.querySelector('.image-details'));
}

export function mutatePageContent() {
  stitchArrays({
    coverArtwork: info.coverArtworks,
    imageDetails: info.coverArtworkImageDetails,
  }).forEach(({coverArtwork, imageDetails}) => {
      if (imageDetails) {
        coverArtwork.classList.add('has-image-details');
      }
    });
}