react-native-boost 0.6.2 → 1.0.0

package/dist/runtime/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/runtime/utils/constants.ts","../../src/runtime/components/native-text.tsx","../../src/runtime/components/native-view.tsx","../../src/runtime/index.ts"],"sourcesContent":["// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n","/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\nimport { Platform } from 'react-native';\n\nexport const NativeText =\n  Platform.OS === 'web'\n    ? require('react-native').Text\n    : require('react-native/Libraries/Text/TextNativeComponent').NativeText;\n","/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\nimport { Platform } from 'react-native';\n\nexport const NativeView =\n  Platform.OS === 'web'\n    ? require('react-native').View\n    : require('react-native/Libraries/Components/View/ViewNativeComponent').default;\n","import { TextProps, TextStyle, StyleSheet } from 'react-native';\nimport { GenericStyleProp } from './types';\nimport { userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap } from './utils/constants';\n\nconst propsCache = new WeakMap();\n\nexport function processTextStyle(style: GenericStyleProp<TextStyle>): Partial<TextProps> {\n  if (!style) return {};\n\n  // Cache the computed props\n  let props = propsCache.get(style);\n  if (props) return props;\n\n  props = {};\n  propsCache.set(style, props);\n\n  style = StyleSheet.flatten(style) as TextStyle;\n\n  if (!style) return {};\n\n  if (typeof style?.fontWeight === 'number') {\n    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];\n  }\n\n  if (style?.userSelect != null) {\n    props.selectable = userSelectToSelectableMap[style.userSelect];\n    delete style.userSelect;\n  }\n\n  if (style?.verticalAlign != null) {\n    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[\n      style.verticalAlign\n    ] as TextStyle['textAlignVertical'];\n    delete style.verticalAlign;\n  }\n\n  props.style = style;\n  return props;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function processAccessibilityProps(props: Record<string, any>): Record<string, any> {\n  const {\n    accessibilityLabel,\n    ['aria-label']: ariaLabel,\n    accessibilityState,\n    ['aria-busy']: ariaBusy,\n    ['aria-checked']: ariaChecked,\n    ['aria-disabled']: ariaDisabled,\n    ['aria-expanded']: ariaExpanded,\n    ['aria-selected']: ariaSelected,\n    accessible,\n    ...restProperties\n  } = props;\n\n  // Merge label props: prefer the aria-label if defined.\n  const normalizedLabel = ariaLabel ?? accessibilityLabel;\n\n  // Merge the accessibilityState with any provided ARIA properties.\n  let normalizedState = accessibilityState;\n  if (ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {\n    normalizedState =\n      normalizedState == null\n        ? {\n            busy: ariaBusy,\n            checked: ariaChecked,\n            disabled: ariaDisabled,\n            expanded: ariaExpanded,\n            selected: ariaSelected,\n          }\n        : {\n            busy: ariaBusy ?? normalizedState.busy,\n            checked: ariaChecked ?? normalizedState.checked,\n            disabled: ariaDisabled ?? normalizedState.disabled,\n            expanded: ariaExpanded ?? normalizedState.expanded,\n            selected: ariaSelected ?? normalizedState.selected,\n          };\n  }\n\n  // For the accessible prop, if not provided, default to `true`\n  const normalizedAccessible = accessible == null ? true : accessible;\n\n  return {\n    ...restProperties,\n    accessibilityLabel: normalizedLabel,\n    accessibilityState: normalizedState,\n    accessible: normalizedAccessible,\n  };\n}\n\nexport * from './types';\nexport * from './utils/constants';\nexport * from './components/native-text';\nexport * from './components/native-view';\n"],"names":["Platform","StyleSheet"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/runtime/utils/constants.ts","../../src/runtime/components/native-text.tsx","../../src/runtime/components/native-view.tsx","../../src/runtime/index.ts"],"sourcesContent":["/**\n * Maps CSS-like `userSelect` values to React Native's `selectable` prop.\n */\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n/**\n * Maps CSS-like `verticalAlign` values to React Native's `textAlignVertical`.\n */\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n","/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\n\nimport type { ComponentType } from 'react';\nimport type { TextProps } from 'react-native';\n\nconst reactNative = require('react-native');\nconst isWeb = reactNative.Platform.OS === 'web';\n\nlet nativeText = reactNative.unstable_NativeText;\n\nif (isWeb || nativeText == null) {\n  // Fallback to regular Text component if unstable_NativeText is not available or we're on Web\n  nativeText = reactNative.Text;\n}\n\n/**\n * Native Text component with graceful fallback.\n *\n * @remarks\n * Uses `unstable_NativeText` on supported native runtimes and falls back to `Text`\n * on web or when the unstable export is unavailable.\n */\nexport const NativeText: ComponentType<TextProps> = nativeText;\n","/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\n\nimport type { ComponentType } from 'react';\nimport type { ViewProps } from 'react-native';\n\nconst reactNative = require('react-native');\nconst isWeb = reactNative.Platform.OS === 'web';\n\nlet nativeView = reactNative.unstable_NativeView;\n\nif (isWeb || nativeView == null) {\n  // Fallback to regular View component if unstable_NativeView is not available or we're on Web\n  nativeView = reactNative.View;\n}\n\n/**\n * Native View component with graceful fallback.\n *\n * @remarks\n * Uses `unstable_NativeView` on supported native runtimes and falls back to `View`\n * on web or when the unstable export is unavailable.\n */\nexport const NativeView: ComponentType<ViewProps> = nativeView;\n","import { TextProps, TextStyle, StyleSheet } from 'react-native';\nimport { GenericStyleProp } from './types';\nimport { userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap } from './utils/constants';\n\nconst propsCache = new WeakMap();\n\n/**\n * Normalizes `Text` style values for `NativeText`.\n *\n * @param style - Style prop passed to a text-like component.\n * @returns Native-friendly text props. Returns an empty object when `style` is falsy or cannot be normalized.\n * @remarks\n * - Flattens style arrays via `StyleSheet.flatten`\n * - Converts numeric `fontWeight` values to string values\n * - Maps `userSelect` and `verticalAlign` to native-compatible props\n */\nexport function processTextStyle(style: GenericStyleProp<TextStyle>): Partial<TextProps> {\n  if (!style) return {};\n\n  // Cache the computed props\n  let props = propsCache.get(style);\n  if (props) return props;\n\n  props = {};\n  propsCache.set(style, props);\n\n  style = StyleSheet.flatten(style) as TextStyle;\n\n  if (!style) return {};\n\n  if (typeof style?.fontWeight === 'number') {\n    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];\n  }\n\n  if (style?.userSelect != null) {\n    props.selectable = userSelectToSelectableMap[style.userSelect];\n    delete style.userSelect;\n  }\n\n  if (style?.verticalAlign != null) {\n    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[\n      style.verticalAlign\n    ] as TextStyle['textAlignVertical'];\n    delete style.verticalAlign;\n  }\n\n  props.style = style;\n  return props;\n}\n\n/**\n * Normalizes accessibility and ARIA props for runtime native components.\n *\n * @param props - Accessibility and ARIA props.\n * @returns Props with normalized accessibility fields.\n * @remarks\n * - Merges `aria-label` with `accessibilityLabel`\n * - Merges ARIA state fields into `accessibilityState`\n * - Defaults `accessible` to `true` when omitted\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function processAccessibilityProps(props: Record<string, any>): Record<string, any> {\n  const {\n    accessibilityLabel,\n    ['aria-label']: ariaLabel,\n    accessibilityState,\n    ['aria-busy']: ariaBusy,\n    ['aria-checked']: ariaChecked,\n    ['aria-disabled']: ariaDisabled,\n    ['aria-expanded']: ariaExpanded,\n    ['aria-selected']: ariaSelected,\n    accessible,\n    ...restProperties\n  } = props;\n\n  // Merge label props: prefer the aria-label if defined.\n  const normalizedLabel = ariaLabel ?? accessibilityLabel;\n\n  // Merge the accessibilityState with any provided ARIA properties.\n  let normalizedState = accessibilityState;\n  if (ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {\n    normalizedState =\n      normalizedState == null\n        ? {\n            busy: ariaBusy,\n            checked: ariaChecked,\n            disabled: ariaDisabled,\n            expanded: ariaExpanded,\n            selected: ariaSelected,\n          }\n        : {\n            busy: ariaBusy ?? normalizedState.busy,\n            checked: ariaChecked ?? normalizedState.checked,\n            disabled: ariaDisabled ?? normalizedState.disabled,\n            expanded: ariaExpanded ?? normalizedState.expanded,\n            selected: ariaSelected ?? normalizedState.selected,\n          };\n  }\n\n  // For the accessible prop, if not provided, default to `true`\n  const normalizedAccessible = accessible == null ? true : accessible;\n\n  return {\n    ...restProperties,\n    accessibilityLabel: normalizedLabel,\n    accessibilityState: normalizedState,\n    accessible: normalizedAccessible,\n  };\n}\n\nexport * from './types';\nexport * from './utils/constants';\nexport * from './components/native-text';\nexport * from './components/native-view';\n"],"names":["reactNative","isWeb","StyleSheet"],"mappings":"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"}

package/dist/runtime/index.web.d.ts

@@ -1,7 +1,15 @@
 import { TextStyle, TextProps } from 'react-native';
 
+/**
+ * Recursive style prop shape accepted by runtime style helpers.
+ *
+ * @template T - Style object type.
+ */
 type GenericStyleProp<T> = null | void | T | false | '' | ReadonlyArray<GenericStyleProp<T>>;
 
+/**
+ * Maps CSS-like `userSelect` values to React Native's `selectable` prop.
+ */
 declare const userSelectToSelectableMap: {
     auto: boolean;
     text: boolean;
@@ -9,6 +17,9 @@ declare const userSelectToSelectableMap: {
     contain: boolean;
     all: boolean;
 };
+/**
+ * Maps CSS-like `verticalAlign` values to React Native's `textAlignVertical`.
+ */
 declare const verticalAlignToTextAlignVerticalMap: {
     auto: string;
     top: string;
@@ -22,4 +33,5 @@ declare function processAccessibilityProps(props: Record<string, any>): Record<s
 declare const NativeText: any;
 declare const NativeView: any;
 
-export { type GenericStyleProp, NativeText, NativeView, processAccessibilityProps, processTextStyle, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };
+export { NativeText, NativeView, processAccessibilityProps, processTextStyle, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };
+export type { GenericStyleProp };

package/dist/runtime/index.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.js","sources":["../../src/runtime/utils/constants.ts","../../src/runtime/index.web.ts"],"sourcesContent":["// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n","// This is a dummy file to ensure that nothing breaks when using the runtime in a web environment.\n\nimport { TextProps, TextStyle } from 'react-native';\nimport { GenericStyleProp } from './types';\n\nexport const processTextStyle = (style: GenericStyleProp<TextStyle>) => ({ style }) as Partial<TextProps>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function processAccessibilityProps(props: Record<string, any>): Record<string, any> {\n  return props;\n}\n\nexport * from './types';\nexport * from './utils/constants';\n\n// On Web, the native components are not available, so we use the standard components that'll be replaced by their DOM\n// equivalents by react-native-web.\n/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\nexport const NativeText = require('react-native').Text;\nexport const NativeView = require('react-native').View;\n/* eslint-enable @typescript-eslint/no-require-imports,unicorn/prefer-module */\n"],"names":[],"mappings":";;AACO,MAAM,yBAA4B,GAAA;AAAA,EACvC,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,KAAA;AAAA,EACN,OAAS,EAAA,IAAA;AAAA,EACT,GAAK,EAAA;AACP;AAGO,MAAM,mCAAsC,GAAA;AAAA,EACjD,IAAM,EAAA,MAAA;AAAA,EACN,GAAK,EAAA,KAAA;AAAA,EACL,MAAQ,EAAA,QAAA;AAAA,EACR,MAAQ,EAAA;AACV;;ACVO,MAAM,gBAAmB,GAAA,CAAC,KAAwC,MAAA,EAAE,KAAM,EAAA;AAG1E,SAAS,0BAA0B,KAAiD,EAAA;AACzF,EAAO,OAAA,KAAA;AACT;AAQa,MAAA,UAAA,GAAa,OAAQ,CAAA,cAAc,CAAE,CAAA;AACrC,MAAA,UAAA,GAAa,OAAQ,CAAA,cAAc,CAAE,CAAA;;;;;;;;;"}
+{"version":3,"file":"index.web.js","sources":["../../src/runtime/utils/constants.ts","../../src/runtime/index.web.ts"],"sourcesContent":["/**\n * Maps CSS-like `userSelect` values to React Native's `selectable` prop.\n */\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n/**\n * Maps CSS-like `verticalAlign` values to React Native's `textAlignVertical`.\n */\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n","// This is a dummy file to ensure that nothing breaks when using the runtime in a web environment.\n\nimport { TextProps, TextStyle } from 'react-native';\nimport { GenericStyleProp } from './types';\n\nexport const processTextStyle = (style: GenericStyleProp<TextStyle>) => ({ style }) as Partial<TextProps>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function processAccessibilityProps(props: Record<string, any>): Record<string, any> {\n  return props;\n}\n\nexport * from './types';\nexport * from './utils/constants';\n\n// On Web, the native components are not available, so we use the standard components that'll be replaced by their DOM\n// equivalents by react-native-web.\n/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\nexport const NativeText = require('react-native').Text;\nexport const NativeView = require('react-native').View;\n/* eslint-enable @typescript-eslint/no-require-imports,unicorn/prefer-module */\n"],"names":[],"mappings":";;AAGO,MAAM,yBAAA,GAA4B;AAAA,EACvC,IAAA,EAAM,IAAA;AAAA,EACN,IAAA,EAAM,IAAA;AAAA,EACN,IAAA,EAAM,KAAA;AAAA,EACN,OAAA,EAAS,IAAA;AAAA,EACT,GAAA,EAAK;AACP;AAKO,MAAM,mCAAA,GAAsC;AAAA,EACjD,IAAA,EAAM,MAAA;AAAA,EACN,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,MAAA,EAAQ;AACV;;ACdO,MAAM,gBAAA,GAAmB,CAAC,KAAA,MAAwC,EAAE,KAAA,EAAM;AAG1E,SAAS,0BAA0B,KAAA,EAAiD;AACzF,EAAA,OAAO,KAAA;AACT;AAQO,MAAM,UAAA,GAAa,OAAA,CAAQ,cAAc,CAAA,CAAE;AAC3C,MAAM,UAAA,GAAa,OAAA,CAAQ,cAAc,CAAA,CAAE;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-boost",
   "description": "🚀 Boost your React Native app's performance with a single line of code",
-  "version": "0.6.2",
+  "version": "1.0.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "types": "dist/index.d.ts",
@@ -43,11 +43,11 @@
   ],
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "yarn clean && rollup -c",
+    "build": "pnpm clean && rollup -c",
+    "build:watch": "rollup -c -w",
+    "dev": "pnpm build:watch",
     "test": "vitest",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint src/**/*.ts",
-    "format": "prettier --write .",
     "release": "release-it",
     "prepack": "cp ../../README.md ./README.md",
     "postpack": "rm ./README.md"
@@ -76,7 +76,7 @@
     "url": "https://github.com/kuatsu/react-native-boost/issues"
   },
   "homepage": "https://github.com/kuatsu/react-native-boost#readme",
-  "packageManager": "yarn@3.6.1",
+  "packageManager": "pnpm@10.28.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -90,27 +90,26 @@
     "@babel/plugin-syntax-jsx": "^7.25.0",
     "@babel/preset-typescript": "^7.25.0",
     "@release-it/conventional-changelog": "^10.0.0",
-    "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-typescript": "^12.1.2",
     "@types/babel__helper-module-imports": "^7.0.0",
     "@types/babel__helper-plugin-utils": "^7.0.0",
-    "@types/node": "^20",
-    "babel-plugin-tester": "^11.0.4",
+    "@types/node": "^24",
+    "babel-plugin-tester": "^12.0.0",
     "esbuild-node-externals": "^1.18.0",
-    "globals": "^16.0.0",
-    "react-native": "0.79.3",
-    "release-it": "^18.1.2",
+    "react-native": "0.83.2",
+    "release-it": "^19.2.4",
     "rollup": "^4.34.8",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-esbuild": "^6.2.0",
-    "typescript": "^5.7.3",
-    "vitest": "^3.0.6"
+    "typescript": "~5.9.3",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*"
+    "react-native": ">=0.83.0"
   },
   "release-it": {
     "git": {

package/src/plugin/index.ts

@@ -1,10 +1,17 @@
 import { declare } from '@babel/helper-plugin-utils';
 import { textOptimizer } from './optimizers/text';
-import { PluginOptions } from './types';
-import { log } from './utils/logger';
+import { PluginLogger, PluginOptions } from './types';
+import { createLogger } from './utils/logger';
 import { viewOptimizer } from './optimizers/view';
 import { isIgnoredFile } from './utils/common';
 
+export type { PluginOptimizationOptions, PluginOptions } from './types';
+
+type PluginState = {
+  opts?: PluginOptions;
+  __reactNativeBoostLogger?: PluginLogger;
+};
+
 export default declare((api) => {
   api.assertVersion(7);
 
@@ -12,12 +19,27 @@ export default declare((api) => {
     name: 'react-native-boost',
     visitor: {
       JSXOpeningElement(path, state) {
-        const options = (state.opts ?? {}) as PluginOptions;
-        const logger = options.verbose ? log : () => {};
+        const pluginState = state as PluginState;
+        const options = (pluginState.opts ?? {}) as PluginOptions;
+        const logger = getOrCreateLogger(pluginState, options);
+
         if (isIgnoredFile(path, options.ignores ?? [])) return;
         if (options.optimizations?.text !== false) textOptimizer(path, logger);
-        if (options.optimizations?.view !== false) viewOptimizer(path, logger);
+        if (options.optimizations?.view !== false) viewOptimizer(path, logger, options);
       },
     },
   };
 });
+
+function getOrCreateLogger(state: PluginState, options: PluginOptions): PluginLogger {
+  if (state.__reactNativeBoostLogger) {
+    return state.__reactNativeBoostLogger;
+  }
+
+  state.__reactNativeBoostLogger = createLogger({
+    verbose: options.verbose === true,
+    silent: options.silent === true,
+  });
+
+  return state.__reactNativeBoostLogger;
+}

package/src/plugin/optimizers/text/index.ts

@@ -1,7 +1,9 @@
 import { NodePath, types as t } from '@babel/core';
-import { HubFile, Optimizer } from '../../types';
+import { HubFile, Optimizer, PluginLogger } from '../../types';
 import PluginError from '../../utils/plugin-error';
+import { getFirstBailoutReason } from '../../utils/helpers';
 import {
+  addDefaultProperty,
   addFileImportHint,
   buildPropertiesFromAttributes,
   hasAccessibilityProperty,
@@ -11,12 +13,13 @@ import {
   isReactNativeImport,
   replaceWithNativeComponent,
   isStringNode,
+  hasExpoRouterLinkParentWithAsChild,
 } from '../../utils/common';
 import { RUNTIME_MODULE_NAME } from '../../utils/constants';
+import { ACCESSIBILITY_PROPERTIES } from '../../utils/constants';
+import { extractStyleAttribute, extractSelectableAndUpdateStyle } from '../../utils/common';
 
 export const textBlacklistedProperties = new Set([
-  'allowFontScaling',
-  'ellipsizeMode',
   'id',
   'nativeID',
   'onLongPress',
@@ -31,19 +34,46 @@ export const textBlacklistedProperties = new Set([
   'onStartShouldSetResponder',
   'pressRetentionOffset',
   'suppressHighlighting',
-  'selectable',
-  'selectionColor',
+  'selectionColor', // TODO: we can use react-native's internal `processColor` to process this at runtime
 ]);
 
-export const textOptimizer: Optimizer = (path, log = () => {}) => {
-  if (isIgnoredLine(path)) return;
+export const textOptimizer: Optimizer = (path, logger) => {
   if (!isValidJSXComponent(path, 'Text')) return;
-  if (!isReactNativeImport(path, 'Text')) return;
-  if (hasBlacklistedProperty(path, textBlacklistedProperties)) return;
 
   // Verify that the Text only has string children
   const parent = path.parent as t.JSXElement;
-  if (hasInvalidChildren(path, parent)) return;
+
+  const skipReason = getFirstBailoutReason([
+    {
+      reason: 'line is marked with @boost-ignore',
+      shouldBail: () => isIgnoredLine(path),
+    },
+    {
+      reason: 'Text is not imported from react-native',
+      shouldBail: () => !isReactNativeImport(path, 'Text'),
+    },
+    {
+      reason: 'contains blacklisted props',
+      shouldBail: () => hasBlacklistedProperty(path, textBlacklistedProperties),
+    },
+    {
+      reason: 'is a direct child of expo-router Link with asChild',
+      shouldBail: () => hasExpoRouterLinkParentWithAsChild(path),
+    },
+    {
+      reason: 'contains non-string children',
+      shouldBail: () => hasInvalidChildren(path, parent),
+    },
+  ]);
+
+  if (skipReason) {
+    logger.skipped({
+      component: 'Text',
+      path,
+      reason: skipReason,
+    });
+    return;
+  }
 
   const hub = path.hub as unknown;
   const file = typeof hub === 'object' && hub !== null && 'file' in hub ? (hub.file as HubFile) : undefined;
@@ -52,14 +82,16 @@ export const textOptimizer: Optimizer = (path, log = () => {}) => {
     throw new PluginError('No file found in Babel hub');
   }
 
-  const filename = file.opts?.filename || 'unknown file';
-  const lineNumber = path.node.loc?.start.line ?? 'unknown line';
-  log(`Optimizing Text component in ${filename}:${lineNumber}`);
+  logger.optimized({
+    component: 'Text',
+    path,
+  });
 
   // Process props
-  const originalAttributes = [...path.node.attributes];
-  fixNegativeNumberOfLines({ path, log });
-  processProps(path, file, originalAttributes);
+  fixNegativeNumberOfLines({ path, logger });
+  addDefaultProperty(path, 'allowFontScaling', t.booleanLiteral(true));
+  addDefaultProperty(path, 'ellipsizeMode', t.stringLiteral('tail'));
+  processProps(path, file);
 
   // Replace the Text component with NativeText
   replaceWithNativeComponent(path, parent, file, 'NativeText');
@@ -95,13 +127,7 @@ function hasInvalidChildren(path: NodePath<t.JSXOpeningElement>, parent: t.JSXEl
 /**
  * Fixes negative numberOfLines values by setting them to 0.
  */
-function fixNegativeNumberOfLines({
-  path,
-  log,
-}: {
-  path: NodePath<t.JSXOpeningElement>;
-  log: (message: string) => void;
-}) {
+function fixNegativeNumberOfLines({ path, logger }: { path: NodePath<t.JSXOpeningElement>; logger: PluginLogger }) {
   for (const attribute of path.node.attributes) {
     if (
       t.isJSXAttribute(attribute) &&
@@ -120,58 +146,40 @@ function fixNegativeNumberOfLines({
         originalValue = -attribute.value.expression.argument.value;
       }
       if (originalValue !== undefined && originalValue < 0) {
-        log(
-          `Warning: 'numberOfLines' in <Text> must be a non-negative number, received: ${originalValue}. The value will be set to 0.`
-        );
+        logger.warning({
+          component: 'Text',
+          path,
+          message: `'numberOfLines' must be a non-negative number, received: ${originalValue}. The value will be set to 0.`,
+        });
         attribute.value.expression = t.numericLiteral(0);
       }
     }
   }
 }
 
-/**
- * Extracts the style attribute from JSX attributes.
- */
-function extractStyleAttribute(attributes: Array<t.JSXAttribute | t.JSXSpreadAttribute>): {
-  styleAttribute?: t.JSXAttribute;
-  styleExpr?: t.Expression;
-} {
-  for (const attribute of attributes) {
-    if (t.isJSXAttribute(attribute) && t.isJSXIdentifier(attribute.name, { name: 'style' })) {
-      if (
-        attribute.value &&
-        t.isJSXExpressionContainer(attribute.value) &&
-        !t.isJSXEmptyExpression(attribute.value.expression)
-      ) {
-        return {
-          styleAttribute: attribute,
-          styleExpr: attribute.value.expression,
-        };
-      }
-      return { styleAttribute: attribute };
-    }
-  }
-  return {};
-}
-
 /**
  * Processes style and accessibility attributes, replacing them with optimized versions.
  */
-function processProps(
-  path: NodePath<t.JSXOpeningElement>,
-  file: HubFile,
-  originalAttributes: Array<t.JSXAttribute | t.JSXSpreadAttribute>
-) {
-  const { styleExpr } = extractStyleAttribute(originalAttributes);
-  const hasA11y = hasAccessibilityProperty(path, originalAttributes);
-
-  if (styleExpr && hasA11y) {
-    // When both style and accessibility properties exist, we split them into two separate spread attributes
-    const accessibilityAttributes = originalAttributes.filter(
-      (attribute) => !(t.isJSXAttribute(attribute) && t.isJSXIdentifier(attribute.name, { name: 'style' }))
-    );
-
-    // Set up the accessibility import
+function processProps(path: NodePath<t.JSXOpeningElement>, file: HubFile) {
+  // Grab the up-to-date list of attributes
+  const currentAttributes = [...path.node.attributes];
+
+  const { styleExpr, styleAttribute } = extractStyleAttribute(currentAttributes);
+  const hasA11y = hasAccessibilityProperty(path, currentAttributes);
+
+  // ============================================
+  // 1. Prepare spread attributes (style / a11y)
+  // ============================================
+
+  const spreadAttributes: t.JSXSpreadAttribute[] = [];
+
+  // --- Accessibility ---
+  if (hasA11y) {
+    const accessibilityAttributes = currentAttributes.filter((attribute) => {
+      if (!t.isJSXAttribute(attribute)) return false;
+      return t.isJSXIdentifier(attribute.name) && ACCESSIBILITY_PROPERTIES.has(attribute.name.name as string);
+    });
+
     const normalizeIdentifier = addFileImportHint({
       file,
       nameHint: 'processAccessibilityProps',
@@ -179,10 +187,25 @@ function processProps(
       importName: 'processAccessibilityProps',
       moduleName: RUNTIME_MODULE_NAME,
     });
+
     const accessibilityObject = buildPropertiesFromAttributes(accessibilityAttributes);
     const accessibilityExpr = t.callExpression(t.identifier(normalizeIdentifier.name), [accessibilityObject]);
+    spreadAttributes.push(t.jsxSpreadAttribute(accessibilityExpr));
+  }
+
+  // --- Style ---
+  let selectableAttribute: t.JSXAttribute | undefined;
+  if (styleExpr) {
+    // Attempt a compile-time extraction of `userSelect`
+    const selectableValue = extractSelectableAndUpdateStyle(styleExpr);
+
+    if (selectableValue != null) {
+      selectableAttribute = t.jsxAttribute(
+        t.jsxIdentifier('selectable'),
+        t.jsxExpressionContainer(t.booleanLiteral(selectableValue))
+      );
+    }
 
-    // Set up the style import
     const flattenIdentifier = addFileImportHint({
       file,
       nameHint: 'processTextStyle',
@@ -191,31 +214,32 @@ function processProps(
       moduleName: RUNTIME_MODULE_NAME,
     });
     const flattenedStyleExpr = t.callExpression(t.identifier(flattenIdentifier.name), [styleExpr]);
+    spreadAttributes.push(t.jsxSpreadAttribute(flattenedStyleExpr));
+  }
 
-    // Use two separate JSX spread attributes
-    path.node.attributes = [t.jsxSpreadAttribute(accessibilityExpr), t.jsxSpreadAttribute(flattenedStyleExpr)];
-  } else if (styleExpr) {
-    // Only style attribute is present
-    const flattenIdentifier = addFileImportHint({
-      file,
-      nameHint: 'processTextStyle',
-      path,
-      importName: 'processTextStyle',
-      moduleName: RUNTIME_MODULE_NAME,
-    });
-    const flattened = t.callExpression(t.identifier(flattenIdentifier.name), [styleExpr]);
-    path.node.attributes = [t.jsxSpreadAttribute(flattened)];
-  } else if (hasA11y) {
-    // Only accessibility properties are present
-    const normalizeIdentifier = addFileImportHint({
-      file,
-      nameHint: 'processAccessibilityProps',
-      path,
-      importName: 'processAccessibilityProps',
-      moduleName: RUNTIME_MODULE_NAME,
-    });
-    const propsObject = buildPropertiesFromAttributes(originalAttributes);
-    const normalized = t.callExpression(t.identifier(normalizeIdentifier.name), [propsObject]);
-    path.node.attributes = [t.jsxSpreadAttribute(normalized)];
+  // ============================================
+  // 2. Collect the remaining (non-processed) attributes
+  // ============================================
+  const remainingAttributes: (t.JSXAttribute | t.JSXSpreadAttribute)[] = [];
+
+  for (const attribute of currentAttributes) {
+    // Skip the style attribute (we have replaced it with a spread)
+    if (styleAttribute && attribute === styleAttribute) continue;
+
+    // Skip accessibility attributes if we processed them
+    if (
+      hasA11y &&
+      t.isJSXAttribute(attribute) &&
+      t.isJSXIdentifier(attribute.name) &&
+      ACCESSIBILITY_PROPERTIES.has(attribute.name.name as string)
+    ) {
+      continue;
+    }
+
+    remainingAttributes.push(attribute);
   }
+
+  path.node.attributes = [...spreadAttributes, selectableAttribute, ...remainingAttributes].filter(
+    (attribute): attribute is t.JSXAttribute | t.JSXSpreadAttribute => attribute !== undefined
+  );
 }

package/src/plugin/optimizers/view/index.ts

@@ -1,57 +1,78 @@
 import { types as t } from '@babel/core';
 import { HubFile, Optimizer } from '../../types';
 import PluginError from '../../utils/plugin-error';
+import { getFirstBailoutReason } from '../../utils/helpers';
 import {
   hasBlacklistedProperty,
   isIgnoredLine,
   isValidJSXComponent,
   isReactNativeImport,
   replaceWithNativeComponent,
-  hasComponentAncestor,
+  getViewAncestorClassification,
+  ViewAncestorClassification,
 } from '../../utils/common';
 
 export const viewBlacklistedProperties = new Set([
+  // TODO: process a11y props at runtime
   'accessible',
   'accessibilityLabel',
   'accessibilityState',
-  'allowFontScaling',
   'aria-busy',
   'aria-checked',
   'aria-disabled',
   'aria-expanded',
   'aria-label',
   'aria-selected',
-  'ellipsizeMode',
-  'disabled',
   'id',
   'nativeID',
-  'numberOfLines',
-  'onLongPress',
-  'onPress',
-  'onPressIn',
-  'onPressOut',
-  'onResponderGrant',
-  'onResponderMove',
-  'onResponderRelease',
-  'onResponderTerminate',
-  'onResponderTerminationRequest',
-  'onStartShouldSetResponder',
-  'pressRetentionOffset',
-  'selectable',
-  'selectionColor',
-  'suppressHighlighting',
-  'style',
+  'style', // TODO: process style at runtime
 ]);
 
-// Components to skip when checking for indirect Text ancestors
-const skipComponents = ['View', 'Fragment', 'ScrollView', 'FlatList'];
-
-export const viewOptimizer: Optimizer = (path, log = () => {}) => {
-  if (isIgnoredLine(path)) return;
+export const viewOptimizer: Optimizer = (path, logger, options) => {
   if (!isValidJSXComponent(path, 'View')) return;
-  if (!isReactNativeImport(path, 'View')) return;
-  if (hasBlacklistedProperty(path, viewBlacklistedProperties)) return;
-  if (hasComponentAncestor(path, 'Text', skipComponents)) return;
+
+  let ancestorClassification: ViewAncestorClassification | undefined;
+  const getAncestorClassification = () => {
+    if (!ancestorClassification) {
+      ancestorClassification = getViewAncestorClassification(path);
+    }
+
+    return ancestorClassification;
+  };
+
+  const skipReason = getFirstBailoutReason([
+    {
+      reason: 'line is marked with @boost-ignore',
+      shouldBail: () => isIgnoredLine(path),
+    },
+    {
+      reason: 'View is not imported from react-native',
+      shouldBail: () => !isReactNativeImport(path, 'View'),
+    },
+    {
+      reason: 'contains blacklisted props',
+      shouldBail: () => hasBlacklistedProperty(path, viewBlacklistedProperties),
+    },
+    {
+      reason: 'has Text ancestor',
+      shouldBail: () => getAncestorClassification() === 'text',
+    },
+    {
+      reason: 'has unresolved ancestor and dangerous optimization is disabled',
+      shouldBail: () =>
+        getAncestorClassification() === 'unknown' && options?.dangerouslyOptimizeViewWithUnknownAncestors !== true,
+    },
+  ]);
+
+  if (skipReason) {
+    logger.skipped({
+      component: 'View',
+      path,
+      reason: skipReason,
+    });
+
+    return;
+  }
 
   // Extract the file from the Babel hub
   const hub = path.hub as unknown;
@@ -61,9 +82,10 @@ export const viewOptimizer: Optimizer = (path, log = () => {}) => {
     throw new PluginError('No file found in Babel hub');
   }
 
-  const filename = file.opts?.filename || 'unknown file';
-  const lineNumber = path.node.loc?.start.line ?? 'unknown line';
-  log(`Optimizing View component in ${filename}:${lineNumber}`);
+  logger.optimized({
+    component: 'View',
+    path,
+  });
 
   const parent = path.parent as t.JSXElement;