@tamagui/static 3.1.2 → 3.1.4

package/dist/cjs/compilerHost.cjs

@@ -1116,6 +1116,8 @@ function createTamaguiCompilerHost(options) {
 		}
 		const row = import_dom.TAGS[tag];
 		const textLike = row.backing === "text" || row.backing === "textinput";
+		const moduleName = modulesById.get(identity.resolvedId);
+		const frontend = moduleName ? componentsByModule.get(moduleName)?.nameToInfo[textLike ? "Text" : "View"]?.staticConfig.styleFrontend : void 0;
 		const base = (textLike ? core.Text : core.View)?.staticConfig;
 		if (!base) return null;
 		const platformDefaults = platform === "web" ? {
@@ -1133,6 +1135,7 @@ function createTamaguiCompilerHost(options) {
 			displayName: tag,
 			staticConfig: normalizeStaticConfig({
 				...base,
+				styleFrontend: frontend,
 				isDOM: true,
 				isInput: row.backing === "textinput",
 				validStyles: {

package/dist/cjs/extractor/bundle.cjs

@@ -70,7 +70,7 @@ const esbuildLoaderConfig = {
 };
 const dataExtensions = Object.keys(esbuildLoaderConfig).filter((k) => esbuildLoaderConfig[k] === "file" || esbuildLoaderConfig[k] === "dataurl").map((k) => k.slice(1));
 const esbuildIgnoreFilesRegex = new RegExp(`.(${dataExtensions.join("|")})$`, "i");
-function getESBuildConfig({ entryPoints, resolvePlatformSpecificEntries, dangerouslyIgnoreStaticEvaluationModules = [], define: callerDefine, conditions: callerConditions = [], ...options }, platform, aliases) {
+function getESBuildConfig({ entryPoints, resolvePlatformSpecificEntries, dangerouslyIgnoreStaticEvaluationModules = [], nativePlatform, define: callerDefine, conditions: callerConditions = [], ...options }, platform, aliases) {
 	if (process.env.DEBUG?.startsWith("tamagui")) {
 		console.info(`Building`, entryPoints);
 	}
@@ -169,6 +169,22 @@ function getESBuildConfig({ entryPoints, resolvePlatformSpecificEntries, dangero
 			{
 				name: "external",
 				setup(build) {
+					if (platform === "native") {
+						build.onResolve({ filter: /^react-native$/ }, () => ({
+							path: "react-native",
+							namespace: "tamagui-native-evaluation"
+						}));
+						build.onLoad({
+							filter: /.*/,
+							namespace: "tamagui-native-evaluation"
+						}, () => ({
+							contents: `export * from ${JSON.stringify(nodeRequire.resolve("@tamagui/react-native-web-lite"))}
+import { getNativeColorFactories } from ${JSON.stringify(nodeRequire.resolve("@tamagui/react-native-web-lite/nativeColors"))}
+export const { PlatformColor, DynamicColorIOS } = getNativeColorFactories(${JSON.stringify(nativePlatform || process.env.EXPO_OS || "ios")})`,
+							loader: "js",
+							resolveDir: build.initialOptions.absWorkingDir || process.cwd()
+						}));
+					}
 					build.onResolve({ filter: /^@tamagui\/(core|web)$/ }, (args) => {
 						if (args.kind === "entry-point") {
 							return null;

package/dist/cjs/extractor/bundleConfig.cjs

@@ -182,6 +182,7 @@ function getBundleKey(props) {
 		components: props.components,
 		config: props.config,
 		platform: props.platform,
+		nativePlatform: props.nativePlatform,
 		dangerouslyIgnoreStaticEvaluationModules: props.dangerouslyIgnoreStaticEvaluationModules
 	});
 }
@@ -277,7 +278,7 @@ async function bundleConfig(props, rebuild = false) {
 		isBundling = true;
 		const rootRequire = (0, import_node_module.createRequire)((0, import_node_path.join)(root, "package.json"));
 		const tmpDir = (0, import_node_path.join)(root, ".tamagui");
-		const platformSuffix = (props.platform || "web") === "native" ? ".native" : ".web";
+		const platformSuffix = props.platform === "native" ? `.native${props.nativePlatform ? `.${props.nativePlatform}` : ""}` : ".web";
 		const configFormat = configEntry ? (0, import_detectModuleFormat.detectModuleFormat)(configEntry) : "cjs";
 		const configExt = configFormat === "esm" ? ".mjs" : ".cjs";
 		const configOutPath = (0, import_node_path.join)(tmpDir, `tamagui.config${platformSuffix}${configExt}`);
@@ -330,6 +331,7 @@ async function bundleConfig(props, rebuild = false) {
 				absWorkingDir: root,
 				metafile: true,
 				dangerouslyIgnoreStaticEvaluationModules: props.dangerouslyIgnoreStaticEvaluationModules,
+				nativePlatform: props.nativePlatform,
 				...esbuildExtraOptions
 			}, props.platform || "web") : null, ...baseComponents.map((componentModule, i) => {
 				return (0, import_bundle.esbundleTamaguiConfig)({
@@ -342,6 +344,7 @@ async function bundleConfig(props, rebuild = false) {
 					absWorkingDir: root,
 					metafile: true,
 					dangerouslyIgnoreStaticEvaluationModules: props.dangerouslyIgnoreStaticEvaluationModules,
+					nativePlatform: props.nativePlatform,
 					...esbuildExtraOptions
 				}, props.platform || "web");
 			})]);
@@ -488,7 +491,10 @@ async function evaluateComponentModule(props, id) {
 	const previousIsServer = process.env.TAMAGUI_IS_SERVER;
 	process.env.IS_STATIC = "is_static";
 	process.env.TAMAGUI_IS_SERVER = "true";
-	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", { ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules });
+	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", {
+		ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules,
+		nativePlatform: props.nativePlatform
+	});
 	try {
 		try {
 			return nodeRequire(id);
@@ -527,13 +533,17 @@ async function loadComponentsInner(props, forceExports = false) {
 	const componentsModules = props.components || [];
 	const key = JSON.stringify([
 		props.platform,
+		props.nativePlatform,
 		componentsModules,
 		props.dangerouslyIgnoreStaticEvaluationModules
 	]);
 	if (!forceExports && cacheComponents[key]) {
 		return cacheComponents[key];
 	}
-	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", { ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules });
+	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", {
+		ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules,
+		nativePlatform: props.nativePlatform
+	});
 	try {
 		const results = [];
 		for (const name of componentsModules) {
@@ -632,13 +642,17 @@ function loadComponentsInnerSync(props, forceExports = false) {
 	const componentsModules = props.components || [];
 	const key = JSON.stringify([
 		props.platform,
+		props.nativePlatform,
 		componentsModules,
 		props.dangerouslyIgnoreStaticEvaluationModules
 	]);
 	if (!forceExports && cacheComponents[key]) {
 		return cacheComponents[key];
 	}
-	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", { ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules });
+	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", {
+		ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules,
+		nativePlatform: props.nativePlatform
+	});
 	try {
 		const info = componentsModules.flatMap((name) => {
 			const extension = (0, import_node_path.extname)(name);

package/dist/cjs/extractor/loadTamagui.cjs

@@ -248,7 +248,10 @@ function loadTamaguiSync({ forceExports, cacheKey, ...propsIn }) {
 	const previousDev = globalThis["__DEV__"];
 	process.env.IS_STATIC = "is_static";
 	process.env.TAMAGUI_IS_SERVER = "true";
-	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", { ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules });
+	const { unregister } = (0, import_registerRequire.registerRequire)(props.platform || "web", {
+		ignoredModules: props.dangerouslyIgnoreStaticEvaluationModules,
+		nativePlatform: props.nativePlatform
+	});
 	try {
 		globalThis["__DEV__"] = process.env.NODE_ENV === "development";
 		let tamaguiConfig = null;

package/dist/cjs/registerRequire.cjs

@@ -22,6 +22,7 @@ var registerRequire_exports = {};
 __export(registerRequire_exports, {
 	getNameToPaths: () => getNameToPaths,
 	registerRequire: () => registerRequire,
+	requireNativeEvaluationModule: () => requireNativeEvaluationModule,
 	setRequireResult: () => setRequireResult
 });
 module.exports = __toCommonJS(registerRequire_exports);
@@ -31,6 +32,7 @@ var import_node = require("esbuild-register/dist/node");
 var import_node_module = require("node:module");
 var import_bundle = require("./extractor/bundle.cjs");
 var import_requireTamaguiCore = require("./helpers/requireTamaguiCore.cjs");
+var import_nativeColors = require("@tamagui/react-native-web-lite/nativeColors");
 var import_staticEvaluationIgnoredModules = require("./staticEvaluationIgnoredModules.cjs");
 const import_meta = {};
 const nameToPaths = {};
@@ -59,6 +61,14 @@ const compiled = {};
 function setRequireResult(name, result) {
 	compiled[name] = result;
 }
+function requireNativeEvaluationModule(modulePath, nativePlatform) {
+	const registration = registerRequire("native", { nativePlatform });
+	try {
+		return nodeRequire(modulePath);
+	} finally {
+		registration.unregister();
+	}
+}
 function getStaticExtractionStub(path) {
 	switch (path) {
 		case "expo-constants": return {
@@ -112,7 +122,7 @@ function getStaticExtractionStub(path) {
 		default: return null;
 	}
 }
-function registerRequire(platform, { ignoredModules = [] } = { ignoredModules: [] }) {
+function registerRequire(platform, { ignoredModules = [], nativePlatform } = { ignoredModules: [] }) {
 	if (isRegistered) {
 		return {
 			tamaguiRequire: nodeRequire,
@@ -141,6 +151,7 @@ function registerRequire(platform, { ignoredModules = [] } = { ignoredModules: [
 	}
 	isRegistered = true;
 	Module.prototype.require = tamaguiRequire;
+	let nativeModule;
 	function tamaguiRequire(path) {
 		const staticExtractionStub = getStaticExtractionStub(path);
 		if (staticExtractionStub) {
@@ -188,6 +199,12 @@ function registerRequire(platform, { ignoredModules = [] } = { ignoredModules: [
 		if (path === "react-native/package.json") {
 			return og.apply(this, ["react-native-web/package.json"]);
 		}
+		if (platform === "native" && path === "react-native") {
+			return nativeModule ||= {
+				...og.apply(this, ["@tamagui/react-native-web-lite"]),
+				...(0, import_nativeColors.getNativeColorFactories)(nativePlatform || process.env.EXPO_OS || "ios")
+			};
+		}
 		if (path === "@tamagui/react-native-web-lite" || path === "react-native" || path.startsWith("react-native/") || path === "react-native-web" || path.startsWith("react-native-web/")) {
 			try {
 				return og.apply("react-native");

package/dist/esm/compilerHost.mjs

@@ -1091,6 +1091,8 @@ function createTamaguiCompilerHost(options) {
 		}
 		const row = TAGS[tag];
 		const textLike = row.backing === "text" || row.backing === "textinput";
+		const moduleName = modulesById.get(identity.resolvedId);
+		const frontend = moduleName ? componentsByModule.get(moduleName)?.nameToInfo[textLike ? "Text" : "View"]?.staticConfig.styleFrontend : void 0;
 		const base = (textLike ? core.Text : core.View)?.staticConfig;
 		if (!base) return null;
 		const platformDefaults = platform === "web" ? {
@@ -1108,6 +1110,7 @@ function createTamaguiCompilerHost(options) {
 			displayName: tag,
 			staticConfig: normalizeStaticConfig({
 				...base,
+				styleFrontend: frontend,
 				isDOM: true,
 				isInput: row.backing === "textinput",
 				validStyles: {