@tamagui/static 1.0.1-beta.150 → 1.0.1-beta.153

package/dist/require.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/require.ts"],
+  "sourcesContent": ["import { join, sep } from 'path'\n\nimport type { StaticConfig } from '@tamagui/core-node'\n\nimport { SHOULD_DEBUG } from './constants.js'\n\nconst nameToPaths = {}\nconst Module = require('module')\nconst og = Module.prototype.require\nglobalThis['ogRequire'] = og\n\nexport const getNameToPaths = () => nameToPaths\n\n// just for catching egregious amounts of errors in a tight loop\nlet tries = 0\nsetInterval(() => {\n  tries = 0\n}, 50)\n\nexport function registerRequire() {\n  if (Module.prototype.require !== globalThis['ogRequire']) {\n    // eslint-disable-next-line no-console\n    console.warn('didnt unregister before re-registering')\n    process.exit(1)\n  }\n\n  const proxyWorm = require('@tamagui/proxy-worm')\n  // TODO can swap with react-native-web-lite\n  const rnw = require('react-native-web')\n  const core = require('@tamagui/core-node')\n\n  Module.prototype.require = function (path: string) {\n    if (SHOULD_DEBUG) {\n      // eslint-disable-next-line no-console\n      console.log('tamagui:require', path)\n    }\n    if (path.endsWith('.css') || path.endsWith('.json') || path.endsWith('.ttf')) {\n      return {}\n    }\n    if (\n      path === '@gorhom/bottom-sheet' ||\n      path.startsWith('react-native-reanimated') ||\n      path === 'expo-linear-gradient' ||\n      path === '@expo/vector-icons'\n    ) {\n      return proxyWorm\n    }\n    if (\n      path.startsWith('react-native') &&\n      // allow our rnw.tsx imports through\n      !path.startsWith('react-native-web/dist/cjs/exports'.replace(/\\//g, sep))\n    ) {\n      return rnw\n    }\n    if (path === '@tamagui/core') {\n      return core\n    }\n    try {\n      const out = og.apply(this, arguments)\n      // only for studio disable for now\n      // if (!nameToPaths[path]) {\n      //   if (out && typeof out === 'object') {\n      //     for (const key in out) {\n      //       try {\n      //         const conf = out[key]?.staticConfig as StaticConfig\n      //         if (conf) {\n      //           if (conf.componentName) {\n      //             nameToPaths[conf.componentName] ??= new Set()\n      //             const fullName = path.startsWith('.')\n      //               ? join(`${this.path.replace(/dist(\\/cjs)?/, 'src')}`, path)\n      //               : path\n      //             nameToPaths[conf.componentName].add(fullName)\n      //           } else {\n      //             // console.log('no name component', path)\n      //           }\n      //         }\n      //       } catch {\n      //         // ok\n      //       }\n      //     }\n      //   }\n      // }\n      return out\n    } catch (err: any) {\n      if (SHOULD_DEBUG) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Tamagui failed requiring ${path} from your tamagui.config.ts file, ignoring\\n`,\n          err.message,\n          err.stack\n        )\n      }\n      const max = process.env.TAMAGUI_MAX_ERRORS ? +process.env.TAMAGUI_MAX_ERRORS : 200\n      if (++tries > max) {\n        // eslint-disable-next-line no-console\n        console.log(\n          `Too many errors loading design system, exiting (set TAMAGUI_MAX_ERRORS to override)..`\n        )\n        // avoid infinite loops\n        process.exit(1)\n      }\n      // return proxyWorm by default\n      return proxyWorm\n    }\n  }\n\n  return Module.prototype.require\n}\n\nexport function unregisterRequire() {\n  Module.prototype.require = og\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAI1B,uBAA6B;AAE7B,MAAM,cAAc,CAAC;AACrB,MAAM,SAAS,QAAQ,QAAQ;AAC/B,MAAM,KAAK,OAAO,UAAU;AAC5B,WAAW,eAAe;AAEnB,MAAM,iBAAiB,MAAM;AAGpC,IAAI,QAAQ;AACZ,YAAY,MAAM;AAChB,UAAQ;AACV,GAAG,EAAE;AAEE,SAAS,kBAAkB;AAChC,MAAI,OAAO,UAAU,YAAY,WAAW,cAAc;AAExD,YAAQ,KAAK,wCAAwC;AACrD,YAAQ,KAAK,CAAC;AAAA,EAChB;AAEA,QAAM,YAAY,QAAQ,qBAAqB;AAE/C,QAAM,MAAM,QAAQ,kBAAkB;AACtC,QAAM,OAAO,QAAQ,oBAAoB;AAEzC,SAAO,UAAU,UAAU,SAAU,MAAc;AACjD,QAAI,+BAAc;AAEhB,cAAQ,IAAI,mBAAmB,IAAI;AAAA,IACrC;AACA,QAAI,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,OAAO,KAAK,KAAK,SAAS,MAAM,GAAG;AAC5E,aAAO,CAAC;AAAA,IACV;AACA,QACE,SAAS,0BACT,KAAK,WAAW,yBAAyB,KACzC,SAAS,0BACT,SAAS,sBACT;AACA,aAAO;AAAA,IACT;AACA,QACE,KAAK,WAAW,cAAc,KAE9B,CAAC,KAAK,WAAW,oCAAoC,QAAQ,OAAO,eAAG,CAAC,GACxE;AACA,aAAO;AAAA,IACT;AACA,QAAI,SAAS,iBAAiB;AAC5B,aAAO;AAAA,IACT;AACA,QAAI;AACF,YAAM,MAAM,GAAG,MAAM,MAAM,SAAS;AAwBpC,aAAO;AAAA,IACT,SAAS,KAAP;AACA,UAAI,+BAAc;AAEhB,gBAAQ;AAAA,UACN,4BAA4B;AAAA;AAAA,UAC5B,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,MACF;AACA,YAAM,MAAM,QAAQ,IAAI,qBAAqB,CAAC,QAAQ,IAAI,qBAAqB;AAC/E,UAAI,EAAE,QAAQ,KAAK;AAEjB,gBAAQ;AAAA,UACN;AAAA,QACF;AAEA,gBAAQ,KAAK,CAAC;AAAA,MAChB;AAEA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,OAAO,UAAU;AAC1B;AAEO,SAAS,oBAAoB;AAClC,SAAO,UAAU,UAAU;AAC7B;",
+  "names": []
+}

package/dist/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/types.ts"],
+  "sourcesContent": ["import type { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport type { PseudoStyles, StaticConfig } from '@tamagui/core-node'\nimport type { StyleObject } from '@tamagui/helpers'\nimport type { ViewStyle } from 'react-native'\n\nexport type { StyleObject } from '@tamagui/helpers'\n\nexport type ClassNameObject = t.StringLiteral | t.Expression\n\nexport interface CacheObject {\n  [key: string]: any\n}\n\nexport interface LogOptions {\n  clear?: boolean\n  timestamp?: boolean\n  error?: Error | null\n}\n\nexport interface Logger {\n  info(msg: string, options?: LogOptions): void\n  warn(msg: string, options?: LogOptions): void\n  error(msg: string, options?: LogOptions): void\n}\n\nexport type ExtractorOptions = {\n  logger?: Logger\n}\n\nexport interface TamaguiOptions {\n  // module paths you want to compile with tamagui (for example ['tamagui'])\n  components: string[]\n  // your tamagui.config.ts\n  config?: string\n  evaluateVars?: boolean\n  importsWhitelist?: string[]\n  disable?: boolean\n  disableExtraction?: boolean\n  disableDebugAttr?: boolean\n  disableExtractInlineMedia?: boolean\n  disableExtractVariables?: boolean\n  excludeReactNativeWebExports?: string[]\n  exclude?: RegExp\n  logTimings?: boolean\n  prefixLogs?: string\n\n  // probably non user options\n  cssPath?: string\n  cssData?: any\n  deoptProps?: Set<string>\n  excludeProps?: Set<string>\n  inlineProps?: Set<string>\n  forceExtractStyleDefinitions?: boolean\n}\n\nexport type ExtractedAttrAttr = {\n  type: 'attr'\n  value: t.JSXAttribute | t.JSXSpreadAttribute\n}\n\nexport type ExtractedAttrStyle = {\n  type: 'style'\n  value: ViewStyle & PseudoStyles\n  attr?: t.JSXAttribute | t.JSXSpreadAttribute\n  name?: string\n}\n\nexport type ExtractedAttr =\n  | ExtractedAttrAttr\n  | { type: 'ternary'; value: Ternary }\n  | ExtractedAttrStyle\n\nexport type ExtractTagProps = {\n  attrs: ExtractedAttr[]\n  node: t.JSXOpeningElement\n  attemptEval: (exprNode: t.Node, evalFn?: ((node: t.Node) => any) | undefined) => any\n  jsxPath: NodePath<t.JSXElement>\n  programPath: NodePath<t.Program>\n  originalNodeName: string\n  lineNumbers: string\n  filePath: string\n  isFlattened: boolean\n  completeProps: Record<string, any>\n  staticConfig: StaticConfig\n}\n\nexport type ExtractorParseProps = TamaguiOptions & {\n  target: 'native' | 'html'\n  sourcePath?: string\n  shouldPrintDebug?: boolean | 'verbose'\n  onExtractTag: (props: ExtractTagProps) => void\n  getFlattenedNode: (props: { isTextView: boolean; tag: string }) => string\n  extractStyledDefinitions?: boolean\n  // identifer, rule\n  onStyleRule?: (identifier: string, rules: string[]) => void\n}\n\nexport interface Ternary {\n  test: t.Expression\n  // shorthand props that don't use hooks\n  inlineMediaQuery?: string\n  remove: Function\n  consequent: Object | null\n  alternate: Object | null\n}\n\nexport type ClassNameToStyleObj = {\n  [key: string]: StyleObject\n}\n\nexport interface PluginContext {\n  write: (path: string, rules: { [key: string]: string }) => any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/{cjs/webpackPlugin.js.map → webpackPlugin.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/webpackPlugin.ts"],
+  "sources": ["../src/webpackPlugin.ts"],
   "sourcesContent": ["const pluginName = 'TamaguiWebpackPlugin'\n\nexport class TamaguiWebpackPlugin {\n  apply(compiler) {\n    compiler.hooks.run.tap(pluginName, (compilation) => {\n      // console.log('The webpack build process is starting!');\n    })\n  }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,aAAa;AAEZ,MAAM,qBAAqB;AAAA,EAChC,MAAM,UAAU;AACd,aAAS,MAAM,IAAI,IAAI,YAAY,CAAC,gBAAgB;AAAA,IAEpD,CAAC;AAAA,EACH;AACF;",
   "names": []

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.1-beta.150",
+  "version": "1.0.1-beta.153",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
-  "main": "dist/cjs",
-  "module": "dist/esm",
-  "module:jsx": "dist/jsx",
+  "main": "dist",
   "files": [
+    "tamagui.tsconfig.json",
     "patches",
     "src",
     "types",
@@ -38,15 +37,16 @@
     "@babel/runtime": "^7.18.9",
     "@babel/traverse": "^7.18.11",
     "@expo/match-media": "^0.3.0",
-    "@tamagui/build": "^1.0.1-beta.150",
-    "@tamagui/config-default-node": "^1.0.1-beta.150",
-    "@tamagui/core-node": "^1.0.1-beta.150",
-    "@tamagui/fake-react-native": "^1.0.1-beta.150",
-    "@tamagui/helpers": "^1.0.1-beta.150",
-    "@tamagui/patch-rnw": "^1.0.1-beta.150",
-    "@tamagui/proxy-worm": "^1.0.1-beta.150",
-    "@tamagui/react-native-svg": "^1.0.1-beta.150",
-    "@tamagui/shorthands": "^1.0.1-beta.150",
+    "@tamagui/build": "^1.0.1-beta.153",
+    "@tamagui/cli-color": "^1.0.1-beta.153",
+    "@tamagui/config-default-node": "^1.0.1-beta.153",
+    "@tamagui/core-node": "^1.0.1-beta.153",
+    "@tamagui/fake-react-native": "^1.0.1-beta.153",
+    "@tamagui/helpers": "^1.0.1-beta.153",
+    "@tamagui/patch-rnw": "^1.0.1-beta.153",
+    "@tamagui/proxy-worm": "^1.0.1-beta.153",
+    "@tamagui/react-native-svg": "^1.0.1-beta.153",
+    "@tamagui/shorthands": "^1.0.1-beta.153",
     "babel-literal-to-ast": "^2.1.0",
     "esbuild": "^0.14.49",
     "esbuild-register": "^3.3.3",
@@ -54,8 +54,8 @@
     "fs-extra": "^10.1.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.21",
-    "react-native-web-lite": "^1.0.1-beta.150",
-    "tamagui": "^1.0.1-beta.150"
+    "react-native-web-lite": "^1.0.1-beta.153",
+    "tamagui": "^1.0.1-beta.153"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.18.6",

package/src/extractor/buildClassName.ts

@@ -1,6 +1,6 @@
 import * as t from '@babel/types'
 
-import { ClassNameObject } from '../types'
+import type { ClassNameObject } from '../types.js'
 
 export function buildClassName(
   classNameObjects: ClassNameObject[]

package/src/extractor/createEvaluator.ts

@@ -7,9 +7,9 @@ import type { TamaguiConfig } from '@tamagui/core-node'
 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 { evaluateAstNode } from './evaluateAstNode.js'
+import { isValidThemeHook } from './extractHelpers.js'
 
 export function createEvaluator({
   tamaguiConfig,

package/src/extractor/createExtractor.ts

@@ -16,8 +16,8 @@ import {
 } from '@tamagui/core-node'
 import type { ViewStyle } from 'react-native'
 
-import { FAILED_EVAL } from '../constants'
-import {
+import { FAILED_EVAL } from '../constants.js'
+import type {
   ExtractedAttr,
   ExtractedAttrAttr,
   ExtractedAttrStyle,
@@ -25,19 +25,25 @@ import {
   ExtractorParseProps,
   TamaguiOptions,
   Ternary,
-} from '../types'
-import { createEvaluator, createSafeEvaluator } from './createEvaluator'
-import { evaluateAstNode } from './evaluateAstNode'
-import { attrStr, findComponentName, isInsideTamagui, isPresent, objToStr } from './extractHelpers'
-import { findTopmostFunction } from './findTopmostFunction'
-import { cleanupBeforeExit, getStaticBindingsForScope } from './getStaticBindingsForScope'
-import { literalToAst } from './literalToAst'
-import { TamaguiProjectInfo, loadTamagui, loadTamaguiSync } from './loadTamagui'
-import { logLines } from './logLines'
-import { normalizeTernaries } from './normalizeTernaries'
-import { removeUnusedHooks } from './removeUnusedHooks'
-import { timer } from './timer'
-import { validHTMLAttributes } from './validHTMLAttributes'
+} from '../types.js'
+import { createEvaluator, createSafeEvaluator } from './createEvaluator.js'
+import { evaluateAstNode } from './evaluateAstNode.js'
+import {
+  attrStr,
+  findComponentName,
+  isInsideTamagui,
+  isPresent,
+  objToStr,
+} from './extractHelpers.js'
+import { findTopmostFunction } from './findTopmostFunction.js'
+import { cleanupBeforeExit, getStaticBindingsForScope } from './getStaticBindingsForScope.js'
+import { literalToAst } from './literalToAst.js'
+import { TamaguiProjectInfo, loadTamagui, loadTamaguiSync } from './loadTamagui.js'
+import { logLines } from './logLines.js'
+import { normalizeTernaries } from './normalizeTernaries.js'
+import { removeUnusedHooks } from './removeUnusedHooks.js'
+import { timer } from './timer.js'
+import { validHTMLAttributes } from './validHTMLAttributes.js'
 
 const UNTOUCHED_PROPS = {
   key: true,

package/src/extractor/ensureImportingConcat.ts

@@ -1,7 +1,7 @@
 import { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
 
-import { CONCAT_CLASSNAME_IMPORT } from '../constants'
+import { CONCAT_CLASSNAME_IMPORT } from '../constants.js'
 
 const importConcatPkg = '@tamagui/helpers'
 

package/src/extractor/extractHelpers.ts

@@ -2,8 +2,9 @@ import generate from '@babel/generator'
 import type { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
 
-import { ExtractedAttr, Ternary } from '../types'
-import { astToLiteral } from './literalToAst'
+import type { ExtractedAttr, Ternary } from '../types.js'
+
+// import { astToLiteral } from './literalToAst'
 
 export function isPresent<T extends Object>(input: null | void | undefined | T): input is T {
   return input != null
@@ -68,7 +69,7 @@ export const ternaryStr = (x: Ternary) => {
 const isFilledObj = (obj: any) => obj && Object.keys(obj).length
 
 export function findComponentName(scope) {
-  let componentName = ''
+  const componentName = ''
   let cur = scope.path
   while (cur.parentPath && !t.isProgram(cur.parentPath.parent)) {
     cur = cur.parentPath

package/src/extractor/extractMediaStyle.ts

@@ -3,9 +3,9 @@ import * as t from '@babel/types'
 import { TamaguiInternalConfig, getStylesAtomic, mediaObjectToString } from '@tamagui/core-node'
 import { ViewStyle } from 'react-native'
 
-import { MEDIA_SEP } from '../constants'
-import { StyleObject, Ternary } from '../types'
-import { isInsideTamagui, isPresent } from './extractHelpers'
+import { MEDIA_SEP } from '../constants.js'
+import type { StyleObject, Ternary } from '../types.js'
+import { isInsideTamagui, isPresent } from './extractHelpers.js'
 
 export function extractMediaStyle(
   ternary: Ternary,

package/src/extractor/extractToClassNames.ts

@@ -9,18 +9,18 @@ import { concatClassName } from '@tamagui/helpers'
 import invariant from 'invariant'
 import { ViewStyle } from 'react-native'
 
-import { CONCAT_CLASSNAME_IMPORT } from '../constants'
-import { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types'
-import { babelParse } from './babelParse'
-import { buildClassName } from './buildClassName'
-import { Extractor } from './createExtractor'
-import { ensureImportingConcat } from './ensureImportingConcat'
-import { isSimpleSpread } from './extractHelpers'
-import { extractMediaStyle } from './extractMediaStyle'
-import { getPrefixLogs } from './getPrefixLogs'
-import { hoistClassNames } from './hoistClassNames'
-import { logLines } from './logLines'
-import { timer } from './timer'
+import { CONCAT_CLASSNAME_IMPORT } from '../constants.js'
+import type { ClassNameObject, StyleObject, TamaguiOptions, Ternary } from '../types.js'
+import { babelParse } from './babelParse.js'
+import { buildClassName } from './buildClassName.js'
+import { Extractor } from './createExtractor.js'
+import { ensureImportingConcat } from './ensureImportingConcat.js'
+import { isSimpleSpread } from './extractHelpers.js'
+import { extractMediaStyle } from './extractMediaStyle.js'
+import { getPrefixLogs } from './getPrefixLogs.js'
+import { hoistClassNames } from './hoistClassNames.js'
+import { logLines } from './logLines.js'
+import { timer } from './timer.js'
 
 const mergeStyleGroups = {
   shadowOpacity: true,

package/src/extractor/getPrefixLogs.ts

@@ -1,4 +1,4 @@
-import { TamaguiOptions } from '../types'
+import { TamaguiOptions } from '../types.js'
 
 export function getPrefixLogs(options?: TamaguiOptions) {
   const { TAMAGUI_TARGET } = process.env

package/src/extractor/getPropValueFromAttributes.ts

@@ -1,7 +1,7 @@
 import generate from '@babel/generator'
 import * as t from '@babel/types'
 
-import { accessSafe } from './accessSafe'
+import { accessSafe } from './accessSafe.js'
 
 /**
  * getPropValueFromAttributes gets a prop by name from a list of attributes and accounts for potential spread operators.
@@ -23,7 +23,7 @@ export function getPropValueFromAttributes(
   propName: string,
   attrs: (t.JSXAttribute | t.JSXSpreadAttribute)[]
 ): t.Expression | null {
-  let propIndex: number = -1
+  let propIndex = -1
   let jsxAttr: t.JSXAttribute | null = null
   for (let idx = -1, len = attrs.length; ++idx < len; ) {
     const attr = attrs[idx]

package/src/extractor/getStaticBindingsForScope.ts

@@ -4,8 +4,8 @@ import { dirname, extname, join, resolve } from 'path'
 import { Binding, NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
 
-import { evaluateAstNode } from './evaluateAstNode'
-import { getSourceModule } from './getSourceModule'
+import { evaluateAstNode } from './evaluateAstNode.js'
+import { getSourceModule } from './getSourceModule.js'
 
 const isLocalImport = (path: string) => path.startsWith('.') || path.startsWith('/')
 

package/src/extractor/loadTamagui.ts

@@ -1,14 +1,15 @@
 /* eslint-disable no-console */
 import { basename, dirname, join, sep } from 'path'
 
+import { Color, colorLog } from '@tamagui/cli-color'
 import { getDefaultTamaguiConfig } from '@tamagui/config-default-node'
 import type { StaticConfig, TamaguiComponent, TamaguiInternalConfig } from '@tamagui/core-node'
 import { createTamagui } from '@tamagui/core-node'
 import esbuild from 'esbuild'
-import { ensureDir, pathExists, remove, stat, writeFile } from 'fs-extra'
+import { ensureDir, pathExists, stat, writeFile } from 'fs-extra'
 
-import { SHOULD_DEBUG } from '../constants'
-import { getNameToPaths, registerRequire, unregisterRequire } from '../require'
+import { SHOULD_DEBUG } from '../constants.js'
+import { getNameToPaths, registerRequire, unregisterRequire } from '../require.js'
 
 type NameToPaths = {
   [key: string]: Set<string>
@@ -68,6 +69,19 @@ export async function loadTamagui(props: Props): Promise<TamaguiProjectInfo> {
     //
   }
 
+  colorLog(
+    Color.FgYellow,
+    `
+Building your tamagui.config.ts and componets into node-friendly bundles for usage during compulation:`
+  )
+  colorLog(
+    Color.Dim,
+    `
+  - Config: ${configOutPath}
+  - Components: ${componentOutPaths.join(', ')}
+`
+  )
+
   await Promise.all([
     props.config
       ? buildTamaguiConfig(props, {
@@ -141,21 +155,29 @@ async function buildTamaguiConfig(
       }
     }
   }
-  writeFile(lockFile, '')
+
+  void writeFile(lockFile, '')
+
   if (process.env.DEBUG?.startsWith('tamagui')) {
     console.log(`Building`, options.entryPoints)
   }
+
+  const tsconfig = join(__dirname, '..', '..', 'tamagui.tsconfig.json')
+
   return esbuild.build({
     bundle: true,
     ...options,
     format: 'cjs',
     target: 'node18',
+    jsx: 'transform',
+    jsxFactory: 'react',
+    allowOverwrite: true,
     keepNames: true,
     platform: 'node',
+    tsconfig,
     loader: {
       '.js': 'jsx',
     },
-    allowOverwrite: true,
     logLevel: 'warning',
     plugins: [
       {

package/src/extractor/normalizeTernaries.ts

@@ -2,7 +2,7 @@ import generate from '@babel/generator'
 import * as t from '@babel/types'
 import invariant from 'invariant'
 
-import { Ternary } from '../types'
+import { Ternary } from '../types.js'
 
 export function normalizeTernaries(ternaries: Ternary[]) {
   invariant(

package/src/index.ts

@@ -1,13 +1,12 @@
 process.env.TAMAGUI_COMPILE_PROCESS = '1'
 
-export { TamaguiOptions } from './types'
-export { createExtractor } from './extractor/createExtractor'
-export { literalToAst } from './extractor/literalToAst'
-export * from './constants'
-export * from './extractor/extractToClassNames'
-export * from './extractor/extractHelpers'
+export { TamaguiOptions } from './types.js'
+export { createExtractor } from './extractor/createExtractor.js'
+export { literalToAst } from './extractor/literalToAst.js'
+export * from './constants.js'
+export * from './extractor/extractToClassNames.js'
+export * from './extractor/extractHelpers.js'
 export * from '@tamagui/patch-rnw'
-export * from './extractor/loadTamagui'
-export * from './require'
-export * from './getPragmaOptions'
-// export * from './webpackPlugin'
+export * from './extractor/loadTamagui.js'
+export * from './require.js'
+export * from './getPragmaOptions.js'

package/src/require.ts

@@ -2,7 +2,7 @@ import { join, sep } from 'path'
 
 import type { StaticConfig } from '@tamagui/core-node'
 
-import { SHOULD_DEBUG } from './constants'
+import { SHOULD_DEBUG } from './constants.js'
 
 const nameToPaths = {}
 const Module = require('module')

package/src/types.ts

@@ -1,7 +1,8 @@
-import { NodePath } from '@babel/traverse'
+import type { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
-import type { PseudoStyles, StaticConfig, StyleObject } from '@tamagui/core-node'
-import { ViewStyle } from 'react-native'
+import type { PseudoStyles, StaticConfig } from '@tamagui/core-node'
+import type { StyleObject } from '@tamagui/helpers'
+import type { ViewStyle } from 'react-native'
 
 export type { StyleObject } from '@tamagui/helpers'
 

package/tamagui.tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx"
+  }
+}

package/types/extractor/buildClassName.d.ts

@@ -1,4 +1,4 @@
 import * as t from '@babel/types';
-import { ClassNameObject } from '../types';
+import type { ClassNameObject } from '../types.js';
 export declare function buildClassName(classNameObjects: ClassNameObject[]): t.Expression | t.StringLiteral | null;
 //# sourceMappingURL=buildClassName.d.ts.map

package/types/extractor/createExtractor.d.ts

@@ -1,13 +1,13 @@
 import { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-import { ExtractorOptions, ExtractorParseProps, TamaguiOptions } from '../types';
-import { cleanupBeforeExit } from './getStaticBindingsForScope';
-import { TamaguiProjectInfo } from './loadTamagui';
+import type { ExtractorOptions, ExtractorParseProps, TamaguiOptions } from '../types.js';
+import { cleanupBeforeExit } from './getStaticBindingsForScope.js';
+import { TamaguiProjectInfo } from './loadTamagui.js';
 export declare type Extractor = ReturnType<typeof createExtractor>;
 declare type FileOrPath = NodePath<t.Program> | t.File;
 export declare function createExtractor({ logger }?: ExtractorOptions): {
     options: {
-        logger: import("../types").Logger;
+        logger: import("../types.js").Logger;
     };
     cleanupBeforeExit: typeof cleanupBeforeExit;
     loadTamagui: (props: TamaguiOptions) => Promise<TamaguiProjectInfo>;

package/types/extractor/extractHelpers.d.ts

@@ -1,6 +1,6 @@
 import type { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-import { ExtractedAttr, Ternary } from '../types';
+import type { ExtractedAttr, Ternary } from '../types.js';
 export declare function isPresent<T extends Object>(input: null | void | undefined | T): input is T;
 export declare function isSimpleSpread(node: t.JSXSpreadAttribute): boolean;
 export declare const attrStr: (attr?: ExtractedAttr) => string | t.JSXIdentifier;

package/types/extractor/extractMediaStyle.d.ts

@@ -1,7 +1,7 @@
 import { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
 import { TamaguiInternalConfig } from '@tamagui/core-node';
-import { StyleObject, Ternary } from '../types';
+import type { Ternary } from '../types.js';
 export declare function extractMediaStyle(ternary: Ternary, jsxPath: NodePath<t.JSXElement>, tamaguiConfig: TamaguiInternalConfig, sourcePath: string, importance?: number, shouldPrintDebug?: boolean | 'verbose'): {
     mediaStyles: StyleObject[];
     ternaryWithoutMedia: Ternary | null;

package/types/extractor/extractToClassNames.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
 import * as t from '@babel/types';
-import { TamaguiOptions } from '../types';
-import { Extractor } from './createExtractor';
+import type { TamaguiOptions } from '../types.js';
+import { Extractor } from './createExtractor.js';
 export declare type ExtractedResponse = {
     js: string | Buffer;
     styles: string;

package/types/extractor/getPrefixLogs.d.ts

@@ -1,3 +1,3 @@
-import { TamaguiOptions } from '../types';
+import { TamaguiOptions } from '../types.js';
 export declare function getPrefixLogs(options?: TamaguiOptions): string;
 //# sourceMappingURL=getPrefixLogs.d.ts.map

package/types/extractor/normalizeTernaries.d.ts

@@ -1,3 +1,3 @@
-import { Ternary } from '../types';
+import { Ternary } from '../types.js';
 export declare function normalizeTernaries(ternaries: Ternary[]): Ternary[];
 //# sourceMappingURL=normalizeTernaries.d.ts.map

package/types/index.d.ts

@@ -1,11 +1,11 @@
-export { TamaguiOptions } from './types';
-export { createExtractor } from './extractor/createExtractor';
-export { literalToAst } from './extractor/literalToAst';
-export * from './constants';
-export * from './extractor/extractToClassNames';
-export * from './extractor/extractHelpers';
+export { TamaguiOptions } from './types.js';
+export { createExtractor } from './extractor/createExtractor.js';
+export { literalToAst } from './extractor/literalToAst.js';
+export * from './constants.js';
+export * from './extractor/extractToClassNames.js';
+export * from './extractor/extractHelpers.js';
 export * from '@tamagui/patch-rnw';
-export * from './extractor/loadTamagui';
-export * from './require';
-export * from './getPragmaOptions';
+export * from './extractor/loadTamagui.js';
+export * from './require.js';
+export * from './getPragmaOptions.js';
 //# sourceMappingURL=index.d.ts.map

package/types/types.d.ts

@@ -1,7 +1,8 @@
-import { NodePath } from '@babel/traverse';
+import type { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-import type { PseudoStyles, StaticConfig, StyleObject } from '@tamagui/core-node';
-import { ViewStyle } from 'react-native';
+import type { PseudoStyles, StaticConfig } from '@tamagui/core-node';
+import type { StyleObject } from '@tamagui/helpers';
+import type { ViewStyle } from 'react-native';
 export type { StyleObject } from '@tamagui/helpers';
 export declare type ClassNameObject = t.StringLiteral | t.Expression;
 export interface CacheObject {

package/dist/cjs/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants.ts"],
-  "sourcesContent": ["import findCacheDir from 'find-cache-dir'\n\nexport const CSS_FILE_NAME = '__snack.css'\n\n// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS\n// SEE matching one in concatClassName\nexport const MEDIA_SEP = '_'\n\n// ensure cache dir\nexport const cacheDir = findCacheDir({ name: 'tamagui', create: true })\n\nexport const FAILED_EVAL = Symbol('failed_style_eval')\nexport const CONCAT_CLASSNAME_IMPORT = 'concatClassName'\n\nexport const SHOULD_DEBUG = process.env.DEBUG === '*' || process.env.DEBUG?.startsWith('tamagui')\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAyB;AAAzB;AAEO,MAAM,gBAAgB;AAItB,MAAM,YAAY;AAGlB,MAAM,WAAW,mCAAa,EAAE,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE/D,MAAM,cAAc,OAAO,mBAAmB;AAC9C,MAAM,0BAA0B;AAEhC,MAAM,eAAe,QAAQ,IAAI,UAAU,OAAO,eAAQ,IAAI,UAAZ,mBAAmB,WAAW;",
-  "names": []
-}

package/dist/cjs/extractor/accessSafe.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/accessSafe.ts"],
-  "sourcesContent": ["import * as t from '@babel/types'\n\n// accessSafe wraps memberExpressions in object/null checks\n// TODO: inject this as a function? this gets pretty repetitive\nexport function accessSafe(obj: t.Expression, member: string): t.LogicalExpression {\n  return t.logicalExpression(\n    '&&',\n    t.logicalExpression(\n      '&&',\n      // typeof obj === 'object\n      t.binaryExpression('===', t.unaryExpression('typeof', obj), t.stringLiteral('object')),\n      // obj !== null\n      t.binaryExpression('!==', obj, t.nullLiteral())\n    ),\n    // obj.member\n    t.memberExpression(obj, t.identifier(member), false)\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AAIZ,oBAAoB,KAAmB,QAAqC;AACjF,SAAO,EAAE,kBACP,MACA,EAAE,kBACA,MAEA,EAAE,iBAAiB,OAAO,EAAE,gBAAgB,UAAU,GAAG,GAAG,EAAE,cAAc,QAAQ,CAAC,GAErF,EAAE,iBAAiB,OAAO,KAAK,EAAE,YAAY,CAAC,CAChD,GAEA,EAAE,iBAAiB,KAAK,EAAE,WAAW,MAAM,GAAG,KAAK,CACrD;AACF;",
-  "names": []
-}

package/dist/cjs/extractor/buildClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/buildClassName.ts"],
-  "sourcesContent": ["import * as t from '@babel/types'\n\nimport { ClassNameObject } from '../types'\n\nexport function buildClassName(\n  classNameObjects: ClassNameObject[]\n): t.Expression | t.StringLiteral | null {\n  return classNameObjects.reduce<t.Expression | null>((acc, val) => {\n    if (acc == null) {\n      if (\n        // pass conditional expressions through\n        t.isConditionalExpression(val) ||\n        // pass non-null literals through\n        t.isStringLiteral(val) ||\n        t.isNumericLiteral(val)\n      ) {\n        return val\n      }\n      return t.logicalExpression('||', val, t.stringLiteral(''))\n    }\n\n    let inner: t.Expression\n    if (t.isStringLiteral(val)) {\n      if (t.isStringLiteral(acc)) {\n        // join adjacent string literals\n        return t.stringLiteral(`${acc.value} ${val.value}`)\n      }\n      inner = t.stringLiteral(` ${val.value}`)\n    } else if (t.isLiteral(val)) {\n      inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n    } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {\n      if (t.isStringLiteral(acc)) {\n        return t.binaryExpression('+', t.stringLiteral(`${acc.value} `), val)\n      }\n      inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n    } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {\n      // identifiers and member expressions make for reasonable ternaries\n      inner = t.conditionalExpression(\n        val,\n        t.binaryExpression('+', t.stringLiteral(' '), val),\n        t.stringLiteral('')\n      )\n    } else {\n      if (t.isStringLiteral(acc)) {\n        return t.binaryExpression(\n          '+',\n          t.stringLiteral(`${acc.value} `),\n          t.logicalExpression('||', val, t.stringLiteral(''))\n        )\n      }\n      // use a logical expression for more complex prop values\n      inner = t.binaryExpression(\n        '+',\n        t.stringLiteral(' '),\n        t.logicalExpression('||', val, t.stringLiteral(''))\n      )\n    }\n\n    return t.binaryExpression('+', acc, inner)\n  }, null)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AAIZ,wBACL,kBACuC;AACvC,SAAO,iBAAiB,OAA4B,CAAC,KAAK,QAAQ;AAChE,QAAI,OAAO,MAAM;AACf,UAEE,EAAE,wBAAwB,GAAG,KAE7B,EAAE,gBAAgB,GAAG,KACrB,EAAE,iBAAiB,GAAG,GACtB;AACA,eAAO;AAAA,MACT;AACA,aAAO,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,IAC3D;AAEA,QAAI;AACJ,QAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAE1B,eAAO,EAAE,cAAc,GAAG,IAAI,SAAS,IAAI,OAAO;AAAA,MACpD;AACA,cAAQ,EAAE,cAAc,IAAI,IAAI,OAAO;AAAA,IACzC,WAAW,EAAE,UAAU,GAAG,GAAG;AAC3B,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,wBAAwB,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AACtE,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,IAAI,QAAQ,GAAG,GAAG;AAAA,MACtE;AACA,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,aAAa,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AAE3D,cAAQ,EAAE,sBACR,KACA,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG,GACjD,EAAE,cAAc,EAAE,CACpB;AAAA,IACF,OAAO;AACL,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBACP,KACA,EAAE,cAAc,GAAG,IAAI,QAAQ,GAC/B,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC,CACpD;AAAA,MACF;AAEA,cAAQ,EAAE,iBACR,KACA,EAAE,cAAc,GAAG,GACnB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC,CACpD;AAAA,IACF;AAEA,WAAO,EAAE,iBAAiB,KAAK,KAAK,KAAK;AAAA,EAC3C,GAAG,IAAI;AACT;",
-  "names": []
-}

package/dist/cjs/extractor/createEvaluator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/createEvaluator.ts"],
-  "sourcesContent": ["import vm from 'vm'\n\nimport generate from '@babel/generator'\nimport { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport type { TamaguiConfig } from '@tamagui/core-node'\nimport { createCSSVariable } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\n\nimport { FAILED_EVAL } from '../constants'\nimport { evaluateAstNode } from './evaluateAstNode'\nimport { isValidThemeHook } from './extractHelpers'\n\nexport function createEvaluator({\n  tamaguiConfig,\n  staticNamespace,\n  sourcePath,\n  traversePath,\n  shouldPrintDebug,\n}: {\n  tamaguiConfig: TamaguiConfig\n  staticNamespace: Record<string, any>\n  sourcePath: string\n  traversePath?: NodePath<t.JSXElement>\n  shouldPrintDebug: boolean | 'verbose'\n}) {\n  // called when evaluateAstNode encounters a dynamic-looking prop\n  const evalFn = (n: t.Node) => {\n    // themes\n    if (\n      t.isMemberExpression(n) &&\n      t.isIdentifier(n.property) &&\n      traversePath &&\n      isValidThemeHook(traversePath, n, sourcePath)\n    ) {\n      const key = n.property.name\n      if (shouldPrintDebug) {\n        // eslint-disable-next-line no-console\n        console.log('    > found theme prop', key)\n      }\n      return createCSSVariable(key)\n    }\n    // variable\n    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {\n      return staticNamespace[n.name]\n    }\n    const evalContext = vm.createContext(staticNamespace)\n    const codeWithTypescriptAnnotations = `(${generate(n as any).code})`\n    const code = esbuild\n      .transformSync(codeWithTypescriptAnnotations, { loader: 'tsx' })\n      .code.replace(/;\\n$/, '')\n\n    if (shouldPrintDebug) {\n      // eslint-disable-next-line no-console\n      console.log('evaluating', code)\n    }\n    return vm.runInContext(code, evalContext)\n  }\n\n  return (n: t.Node) => {\n    return evaluateAstNode(n, evalFn)\n  }\n}\n\nexport function createSafeEvaluator(attemptEval: (n: t.Node) => any) {\n  return (n: t.Node) => {\n    try {\n      return attemptEval(n)\n    } catch (err) {\n      return FAILED_EVAL\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAe;AAEf,uBAAqB;AAErB,QAAmB;AAEnB,uBAAkC;AAClC,qBAAoB;AAEpB,uBAA4B;AAC5B,6BAAgC;AAChC,4BAAiC;AAE1B,yBAAyB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAOC;AAED,QAAM,SAAS,CAAC,MAAc;AAE5B,QACE,EAAE,mBAAmB,CAAC,KACtB,EAAE,aAAa,EAAE,QAAQ,KACzB,gBACA,4CAAiB,cAAc,GAAG,UAAU,GAC5C;AACA,YAAM,MAAM,EAAE,SAAS;AACvB,UAAI,kBAAkB;AAEpB,gBAAQ,IAAI,0BAA0B,GAAG;AAAA,MAC3C;AACA,aAAO,wCAAkB,GAAG;AAAA,IAC9B;AAEA,QAAI,EAAE,aAAa,CAAC,KAAK,gBAAgB,eAAe,EAAE,IAAI,GAAG;AAC/D,aAAO,gBAAgB,EAAE;AAAA,IAC3B;AACA,UAAM,cAAc,kBAAG,cAAc,eAAe;AACpD,UAAM,gCAAgC,IAAI,8BAAS,CAAQ,EAAE;AAC7D,UAAM,OAAO,uBACV,cAAc,+BAA+B,EAAE,QAAQ,MAAM,CAAC,EAC9D,KAAK,QAAQ,QAAQ,EAAE;AAE1B,QAAI,kBAAkB;AAEpB,cAAQ,IAAI,cAAc,IAAI;AAAA,IAChC;AACA,WAAO,kBAAG,aAAa,MAAM,WAAW;AAAA,EAC1C;AAEA,SAAO,CAAC,MAAc;AACpB,WAAO,4CAAgB,GAAG,MAAM;AAAA,EAClC;AACF;AAEO,6BAA6B,aAAiC;AACnE,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,YAAY,CAAC;AAAA,IACtB,SAAS,KAAP;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
-  "names": []
-}