@tamagui/static 1.0.1-beta.59 → 1.0.1-beta.60

package/src/extractor/buildClassName.ts

@@ -0,0 +1,61 @@
+import * as t from '@babel/types'
+
+import { ClassNameObject } from '../types'
+
+export function buildClassName(
+  classNameObjects: ClassNameObject[]
+): t.Expression | t.StringLiteral | null {
+  return classNameObjects.reduce<t.Expression | null>((acc, val) => {
+    if (acc == null) {
+      if (
+        // pass conditional expressions through
+        t.isConditionalExpression(val) ||
+        // pass non-null literals through
+        t.isStringLiteral(val) ||
+        t.isNumericLiteral(val)
+      ) {
+        return val
+      }
+      return t.logicalExpression('||', val, t.stringLiteral(''))
+    }
+
+    let inner: t.Expression
+    if (t.isStringLiteral(val)) {
+      if (t.isStringLiteral(acc)) {
+        // join adjacent string literals
+        return t.stringLiteral(`${acc.value} ${val.value}`)
+      }
+      inner = t.stringLiteral(` ${val.value}`)
+    } else if (t.isLiteral(val)) {
+      inner = t.binaryExpression('+', t.stringLiteral(' '), val)
+    } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {
+      if (t.isStringLiteral(acc)) {
+        return t.binaryExpression('+', t.stringLiteral(`${acc.value} `), val)
+      }
+      inner = t.binaryExpression('+', t.stringLiteral(' '), val)
+    } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {
+      // identifiers and member expressions make for reasonable ternaries
+      inner = t.conditionalExpression(
+        val,
+        t.binaryExpression('+', t.stringLiteral(' '), val),
+        t.stringLiteral('')
+      )
+    } else {
+      if (t.isStringLiteral(acc)) {
+        return t.binaryExpression(
+          '+',
+          t.stringLiteral(`${acc.value} `),
+          t.logicalExpression('||', val, t.stringLiteral(''))
+        )
+      }
+      // use a logical expression for more complex prop values
+      inner = t.binaryExpression(
+        '+',
+        t.stringLiteral(' '),
+        t.logicalExpression('||', val, t.stringLiteral(''))
+      )
+    }
+
+    return t.binaryExpression('+', acc, inner)
+  }, null)
+}

package/src/extractor/createEvaluator.ts

@@ -0,0 +1,69 @@
+import vm from 'vm'
+
+import generate from '@babel/generator'
+import { NodePath } from '@babel/traverse'
+import * as t from '@babel/types'
+import type { TamaguiConfig } from '@tamagui/core'
+import { createCSSVariable } from '@tamagui/core-node'
+
+import { FAILED_EVAL } from '../constants'
+import { evaluateAstNode } from './evaluateAstNode'
+import { isValidThemeHook } from './extractHelpers'
+
+export function createEvaluator({
+  tamaguiConfig,
+  staticNamespace,
+  sourcePath,
+  traversePath,
+  shouldPrintDebug,
+}: {
+  tamaguiConfig: TamaguiConfig
+  staticNamespace: Record<string, any>
+  sourcePath: string
+  traversePath: NodePath<t.JSXElement>
+  shouldPrintDebug: boolean | 'verbose'
+}) {
+  // called when evaluateAstNode encounters a dynamic-looking prop
+  const evalFn = (n: t.Node) => {
+    // themes
+    if (
+      t.isMemberExpression(n) &&
+      t.isIdentifier(n.property) &&
+      isValidThemeHook(traversePath, n, sourcePath)
+    ) {
+      const key = n.property.name
+      if (shouldPrintDebug) {
+        console.log('    > found theme prop', key)
+      }
+      console.log('SHOULD FIND THEME (NESTED NOW)', key) // tamaguiConfig.themes)
+      // if (!themeKeys.has(key)) {
+      //   throw new Error(`    > accessing non-existent theme key: ${key}`)
+      // }
+      return createCSSVariable(key)
+    }
+    // variable
+    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
+      return staticNamespace[n.name]
+    }
+    const evalContext = vm.createContext(staticNamespace)
+    const code = `(${generate(n as any).code})`
+    // if (shouldPrintDebug) {
+    //   console.log('evaluating', { n, code, evalContext })
+    // }
+    return vm.runInContext(code, evalContext)
+  }
+
+  return (n: t.Node) => {
+    return evaluateAstNode(n, evalFn)
+  }
+}
+
+export function createSafeEvaluator(attemptEval: (n: t.Node) => any) {
+  return (n: t.Node) => {
+    try {
+      return attemptEval(n)
+    } catch (err) {
+      return FAILED_EVAL
+    }
+  }
+}