@squiz/dx-common-lib 1.53.1-alpha.2 → 1.53.1-alpha.21

package/src/formatted-text/formattedTextToHtmlString.ts

@@ -1,124 +0,0 @@
-import {
-  BaseResolvedNodes,
-  FORMATTED_TEXT_MODELS,
-  FullyResolvedNodes,
-  FullyResolvedNodesMap,
-  // PAGE_CONTENTS_MODELS,
-  resolveFormattedText,
-} from '@squiz/dx-json-schema-lib';
-import { InternalServerError } from '../error';
-import { ComponentNode } from 'packages/dx-json-schema-lib/src/formatted-text/v1/formattedText';
-
-type FormattedTextTag = FullyResolvedNodes & { type: 'tag' };
-type FormattedNodeFontProperties = FORMATTED_TEXT_MODELS.v1.FormattedNodeFontProperties;
-
-export const formattedTextToHtmlStringResolvers: FullyResolvedNodesMap = {
-  tag: async (node) => buildTagHTML(node),
-  text: async (node) => node.value,
-  component: async (node) => {
-    return buildComponentHtml(node);
-  },
-  default: async (node) => {
-    return `<p class="invalid-node-type"> node of type "${node.type}" cannot be converted to html</p>`;
-  },
-};
-
-export async function formattedTextToHtmlString(formattedText: BaseResolvedNodes): Promise<string> {
-  const output = await resolveFormattedText(formattedText, formattedTextToHtmlStringResolvers);
-  return output;
-}
-
-function buildTagHTML(formattedTextTag: FormattedTextTag): string {
-  const classes = getClassString(formattedTextTag);
-
-  if (!formattedTextTag.attributes) {
-    formattedTextTag.attributes = { class: classes };
-  } else {
-    formattedTextTag.attributes.class = classes;
-  }
-
-  const attributesStr = buildAttributesString(formattedTextTag.attributes);
-
-  return `<${formattedTextTag.tag}${attributesStr}>${formattedTextTag.children.join('')}</${formattedTextTag.tag}>`;
-}
-
-function buildComponentHtml(node: ComponentNode): string {
-  const esiUrl = buildComponentRenderEsiUrl(node);
-  const esiTag = `<esi:include src="${esiUrl}"/>`;
-  return esiTag;
-}
-
-function getClassString(formattedTextTag: FormattedTextTag) {
-  const fontClasses = buildFontClasses(formattedTextTag.font);
-
-  let string = formattedTextTag?.attributes?.class ?? '';
-
-  if (formattedTextTag?.formattingOptions?.alignment) {
-    fontClasses.push(formattedTextTag.formattingOptions.alignment);
-  }
-
-  if (fontClasses.length > 0) {
-    string += ' ' + fontClasses.join(' ');
-  }
-
-  return string.trim();
-}
-
-export function buildAttributesString(attributes: { [k: string]: string } | undefined): string {
-  if (!attributes) {
-    return '';
-  }
-
-  let attributesString = '';
-  for (const attribute in attributes) {
-    if (attributes[attribute] !== '') {
-      attributesString += ` ${attribute}="${attributes[attribute]}"`;
-    }
-  }
-
-  return attributesString;
-}
-
-export function buildFontClasses(font: FormattedNodeFontProperties | undefined): string[] {
-  if (!font) {
-    return [];
-  }
-
-  const classes: string[] = [];
-  if (font.bold) {
-    classes.push('bold');
-  }
-  if (font.underline) {
-    classes.push('underline');
-  }
-  if (font.italics) {
-    classes.push('italics');
-  }
-  if (font.color) {
-    classes.push(`color-${font.color}`);
-  }
-  if (font.size) {
-    classes.push(`size-${font.size}`);
-  }
-  if (font.fontFamily) {
-    classes.push(`font-${font.fontFamily}`);
-  }
-
-  return classes;
-}
-
-function buildComponentRenderEsiUrl(node: ComponentNode): string {
-  const BASE_DXP_PATH = '/__dxp/au/components-render';
-
-  if (process.env.TENANT_ID === undefined) {
-    throw new InternalServerError('component node resolution failed due to unknown tenant');
-  }
-  const tenantId = process.env.TENANT_ID;
-
-  let query = `?_componentSet=${node.componentSet}`;
-  if (node.contentItem?.id) {
-    query = query.concat(`&_contentItemId=${node.contentItem.id}`);
-  }
-
-  return `${BASE_DXP_PATH}/${tenantId}/r/${node.componentId}${query}`;
-}