This is a helper to transform the return value of the content sources. This is specifically to make sure that resized image urls are available at themes' blocks.json widths.

• Add AC relevant to the block

Outline any schema information requirements necessary to know for this block

• n/a

Blocks can emit events. The following is a list of events that are emitted by this block.

Include block specific instructions for event listening.

import getResizedImageData from '@wpmedia/resizer-image-block';

const params = {
  _id: 'text',
  website_url: 'text',
};

const resolve = (key = {}) => {
  const site = key['arc-site'];
  const { website_url: websiteUrl, _id: id } = key;
  return `/content/v4/?${id ? `_id=${id}` : `website_url=${websiteUrl}`}${site ? `&website=${site}` : ''}`;
};

const transform = (data, query) => (
  getResizedImageData(
    data,
    null,
    null,
    null,
    query['arc-site'],
  )
);

export default {
  schemaName: 'ans-item',
  params,
  resolve,
  transform,
};

blocks.json:

"values": {
    "default": {
      "siteProperties": {
        ...
        "imageWidths": [
          158,
          274
        ],
        "aspectRatios": [
          "1.85:1",
          "3:2",
          "4:3"
        ],
        ...