@redneckz/wildless-cms-uni-blocks 0.9.7 → 0.9.9

package/bin/migration-scripts/0.9.8.js

@@ -0,0 +1,29 @@
+export const description = 'v0.9.8';
+
+export default (unitPath, content) => {
+  if (!content?.blocks) {
+    return content;
+  }
+
+  for (const block of content.blocks) {
+    adjustStepsBlock(block);
+  }
+
+  return { ...content };
+};
+
+const adjustStepsBlock = (block) => {
+  if (block.blocks) {
+    for (const childBlock of block.blocks) {
+      adjustStepsBlock(childBlock);
+    }
+  }
+
+  if (block.type !== 'StepsBlock') {
+    return;
+  }
+  if (block?.content?.button) {
+    block.content.buttons = [block?.content?.button];
+    Reflect.deleteProperty(block.content, 'button');
+  }
+};

package/bin/migration-scripts/0.9.9.js

@@ -0,0 +1,110 @@
+import { deleteEmptyProps, renameProp } from '../utils.js';
+
+export const description = 'v0.9.9';
+
+export default (unitPath, content) => {
+  if (!content?.blocks) {
+    return content;
+  }
+
+  for (const block of content.blocks) {
+    adjustCarouselBlock(block);
+  }
+
+  return { ...content };
+};
+
+const adjustCarouselBlock = (block) => {
+  if (block.blocks) {
+    for (const childBlock of block.blocks) {
+      adjustCarouselBlock(childBlock);
+    }
+  }
+
+  if (block.type === 'Recommendation') {
+    adjustCarousel(block, 'CarouselRecommendationCard');
+  }
+};
+
+const adjustCarousel = (block, type, cardCount) => {
+  if (block.blocks) {
+    for (const childBlock of block.blocks) {
+      adjustCarousel(childBlock);
+    }
+  }
+
+  const recommendations = block?.content?.recommendations;
+  const headlineTitle = block?.content?.title;
+  const anchor = block?.anchor;
+  block.blocks = [];
+  if (headlineTitle) {
+    block.blocks.push(getHeadlineBlock(headlineTitle));
+  }
+  if (recommendations && recommendations?.length > 0) {
+    block.blocks.push(getCarousel(recommendations, type, cardCount));
+  }
+  if (anchor) {
+    block.anchor = anchor;
+  }
+
+  getVerticalLayout(block);
+};
+
+const getVerticalLayout = (block) => {
+  block.content = {
+    isTheme: false,
+    version: 'secondary',
+    isPadding: true,
+    isInnerPadding: true,
+    align: 'stretch',
+    gap: 'L',
+  };
+  block.style = ['col-span-12'];
+  block.type = 'VerticalLayout';
+};
+
+const getCarousel = (recommendation, cardType) => {
+  return {
+    content: {
+      isTheme: true,
+      visibleItemCount: 0,
+      isBlur: false,
+      arrowsPadded: true,
+      isCycle: false,
+      isPadding: false,
+      version: '',
+    },
+    style: ['col-span-12'],
+    type: 'Carousel',
+    blocks: recommendation.map((_) => {
+      renameProp(_, 'image', 'icon');
+      if (!_.button?.text) {
+        Reflect.deleteProperty(_, 'button');
+      }
+      if (_?.recommendations) {
+        Reflect.deleteProperty(_, 'recommendations');
+      }
+      _.version = 'secondary';
+      deleteEmptyProps(_);
+
+      return {
+        content: _,
+        style: ['col-span-12'],
+        type: cardType,
+      };
+    }),
+  };
+};
+
+const getHeadlineBlock = (title) => ({
+  content: {
+    isTheme: true,
+    title: title,
+    align: 'text-center',
+    bgColorHeadline: 'transparent',
+    headlineVersion: 'M',
+    isPadding: false,
+  },
+  style: ['col-span-12'],
+  type: 'Headline',
+});