@tamagui/static 3.0.12 → 3.0.14

package/dist/cjs/compilerHost.cjs

@@ -1904,7 +1904,28 @@ function createTamaguiCompilerHost(options) {
 				if (!isSerializableNativeStyle(nativeStyle)) {
 					return bailout(input, "local/unsupported-target", "Native style output is not a static serializable value");
 				}
+				if (component.staticConfig.isText && staticObject(nativeStyleResolved)) {
+					const conf = core.getConfig();
+					const family = String(split.fontFamily || conf.defaultFontToken).replace(/^\$/, "");
+					if (Object.keys(nativeStyleResolved).some((key) => key.startsWith("font") || key === "lineHeight" || key === "letterSpacing") && Object.keys(conf.fontsParsed).some((name) => name.startsWith(`${family}_`))) {
+						return bailout(input, "local/dynamic-style-value", `Font ${family} has FontLanguage variants, so its values resolve at runtime`);
+					}
+				}
 				const nativeStyleLocal = unusedIdentifier(input.source, `__TamaguiNativeStyle${input.element.span.start}`);
+				const pressable = input.element.entries.some((entry) => entry.kind === "prop" && /^on[A-Z]/.test(entry.name));
+				const defaultViewProps = component.domTag ? [] : Object.keys(staticDefaultProps).filter((name) => name !== "style" && split.viewProps && name in split.viewProps && (name !== "suppressHighlighting" || pressable) && !input.element.entries.some((entry) => entry.kind === "prop" && entry.name === name));
+				for (const name of defaultViewProps) {
+					const value = split.viewProps[name];
+					if (input.element.form !== "jsx" || !(value === null || typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value))) {
+						return bailout(input, "local/unsupported-target", `Default prop ${name} cannot be written onto the flattened host`);
+					}
+				}
+				const defaultPropEdits = defaultViewProps.length ? [{
+					start: input.element.component.span.end,
+					end: input.element.component.span.end,
+					content: defaultViewProps.map((name) => ` ${name}={${JSON.stringify(split.viewProps[name])}}`).join(""),
+					origin: input.element.component.span
+				}] : [];
 				const usesNativeFastPath = !!themedStyleKeys && !!options.experimentalNativeFastPath && dynamicStyleEntries.length === 0 && !input.element.entries.some((entry) => entry.kind === "spread");
 				const nativeStyleImports = [{
 					content: `
@@ -2075,8 +2096,8 @@ import { createElement as ${createElementLocal} } from "react"
 					};
 				}
 				const nativeName = component.staticConfig.isText ? "Text" : "View";
-				const useHostView = options.experimentalNativeFastPath && nativeName === "View" && isBareHostView(input.element, !!nativeFastPath);
-				const useHostText = options.experimentalNativeFastPath && nativeName === "Text" && !!nativeFastPath && isBareHostText(input.element);
+				const useHostView = options.experimentalNativeFastPath && nativeName === "View" && isBareHostView(input.element, !!nativeFastPath) && !defaultViewProps.some((name) => VIEW_WRAPPER_PROPS.test(name));
+				const useHostText = options.experimentalNativeFastPath && nativeName === "Text" && !!nativeFastPath && isBareHostText(input.element) && !defaultViewProps.some((name) => TEXT_WRAPPER_PROPS.test(name));
 				const nativeExport = useHostView ? "unstable_NativeView" : nativeName;
 				const nativeLocal = unusedIdentifier(input.source, `__TamaguiNative${useHostView ? "HostView" : nativeName}`);
 				if (themedStyleKeys && options.disablePartialExtraction) {
@@ -2123,6 +2144,7 @@ import { createElement as ${createElementLocal} } from "react"
 							edits: [
 								...inlineEdits,
 								...tagEdits4,
+								...defaultPropEdits,
 								...styleEdits
 							],
 							css: [],
@@ -2284,7 +2306,11 @@ const ${fastLocal} = require('@tamagui/core')._withNativeStyle(${nativeLocal}, $
 					}
 					return {
 						ok: true,
-						edits: [...tagEdits3, ...expressionEdits],
+						edits: [
+							...tagEdits3,
+							...defaultPropEdits,
+							...expressionEdits
+						],
 						css: [],
 						imports: [
 							...nativeStyleImports,
@@ -2329,12 +2355,16 @@ const ${nativeLocal} = require('react-native').${nativeExport};`,
 				if (styleEntries.length === 0) {
 					return {
 						ok: true,
-						edits: [...tagEdits2, {
-							start: input.element.component.span.end,
-							end: input.element.component.span.end,
-							content: ` style={${nativeStyleSource}}`,
-							origin: input.element.component.span
-						}],
+						edits: [
+							...tagEdits2,
+							...defaultPropEdits,
+							{
+								start: input.element.component.span.end,
+								end: input.element.component.span.end,
+								content: ` style={${nativeStyleSource}}`,
+								origin: input.element.component.span
+							}
+						],
 						css: [],
 						imports: [...nativeStyleImports, {
 							content: `
@@ -2350,6 +2380,7 @@ const ${nativeLocal} = require('react-native').${nativeExport};`,
 					ok: true,
 					edits: [
 						...tagEdits2,
+						...defaultPropEdits,
 						...webPropEdits,
 						{
 							start: first2.span.start,

package/dist/esm/compilerHost.mjs

@@ -1879,7 +1879,28 @@ function createTamaguiCompilerHost(options) {
 				if (!isSerializableNativeStyle(nativeStyle)) {
 					return bailout(input, "local/unsupported-target", "Native style output is not a static serializable value");
 				}
+				if (component.staticConfig.isText && staticObject(nativeStyleResolved)) {
+					const conf = core.getConfig();
+					const family = String(split.fontFamily || conf.defaultFontToken).replace(/^\$/, "");
+					if (Object.keys(nativeStyleResolved).some((key) => key.startsWith("font") || key === "lineHeight" || key === "letterSpacing") && Object.keys(conf.fontsParsed).some((name) => name.startsWith(`${family}_`))) {
+						return bailout(input, "local/dynamic-style-value", `Font ${family} has FontLanguage variants, so its values resolve at runtime`);
+					}
+				}
 				const nativeStyleLocal = unusedIdentifier(input.source, `__TamaguiNativeStyle${input.element.span.start}`);
+				const pressable = input.element.entries.some((entry) => entry.kind === "prop" && /^on[A-Z]/.test(entry.name));
+				const defaultViewProps = component.domTag ? [] : Object.keys(staticDefaultProps).filter((name) => name !== "style" && split.viewProps && name in split.viewProps && (name !== "suppressHighlighting" || pressable) && !input.element.entries.some((entry) => entry.kind === "prop" && entry.name === name));
+				for (const name of defaultViewProps) {
+					const value = split.viewProps[name];
+					if (input.element.form !== "jsx" || !(value === null || typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value))) {
+						return bailout(input, "local/unsupported-target", `Default prop ${name} cannot be written onto the flattened host`);
+					}
+				}
+				const defaultPropEdits = defaultViewProps.length ? [{
+					start: input.element.component.span.end,
+					end: input.element.component.span.end,
+					content: defaultViewProps.map((name) => ` ${name}={${JSON.stringify(split.viewProps[name])}}`).join(""),
+					origin: input.element.component.span
+				}] : [];
 				const usesNativeFastPath = !!themedStyleKeys && !!options.experimentalNativeFastPath && dynamicStyleEntries.length === 0 && !input.element.entries.some((entry) => entry.kind === "spread");
 				const nativeStyleImports = [{
 					content: `
@@ -2050,8 +2071,8 @@ import { createElement as ${createElementLocal} } from "react"
 					};
 				}
 				const nativeName = component.staticConfig.isText ? "Text" : "View";
-				const useHostView = options.experimentalNativeFastPath && nativeName === "View" && isBareHostView(input.element, !!nativeFastPath);
-				const useHostText = options.experimentalNativeFastPath && nativeName === "Text" && !!nativeFastPath && isBareHostText(input.element);
+				const useHostView = options.experimentalNativeFastPath && nativeName === "View" && isBareHostView(input.element, !!nativeFastPath) && !defaultViewProps.some((name) => VIEW_WRAPPER_PROPS.test(name));
+				const useHostText = options.experimentalNativeFastPath && nativeName === "Text" && !!nativeFastPath && isBareHostText(input.element) && !defaultViewProps.some((name) => TEXT_WRAPPER_PROPS.test(name));
 				const nativeExport = useHostView ? "unstable_NativeView" : nativeName;
 				const nativeLocal = unusedIdentifier(input.source, `__TamaguiNative${useHostView ? "HostView" : nativeName}`);
 				if (themedStyleKeys && options.disablePartialExtraction) {
@@ -2098,6 +2119,7 @@ import { createElement as ${createElementLocal} } from "react"
 							edits: [
 								...inlineEdits,
 								...tagEdits4,
+								...defaultPropEdits,
 								...styleEdits
 							],
 							css: [],
@@ -2259,7 +2281,11 @@ const ${fastLocal} = require('@tamagui/core')._withNativeStyle(${nativeLocal}, $
 					}
 					return {
 						ok: true,
-						edits: [...tagEdits3, ...expressionEdits],
+						edits: [
+							...tagEdits3,
+							...defaultPropEdits,
+							...expressionEdits
+						],
 						css: [],
 						imports: [
 							...nativeStyleImports,
@@ -2304,12 +2330,16 @@ const ${nativeLocal} = require('react-native').${nativeExport};`,
 				if (styleEntries.length === 0) {
 					return {
 						ok: true,
-						edits: [...tagEdits2, {
-							start: input.element.component.span.end,
-							end: input.element.component.span.end,
-							content: ` style={${nativeStyleSource}}`,
-							origin: input.element.component.span
-						}],
+						edits: [
+							...tagEdits2,
+							...defaultPropEdits,
+							{
+								start: input.element.component.span.end,
+								end: input.element.component.span.end,
+								content: ` style={${nativeStyleSource}}`,
+								origin: input.element.component.span
+							}
+						],
 						css: [],
 						imports: [...nativeStyleImports, {
 							content: `
@@ -2325,6 +2355,7 @@ const ${nativeLocal} = require('react-native').${nativeExport};`,
 					ok: true,
 					edits: [
 						...tagEdits2,
+						...defaultPropEdits,
 						...webPropEdits,
 						{
 							start: first2.span.start,