views-morph/morph/react-dom/get-value-for-property.js

Views language morpher

import {
  getScopedCondition,
  getScopedImageCondition,
  getScopedRequireCondition,
  getScopes,
  isValidImgSrc,
  makeOnClickTracker,
  pushImageToState,
} from '../utils.js'
import safe from '../react/safe.js'
import wrap from '../react/wrap.js'
import toCamelCase from 'to-camel-case'

const isUrl = str => /^https?:\/\//.test(str)

const getImageSource = (node, state, parent) => {
  const scopes = getScopes(node, parent)
  if (scopes && (isUrl(node.value) || node.tags.slot)) {
    return wrap(getScopedCondition(node, parent))
  } else if (isUrl(node.value) || node.tags.slot) {
    return safe(node.value)
  } else {
    if (scopes && state.debug) {
      return wrap(
        getScopedRequireCondition(scopes.scopedProps, scopes.paths, node.value)
      )
    } else if (state.debug) {
      return `{requireImage("${node.value}")}`
    } else {
      if (scopes) {
        pushImageToState(state, scopes.scopedNames, scopes.paths)
      }
      const name = toCamelCase(node.value)
      if (!state.images.includes(node.value)) {
        state.images.push({
          name,
          file: node.value,
        })
      }
      return scopes
        ? wrap(
            getScopedImageCondition(
              scopes.scopedProps,
              scopes.scopedNames,
              name
            )
          )
        : `{${name}}`
    }
  }
}

export default (node, parent, state) => {
  if (isValidImgSrc(node, parent)) {
    return {
      src: getImageSource(node, state, parent),
    }
  } else if (parent.isBasic && node.name === 'isDisabled') {
    return {
      disabled: safe(node.value, node),
    }
  } else if (getScopedCondition(node, parent)) {
    return {
      [node.name]: safe(getScopedCondition(node, parent)),
    }
  } else if (
    parent.isBasic &&
    node.name === 'onClick' &&
    state.track &&
    !state.debug
  ) {
    return {
      onClick: wrap(makeOnClickTracker(node, state)),
    }
  } else {
    return {
      [node.name]: safe(node.value, node),
    }
  }
}