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

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@tamagui/static",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.5",
   "source": "src/index.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "typings": "types.d.ts",
   "files": [
+    "types.d.ts",
     "dist",
     "src"
   ],
@@ -25,48 +26,48 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/generator": "^7.15.4",
-    "@babel/helper-plugin-utils": "^7.14.5",
-    "@babel/parser": "^7.15.7",
     "@babel/plugin-syntax-typescript": "^7.14.5",
-    "@babel/traverse": "^7.15.4",
     "@babel/types": "^7.15.6",
-    "@dish/babel-preset": "^0.0.6",
-    "@expo/match-media": "^0.1.0",
-    "@tamagui/build": "^1.0.0-alpha.1",
-    "@tamagui/core": "^1.0.0-alpha.1",
     "@testing-library/react": "13.0.0-alpha.4",
     "@types/jest": "*",
     "@types/node": "^16.11.9",
     "@types/react-native": "^0.64.2",
     "@types/webpack": "^4.41.26",
-    "babel-literal-to-ast": "^2.1.0",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.2.4",
-    "esbuild": "^0.13.12",
-    "find-cache-dir": "^3.3.1",
-    "fs-extra": "^9.0.0",
-    "invariant": "^2.2.4",
     "jest": "^27.3.1",
     "loader-utils": "^2.0.0",
-    "lodash": "^4.17.20",
     "react": "*",
     "react-dom": "*",
     "react-test-renderer": "18.0.0-beta-149b420f6-20211119",
     "style-loader": "^3.3.0",
-    "tamagui": "^1.0.0-alpha.1",
     "typescript": "^4.4.4",
     "webpack": "^5.58.1"
   },
   "dependencies": {
-    "@tamagui/core-node": "^1.0.0-alpha.1",
-    "@tamagui/fake-react-native": "^1.0.0-alpha.1",
-    "@tamagui/helpers": "^1.0.0-alpha.1",
-    "esbuild-register": "^3.1.2"
+    "@babel/core": "^7.15.5",
+    "@babel/generator": "^7.15.4",
+    "@babel/helper-plugin-utils": "^7.14.5",
+    "@babel/parser": "^7.15.7",
+    "@babel/traverse": "^7.15.4",
+    "@dish/babel-preset": "^0.0.6",
+    "@expo/match-media": "^0.1.0",
+    "@tamagui/build": "^1.0.0-alpha.2",
+    "@tamagui/core": "^1.0.0-alpha.5",
+    "@tamagui/core-node": "^1.0.0-alpha.5",
+    "@tamagui/fake-react-native": "^1.0.0-alpha.2",
+    "@tamagui/helpers": "^1.0.0-alpha.5",
+    "babel-literal-to-ast": "^2.1.0",
+    "esbuild": "^0.13.12",
+    "esbuild-register": "^3.1.2",
+    "find-cache-dir": "^3.3.1",
+    "fs-extra": "^9.0.0",
+    "invariant": "^2.2.4",
+    "lodash": "^4.17.20",
+    "tamagui": "^1.0.0-alpha.5"
   },
   "peerDependencies": {
     "react-native-web": "*"
   },
-  "gitHead": "a41c5a5b08be5518d138515137122c248e3f7c71"
+  "gitHead": "e12f14aa087c41ea5ba3933a05f33fada0be03c0"
 }

package/src/extractor/createExtractor.ts

@@ -100,6 +100,7 @@ export function createExtractor() {
        */
       const isInternalImport = (importStr: string) =>
         isInsideTamagui(sourcePath) && importStr[0] === '.'
+
       const validComponents: { [key: string]: any } = Object.keys(components)
         .filter((key) => !!components[key]?.staticConfig)
         .reduce((obj, name) => {
@@ -399,9 +400,9 @@ export function createExtractor() {
                 }
                 const propName = prop.key['name']
                 if (!isStaticAttributeName(propName) && propName !== 'tag') {
-                  // if (shouldPrintDebug) {
-                  console.log('  not a valid style prop!', propName)
-                  // }
+                  if (shouldPrintDebug) {
+                    console.log('  not a valid style prop!', propName)
+                  }
                   return false
                 }
                 return true
@@ -489,7 +490,9 @@ export function createExtractor() {
                 const [test, alt, cons] = conditional
                 if (!test) throw new Error(`no test`)
                 if ([alt, cons].some((side) => side && !isExtractable(side))) {
-                  console.log('not extractable', alt, cons)
+                  if (shouldPrintDebug) {
+                    console.log('not extractable', alt, cons)
+                  }
                   return attr
                 }
                 // split into individual ternaries per object property

package/src/extractor/extractHelpers.ts

@@ -21,7 +21,10 @@ export const attrStr = (attr: ExtractedAttr) => {
 
 export const objToStr = (obj: any) => {
   return Object.entries(obj)
-    .map(([k, v]) => `${k}:${Array.isArray(v) ? `[...]` : v && typeof v === 'object' ? `{${objToStr(v)}}` : v}`)
+    .map(
+      ([k, v]) =>
+        `${k}:${Array.isArray(v) ? `[...]` : v && typeof v === 'object' ? `{${objToStr(v)}}` : v}`
+    )
     .join(', ')
 }
 
@@ -69,7 +72,11 @@ export function findComponentName(scope) {
   return componentName
 }
 
-export function isValidThemeHook(jsxPath: NodePath<t.JSXElement>, n: t.MemberExpression, sourcePath: string) {
+export function isValidThemeHook(
+  jsxPath: NodePath<t.JSXElement>,
+  n: t.MemberExpression,
+  sourcePath: string
+) {
   if (!t.isIdentifier(n.object) || !t.isIdentifier(n.property)) return false
   const bindings = jsxPath.scope.getAllBindings()
   const binding = bindings[n.object.name]
@@ -90,4 +97,6 @@ export function isValidThemeHook(jsxPath: NodePath<t.JSXElement>, n: t.MemberExp
   return true
 }
 
-export const isInsideTamagui = (srcName: string) => srcName.includes('/tamagui/')
+export const isInsideTamagui = (srcName: string) => {
+  return srcName.includes('/tamagui/_jsx') || srcName.includes('/core/src')
+}

package/types.d.ts

@@ -0,0 +1,210 @@
+// 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;
+	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;
+};
+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;
+	onDidFlatten?: () => void;
+};
+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);
+}
+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;
+};
+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(): {
+	getTamaguiConfig(): 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, onDidFlatten, ...props }: ExtractorParseProps) => null | undefined;
+};
+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 {};