@tamagui/static 1.0.1-beta.99 → 1.0.1-rc.0

package/src/extractor/bundle.ts

@@ -0,0 +1,110 @@
+import { basename, dirname, join } from 'path'
+
+import esbuild from 'esbuild'
+import { pathExists, stat, writeFile } from 'fs-extra'
+
+import { resolveWebOrNativeSpecificEntry } from './loadTamagui'
+
+/**
+ * For internal loading of new files
+ */
+
+type Props = Omit<Partial<esbuild.BuildOptions>, 'entryPoints'> & {
+  outfile: string
+  entryPoints: string[]
+  resolvePlatformSpecificEntries?: boolean
+}
+
+function getESBuildConfig(
+  { entryPoints, resolvePlatformSpecificEntries, ...options }: Props,
+  aliases?: Record<string, string>
+) {
+  const alias = require('@tamagui/core-node').aliasPlugin
+  if (process.env.DEBUG?.startsWith('tamagui')) {
+    // eslint-disable-next-line no-console
+    console.log(`Building`, entryPoints)
+  }
+  const tsconfig = join(__dirname, '..', '..', 'tamagui.tsconfig.json')
+
+  const resolvedEntryPoints = !resolvePlatformSpecificEntries
+    ? entryPoints
+    : entryPoints.map(resolveWebOrNativeSpecificEntry)
+
+  const res: esbuild.BuildOptions = {
+    bundle: true,
+    entryPoints: resolvedEntryPoints,
+    format: 'cjs',
+    target: 'node18',
+    jsx: 'transform',
+    jsxFactory: 'react',
+    allowOverwrite: true,
+    keepNames: true,
+    platform: 'node',
+    tsconfig,
+    loader: {
+      '.js': 'jsx',
+    },
+    logLevel: 'warning',
+    plugins: [
+      {
+        name: 'external',
+        setup(build) {
+          build.onResolve({ filter: /@tamagui\/core/ }, (args) => {
+            return {
+              path: '@tamagui/core-node',
+              external: true,
+            }
+          })
+
+          build.onResolve({ filter: /^(react-native|react-native\/.*)$/ }, (args) => {
+            return {
+              path: 'react-native-web-lite',
+              external: true,
+            }
+          })
+        },
+      },
+      alias({
+        ...aliases,
+      }),
+    ],
+    ...options,
+  }
+
+  return res
+}
+
+export async function bundle(props: Props, aliases?: Record<string, string>) {
+  await asyncLock(props)
+  return esbuild.build(getESBuildConfig(props, aliases))
+}
+
+export function bundleSync(props: Props, aliases?: Record<string, string>) {
+  return esbuild.buildSync(getESBuildConfig(props, aliases))
+}
+
+// until i do fancier things w plugins:
+async function asyncLock(props: Props) {
+  const lockFile = join(dirname(props.outfile), basename(props.outfile, '.lock'))
+  const lockStat = await stat(lockFile).catch(() => {
+    /* ok */
+  })
+  const lockedMsAgo = !lockStat
+    ? Infinity
+    : new Date().getTime() - new Date(lockStat.mtime).getTime()
+  if (lockedMsAgo < 500) {
+    if (process.env.DEBUG?.startsWith('tamagui')) {
+      // eslint-disable-next-line no-console
+      console.log(`Waiting for existing build`, props.entryPoints)
+    }
+    let tries = 5
+    while (tries--) {
+      if (await pathExists(props.outfile)) {
+        return
+      } else {
+        await new Promise((res) => setTimeout(res, 50))
+      }
+    }
+  }
+  void writeFile(lockFile, '')
+}

package/src/extractor/createEvaluator.ts

@@ -3,22 +3,22 @@ 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 esbuild from 'esbuild'
 
-import { FAILED_EVAL } from '../constants'
-import { evaluateAstNode } from './evaluateAstNode'
-import { isValidThemeHook } from './extractHelpers'
+import { FAILED_EVAL } from '../constants.js'
+import { TamaguiOptionsWithFileInfo } from '../types.js'
+import { evaluateAstNode } from './evaluateAstNode.js'
+import { isValidThemeHook } from './extractHelpers.js'
 
 export function createEvaluator({
-  tamaguiConfig,
+  props,
   staticNamespace,
   sourcePath,
   traversePath,
   shouldPrintDebug,
 }: {
-  tamaguiConfig: TamaguiConfig
+  props: TamaguiOptionsWithFileInfo
   staticNamespace: Record<string, any>
   sourcePath: string
   traversePath?: NodePath<t.JSXElement>
@@ -31,20 +31,17 @@ export function createEvaluator({
       t.isMemberExpression(n) &&
       t.isIdentifier(n.property) &&
       traversePath &&
-      isValidThemeHook(traversePath, n, sourcePath)
+      isValidThemeHook(props, traversePath, n, sourcePath)
     ) {
       const key = n.property.name
       if (shouldPrintDebug) {
+        // eslint-disable-next-line no-console
         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)) {
+    if (t.isIdentifier(n) && typeof staticNamespace[n.name] !== 'undefined') {
       return staticNamespace[n.name]
     }
     const evalContext = vm.createContext(staticNamespace)
@@ -54,6 +51,7 @@ export function createEvaluator({
       .code.replace(/;\n$/, '')
 
     if (shouldPrintDebug) {
+      // eslint-disable-next-line no-console
       console.log('evaluating', code)
     }
     return vm.runInContext(code, evalContext)