serializer.ts

import {
  directKeys,
  DirectProperties,
  directPropertyKeys,
  ElementHighlightMetadata2,
  extractMetadata,
  generateTempId,
  mappedKeys,
  PartialBy
} from '@mexit/core'

import { useAuthStore } from '../Stores/useAuth'

// From content to api
export const serializeContent = (content: any[], nodeid: string, elementMetadata?: ElementHighlightMetadata2) => {
  return content.map((el) => {
    if (Object.keys(serializeSpecial).includes(el.type)) {
      return serializeSpecial[el.type](el, nodeid)
    }
    const nl: any = {}
    const directProperties: DirectProperties = {}

    if (el.id) {
      nl.id = el.id
    } else {
      nl.id = generateTempId()
    }

    if (elementMetadata && el?.highlight) {
      nl.elementMetadata = elementMetadata
      delete el['highlight']
    } else if (el?.metadata) {
      Object.keys(el.metadata).forEach((k) => {
        nl[k] = el.metadata[k]
      })
    }

    if (el.type) {
      if (el.type !== 'paragraph') {
        nl.elementType = el.type
      }
    }

    Object.keys(el).forEach((k) => {
      if (directPropertyKeys.includes(k)) {
        directProperties[k] = el[k]
      } else if (directKeys.includes(k)) {
        nl[k] = el[k]
      } else if (mappedKeys[k] !== undefined) {
        nl[mappedKeys[k]] = el[k]
      }
    })

    const nlproperties = {
      ...directProperties,
      ...el.properties
    }

    if (Object.keys(nlproperties).length > 0) {
      nl.properties = nlproperties
    }

    if (el.children) {
      nl.children = serializeContent(el.children, nodeid, elementMetadata)
    }

    return nl
  })
}

export const serializeSpecial: { [elementType: string]: (element: any, nodeid: string) => any } = {
  ilink: (el: any, nodeid: string) => {
    const workspaceDetails = useAuthStore.getState().workspaceDetails
    if (el.blockId)
      return {
        elementType: 'blockILink',
        blockID: el.blockId,
        blockAlias: el.blockValue,
        nodeID: el.value,
        id: el.id ?? generateTempId(),
        workspaceID: workspaceDetails.id
      }
    else
      return {
        elementType: 'nodeILink',
        nodeID: el.value,
        id: el.id ?? generateTempId(),
        workspaceID: workspaceDetails.id
      }
  },
  a: (el: any, nodeid: string) => {
    return {
      elementType: 'webLink',
      url: el.url,
      id: el.id ?? generateTempId(),
      children: serializeContent(el.children ?? [], nodeid)
    }
  }
}
export const deserializeSpecial: { [elementType: string]: (element: any) => any } = {
  nodeILink: (el: any) => {
    return {
      type: 'ilink',
      value: el.nodeID,
      id: el.id,
      children: [{ text: '', id: generateTempId() }]
    }
  },
  blockILink: (el: any) => {
    return {
      type: 'ilink',
      value: el.nodeID,
      blockId: el.blockID,
      blockValue: el.blockAlias,
      id: el.id,

      children: [{ text: '', id: generateTempId() }]
    }
  },
  webLink: (el: any) => {
    return {
      type: 'a',
      url: el.url,
      id: el.id,

      children: deserializeContent(el.children) ?? [{ text: '', id: generateTempId() }]
    }
  }
}

// From API to content
export const deserializeContent = (sanatizedContent: any[]) => {
  return sanatizedContent?.map((el) => {
    if (Object.keys(deserializeSpecial).includes(el.elementType)) {
      const dEl = deserializeSpecial[el.elementType](el)
      return dEl
    }
    const nl: any = {}

    if (el.elementType !== 'paragraph' && el.elementType !== undefined) {
      nl.type = el.elementType
    }

    if (el.id !== undefined) {
      nl.id = el.id
    }

    nl.metadata = extractMetadata(el)

    // Properties
    if (el.properties) {
      const elProps = { ...el.properties }
      Object.keys(el.properties).forEach((k) => {
        if (directPropertyKeys.includes(k)) {
          nl[k] = el.properties[k]
          delete elProps[k]
        }
      })

      if (Object.keys(elProps).length > 0) {
        nl.properties = elProps
      }
    }

    if (el.children && el.children.length > 0) {
      nl.children = deserializeContent(el.children ?? [])
    } else {
      nl.text = el.content
    }

    return nl
  })
}