@tamagui/web 1.2.5

package/src/Tamagui.ts

@@ -0,0 +1,48 @@
+import * as Helpers from '@tamagui/helpers'
+
+import { getConfig } from './config'
+import { getAllRules, getAllSelectors, getAllTransforms } from './helpers/insertStyleRule'
+import { mediaState } from './hooks/useMedia'
+
+// easy introspection
+// only included in dev mode
+
+class TamaguiManager {
+  Helpers = Helpers
+
+  get mediaState() {
+    return { ...mediaState }
+  }
+
+  get config() {
+    return getConfig()
+  }
+
+  get insertedRules() {
+    return getAllRules()
+  }
+
+  get allSelectors() {
+    return getAllSelectors()
+  }
+
+  get allTransforms() {
+    return getAllTransforms()
+  }
+
+  get identifierToValue() {
+    return identifierToValue
+  }
+}
+
+export const Tamagui = new TamaguiManager()
+
+const identifierToValue = new Map<string, any>()
+
+export const getValueFromIdentifier = (identifier: string) => {
+  return identifierToValue.get(identifier)
+}
+
+export const setIdentifierValue = (identifier: string, value: any) => {
+  identifierToValue.set(identifier, value)
+}

package/src/addTheme.ts

@@ -0,0 +1,65 @@
+import { isWeb } from '@tamagui/constants'
+
+import { getConfig, updateConfig } from './config'
+import { getThemeCSSRules } from './helpers/getThemeCSSRules'
+import { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'
+import { ThemeDefinition, ThemeParsed } from './types'
+
+export function addTheme(props: {
+  name: string
+  theme: Partial<Record<keyof ThemeDefinition, any>>
+  insertCSS?: boolean
+  update?: boolean
+}) {
+  const config = getConfig()
+
+  if (process.env.NODE_ENV === 'development') {
+    if (!config) {
+      throw new Error('No config')
+    }
+    const theme = config.themes[props.name]
+    if (!props.update && theme) {
+      return { theme }
+    }
+  }
+
+  const { name: themeName, theme: themeIn, insertCSS } = props
+  const theme = { ...themeIn } as ThemeParsed
+  for (const key in theme) {
+    ensureThemeVariable(theme, key)
+  }
+
+  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)
+  config.themes[themeName] = themeProxied
+
+  let cssRules: string[] = []
+
+  if (isWeb) {
+    if (insertCSS) {
+      cssRules = getThemeCSSRules({
+        // @ts-ignore this works but should be fixed types
+        config,
+        themeName,
+        names: [themeName],
+        theme,
+      })
+      const id = `t_theme_style_${themeName}`
+      const existing = document.querySelector(`#${id}`)
+      const style = document.createElement('style')
+      style.id = id
+      style.appendChild(document.createTextNode(cssRules.join('\n')))
+      document.head.appendChild(style)
+      if (existing) {
+        existing.parentElement?.removeChild(existing)
+      }
+    }
+  }
+
+  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })
+
+  // trigger updates in components
+  return {
+    theme: themeProxied,
+    cssRules,
+  }
+}

package/src/config.ts

@@ -0,0 +1,62 @@
+import { ConfigListener, TamaguiInternalConfig, Tokens } from './types'
+
+let conf: TamaguiInternalConfig | null
+
+export const setConfig = (next: TamaguiInternalConfig) => {
+  conf = next
+  configListeners.forEach((cb) => cb(next))
+}
+
+export const setConfigFont = (name: string, font: any, fontParsed: any) => {
+  if (process.env.NODE_ENV === 'development') {
+    if (!conf) throw new Error(`Haven't called createTamagui yet`)
+  }
+  conf!.fonts[name] = font
+  conf!.fontsParsed[`$${name}`] = fontParsed
+}
+
+export const getConfig = () => {
+  if (!conf) {
+    throw new Error(
+      process.env.NODE_ENV !== 'production'
+        ? `Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering.`
+        : 'Err0'
+    )
+  }
+  return conf
+}
+
+export const getTokens = ({ prefixed = true }: { prefixed?: boolean } = {}): Tokens =>
+  prefixed ? conf!.tokensParsed : conf!.tokens
+
+/**
+ * Note: this is the same as `getTokens`
+ */
+export const useTokens = () => getTokens()
+
+export const getThemes = () => conf!.themes
+
+export const configListeners = new Set<ConfigListener>()
+
+export const onConfiguredOnce = (cb: ConfigListener) => {
+  if (conf) {
+    cb(conf)
+  } else {
+    configListeners.add(cb)
+  }
+}
+
+export const updateConfig = (key: string, value: any) => {
+  Object.assign(key, value)
+}
+
+// searches by value name or token name
+export const getFont = (name: string) => {
+  const conf = getConfig()
+  return (
+    conf.fontsParsed[name] ??
+    Object.entries(conf.fontsParsed).find(
+      ([k]) => conf.fontsParsed[k]?.family?.['val'] === name
+    )?.[1]
+  )
+}

package/src/constants/constants.ts

@@ -0,0 +1,17 @@
+export const THEME_NAME_SEPARATOR = '_'
+export const THEME_CLASSNAME_PREFIX = 't_'
+
+export const webOnlyDefaultStyles = {
+  display: 'flex',
+  flexBasis: 'auto',
+  boxSizing: 'border-box',
+  position: 'relative',
+  minHeight: 0,
+  minWidth: 0,
+}
+
+export const stackDefaultStyles = {
+  alignItems: 'stretch',
+  flexShrink: 0,
+  ...webOnlyDefaultStyles,
+}

package/src/constants/isDevTools.ts

@@ -0,0 +1,12 @@
+// for verbose logging outside node/cli
+
+export const isDevTools = (() => {
+  if (process.env.NODE_ENV === 'development') {
+    try {
+      return new Function('try {return this===window;}catch(e){ return false;}')()
+    } catch {
+      //
+    }
+  }
+  return false
+})()

package/src/contexts/ButtonNestingContext.tsx

@@ -0,0 +1,3 @@
+import { createContext } from 'react'
+
+export const ButtonNestingContext = createContext(false)

package/src/contexts/FontLanguageContext.tsx

@@ -0,0 +1,5 @@
+import { createContext } from 'react'
+
+import { LanguageContextType } from '../views/FontLanguage.types'
+
+export const FontLanguageContext = createContext<LanguageContextType | null>(null)

package/src/contexts/TextAncestorContext.tsx

@@ -0,0 +1,3 @@
+import React, { createContext } from 'react'
+
+export const TextAncestorContext = createContext(false)