@magic/core/src/tasks/prepare/stateLinks.mjs

@magic core. generate static pages and serverless lambdas. ~5kb client boilerplate.

import is from '@magic/types'

import { handleLink } from '../../lib/index.mjs'

const traverseLinks = ({ state, parent, WEB_ROOT, ...args }) => {
  if (state.to && parent) {
    state.to = handleLink({ href: state.to, parent, WEB_ROOT, ...args })

    if (state.items) {
      state.items = state.items.map(item =>
        traverseLinks({ state: item, parent: state, WEB_ROOT, ...args }),
      )
    }

    return state
  }

  const result = Object.entries(state).map(([key, value]) => {
    if (is.array(value)) {
      value = value.map(val => {
        if (is.string(val)) {
          return val
        }

        const traversed = traverseLinks({ state: val, parent: state, WEB_ROOT, ...args })
        return traversed
      })
    } else if (is.objectNative(value)) {
      value = traverseLinks({ state: value, WEB_ROOT, ...args })
    }

    return [key, value]
  })

  return Object.fromEntries(result)
}

export const prepareStateLinks = (app, { WEB_ROOT }) => {
  const { logo, seo } = app.state
  if (!is.empty(logo) && is.string(logo)) {
    app.state.logo = handleLink({ href: logo, app, WEB_ROOT })
  }

  if (!is.empty(seo?.image) && is.string(seo?.image)) {
    app.state.seo.image = handleLink({ href: seo.image, app, WEB_ROOT })
  }

  return traverseLinks({ state: app.state, app, WEB_ROOT })
}