@tamagui/static 1.0.0-alpha.1 → 1.0.0-alpha.10

package/src/patchReactNativeWeb.ts

@@ -9,10 +9,28 @@ import path from 'path'
 // keep it sync
 export function patchReactNativeWeb() {
   const rootDir = require.resolve('react-native-web').replace(/\/dist.*/, '')
+  const modulePath = path.join(rootDir, 'dist', 'tamagui-exports.js')
+  const cjsPath = path.join(rootDir, 'dist', 'cjs', 'tamagui-exports.js')
 
-  // write our export files
-  fs.writeFileSync(path.join(rootDir, 'dist', 'tamagui-exports.js'), moduleExports)
-  fs.writeFileSync(path.join(rootDir, 'dist', 'cjs', 'tamagui-exports.js'), cjsExports)
+  const isEqual = (() => {
+    let res = false
+    try {
+      res =
+        fs.readFileSync(modulePath, 'utf-8') === moduleExports &&
+        fs.readFileSync(cjsPath, 'utf-8') == cjsExports
+    } catch {
+      res = false
+    }
+    return res
+  })()
+
+  if (!isEqual) {
+    console.log('🥚 Tamagui patching react-native-web to share atomic styling primitives')
+    console.log('   > adding', modulePath)
+    console.log('   > adding', cjsPath)
+    fs.writeFileSync(modulePath, moduleExports)
+    fs.writeFileSync(cjsPath, cjsExports)
+  }
 
   // if entry files not patched, patch them:
   const moduleEntry = path.join(rootDir, 'dist', 'index.js')
@@ -41,8 +59,6 @@ exports.TamaguiExports = _interopRequireDefault(require("./tamagui-exports"));
 // tamagui-patch-end
 `
     )
-
-    console.log(`Tamagui patched react-native-web`)
   }
 }
 

package/src/types.ts

@@ -15,6 +15,8 @@ export interface TamaguiOptions {
   evaluateVars?: boolean
   importsWhitelist?: string[]
   disableExtraction?: boolean
+  disableDebugAttr?: boolean
+  disableExtractInlineMedia?: boolean
   exclude?: RegExp
   logTimings?: boolean
 
@@ -30,9 +32,17 @@ export type ExtractedAttrAttr = {
   value: t.JSXAttribute | t.JSXSpreadAttribute
 }
 
-export type ExtractedAttrStyle = { type: 'style'; value: Object }
+export type ExtractedAttrStyle = {
+  type: 'style'
+  value: Object
+  attr?: t.JSXAttribute | t.JSXSpreadAttribute
+  name?: string
+}
 
-export type ExtractedAttr = ExtractedAttrAttr | { type: 'ternary'; value: Ternary } | ExtractedAttrStyle
+export type ExtractedAttr =
+  | ExtractedAttrAttr
+  | { type: 'ternary'; value: Ternary }
+  | ExtractedAttrStyle
 
 export type ExtractTagProps = {
   attrs: ExtractedAttr[]
@@ -51,7 +61,6 @@ export type ExtractorParseProps = TamaguiOptions & {
   shouldPrintDebug?: boolean
   onExtractTag: (props: ExtractTagProps) => void
   getFlattenedNode: (props: { isTextView: boolean; tag: string }) => string
-  onDidFlatten?: () => void
 }
 
 export interface Ternary {

package/types.d.ts

@@ -0,0 +1,219 @@
+// Generated by dts-bundle-generator v5.9.0
+
+/// <reference types="babel__traverse" />
+/// <reference types="node" />
+
+import * as t from '@babel/types';
+
+export interface TamaguiOptions {
+	components: string[];
+	config?: string;
+	evaluateVars?: boolean;
+	importsWhitelist?: string[];
+	disableExtraction?: boolean;
+	disableDebugAttr?: boolean;
+	disableExtractInlineMedia?: boolean;
+	exclude?: RegExp;
+	logTimings?: boolean;
+	cssPath?: string;
+	cssData?: any;
+	deoptProps?: Set<string>;
+	excludeProps?: string[];
+}
+export declare type ExtractedAttrAttr = {
+	type: "attr";
+	value: t.JSXAttribute | t.JSXSpreadAttribute;
+};
+export declare type ExtractedAttrStyle = {
+	type: "style";
+	value: Object;
+	attr?: t.JSXAttribute | t.JSXSpreadAttribute;
+	name?: string;
+};
+export declare type ExtractedAttr = ExtractedAttrAttr | {
+	type: "ternary";
+	value: Ternary;
+} | ExtractedAttrStyle;
+export declare type ExtractTagProps = {
+	attrs: ExtractedAttr[];
+	node: t.JSXOpeningElement;
+	attemptEval: (exprNode: t.Node, evalFn?: ((node: t.Node) => any) | undefined) => any;
+	jsxPath: NodePath<t.JSXElement>;
+	programPath: NodePath<t.Program>;
+	originalNodeName: string;
+	lineNumbers: string;
+	filePath: string;
+	isFlattened: boolean;
+};
+export declare type ExtractorParseProps = TamaguiOptions & {
+	sourcePath?: string;
+	shouldPrintDebug?: boolean;
+	onExtractTag: (props: ExtractTagProps) => void;
+	getFlattenedNode: (props: {
+		isTextView: boolean;
+		tag: string;
+	}) => string;
+};
+export interface Ternary {
+	test: t.Expression;
+	inlineMediaQuery?: string;
+	remove: Function;
+	consequent: Object | null;
+	alternate: Object | null;
+}
+declare class Variable {
+	name: string;
+	val: string | number;
+	variable: string | number;
+	constructor({ val, name }: VariableIn);
+	toString(): string | number;
+}
+export declare type VariableIn = {
+	val: string | number;
+	name: string;
+};
+export declare type ThemeProviderProps = {
+	themes: any;
+	defaultTheme: string;
+	disableRootThemeClass?: boolean;
+	children?: any;
+};
+export interface CreateTokens<Val extends number | string | Variable = number | string | Variable> {
+	font: {
+		[key: string]: GenericFont;
+	};
+	color: {
+		[key: string]: Val;
+	};
+	space: {
+		[key: string]: Val;
+	};
+	size: {
+		[key: string]: Val;
+	};
+	radius: {
+		[key: string]: Val;
+	};
+	zIndex: {
+		[key: string]: Val;
+	};
+}
+export declare type GenericTokens = CreateTokens;
+export declare type GenericThemes = {
+	[key: string]: {
+		bg: string | Variable;
+		bg2: string | Variable;
+		bg3: string | Variable;
+		bg4: string | Variable;
+		color: string | Variable;
+		color2: string | Variable;
+		color3: string | Variable;
+		color4: string | Variable;
+		borderColor: string | Variable;
+		borderColor2: string | Variable;
+		shadowColor: string | Variable;
+		shadowColor2: string | Variable;
+	};
+};
+export declare type GenericShorthands = {};
+export declare type GenericMedia<K extends string = string> = {
+	[key in K]: {
+		[key: string]: number | string;
+	};
+};
+export declare type CreateTamaguiConfig<A extends GenericTokens, B extends GenericThemes, C extends GenericShorthands, D extends GenericMedia> = Partial<Pick<ThemeProviderProps, "defaultTheme" | "disableRootThemeClass">> & {
+	tokens: A;
+	themes: B;
+	shorthands: C;
+	media: D;
+};
+export declare type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia> = CreateTamaguiConfig<A, B, C, D> & {
+	Provider: (props: TamaguiProviderProps) => any;
+	themeParsed: {
+		[key: string]: Variable;
+	};
+	tokensParsed: CreateTokens<Variable>;
+	themeConfig: any;
+	getCSS: () => string;
+	parsed: boolean;
+};
+export declare type GenericFont = {
+	size: {
+		[key: string | number]: number | Variable;
+	};
+	lineHeight: {
+		[key: string | number]: number | Variable;
+	};
+	letterSpacing: {
+		[key: string | number]: number | Variable;
+	};
+	weight: {
+		[key: string | number]: string | Variable;
+	};
+	family: string | Variable;
+};
+export declare type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, "children">> & {
+	initialWindowMetrics?: any;
+	fallback?: any;
+	children?: any;
+};
+export declare type Extractor = ReturnType<typeof createExtractor>;
+export declare function createExtractor(): {
+	getTamagui(): TamaguiInternalConfig<import("@tamagui/core").CreateTokens<string | number | import("@tamagui/core").Variable>, {
+		[key: string]: {
+			bg: string | import("@tamagui/core").Variable;
+			bg2: string | import("@tamagui/core").Variable;
+			bg3: string | import("@tamagui/core").Variable;
+			bg4: string | import("@tamagui/core").Variable;
+			color: string | import("@tamagui/core").Variable;
+			color2: string | import("@tamagui/core").Variable;
+			color3: string | import("@tamagui/core").Variable;
+			color4: string | import("@tamagui/core").Variable;
+			borderColor: string | import("@tamagui/core").Variable;
+			borderColor2: string | import("@tamagui/core").Variable;
+			shadowColor: string | import("@tamagui/core").Variable;
+			shadowColor2: string | import("@tamagui/core").Variable;
+		};
+	}, {}, {
+		[x: string]: {
+			[key: string]: string | number;
+		};
+	}>;
+	parse: (fileOrPath: NodePath<t.Program> | t.File, { config, importsWhitelist, evaluateVars, shouldPrintDebug, sourcePath, onExtractTag, getFlattenedNode, disableExtraction, disableExtractInlineMedia, disableDebugAttr, ...props }: ExtractorParseProps) => {
+		flattened: number;
+		optimized: number;
+		modified: number;
+	} | null;
+};
+export declare function literalToAst(literal: any): t.Expression;
+export declare const CSS_FILE_NAME = "__snack.css";
+export declare const MEDIA_SEP = "_";
+export declare const cacheDir: any;
+export declare const CONCAT_CLASSNAME_IMPORT = "concatClassName";
+export declare function extractToClassNames({ loader, extractor, source, sourcePath, options, shouldPrintDebug, threaded, cssPath, }: {
+	loader: any;
+	extractor: Extractor;
+	source: string | Buffer;
+	sourcePath: string;
+	options: TamaguiOptions;
+	shouldPrintDebug: boolean;
+	cssPath: string;
+	threaded?: boolean;
+}): null | {
+	js: string | Buffer;
+	styles: string;
+	stylesPath?: string;
+	ast: t.File;
+	map: any;
+};
+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;
+export declare const objToStr: (obj: any) => any;
+export declare const ternaryStr: (x: Ternary) => string;
+export declare function findComponentName(scope: any): string | undefined;
+export declare function isValidThemeHook(jsxPath: NodePath<t.JSXElement>, n: t.MemberExpression, sourcePath: string): boolean;
+export declare const isInsideTamagui: (srcName: string) => boolean;
+export declare function patchReactNativeWeb(): void;
+
+export {};