@tamagui/static 1.0.1-beta.190 → 1.0.1-beta.191

package/dist/extractor/loadTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/extractor/loadTamagui.ts"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { basename, dirname, join, relative, sep } from 'path'\n\nimport { Color, colorLog } from '@tamagui/cli-color'\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport type { StaticConfig, TamaguiComponent, TamaguiInternalConfig } from '@tamagui/core-node'\nimport { createTamagui } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\nimport { ensureDir, pathExists, stat, writeFile } from 'fs-extra'\n\nimport { SHOULD_DEBUG } from '../constants.js'\nimport { getNameToPaths, registerRequire, unregisterRequire } from '../require.js'\n\ntype NameToPaths = {\n  [key: string]: Set<string>\n}\n\nexport type TamaguiProjectInfo = {\n  components: Record<string, TamaguiComponent>\n  tamaguiConfig: TamaguiInternalConfig\n  nameToPaths: NameToPaths\n}\n\ntype Props = {\n  components: string[]\n  config?: string\n  forceExports?: boolean\n  bubbleErrors?: boolean\n}\n\nconst cache = {}\n\n// TODO needs a plugin for webpack / vite to run this once at startup and not again until changed...\n\nexport async function loadTamagui(props: Props): Promise<TamaguiProjectInfo> {\n  const key = JSON.stringify(props)\n  if (cache[key]) {\n    if (cache[key] instanceof Promise) {\n      return await cache[key]\n    }\n    return cache[key]\n  }\n\n  let resolver: Function = () => {}\n  cache[key] = new Promise((res) => {\n    resolver = res\n  })\n\n  const tmpDir = join(process.cwd(), 'dist', 'tamagui-node')\n  const configOutPath = join(tmpDir, `tamagui.config.js`)\n  const includesCore = props.components.includes('@tamagui/core')\n  const baseComponents = props.components.filter((x) => x !== '@tamagui/core')\n  const componentOutPaths = baseComponents.map((componentModule) =>\n    join(\n      tmpDir,\n      `${componentModule\n        .split(sep)\n        .join('-')\n        .replace(/[^a-z0-9]+/gi, '')}-components.config.js`\n    )\n  )\n\n  const external = ['@tamagui/core', '@tamagui/core-node', 'react', 'react-dom']\n  const configEntry = props.config ? join(process.cwd(), props.config) : ''\n\n  if (process.env.DEBUG?.startsWith('tamagui')) {\n    console.log(`Building config entry`, configEntry)\n  }\n\n  // build them to node-compat versions\n  try {\n    await ensureDir(tmpDir)\n  } catch {\n    //\n  }\n\n  colorLog(\n    Color.FgYellow,\n    `\nTamagui built config and components:`\n  )\n  colorLog(\n    Color.Dim,\n    `\n  - Config: .${sep}${relative(process.cwd(), configOutPath)}\n  - Components: .${sep}${relative(process.cwd(), componentOutPaths.join(', '))}\n`\n  )\n\n  await Promise.all([\n    props.config\n      ? buildTamaguiConfig(props, {\n          entryPoints: [configEntry],\n          external,\n          outfile: configOutPath,\n        })\n      : null,\n    ...baseComponents.map((componentModule, i) => {\n      return buildTamaguiConfig(props, {\n        entryPoints: [componentModule],\n        external,\n        outfile: componentOutPaths[i],\n      })\n    }),\n  ])\n\n  if (process.env.DEBUG?.startsWith('tamagui')) {\n    console.log(`Built configs`)\n  }\n\n  const coreNode = require('@tamagui/core-node')\n\n  registerRequire(props.bubbleErrors)\n  const config = require(configOutPath).default\n  unregisterRequire()\n\n  const components = {\n    ...loadComponents({\n      ...props,\n      components: componentOutPaths,\n    }),\n    ...(includesCore && gatherTamaguiComponentInfo([coreNode])),\n  }\n\n  cache[key] = {\n    components,\n    nameToPaths: {},\n    tamaguiConfig: config,\n  }\n\n  // init core-node\n  createTamagui(cache[key].tamaguiConfig)\n\n  resolver(cache[key])\n\n  return cache[key]\n}\n\nasync function buildTamaguiConfig(\n  props: Props,\n  options: Partial<esbuild.BuildOptions> & { outfile: string },\n  aliases?: Record<string, string>\n) {\n  const alias = require('@tamagui/core-node').aliasPlugin\n  // until i do fancier things w plugins:\n  const lockFile = join(dirname(options.outfile), basename(options.outfile, '.lock'))\n  const lockStat = await stat(lockFile).catch(() => {\n    // ok\n  })\n  const lockedMsAgo = !lockStat\n    ? Infinity\n    : new Date().getTime() - new Date(lockStat.mtime).getTime()\n  if (lockedMsAgo < 500) {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      console.log(`Waiting for existing build`, options.entryPoints)\n    }\n    let tries = 5\n    while (tries--) {\n      if (await pathExists(options.outfile)) {\n        return\n      } else {\n        await new Promise((res) => setTimeout(res, 50))\n      }\n    }\n  }\n\n  void writeFile(lockFile, '')\n\n  if (process.env.DEBUG?.startsWith('tamagui')) {\n    console.log(`Building`, options.entryPoints)\n  }\n\n  const tsconfig = join(__dirname, '..', '..', 'tamagui.tsconfig.json')\n\n  return esbuild.build({\n    bundle: true,\n    ...options,\n    format: 'cjs',\n    target: 'node18',\n    jsx: 'transform',\n    jsxFactory: 'react',\n    allowOverwrite: true,\n    keepNames: true,\n    platform: 'node',\n    tsconfig,\n    loader: {\n      '.js': 'jsx',\n    },\n    logLevel: 'warning',\n    plugins: [\n      {\n        name: 'external',\n        setup(build) {\n          build.onResolve({ filter: /@tamagui\\/core/ }, (args) => {\n            return {\n              path: '@tamagui/core-node',\n              external: true,\n            }\n          })\n\n          build.onResolve({ filter: /^(react-native|react-native\\/.*)$/ }, (args) => {\n            return {\n              path: 'react-native-web-lite',\n              external: true,\n            }\n          })\n        },\n      },\n      alias({\n        'react-native-svg': require.resolve('@tamagui/react-native-svg'),\n        'react-native-safe-area-context': require.resolve('@tamagui/fake-react-native'),\n        'react-native-gesture-handler': require.resolve('@tamagui/proxy-worm'),\n        'react-native-reanimated': require.resolve('@tamagui/proxy-worm'),\n        ...aliases,\n      }),\n    ],\n  })\n}\n\nconst esbuildOptions: esbuild.BuildOptions = {\n  target: 'es2019',\n  format: 'cjs',\n  jsx: 'transform',\n}\n\n// loads in-process using esbuild-register\nexport function loadTamaguiSync(props: Props): TamaguiProjectInfo {\n  const key = JSON.stringify(props)\n  if (cache[key]) {\n    return cache[key]\n  }\n\n  const { unregister } = require('esbuild-register/dist/node').register(esbuildOptions)\n\n  try {\n    registerRequire(props.bubbleErrors)\n\n    // lets shim require and avoid importing react-native + react-native-web\n    // we just need to read the config around them\n    process.env.IS_STATIC = 'is_static'\n    // @ts-ignore\n    if (typeof globalThis['__DEV__'] === 'undefined') {\n      // @ts-ignore\n      globalThis['__DEV__'] = process.env.NODE_ENV === 'development'\n    }\n\n    try {\n      // import config\n      let tamaguiConfig: TamaguiInternalConfig | null = null\n\n      if (props.config) {\n        const configPath = join(process.cwd(), props.config)\n        const exp = require(configPath)\n        tamaguiConfig = (exp['default'] || exp) as TamaguiInternalConfig\n        if (!tamaguiConfig || !tamaguiConfig.parsed) {\n          const confPath = require.resolve(configPath)\n          throw new Error(`Can't find valid config in ${confPath}`)\n        }\n      }\n\n      const components = loadComponents(props)\n\n      if (process.env.DEBUG === 'tamagui') {\n        console.log(`components`, components)\n      }\n\n      // undo shims\n      process.env.IS_STATIC = undefined\n\n      // set up core-node\n      if (tamaguiConfig) {\n        createTamagui(tamaguiConfig)\n      }\n\n      cache[key] = {\n        components,\n        tamaguiConfig,\n        nameToPaths: getNameToPaths(),\n      }\n    } catch (err) {\n      if (props.bubbleErrors) {\n        throw err\n      }\n\n      if (err instanceof Error) {\n        console.warn(\n          `Error loading tamagui.config.ts (set DEBUG=tamagui to see full stack), running tamagui without custom config`\n        )\n        console.log(`\\n\\n    ${err.message}\\n\\n`)\n        if (SHOULD_DEBUG) {\n          console.log(err.stack)\n        }\n      } else {\n        console.error(`Error loading tamagui.config.ts`, err)\n      }\n      return {\n        components: {},\n        tamaguiConfig: getDefaultTamaguiConfig(),\n        nameToPaths: {},\n      }\n    }\n\n    return cache[key]\n  } catch (err) {\n    if (!props.bubbleErrors) {\n      console.log('Error loading Tamagui', err)\n    }\n    throw err\n  } finally {\n    unregister()\n    unregisterRequire()\n  }\n}\n\nfunction interopDefaultExport(mod: any) {\n  return mod?.default ?? mod\n}\n\nconst cacheComponents = {}\n\nfunction loadComponents(props: Props) {\n  const componentsModules = props.components\n  const key = componentsModules.join('')\n  if (cacheComponents[key]) {\n    return cacheComponents[key]\n  }\n  try {\n    const requiredModules = componentsModules.map((name) => {\n      return interopDefaultExport(require(name))\n    })\n    const res = gatherTamaguiComponentInfo(requiredModules)\n    cacheComponents[key] = res\n    return res\n  } catch (err: any) {\n    if (props.bubbleErrors) {\n      throw err\n    }\n    console.log(`Tamagui error bundling components`, err.message, err.stack)\n  }\n}\n\nfunction gatherTamaguiComponentInfo(packages: any[]) {\n  const components = {}\n  for (const exported of packages) {\n    try {\n      for (const componentName in exported) {\n        const found = getTamaguiComponent(componentName, exported[componentName])\n        if (found) {\n          // remove non-stringifyable\n          const { Component, reactNativeWebComponent, ...sc } = found.staticConfig\n          Object.assign(components, { [componentName]: { staticConfig: sc } })\n        }\n      }\n    } catch (err) {\n      console.error(`Tamagui failed getting components`)\n      if (err instanceof Error) {\n        console.error(err.message, err.stack)\n      } else {\n        console.error(err)\n      }\n    }\n  }\n  return components\n}\n\nfunction getTamaguiComponent(\n  name: string,\n  Component: any\n): undefined | { staticConfig: StaticConfig } {\n  if (name[0].toUpperCase() !== name[0]) {\n    return\n  }\n  const staticConfig = Component?.staticConfig as StaticConfig | undefined\n  if (staticConfig) {\n    return Component\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { basename, dirname, join, relative, sep } from 'path'\n\nimport { Color, colorLog } from '@tamagui/cli-color'\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport type { StaticConfig, TamaguiComponent, TamaguiInternalConfig } from '@tamagui/core-node'\nimport { createTamagui } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\nimport { ensureDir, pathExists, stat, writeFile } from 'fs-extra'\n\nimport { SHOULD_DEBUG } from '../constants.js'\nimport { getNameToPaths, registerRequire, unregisterRequire } from '../require.js'\n\ntype NameToPaths = {\n  [key: string]: Set<string>\n}\n\nexport type TamaguiProjectInfo = {\n  components: Record<string, TamaguiComponent>\n  tamaguiConfig: TamaguiInternalConfig\n  nameToPaths: NameToPaths\n}\n\ntype Props = {\n  components: string[]\n  config?: string\n  forceExports?: boolean\n  bubbleErrors?: boolean\n}\n\nconst cache = {}\n\n// TODO needs a plugin for webpack / vite to run this once at startup and not again until changed...\n\nexport async function loadTamagui(props: Props): Promise<TamaguiProjectInfo> {\n  const key = JSON.stringify(props)\n  if (cache[key]) {\n    if (cache[key] instanceof Promise) {\n      return await cache[key]\n    }\n    return cache[key]\n  }\n\n  let resolver: Function = () => {}\n  cache[key] = new Promise((res) => {\n    resolver = res\n  })\n\n  const tmpDir = join(process.cwd(), 'dist', 'tamagui-node')\n  const configOutPath = join(tmpDir, `tamagui.config.js`)\n  const includesCore = props.components.includes('@tamagui/core')\n  const baseComponents = props.components.filter((x) => x !== '@tamagui/core')\n  const componentOutPaths = baseComponents.map((componentModule) =>\n    join(\n      tmpDir,\n      `${componentModule\n        .split(sep)\n        .join('-')\n        .replace(/[^a-z0-9]+/gi, '')}-components.config.js`\n    )\n  )\n\n  const external = ['@tamagui/core', '@tamagui/core-node', 'react', 'react-dom']\n  const configEntry = props.config ? join(process.cwd(), props.config) : ''\n\n  if (process.env.NODE_ENV === 'development' && process.env.DEBUG?.startsWith('tamagui')) {\n    console.log(`Building config entry`, configEntry)\n  }\n\n  // build them to node-compat versions\n  try {\n    await ensureDir(tmpDir)\n  } catch {\n    //\n  }\n\n  colorLog(\n    Color.FgYellow,\n    `\nTamagui built config and components:`\n  )\n  colorLog(\n    Color.Dim,\n    `\n  - Config: .${sep}${relative(process.cwd(), configOutPath)}\n  - Components: .${sep}${relative(process.cwd(), componentOutPaths.join(', '))}\n`\n  )\n\n  await Promise.all([\n    props.config\n      ? buildTamaguiConfig(props, {\n          entryPoints: [configEntry],\n          external,\n          outfile: configOutPath,\n        })\n      : null,\n    ...baseComponents.map((componentModule, i) => {\n      return buildTamaguiConfig(props, {\n        entryPoints: [componentModule],\n        external,\n        outfile: componentOutPaths[i],\n      })\n    }),\n  ])\n\n  const coreNode = require('@tamagui/core-node')\n\n  registerRequire(props.bubbleErrors)\n  const config = require(configOutPath).default\n  unregisterRequire()\n\n  const components = {\n    ...loadComponents({\n      ...props,\n      components: componentOutPaths,\n    }),\n    ...(includesCore && gatherTamaguiComponentInfo([coreNode])),\n  }\n\n  if (process.env.NODE_ENV === 'development' && process.env.DEBUG?.startsWith('tamagui')) {\n    console.log('Loaded components', components)\n  }\n\n  cache[key] = {\n    components,\n    nameToPaths: {},\n    tamaguiConfig: config,\n  }\n\n  // init core-node\n  createTamagui(cache[key].tamaguiConfig)\n\n  resolver(cache[key])\n\n  return cache[key]\n}\n\nasync function buildTamaguiConfig(\n  props: Props,\n  options: Partial<esbuild.BuildOptions> & { outfile: string },\n  aliases?: Record<string, string>\n) {\n  const alias = require('@tamagui/core-node').aliasPlugin\n  // until i do fancier things w plugins:\n  const lockFile = join(dirname(options.outfile), basename(options.outfile, '.lock'))\n  const lockStat = await stat(lockFile).catch(() => {\n    // ok\n  })\n  const lockedMsAgo = !lockStat\n    ? Infinity\n    : new Date().getTime() - new Date(lockStat.mtime).getTime()\n  if (lockedMsAgo < 500) {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      console.log(`Waiting for existing build`, options.entryPoints)\n    }\n    let tries = 5\n    while (tries--) {\n      if (await pathExists(options.outfile)) {\n        return\n      } else {\n        await new Promise((res) => setTimeout(res, 50))\n      }\n    }\n  }\n\n  void writeFile(lockFile, '')\n\n  if (process.env.DEBUG?.startsWith('tamagui')) {\n    console.log(`Building`, options.entryPoints)\n  }\n\n  const tsconfig = join(__dirname, '..', '..', 'tamagui.tsconfig.json')\n\n  return esbuild.build({\n    bundle: true,\n    ...options,\n    format: 'cjs',\n    target: 'node18',\n    jsx: 'transform',\n    jsxFactory: 'react',\n    allowOverwrite: true,\n    keepNames: true,\n    platform: 'node',\n    tsconfig,\n    loader: {\n      '.js': 'jsx',\n    },\n    logLevel: 'warning',\n    plugins: [\n      {\n        name: 'external',\n        setup(build) {\n          build.onResolve({ filter: /@tamagui\\/core/ }, (args) => {\n            return {\n              path: '@tamagui/core-node',\n              external: true,\n            }\n          })\n\n          build.onResolve({ filter: /^(react-native|react-native\\/.*)$/ }, (args) => {\n            return {\n              path: 'react-native-web-lite',\n              external: true,\n            }\n          })\n        },\n      },\n      alias({\n        'react-native-svg': require.resolve('@tamagui/react-native-svg'),\n        'react-native-safe-area-context': require.resolve('@tamagui/fake-react-native'),\n        'react-native-gesture-handler': require.resolve('@tamagui/proxy-worm'),\n        'react-native-reanimated': require.resolve('@tamagui/proxy-worm'),\n        ...aliases,\n      }),\n    ],\n  })\n}\n\nconst esbuildOptions: esbuild.BuildOptions = {\n  target: 'es2019',\n  format: 'cjs',\n  jsx: 'transform',\n}\n\n// loads in-process using esbuild-register\nexport function loadTamaguiSync(props: Props): TamaguiProjectInfo {\n  const key = JSON.stringify(props)\n  if (cache[key]) {\n    return cache[key]\n  }\n\n  const { unregister } = require('esbuild-register/dist/node').register(esbuildOptions)\n\n  try {\n    registerRequire(props.bubbleErrors)\n\n    // lets shim require and avoid importing react-native + react-native-web\n    // we just need to read the config around them\n    process.env.IS_STATIC = 'is_static'\n    // @ts-ignore\n    if (typeof globalThis['__DEV__'] === 'undefined') {\n      // @ts-ignore\n      globalThis['__DEV__'] = process.env.NODE_ENV === 'development'\n    }\n\n    try {\n      // import config\n      let tamaguiConfig: TamaguiInternalConfig | null = null\n\n      if (props.config) {\n        const configPath = join(process.cwd(), props.config)\n        const exp = require(configPath)\n        tamaguiConfig = (exp['default'] || exp) as TamaguiInternalConfig\n        if (!tamaguiConfig || !tamaguiConfig.parsed) {\n          const confPath = require.resolve(configPath)\n          throw new Error(`Can't find valid config in ${confPath}`)\n        }\n      }\n\n      const components = loadComponents(props)\n\n      if (process.env.DEBUG === 'tamagui') {\n        console.log(`components`, components)\n      }\n\n      // undo shims\n      process.env.IS_STATIC = undefined\n\n      // set up core-node\n      if (tamaguiConfig) {\n        createTamagui(tamaguiConfig as any)\n      }\n\n      cache[key] = {\n        components,\n        tamaguiConfig,\n        nameToPaths: getNameToPaths(),\n      }\n    } catch (err) {\n      if (props.bubbleErrors) {\n        throw err\n      }\n\n      if (err instanceof Error) {\n        console.warn(\n          `Error loading tamagui.config.ts (set DEBUG=tamagui to see full stack), running tamagui without custom config`\n        )\n        console.log(`\\n\\n    ${err.message}\\n\\n`)\n        if (SHOULD_DEBUG) {\n          console.log(err.stack)\n        }\n      } else {\n        console.error(`Error loading tamagui.config.ts`, err)\n      }\n      return {\n        components: {},\n        tamaguiConfig: getDefaultTamaguiConfig(),\n        nameToPaths: {},\n      }\n    }\n\n    return cache[key]\n  } catch (err) {\n    if (!props.bubbleErrors) {\n      console.log('Error loading Tamagui', err)\n    }\n    throw err\n  } finally {\n    unregister()\n    unregisterRequire()\n  }\n}\n\nfunction interopDefaultExport(mod: any) {\n  return mod?.default ?? mod\n}\n\nconst cacheComponents = {}\n\nfunction loadComponents(props: Props) {\n  const componentsModules = props.components\n  const key = componentsModules.join('')\n  if (cacheComponents[key]) {\n    return cacheComponents[key]\n  }\n  try {\n    const requiredModules = componentsModules.map((name) => {\n      return interopDefaultExport(require(name))\n    })\n    const res = gatherTamaguiComponentInfo(requiredModules)\n    cacheComponents[key] = res\n    return res\n  } catch (err: any) {\n    if (props.bubbleErrors) {\n      throw err\n    }\n    console.log(`Tamagui error bundling components`, err.message, err.stack)\n  }\n}\n\nfunction gatherTamaguiComponentInfo(packages: any[]) {\n  const components = {}\n  for (const exported of packages) {\n    try {\n      for (const componentName in exported) {\n        const found = getTamaguiComponent(componentName, exported[componentName])\n        if (found) {\n          // remove non-stringifyable\n          const { Component, reactNativeWebComponent, ...sc } = found.staticConfig\n          Object.assign(components, { [componentName]: { staticConfig: sc } })\n        }\n      }\n    } catch (err) {\n      console.error(`Tamagui failed getting components`)\n      if (err instanceof Error) {\n        console.error(err.message, err.stack)\n      } else {\n        console.error(err)\n      }\n    }\n  }\n  return components\n}\n\nfunction getTamaguiComponent(\n  name: string,\n  Component: any\n): undefined | { staticConfig: StaticConfig } {\n  if (name[0].toUpperCase() !== name[0]) {\n    return\n  }\n  const staticConfig = Component?.staticConfig as StaticConfig | undefined\n  if (staticConfig) {\n    return Component\n  }\n}\n"],
+  "mappings": "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",
   "names": ["esbuild"]
 }

package/dist/types.js.map

@@ -1,7 +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 { TamaguiOptions } from '@tamagui/helpers-node'\nimport type { ViewStyle } from 'react-native'\n\nexport type { TamaguiOptions } from '@tamagui/helpers-node'\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 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"],
+  "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 { TamaguiOptions } from '@tamagui/helpers-node'\nimport type { ViewStyle } from 'react-native'\n\nexport type { TamaguiOptions } from '@tamagui/helpers-node'\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 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 TamaguiOptionsWithFileInfo = TamaguiOptions & {\n  sourcePath: string\n}\n\nexport type ExtractorParseProps = TamaguiOptionsWithFileInfo & {\n  target: 'native' | 'html'\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.1-beta.190",
+  "version": "1.0.1-beta.191",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist",
@@ -37,32 +37,34 @@
     "@babel/runtime": "^7.18.9",
     "@babel/traverse": "^7.18.11",
     "@expo/match-media": "^0.3.0",
-    "@tamagui/build": "^1.0.1-beta.190",
-    "@tamagui/cli-color": "^1.0.1-beta.190",
-    "@tamagui/config-default-node": "^1.0.1-beta.190",
-    "@tamagui/core-node": "^1.0.1-beta.190",
-    "@tamagui/fake-react-native": "^1.0.1-beta.190",
-    "@tamagui/helpers": "^1.0.1-beta.190",
-    "@tamagui/helpers-node": "^1.0.1-beta.190",
-    "@tamagui/patch-rnw": "^1.0.1-beta.190",
-    "@tamagui/proxy-worm": "^1.0.1-beta.190",
-    "@tamagui/react-native-svg": "^1.0.1-beta.190",
-    "@tamagui/shorthands": "^1.0.1-beta.190",
+    "@tamagui/build": "^1.0.1-beta.191",
+    "@tamagui/cli-color": "^1.0.1-beta.191",
+    "@tamagui/config-default-node": "^1.0.1-beta.191",
+    "@tamagui/core-node": "^1.0.1-beta.191",
+    "@tamagui/fake-react-native": "^1.0.1-beta.191",
+    "@tamagui/helpers": "^1.0.1-beta.191",
+    "@tamagui/helpers-node": "^1.0.1-beta.191",
+    "@tamagui/patch-rnw": "^1.0.1-beta.191",
+    "@tamagui/proxy-worm": "^1.0.1-beta.191",
+    "@tamagui/react-native-svg": "^1.0.1-beta.191",
+    "@tamagui/shorthands": "^1.0.1-beta.191",
     "babel-literal-to-ast": "^2.1.0",
     "esbuild": "^0.15.6",
     "esbuild-register": "^3.3.3",
     "find-cache-dir": "^3.3.2",
+    "find-root": "^1.1.0",
     "fs-extra": "^10.1.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.21",
-    "react-native-web-lite": "^1.0.1-beta.190",
-    "tamagui": "^1.0.1-beta.190"
+    "react-native-web-lite": "^1.0.1-beta.191",
+    "tamagui": "^1.0.1-beta.191"
   },
   "devDependencies": {
     "@babel/plugin-syntax-typescript": "^7.18.6",
     "@babel/types": "^7.18.10",
     "@dish/babel-preset": "^0.0.6",
     "@testing-library/react": "^13.3.0",
+    "@types/find-root": "^1.1.2",
     "@types/node": "^16.11.9",
     "@types/react-native": "^0.69.2",
     "@types/webpack": "^4.41.26",

package/src/constants.ts

@@ -10,6 +10,5 @@ export const MEDIA_SEP = '_'
 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/buildClassName.ts

@@ -1,11 +1,27 @@
 import * as t from '@babel/types'
+import { concatClassName } from '@tamagui/helpers'
 
 import type { ClassNameObject } from '../types.js'
 
-export function buildClassName(
-  classNameObjects: ClassNameObject[]
-): t.Expression | t.StringLiteral | null {
-  return classNameObjects.reduce<t.Expression | null>((acc, val) => {
+type Builder = (
+  objects: ClassNameObject[],
+  extras?: string
+) => t.Expression | t.StringLiteral | null
+
+export const buildClassName: Builder = (objectsIn, extras = '') => {
+  let objects = buildClassNameLogic(objectsIn)
+  if (!objects) return null
+  if (t.isStringLiteral(objects)) {
+    objects.value = concatClassName(objects.value)
+    objects.value = `${extras} ${objects.value}`
+  } else {
+    objects = t.binaryExpression('+', t.stringLiteral(extras), objects)
+  }
+  return objects
+}
+
+export const buildClassNameLogic: Builder = (objects) => {
+  return objects.reduce<t.Expression | null>((acc, val) => {
     if (acc == null) {
       if (
         // pass conditional expressions through

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-node'
 import { createCSSVariable } from '@tamagui/core-node'
 import esbuild from 'esbuild'
 
 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,7 +31,7 @@ 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) {
@@ -41,7 +41,7 @@ export function createEvaluator({
       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)

package/src/extractor/createExtractor.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-console */
-import { basename, relative } from 'path'
+import path, { basename, relative } from 'path'
 
 import traverse, { NodePath, Visitor } from '@babel/traverse'
 import * as t from '@babel/types'
@@ -24,17 +24,12 @@ import type {
   ExtractorOptions,
   ExtractorParseProps,
   TamaguiOptions,
+  TamaguiOptionsWithFileInfo,
   Ternary,
 } from '../types.js'
 import { createEvaluator, createSafeEvaluator } from './createEvaluator.js'
 import { evaluateAstNode } from './evaluateAstNode.js'
-import {
-  attrStr,
-  findComponentName,
-  isInsideTamagui,
-  isPresent,
-  objToStr,
-} from './extractHelpers.js'
+import { attrStr, findComponentName, isPresent, isValidImport, objToStr } from './extractHelpers.js'
 import { findTopmostFunction } from './findTopmostFunction.js'
 import { getPrefixLogs } from './getPrefixLogs.js'
 import { cleanupBeforeExit, getStaticBindingsForScope } from './getStaticBindingsForScope.js'
@@ -165,7 +160,7 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
       prefixLogs,
       excludeProps,
       target,
-      ...props
+      ...restProps
     } = options
 
     let shouldPrintDebug = options.shouldPrintDebug || false
@@ -183,6 +178,10 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
     const isTargetingHTML = target === 'html'
     const ogDebug = shouldPrintDebug
     const tm = timer()
+    const propsWithFileInfo: TamaguiOptionsWithFileInfo = {
+      ...options,
+      sourcePath,
+    }
 
     if (shouldPrintDebug === 'verbose') {
       console.log('tamagui.config.ts:', { components, config })
@@ -211,9 +210,6 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
     /**
      * Step 1: Determine if importing any statically extractable components
      */
-    const isInternalImport = (importStr: string) => {
-      return isInsideTamagui(sourcePath) && importStr[0] === '.'
-    }
 
     const validComponents: { [key: string]: any } = Object.keys(components)
       // check if uppercase to avoid hitting media query proxy before init
@@ -241,15 +237,12 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
       if (bodyPath.type !== 'ImportDeclaration') continue
       const node = ('node' in bodyPath ? bodyPath.node : bodyPath) as t.ImportDeclaration
       const from = node.source.value
+
       // if importing styled()
-      const isValidImport =
-        props.components.includes(from) ||
-        isInternalImport(from) ||
-        from === '@tamagui/core' ||
-        from === 'tamagui'
+      const valid = isValidImport(propsWithFileInfo, from)
 
       if (extractStyledDefinitions) {
-        if (isValidImport) {
+        if (valid) {
           if (
             node.specifiers.some((specifier) => {
               return specifier.local.name === 'styled'
@@ -261,7 +254,7 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
         }
       }
 
-      if (isValidImport) {
+      if (valid) {
         const names = node.specifiers.map((specifier) => specifier.local.name)
         const isValidComponent = names.some((name) => !!(validComponents[name] || validHooks[name]))
         if (shouldPrintDebug === 'verbose') {
@@ -363,11 +356,13 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
               logger.info([`Loaded`, Object.keys(out.components).join(', '), !!Component].join(' '))
             }
           } catch (err: any) {
-            logger.info(
-              `${getPrefixLogs(
-                options
-              )} skip optimize styled(${name}), unable to pre-process (DEBUG=tamagui for more)`
-            )
+            if (shouldPrintDebug) {
+              logger.info(
+                `${getPrefixLogs(
+                  options
+                )} skip optimize styled(${name}), unable to pre-process (DEBUG=tamagui for more)`
+              )
+            }
             if (process.env.DEBUG === 'tamagui') {
               logger.info(
                 ` Disable this with "disableExtractFoundComponents" in your build-time configuration. \n\n ${err.message} ${err.stack}`
@@ -408,7 +403,7 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
         const attemptEval = !evaluateVars
           ? evaluateAstNode
           : createEvaluator({
-              tamaguiConfig,
+              props: options,
               staticNamespace,
               sourcePath,
               shouldPrintDebug,
@@ -506,19 +501,33 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
 
         if (binding) {
           if (!t.isImportDeclaration(binding.path.parent)) {
+            if (shouldPrintDebug) {
+              logger.info(` - Binding not import declaration, skip`)
+            }
             return
           }
           const source = binding.path.parent.source
-          if (!props.components.includes(source.value) && !isInternalImport(source.value)) {
+          if (!isValidImport(propsWithFileInfo, source.value)) {
+            if (shouldPrintDebug) {
+              logger.info(` - Binding not internal import or from components ${source.value}`)
+            }
             return
           }
           if (!validComponents[binding.identifier.name]) {
+            if (shouldPrintDebug) {
+              logger.info(
+                ` - Binding not valid component (binding.identifier.name) ${binding.identifier.name}`
+              )
+            }
             return
           }
         }
 
         const component = validComponents[node.name.name] as { staticConfig?: StaticConfigParsed }
         if (!component || !component.staticConfig) {
+          if (shouldPrintDebug) {
+            logger.info(` - No Tamagui conf on this: ${node.name.name}`)
+          }
           return
         }
 
@@ -616,14 +625,14 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
           const flatNode = getFlattenedNode?.({ isTextView, tag: tagName })
 
           const inlineProps = new Set([
-            ...(props.inlineProps || []),
+            ...(restProps.inlineProps || []),
             ...(staticConfig.inlineProps || []),
           ])
 
           const deoptProps = new Set([
             // always de-opt animation
             'animation',
-            ...(props.deoptProps || []),
+            ...(restProps.deoptProps || []),
             ...(staticConfig.deoptProps || []),
           ])
 
@@ -641,7 +650,7 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
           const attemptEval = !evaluateVars
             ? evaluateAstNode
             : createEvaluator({
-                tamaguiConfig,
+                props: options,
                 staticNamespace,
                 sourcePath,
                 traversePath,
@@ -1014,7 +1023,10 @@ export function createExtractor({ logger = console }: ExtractorOptions = { logge
                 if (
                   validHTMLAttributes[key] ||
                   key.startsWith('aria-') ||
-                  key.startsWith('data-')
+                  key.startsWith('data-') ||
+                  // this is debug stuff added by vite / new jsx transform
+                  key === '__source' ||
+                  key === '__self'
                 ) {
                   return attr
                 }

package/src/extractor/ensureImportingConcat.ts

@@ -1,8 +1,6 @@
 import { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
 
-import { CONCAT_CLASSNAME_IMPORT } from '../constants.js'
-
 const importConcatPkg = '@tamagui/helpers'
 
 export function ensureImportingConcat(path: NodePath<t.Program>) {
@@ -11,8 +9,8 @@ export function ensureImportingConcat(path: NodePath<t.Program>) {
     (x) => x.isImportDeclaration() && x.node.source.value === importConcatPkg
   ) as any
   const importSpecifier = t.importSpecifier(
-    t.identifier(CONCAT_CLASSNAME_IMPORT),
-    t.identifier(CONCAT_CLASSNAME_IMPORT)
+    t.identifier('concatClassName'),
+    t.identifier('concatClassName')
   )
 
   if (!imported) {
@@ -23,17 +21,12 @@ export function ensureImportingConcat(path: NodePath<t.Program>) {
   const specifiers = imported.node.specifiers
   const alreadyImported = specifiers.some(
     (x) =>
-      t.isImportSpecifier(x) &&
-      t.isIdentifier(x.imported) &&
-      x.imported.name === CONCAT_CLASSNAME_IMPORT
+      t.isImportSpecifier(x) && t.isIdentifier(x.imported) && x.imported.name === 'concatClassName'
   )
 
   if (!alreadyImported) {
     specifiers.push(
-      t.importSpecifier(
-        t.identifier(CONCAT_CLASSNAME_IMPORT),
-        t.identifier(CONCAT_CLASSNAME_IMPORT)
-      )
+      t.importSpecifier(t.identifier('concatClassName'), t.identifier('concatClassName'))
     )
   }
 }

package/src/extractor/extractHelpers.ts

@@ -1,8 +1,12 @@
+import { basename, relative } from 'path'
+
 import generate from '@babel/generator'
 import type { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
+import findRoot from 'find-root'
+import { memoize } from 'lodash'
 
-import type { ExtractedAttr, Ternary } from '../types.js'
+import type { ExtractedAttr, TamaguiOptionsWithFileInfo, Ternary } from '../types.js'
 
 // import { astToLiteral } from './literalToAst'
 
@@ -91,6 +95,7 @@ export function findComponentName(scope) {
 }
 
 export function isValidThemeHook(
+  props: TamaguiOptionsWithFileInfo,
   jsxPath: NodePath<t.JSXElement>,
   n: t.MemberExpression,
   sourcePath: string
@@ -107,14 +112,43 @@ export function isValidThemeHook(
   if (init.callee.name !== 'useTheme') return false
   const importNode = binding.scope.getBinding('useTheme')?.path.parent
   if (!t.isImportDeclaration(importNode)) return false
-  if (importNode.source.value !== 'tamagui') {
-    if (!isInsideTamagui(sourcePath)) {
-      return false
-    }
+  if (!isValidImport(props, sourcePath)) {
+    return false
   }
   return true
 }
 
-export const isInsideTamagui = (srcName: string) => {
-  return srcName.includes('/dist/jsx') || srcName.includes('/core/src')
+export const isInsideComponentPackage = (props: TamaguiOptionsWithFileInfo, srcName: string) => {
+  return getValidComponentsPaths(props).some((path) => {
+    return srcName.startsWith(path)
+  })
 }
+
+export const isComponentPackage = (props: TamaguiOptionsWithFileInfo, srcName: string) => {
+  return getValidComponentsPaths(props).some((path) => {
+    return srcName.startsWith(path)
+  })
+}
+
+export const isValidImport = (props: TamaguiOptionsWithFileInfo, srcName: string) => {
+  if (typeof srcName !== 'string') {
+    // eslint-disable-next-line no-console
+    console.trace(`Invalid file name: ${srcName}`)
+    return false
+  }
+  return srcName.startsWith('.')
+    ? isInsideComponentPackage(props, srcName)
+    : isComponentPackage(props, srcName)
+}
+
+const getValidComponentPackages = memoize((props: TamaguiOptionsWithFileInfo) => {
+  // just always look for `tamagui` and `@tamagui/core`
+  return [...new Set(['@tamagui/core', 'tamagui', ...props.components])]
+})
+
+const getValidComponentsPaths = memoize((props: TamaguiOptionsWithFileInfo) => {
+  return getValidComponentPackages(props).map((pkg) => {
+    const root = findRoot(pkg)
+    return basename(root)
+  })
+})

package/src/extractor/extractMediaStyle.ts

@@ -1,13 +1,14 @@
 import { NodePath } from '@babel/traverse'
 import * as t from '@babel/types'
 import { TamaguiInternalConfig, getStylesAtomic, mediaObjectToString } from '@tamagui/core-node'
-import { ViewStyle } from 'react-native'
+import type { ViewStyle } from 'react-native'
 
 import { MEDIA_SEP } from '../constants.js'
-import type { StyleObject, Ternary } from '../types.js'
-import { isInsideTamagui, isPresent } from './extractHelpers.js'
+import type { StyleObject, TamaguiOptionsWithFileInfo, Ternary } from '../types.js'
+import { isPresent, isValidImport } from './extractHelpers.js'
 
 export function extractMediaStyle(
+  props: TamaguiOptionsWithFileInfo,
   ternary: Ternary,
   jsxPath: NodePath<t.JSXElement>,
   tamaguiConfig: TamaguiInternalConfig,
@@ -15,13 +16,14 @@ export function extractMediaStyle(
   importance = 0,
   shouldPrintDebug: boolean | 'verbose' = false
 ) {
-  const mt = getMediaQueryTernary(ternary, jsxPath, sourcePath)
+  const mt = getMediaQueryTernary(props, ternary, jsxPath, sourcePath)
   if (!mt) {
     return null
   }
   const { key } = mt
   const mq = tamaguiConfig.media[key]
   if (!mq) {
+    // eslint-disable-next-line no-console
     console.error(`Media query "${key}" not found: ${Object.keys(tamaguiConfig.media)}`)
     return null
   }
@@ -33,6 +35,7 @@ export function extractMediaStyle(
     getStyleObj(ternary.alternate, true),
   ].filter(isPresent)
   if (shouldPrintDebug && !styleOpts.length) {
+    // eslint-disable-next-line no-console
     console.log('  media query, no styles?')
     return null
   }
@@ -80,6 +83,7 @@ export function extractMediaStyle(
     })
     if (shouldPrintDebug === 'verbose') {
       // prettier-ignore
+      // eslint-disable-next-line no-console
       console.log('  media styles:', importance, styleObj, singleMediaStyles.map(x => x.identifier).join(', '))
     }
     // add to output
@@ -91,6 +95,7 @@ export function extractMediaStyle(
 }
 
 function getMediaQueryTernary(
+  props: TamaguiOptionsWithFileInfo,
   ternary: Ternary,
   jsxPath: NodePath<t.JSXElement>,
   sourcePath: string
@@ -104,6 +109,7 @@ function getMediaQueryTernary(
   if (t.isLogicalExpression(ternary.test) && ternary.test.operator === '&&') {
     // *should* be normalized to always be on left side
     const mediaLeft = getMediaInfoFromExpression(
+      props,
       ternary.test.left,
       jsxPath,
       sourcePath,
@@ -122,6 +128,7 @@ function getMediaQueryTernary(
   // const media = useMedia()
   // ... media.sm
   const result = getMediaInfoFromExpression(
+    props,
     ternary.test,
     jsxPath,
     sourcePath,
@@ -137,6 +144,7 @@ function getMediaQueryTernary(
 }
 
 function getMediaInfoFromExpression(
+  props: TamaguiOptionsWithFileInfo,
   test: t.Expression,
   jsxPath: NodePath<t.JSXElement>,
   sourcePath: string,
@@ -156,20 +164,21 @@ function getMediaInfoFromExpression(
     if (!binding) return false
     const bindingNode = binding.path?.node
     if (!t.isVariableDeclarator(bindingNode) || !bindingNode.init) return false
-    if (!isValidMediaCall(jsxPath, bindingNode.init, sourcePath)) return false
+    if (!isValidMediaCall(props, jsxPath, bindingNode.init, sourcePath)) return false
     return { key, bindingName: name }
   }
   if (t.isIdentifier(test)) {
     const key = test.name
     const node = jsxPath.scope.getBinding(test.name)?.path?.node
     if (!t.isVariableDeclarator(node)) return false
-    if (!node.init || !isValidMediaCall(jsxPath, node.init, sourcePath)) return false
+    if (!node.init || !isValidMediaCall(props, jsxPath, node.init, sourcePath)) return false
     return { key, bindingName: key }
   }
   return null
 }
 
 export function isValidMediaCall(
+  props: TamaguiOptionsWithFileInfo,
   jsxPath: NodePath<t.JSXElement>,
   init: t.Expression,
   sourcePath: string
@@ -183,10 +192,8 @@ export function isValidMediaCall(
   if (!mediaBinding) return false
   const useMediaImport = mediaBinding.path.parent
   if (!t.isImportDeclaration(useMediaImport)) return false
-  if (useMediaImport.source.value !== 'tamagui') {
-    if (!isInsideTamagui(sourcePath)) {
-      return false
-    }
+  if (!isValidImport(props, sourcePath)) {
+    return false
   }
   return true
 }