Function transformDynamicJsAttribute

src/index.ts:93–221

(attr: any, env: TransformerEnv)

}

function transformDynamicJsAttribute(attr: any, env: TransformerEnv) {
  let { matcher } = env

  let expressionPrefix = 'let __prettier_temp__ = '
  let source = `${expressionPrefix}${attr.value}`
  let ast = prettierParserBabel.parsers['babel-ts'].parse(source, env.options)

  let didChange = false
  let changes: StringChange[] = []

  function findConcatEntry(path: Path<any, any>) {
    return path.find(
      (entry) => entry.parent?.type === 'BinaryExpression' && entry.parent.operator === '+',
    )
  }

  function addChange(
    start: number | null | undefined,
    end: number | null | undefined,
    after: string,
  ) {
    if (start == null || end == null) return

    let offsetStart = start - expressionPrefix.length
    let offsetEnd = end - expressionPrefix.length

    if (offsetStart < 0 || offsetEnd < 0) return

    didChange = true
    changes.push({
      start: offsetStart,
      end: offsetEnd,
      before: attr.value.slice(offsetStart, offsetEnd),
      after,
    })
  }

  visit(ast, {
    StringLiteral(node, path) {
      let concat = findConcatEntry(path)
      let sorted = sortStringLiteral(node, {
        env,
        collapseWhitespace: {
          start: concat?.key !== 'right',
          end: concat?.key !== 'left',
        },
      })

      if (sorted) {
        // @ts-ignore
        let raw = node.extra?.raw ?? node.raw
        if (typeof raw === 'string') {
          addChange(node.start, node.end, raw)
        }
      }
    },

    Literal(node: any, path) {