@tamagui/static 1.0.1-beta.18 → 1.0.1-beta.180

package/src/constants.ts

@@ -0,0 +1,15 @@
+import findCacheDir from 'find-cache-dir'
+
+export const CSS_FILE_NAME = '__snack.css'
+
+// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS
+// SEE matching one in concatClassName
+export const MEDIA_SEP = '_'
+
+// ensure cache dir
+export const cacheDir = findCacheDir({ name: 'tamagui', create: true })
+
+export const FAILED_EVAL = Symbol('failed_style_eval')
+export const CONCAT_CLASSNAME_IMPORT = 'concatClassName'
+
+export const SHOULD_DEBUG = process.env.DEBUG === '*' || process.env.DEBUG?.startsWith('tamagui')

package/src/extractor/accessSafe.ts

@@ -0,0 +1,18 @@
+import * as t from '@babel/types'
+
+// accessSafe wraps memberExpressions in object/null checks
+// TODO: inject this as a function? this gets pretty repetitive
+export function accessSafe(obj: t.Expression, member: string): t.LogicalExpression {
+  return t.logicalExpression(
+    '&&',
+    t.logicalExpression(
+      '&&',
+      // typeof obj === 'object
+      t.binaryExpression('===', t.unaryExpression('typeof', obj), t.stringLiteral('object')),
+      // obj !== null
+      t.binaryExpression('!==', obj, t.nullLiteral())
+    ),
+    // obj.member
+    t.memberExpression(obj, t.identifier(member), false)
+  )
+}

package/src/extractor/babelParse.ts

@@ -0,0 +1,27 @@
+import * as babelParser from '@babel/parser'
+
+const plugins: babelParser.ParserPlugin[] = [
+  'asyncGenerators',
+  'classProperties',
+  'dynamicImport',
+  'functionBind',
+  'jsx',
+  'numericSeparator',
+  'objectRestSpread',
+  'optionalCatchBinding',
+  'decorators-legacy',
+  'typescript',
+  'optionalChaining',
+  'nullishCoalescingOperator',
+]
+
+export const parserOptions: babelParser.ParserOptions = Object.freeze({
+  plugins,
+  sourceType: 'module',
+})
+
+const parser = babelParser.parse.bind(babelParser)
+
+export function babelParse(code: string | Buffer): any {
+  return parser(code.toString(), parserOptions)
+}

package/src/extractor/buildClassName.ts

@@ -0,0 +1,61 @@
+import * as t from '@babel/types'
+
+import type { ClassNameObject } from '../types.js'
+
+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,73 @@
+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-node'
+import { createCSSVariable } from '@tamagui/core-node'
+import esbuild from 'esbuild'
+
+import { FAILED_EVAL } from '../constants.js'
+import { evaluateAstNode } from './evaluateAstNode.js'
+import { isValidThemeHook } from './extractHelpers.js'
+
+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) &&
+      traversePath &&
+      isValidThemeHook(traversePath, n, sourcePath)
+    ) {
+      const key = n.property.name
+      if (shouldPrintDebug) {
+        // eslint-disable-next-line no-console
+        console.log('    > found theme prop', key)
+      }
+      return createCSSVariable(key)
+    }
+    // variable
+    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {
+      return staticNamespace[n.name]
+    }
+    const evalContext = vm.createContext(staticNamespace)
+    const codeWithTypescriptAnnotations = `(${generate(n as any).code})`
+    const code = esbuild
+      .transformSync(codeWithTypescriptAnnotations, { loader: 'tsx' })
+      .code.replace(/;\n$/, '')
+
+    if (shouldPrintDebug) {
+      // eslint-disable-next-line no-console
+      console.log('evaluating', code)
+    }
+    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
+    }
+  }
+}