@designcrowd/library.brand-page 5.17.6 → 5.17.7

package/src/utils/minify-brand-page-metadata.ts

@@ -0,0 +1,407 @@
+import type {
+  BrandPageModel,
+  NavModel,
+  PageModel,
+  PageStyles,
+} from '../brand-page/models';
+import type { Content, ContentType } from '../brand-page/models/content.model';
+import type { TextStyleDeclaration } from '../brand-page/models/styles.model';
+
+const stripHtmlTags = (html: string): string =>
+  html.replace(/<[^>]*>/g, '').trim();
+
+type MinifiedContent = {
+  id: string;
+  type: ContentType;
+  [key: string]: unknown;
+};
+
+type MinifiedPage = {
+  id: string;
+  title: string;
+  slug: string;
+  isHidden?: boolean;
+  contents: MinifiedContent[];
+};
+
+export interface MinifiedBrandPageMetadata {
+  v: number;
+  styles: PageStyles;
+  pages: MinifiedPage[];
+  nav: NavModel;
+}
+
+const BUTTON_TYPES: ContentType[] = [
+  'general-link',
+  'website',
+  'email',
+  'phone',
+  'facebook',
+  'x',
+  'instagram',
+  'youtube',
+  'linkedin',
+  'pinterest',
+  'twitch',
+  'tiktok',
+];
+
+const stripOptional = (value: unknown): string | undefined => {
+  if (typeof value === 'string' && value) {
+    return stripHtmlTags(value);
+  }
+
+  return undefined;
+};
+
+const includeStyle = (value: unknown): TextStyleDeclaration | undefined => {
+  if (value && typeof value === 'object') {
+    return value as TextStyleDeclaration;
+  }
+
+  return undefined;
+};
+
+const includeString = (value: unknown): string | undefined => {
+  if (typeof value === 'string' && value) {
+    return value;
+  }
+
+  return undefined;
+};
+
+const minifyContent = (content: Content): MinifiedContent => {
+  const base: MinifiedContent = { id: content.id, type: content.type };
+  const c = content as any;
+
+  if (BUTTON_TYPES.includes(content.type)) {
+    return {
+      ...base,
+      ...(stripOptional(c.title) !== undefined && {
+        title: stripOptional(c.title),
+      }),
+      ...(includeString(c.url) && { url: c.url }),
+      ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+    };
+  }
+
+  switch (content.type) {
+    case 'banner-section':
+      return {
+        ...base,
+        ...(includeString(c.imageUrl) && { imageUrl: c.imageUrl }),
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+        ...(stripOptional(c.buttonText) !== undefined && {
+          buttonText: stripOptional(c.buttonText),
+        }),
+        ...(includeString(c.url) && { url: c.url }),
+        ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.descriptionStyle) && {
+          descriptionStyle: c.descriptionStyle,
+        }),
+        ...(includeStyle(c.buttonTextStyle) && {
+          buttonTextStyle: c.buttonTextStyle,
+        }),
+      };
+
+    case 'about-section':
+      return {
+        ...base,
+        ...(includeString(c.imageUrl) && { imageUrl: c.imageUrl }),
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.paragraph) !== undefined && {
+          paragraph: stripOptional(c.paragraph),
+        }),
+        ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.paragraphStyle) && {
+          paragraphStyle: c.paragraphStyle,
+        }),
+      };
+
+    case 'testimonial-section':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
+        ...(Array.isArray(c.items) && {
+          items: c.items.map((item: any, index: number) => ({
+            position: index + 1,
+            ...(stripOptional(item.name) !== undefined && {
+              name: stripOptional(item.name),
+            }),
+            ...(stripOptional(item.position) !== undefined && {
+              jobTitle: stripOptional(item.position),
+            }),
+            ...(stripOptional(item.testimonials) !== undefined && {
+              testimonials: stripOptional(item.testimonials),
+            }),
+            ...(includeString(item.imageUrl) && { imageUrl: item.imageUrl }),
+          })),
+        }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.testimonialStyle) && {
+          testimonialStyle: c.testimonialStyle,
+        }),
+        ...(includeStyle(c.nameStyle) && { nameStyle: c.nameStyle }),
+        ...(includeStyle(c.positionStyle) && {
+          positionStyle: c.positionStyle,
+        }),
+      };
+
+    case 'images-section':
+    case 'shapes-section':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+        ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
+        ...(Array.isArray(c.items) && {
+          items: c.items.map((item: any, index: number) => ({
+            position: index + 1,
+            ...(includeString(item.imageUrl) && { imageUrl: item.imageUrl }),
+            ...(stripOptional(item.title) !== undefined && {
+              title: stripOptional(item.title),
+            }),
+            ...(stripOptional(item.paragraph) !== undefined && {
+              paragraph: stripOptional(item.paragraph),
+            }),
+          })),
+        }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.descriptionStyle) && {
+          descriptionStyle: c.descriptionStyle,
+        }),
+        ...(includeStyle(c.headingStyle) && { headingStyle: c.headingStyle }),
+        ...(includeStyle(c.paragraphStyle) && {
+          paragraphStyle: c.paragraphStyle,
+        }),
+      };
+
+    case 'text':
+      return {
+        ...base,
+        ...(stripOptional(c.text) !== undefined && {
+          text: stripOptional(c.text),
+        }),
+        ...(Array.isArray(c.textItems) && {
+          textItems: c.textItems.map((item: any, index: number) => ({
+            position: index + 1,
+            ...(stripOptional(item.text) !== undefined && {
+              text: stripOptional(item.text),
+            }),
+            ...(includeStyle(item.textStyle) && { textStyle: item.textStyle }),
+          })),
+        }),
+        ...(includeStyle(c.textStyle) && { textStyle: c.textStyle }),
+      };
+
+    case 'profile':
+      return {
+        ...base,
+        ...(includeString(c.avatarImageUrl) && {
+          avatarImageUrl: c.avatarImageUrl,
+        }),
+        ...(stripOptional(c.name) !== undefined && {
+          name: stripOptional(c.name),
+        }),
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+        ...(includeStyle(c.nameStyle) && { nameStyle: c.nameStyle }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.descriptionStyle) && {
+          descriptionStyle: c.descriptionStyle,
+        }),
+      };
+
+    case 'contact-form':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+        ...(stripOptional(c.buttonText) !== undefined && {
+          buttonText: stripOptional(c.buttonText),
+        }),
+        ...(stripOptional(c.successMessage) !== undefined && {
+          successMessage: stripOptional(c.successMessage),
+        }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.descriptionStyle) && {
+          descriptionStyle: c.descriptionStyle,
+        }),
+        ...(includeStyle(c.buttonTextStyle) && {
+          buttonTextStyle: c.buttonTextStyle,
+        }),
+      };
+
+    case 'mailing-list':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.buttonText) !== undefined && {
+          buttonText: stripOptional(c.buttonText),
+        }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.buttonTextStyle) && {
+          buttonTextStyle: c.buttonTextStyle,
+        }),
+      };
+
+    case 'booking-section':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+        ...(stripOptional(c.buttonText) !== undefined && {
+          buttonText: stripOptional(c.buttonText),
+        }),
+        ...(includeString(c.url) && { url: c.url }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.descriptionStyle) && {
+          descriptionStyle: c.descriptionStyle,
+        }),
+        ...(includeStyle(c.buttonTextStyle) && {
+          buttonTextStyle: c.buttonTextStyle,
+        }),
+      };
+
+    case 'social-links':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(Array.isArray(c.links) && {
+          links: c.links.map((link: any, index: number) => ({
+            position: index + 1,
+            ...(includeString(link.url) && { url: link.url }),
+            ...(includeString(link.imageUrl) && { imageUrl: link.imageUrl }),
+          })),
+        }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+      };
+
+    case 'divider-section':
+      return {
+        ...base,
+        ...(c.paddingStyle !== undefined && { paddingStyle: c.paddingStyle }),
+        ...(includeString(c.dividerStyle) && { dividerStyle: c.dividerStyle }),
+      };
+
+    case 'shop-section':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+        ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
+        ...(Array.isArray(c.items) && { items: c.items }),
+        ...(includeStyle(c.titleStyle) && { titleStyle: c.titleStyle }),
+        ...(includeStyle(c.descriptionStyle) && {
+          descriptionStyle: c.descriptionStyle,
+        }),
+      };
+
+    case 'image':
+      return {
+        ...base,
+        ...(includeString(c.imageUrl) && { imageUrl: c.imageUrl }),
+        ...(stripOptional(c.imageTitle) !== undefined && {
+          imageTitle: stripOptional(c.imageTitle),
+        }),
+      };
+
+    case 'image-gallery':
+      return {
+        ...base,
+        ...(Array.isArray(c.images) && {
+          images: c.images.map((img: any, index: number) => ({
+            position: index + 1,
+            ...(includeString(img.imageUrl) && { imageUrl: img.imageUrl }),
+            ...(stripOptional(img.imageTitle) !== undefined && {
+              imageTitle: stripOptional(img.imageTitle),
+            }),
+          })),
+        }),
+      };
+
+    case 'video':
+      return {
+        ...base,
+        ...(includeString(c.videoUrl) && { videoUrl: c.videoUrl }),
+        ...(includeString(c.displayStyle) && { displayStyle: c.displayStyle }),
+      };
+
+    case 'map':
+      return {
+        ...base,
+        ...(c.address && { address: c.address }),
+      };
+
+    case 'logo':
+      return base;
+
+    case 'request-payment':
+    case 'support-me':
+      return {
+        ...base,
+        ...(stripOptional(c.title) !== undefined && {
+          title: stripOptional(c.title),
+        }),
+        ...(stripOptional(c.description) !== undefined && {
+          description: stripOptional(c.description),
+        }),
+      };
+
+    default:
+      return base;
+  }
+};
+
+const minifyPage = (page: PageModel, nav: NavModel): MinifiedPage => ({
+  id: page.id,
+  title: page.title,
+  slug: nav.routes.find((r) => r.pageId === page.id)?.pageSlug ?? '',
+  ...(page.isHidden && { isHidden: page.isHidden }),
+  contents: page.contents.map(minifyContent),
+});
+
+export const minifyBrandPageMetadata = (
+  model: BrandPageModel,
+): MinifiedBrandPageMetadata => ({
+  v: model.v,
+  styles: model.styles,
+  pages: model.pages.map((p) => minifyPage(p, model.nav)),
+  nav: model.nav,
+});