import type {
  Component,
  NodeModel,
} from '@toddledev/core/dist/component/component.types'

export const isCloudflareImagePath = (path?: string | null): path is string =>
  typeof path === 'string' && path.startsWith('/cdn-cgi/imagedelivery/')

/**
 * Make all relative 'src' paths in a component absolute
 */
export const transformRelativePaths =
  (urlOrigin: string) => (component: Component) => ({
    ...component,
    nodes: Object.entries(component.nodes).reduce((acc, [key, node]) => {
      return {
        ...acc,
        [key]: {
          ...node,
          ...(node.type === 'element'
            ? {
                attrs: Object.entries(node.attrs).reduce(
                  (acc, [key, formula]) => {
                    if (
                      ['src'].includes(key) &&
                      formula?.type === 'value' &&
                      typeof formula.value === 'string'
                    ) {
                      return {
                        ...acc,
                        [key]: {
                          ...formula,
                          value: new URL(formula.value, urlOrigin).href,
                        },
                      }
                    }
                    return { ...acc, [key]: formula }
                  },
                  {},
                ),
              }
            : {}),
        } as NodeModel,
      }
    }, {}),
  })