react-native-boost 0.0.5 → 0.2.0

package/README.md

@@ -9,17 +9,33 @@ A powerful Babel plugin that automatically optimizes React Native apps through s
 
 - ⚡ Automatic performance optimization through source code analysis
 - 🔒 Safe optimizations that don't break your app
-- 🎯 Zero runtime overhead - all optimizations happen during build time
+- 🎯 Virtually zero runtime overhead
 - 📱 Cross-platform compatible
 - 🧪 Works seamlessly with Expo
 - 🎨 Configurable optimization strategies
 
+## Benchmark
+
+The example app in the `apps/example` directory is a benchmark for the performance of the plugin.
+
+<div align="center">
+  <img src="./packages/react-native-boost/img/benchmark.png" width="500" />
+  <p>
+    <b>1,000 Text components</b>: Render time of 1,000 Text components with and without React Native Boost.<br/>
+    Measured in milliseconds on an iPhone 16 Pro in development mode, lower is better.
+  </p>
+</div>
+
+The data is averaged over 10 runs on an iPhone 16 Pro Simulator running the app in development mode.
+
 ## Installation
 
+Install the package using your favorite package manager. Please **do not** install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, some optimizations import minimal helpers into your code, which requires the package to be installed as a regular dependency.
+
 ```sh
-npm install --save-dev react-native-boost
+npm install react-native-boost
 # or
-yarn add --dev react-native-boost
+yarn add react-native-boost
 ```
 
 Then, add the plugin to your Babel configuration (`babel.config.js`):
@@ -30,6 +46,8 @@ module.exports = {
 };
 ```
 
+That's it! No imports in your code, pod installing, or anything else is required.
+
 Optionally, you can configure the plugin to log optimized files to the console and disable specific optimizations:
 
 ```js
@@ -48,6 +66,13 @@ module.exports = {
 };
 ```
 
+You can also skip optimization for a specific comment using a decorator comment above the component's opening tag:
+
+```jsx
+// @boost-ignore
+<Text>This will not be optimized.</Text>
+```
+
 ## How It Works
 
 Several standard components in React Native are actually wrappers around their native counterparts. These wrappers often only handle edge cases and aren't needed in most cases. However, they add additional runtime overhead and depth to the component tree, which can lead to performance bottlenecks.

package/dist/esm/index.mjs

@@ -0,0 +1,41 @@
+import { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';
+
+const propsCache = /* @__PURE__ */ new WeakMap();
+function flattenTextStyle(style) {
+  if (!style) return {};
+  let props = propsCache.get(style);
+  if (props) return props;
+  props = {};
+  propsCache.set(style, props);
+  style = flattenStyle(style);
+  if (!style) return {};
+  if (typeof (style == null ? void 0 : style.fontWeight) === "number") {
+    style.fontWeight = style.fontWeight.toString();
+  }
+  if ((style == null ? void 0 : style.userSelect) != null) {
+    props.selectable = userSelectToSelectableMap[style.userSelect];
+    delete style.userSelect;
+  }
+  if ((style == null ? void 0 : style.verticalAlign) != null) {
+    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[style.verticalAlign];
+    delete style.verticalAlign;
+  }
+  props.style = style;
+  return props;
+}
+const userSelectToSelectableMap = {
+  auto: true,
+  text: true,
+  none: false,
+  contain: true,
+  all: true
+};
+const verticalAlignToTextAlignVerticalMap = {
+  auto: "auto",
+  top: "top",
+  bottom: "bottom",
+  middle: "center"
+};
+
+export { flattenTextStyle, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/runtime/index.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';\nimport { GenericStyleProp } from './types';\n\nconst propsCache = new WeakMap();\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\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 = flattenStyle(style);\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// 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\nexport * from './types';\n"],"names":[],"mappings":";;AAIA,MAAM,UAAA,uBAAiB,OAAQ,EAAA;AAExB,SAAS,iBAAiB,KAAoC,EAAA;AACnE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAGpB,EAAI,IAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA;AAChC,EAAA,IAAI,OAAc,OAAA,KAAA;AAElB,EAAA,KAAA,GAAQ,EAAC;AACT,EAAW,UAAA,CAAA,GAAA,CAAI,OAAO,KAAK,CAAA;AAE3B,EAAA,KAAA,GAAQ,aAAa,KAAK,CAAA;AAE1B,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAI,IAAA,QAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAe,QAAU,EAAA;AACzC,IAAM,KAAA,CAAA,UAAA,GAAa,KAAM,CAAA,UAAA,CAAW,QAAS,EAAA;AAAA;AAG/C,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,eAAc,IAAM,EAAA;AAC7B,IAAM,KAAA,CAAA,UAAA,GAAa,yBAA0B,CAAA,KAAA,CAAM,UAAU,CAAA;AAC7D,IAAA,OAAO,KAAM,CAAA,UAAA;AAAA;AAGf,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,kBAAiB,IAAM,EAAA;AAChC,IAAM,KAAA,CAAA,iBAAA,GAAoB,mCACxB,CAAA,KAAA,CAAM,aACR,CAAA;AACA,IAAA,OAAO,KAAM,CAAA,aAAA;AAAA;AAGf,EAAA,KAAA,CAAM,KAAQ,GAAA,KAAA;AACd,EAAO,OAAA,KAAA;AACT;AAGO,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;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import { TextStyle } from 'react-native';
+
+type GenericStyleProp<T> = null | void | T | false | '' | ReadonlyArray<GenericStyleProp<T>>;
+
+declare function flattenTextStyle(style: GenericStyleProp<TextStyle>): any;
+declare const userSelectToSelectableMap: {
+    auto: boolean;
+    text: boolean;
+    none: boolean;
+    contain: boolean;
+    all: boolean;
+};
+declare const verticalAlignToTextAlignVerticalMap: {
+    auto: string;
+    top: string;
+    bottom: string;
+    middle: string;
+};
+
+export { type GenericStyleProp, flattenTextStyle, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };

package/dist/index.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var flattenStyle = require('react-native/Libraries/StyleSheet/flattenStyle');
+
+const propsCache = /* @__PURE__ */ new WeakMap();
+function flattenTextStyle(style) {
+  if (!style) return {};
+  let props = propsCache.get(style);
+  if (props) return props;
+  props = {};
+  propsCache.set(style, props);
+  style = flattenStyle.flattenStyle(style);
+  if (!style) return {};
+  if (typeof (style == null ? void 0 : style.fontWeight) === "number") {
+    style.fontWeight = style.fontWeight.toString();
+  }
+  if ((style == null ? void 0 : style.userSelect) != null) {
+    props.selectable = userSelectToSelectableMap[style.userSelect];
+    delete style.userSelect;
+  }
+  if ((style == null ? void 0 : style.verticalAlign) != null) {
+    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[style.verticalAlign];
+    delete style.verticalAlign;
+  }
+  props.style = style;
+  return props;
+}
+const userSelectToSelectableMap = {
+  auto: true,
+  text: true,
+  none: false,
+  contain: true,
+  all: true
+};
+const verticalAlignToTextAlignVerticalMap = {
+  auto: "auto",
+  top: "top",
+  bottom: "bottom",
+  middle: "center"
+};
+
+exports.flattenTextStyle = flattenTextStyle;
+exports.userSelectToSelectableMap = userSelectToSelectableMap;
+exports.verticalAlignToTextAlignVerticalMap = verticalAlignToTextAlignVerticalMap;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/runtime/index.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';\nimport { GenericStyleProp } from './types';\n\nconst propsCache = new WeakMap();\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\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 = flattenStyle(style);\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// 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\nexport * from './types';\n"],"names":["flattenStyle"],"mappings":";;;;AAIA,MAAM,UAAA,uBAAiB,OAAQ,EAAA;AAExB,SAAS,iBAAiB,KAAoC,EAAA;AACnE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAGpB,EAAI,IAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA;AAChC,EAAA,IAAI,OAAc,OAAA,KAAA;AAElB,EAAA,KAAA,GAAQ,EAAC;AACT,EAAW,UAAA,CAAA,GAAA,CAAI,OAAO,KAAK,CAAA;AAE3B,EAAA,KAAA,GAAQA,0BAAa,KAAK,CAAA;AAE1B,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAI,IAAA,QAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAe,QAAU,EAAA;AACzC,IAAM,KAAA,CAAA,UAAA,GAAa,KAAM,CAAA,UAAA,CAAW,QAAS,EAAA;AAAA;AAG/C,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,eAAc,IAAM,EAAA;AAC7B,IAAM,KAAA,CAAA,UAAA,GAAa,yBAA0B,CAAA,KAAA,CAAM,UAAU,CAAA;AAC7D,IAAA,OAAO,KAAM,CAAA,UAAA;AAAA;AAGf,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,kBAAiB,IAAM,EAAA;AAChC,IAAM,KAAA,CAAA,iBAAA,GAAoB,mCACxB,CAAA,KAAA,CAAM,aACR,CAAA;AACA,IAAA,OAAO,KAAM,CAAA,aAAA;AAAA;AAGf,EAAA,KAAA,CAAM,KAAQ,GAAA,KAAA;AACd,EAAO,OAAA,KAAA;AACT;AAGO,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;;;;;;"}

package/dist/plugin/esm/index.mjs

@@ -0,0 +1,218 @@
+import { declare } from '@babel/helper-plugin-utils';
+import { types } from '@babel/core';
+import { addNamed } from '@babel/helper-module-imports';
+
+class PluginError extends Error {
+  constructor(message) {
+    super(`[react-native-boost] Babel plugin exception: ${message}`);
+    this.name = "PluginError";
+  }
+}
+
+const ensureArray = (value) => {
+  if (Array.isArray(value)) return value;
+  return [value];
+};
+
+const shouldIgnoreOptimization = (path) => {
+  var _a, _b, _c;
+  if ((_a = path.node.leadingComments) == null ? void 0 : _a.some((comment) => comment.value.includes("@boost-ignore"))) {
+    return true;
+  }
+  const jsxElementPath = path.parentPath;
+  if ((_b = jsxElementPath.node.leadingComments) == null ? void 0 : _b.some((comment) => comment.value.includes("@boost-ignore"))) {
+    return true;
+  }
+  const propertyPath = jsxElementPath.parentPath;
+  if (propertyPath && propertyPath.isObjectProperty() && ((_c = propertyPath.node.leadingComments) == null ? void 0 : _c.some((comment) => comment.value.includes("@boost-ignore")))) {
+    return true;
+  }
+  if (!jsxElementPath.parentPath) return false;
+  const containerPath = jsxElementPath.parentPath;
+  const siblings = ensureArray(containerPath.get("children"));
+  const index = siblings.findIndex((sibling) => sibling.node === jsxElementPath.node);
+  if (index === -1) return false;
+  for (let index_ = index - 1; index_ >= 0; index_--) {
+    const sibling = siblings[index_];
+    if (sibling.isJSXText() && sibling.node.value.trim() === "") {
+      continue;
+    }
+    if (sibling.isJSXExpressionContainer()) {
+      const expression = sibling.get("expression");
+      if (expression && expression.node) {
+        const comments = [
+          ...expression.node.leadingComments || [],
+          ...expression.node.trailingComments || [],
+          ...expression.node.innerComments || []
+        ].map((comment) => comment.value.trim());
+        if (comments.some((comment) => comment.includes("@boost-ignore"))) {
+          return true;
+        }
+      }
+    }
+    if (sibling.node.leadingComments && sibling.node.leadingComments.some((comment) => comment.value.includes("@boost-ignore"))) {
+      return true;
+    }
+    break;
+  }
+  return false;
+};
+
+const textOptimizer = (path, log = () => {
+}) => {
+  var _a, _b, _c;
+  if (!types.isJSXIdentifier(path.node.name)) return;
+  const parent = path.parent;
+  if (!types.isJSXElement(parent)) return;
+  const elementName = path.node.name.name;
+  if (elementName !== "Text") return;
+  if (shouldIgnoreOptimization(path)) {
+    return;
+  }
+  const binding = path.scope.getBinding(elementName);
+  if (!binding) return;
+  if (binding.kind === "module") {
+    const parentNode = binding.path.parent;
+    if (!types.isImportDeclaration(parentNode) || parentNode.source.value !== "react-native") {
+      return;
+    }
+  }
+  if (hasBlacklistedProperties(path)) return;
+  if (!hasOnlyStringChildren(path, parent)) return;
+  const hub = path.hub;
+  const file = typeof hub === "object" && hub !== null && "file" in hub ? hub.file : void 0;
+  if (!file) {
+    throw new PluginError("No file found in Babel hub");
+  }
+  const filename = ((_a = file.opts) == null ? void 0 : _a.filename) || "unknown file";
+  const lineNumber = (_c = (_b = path.node.loc) == null ? void 0 : _b.start.line) != null ? _c : "unknown line";
+  log(`Optimizing Text component in ${filename}:${lineNumber}`);
+  optimizeStyleTag({ path, file });
+  if (!file.__hasImports) {
+    file.__hasImports = {};
+  }
+  if (!file.__hasImports.NativeText) {
+    file.__hasImports.NativeText = addNamed(path, "NativeText", "react-native/Libraries/Text/TextNativeComponent");
+  }
+  const nativeTextIdentifier = file.__hasImports.NativeText;
+  path.node.name.name = nativeTextIdentifier.name;
+  if (!path.node.selfClosing && parent.closingElement && types.isJSXIdentifier(parent.closingElement.name) && parent.closingElement.name.name === "Text") {
+    parent.closingElement.name.name = nativeTextIdentifier.name;
+  }
+};
+function hasOnlyStringChildren(path, node) {
+  return node.children.every((child) => isStringNode(path, child));
+}
+function isStringNode(path, child) {
+  if (types.isJSXText(child)) return true;
+  if (types.isJSXExpressionContainer(child)) {
+    const expression = child.expression;
+    if (types.isIdentifier(expression)) {
+      const binding = path.scope.getBinding(expression.name);
+      return binding ? types.isStringLiteral(binding.path.node) : false;
+    }
+  }
+  return false;
+}
+const blacklistedProperties = /* @__PURE__ */ new Set([
+  "accessible",
+  "accessibilityLabel",
+  "accessibilityState",
+  "allowFontScaling",
+  "aria-busy",
+  "aria-checked",
+  "aria-disabled",
+  "aria-expanded",
+  "aria-label",
+  "aria-selected",
+  "ellipsizeMode",
+  "id",
+  "nativeID",
+  "onLongPress",
+  "onPress",
+  "onPressIn",
+  "onPressOut",
+  "onResponderGrant",
+  "onResponderMove",
+  "onResponderRelease",
+  "onResponderTerminate",
+  "onResponderTerminationRequest",
+  "onStartShouldSetResponder",
+  "pressRetentionOffset",
+  "suppressHighlighting"
+]);
+function optimizeStyleTag({ path, file }) {
+  var _a;
+  let shouldImportFlattenTextStyle = false;
+  const nameHint = "_flattenTextStyle";
+  for (const [index, attribute] of path.node.attributes.entries()) {
+    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
+      shouldImportFlattenTextStyle = true;
+      if (types.isJSXExpressionContainer(attribute.value) && !types.isJSXEmptyExpression(attribute.value.expression)) {
+        path.node.attributes[index] = types.jsxSpreadAttribute(
+          types.callExpression(types.identifier(nameHint), [attribute.value.expression])
+        );
+      }
+    }
+  }
+  if (shouldImportFlattenTextStyle && !((_a = file.__hasImports) == null ? void 0 : _a.flattenTextStyle)) {
+    if (!file.__hasImports) file.__hasImports = {};
+    file.__hasImports.flattenTextStyle = addNamed(path, "flattenTextStyle", "react-native-boost", { nameHint });
+  }
+}
+function hasBlacklistedProperties(path) {
+  return path.node.attributes.some((attribute) => {
+    if (types.isJSXSpreadAttribute(attribute)) {
+      if (types.isIdentifier(attribute.argument)) {
+        const binding = path.scope.getBinding(attribute.argument.name);
+        let objectExpression;
+        if (binding) {
+          if (types.isVariableDeclarator(binding.path.node)) {
+            objectExpression = binding.path.node.init;
+          } else if (types.isObjectExpression(binding.path.node)) {
+            objectExpression = binding.path.node;
+          }
+        }
+        if (objectExpression && types.isObjectExpression(objectExpression)) {
+          return objectExpression.properties.some((property) => {
+            if (types.isObjectProperty(property) && types.isIdentifier(property.key)) {
+              return blacklistedProperties.has(property.key.name);
+            }
+            return false;
+          });
+        }
+      }
+      return true;
+    }
+    if (types.isJSXIdentifier(attribute.name) && attribute.value) {
+      if (attribute.name.name === "children") {
+        return isStringNode(path, attribute.value);
+      }
+      return blacklistedProperties.has(attribute.name.name);
+    }
+    return false;
+  });
+}
+
+const log = (message) => {
+  console.log(`[react-native-boost] ${message}`);
+};
+
+var index = declare((api) => {
+  api.assertVersion(7);
+  return {
+    name: "react-native-boost",
+    visitor: {
+      JSXOpeningElement(path, state) {
+        var _a, _b;
+        const options = (_a = state.opts) != null ? _a : {};
+        const logger = options.verbose ? log : () => {
+        };
+        if (((_b = options.optimizations) == null ? void 0 : _b.text) !== false) textOptimizer(path, logger);
+      }
+    }
+  };
+});
+
+export { index as default };
+//# sourceMappingURL=index.mjs.map

package/dist/plugin/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/plugin/utils/plugin-error.ts","../../../src/plugin/utils/helpers.ts","../../../src/plugin/utils/common.ts","../../../src/plugin/optimizers/text/index.ts","../../../src/plugin/utils/logger.ts","../../../src/plugin/index.ts"],"sourcesContent":["export default class PluginError extends Error {\n  constructor(message: string) {\n    super(`[react-native-boost] Babel plugin exception: ${message}`);\n    this.name = 'PluginError';\n  }\n}\n","export const ensureArray = <T>(value: T | T[]): T[] => {\n  if (Array.isArray(value)) return value;\n  return [value];\n};\n","import { NodePath, types as t } from '@babel/core';\nimport { ensureArray } from './helpers';\n\n/**\n * Checks if the JSX element should be ignored based on a preceding comment.\n *\n * The function looks up the JSXOpeningElement's own leading comments as well as\n * the parent element's comments before falling back to inspect siblings.\n */\nexport const shouldIgnoreOptimization = (path: NodePath<t.JSXOpeningElement>): boolean => {\n  // Check for @boost-ignore in the leading comments on the JSX opening element.\n  if (path.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))) {\n    return true;\n  }\n\n  // Check for @boost-ignore in the leading comments on the parent JSX element.\n  const jsxElementPath = path.parentPath;\n  if (jsxElementPath.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))) {\n    return true;\n  }\n\n  // NEW: Check for @boost-ignore in the leading comments on the ObjectProperty (if it exists)\n  // This handles cases where the JSX element is used as a value inside an object literal.\n  const propertyPath = jsxElementPath.parentPath;\n  if (\n    propertyPath &&\n    propertyPath.isObjectProperty() &&\n    propertyPath.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))\n  ) {\n    return true;\n  }\n\n  if (!jsxElementPath.parentPath) return false;\n\n  // Get the container that holds this element (for example, a JSX fragment or JSX element)\n  const containerPath = jsxElementPath.parentPath;\n  const siblings = ensureArray(containerPath.get('children'));\n  const index = siblings.findIndex((sibling) => sibling.node === jsxElementPath.node);\n  if (index === -1) return false;\n\n  // Look backward from the current element for a non-empty node.\n  for (let index_ = index - 1; index_ >= 0; index_--) {\n    const sibling = siblings[index_];\n    // Skip over any whitespace (only in JSXText nodes)\n    if (sibling.isJSXText() && sibling.node.value.trim() === '') {\n      continue;\n    }\n    // If the sibling is a JSX expression container, check its empty expression's comments.\n    if (sibling.isJSXExpressionContainer()) {\n      const expression = sibling.get('expression');\n      if (expression && expression.node) {\n        const comments = [\n          ...(expression.node.leadingComments || []),\n          ...(expression.node.trailingComments || []),\n          ...(expression.node.innerComments || []),\n        ].map((comment) => comment.value.trim());\n        if (comments.some((comment) => comment.includes('@boost-ignore'))) {\n          return true;\n        }\n      }\n    }\n    // Also check if the node itself carries a leadingComments property.\n    if (\n      sibling.node.leadingComments &&\n      sibling.node.leadingComments.some((comment) => comment.value.includes('@boost-ignore'))\n    ) {\n      return true;\n    }\n    break; // if the immediate non-whitespace node is not our ignore marker, stop\n  }\n  return false;\n};\n","import { NodePath, types as t } from '@babel/core';\nimport { addNamed } from '@babel/helper-module-imports';\nimport { HubFile, Optimizer } from '../../types';\nimport PluginError from '../../utils/plugin-error';\nimport { shouldIgnoreOptimization } from '../../utils/common';\n\nexport const textOptimizer: Optimizer = (path, log = () => {}) => {\n  // Ensure we're processing a JSX Text element\n  if (!t.isJSXIdentifier(path.node.name)) return;\n\n  const parent = path.parent;\n  if (!t.isJSXElement(parent)) return;\n\n  const elementName = path.node.name.name;\n  if (elementName !== 'Text') return;\n\n  // If the component is preceded by an ignore comment, do not optimize.\n  if (shouldIgnoreOptimization(path)) {\n    return;\n  }\n\n  // Ensure Text element comes from react-native\n  const binding = path.scope.getBinding(elementName);\n  if (!binding) return;\n  if (binding.kind === 'module') {\n    const parentNode = binding.path.parent;\n    if (!t.isImportDeclaration(parentNode) || parentNode.source.value !== 'react-native') {\n      return;\n    }\n  }\n\n  // Bail if the element has any blacklisted properties or non-string children props\n  if (hasBlacklistedProperties(path)) return;\n  if (!hasOnlyStringChildren(path, parent)) return;\n\n  // Extract the file from the Babel hub and add flags for logging & import caching\n  const hub = path.hub as unknown;\n  const file = typeof hub === 'object' && hub !== null && 'file' in hub ? (hub.file as HubFile) : undefined;\n\n  if (!file) {\n    throw new PluginError('No file found in Babel hub');\n  }\n\n  const filename = file.opts?.filename || 'unknown file';\n  const lineNumber = path.node.loc?.start.line ?? 'unknown line';\n  log(`Optimizing Text component in ${filename}:${lineNumber}`);\n\n  // Optimize props\n  optimizeStyleTag({ path, file });\n\n  // Add TextNativeComponent import (cached on file) so we only add it once per file\n  if (!file.__hasImports) {\n    file.__hasImports = {};\n  }\n  if (!file.__hasImports.NativeText) {\n    file.__hasImports.NativeText = addNamed(path, 'NativeText', 'react-native/Libraries/Text/TextNativeComponent');\n  }\n  const nativeTextIdentifier = file.__hasImports.NativeText;\n  path.node.name.name = nativeTextIdentifier.name;\n\n  // If the element is not self-closing, update the closing element as well\n  if (\n    !path.node.selfClosing &&\n    parent.closingElement &&\n    t.isJSXIdentifier(parent.closingElement.name) &&\n    parent.closingElement.name.name === 'Text'\n  ) {\n    parent.closingElement.name.name = nativeTextIdentifier.name;\n  }\n};\n\nfunction hasOnlyStringChildren(path: NodePath<t.JSXOpeningElement>, node: t.JSXElement): boolean {\n  return node.children.every((child) => isStringNode(path, child));\n}\n\nfunction isStringNode(path: NodePath<t.JSXOpeningElement>, child: t.Node): boolean {\n  if (t.isJSXText(child)) return true;\n\n  // Check for JSX expressions\n  if (t.isJSXExpressionContainer(child)) {\n    const expression = child.expression;\n\n    // If the expression is an identifier, look it up in the current scope\n    if (t.isIdentifier(expression)) {\n      const binding = path.scope.getBinding(expression.name);\n      return binding ? t.isStringLiteral(binding.path.node) : false;\n    }\n  }\n  return false;\n}\n\nconst blacklistedProperties = new Set([\n  'accessible',\n  'accessibilityLabel',\n  'accessibilityState',\n  'allowFontScaling',\n  'aria-busy',\n  'aria-checked',\n  'aria-disabled',\n  'aria-expanded',\n  'aria-label',\n  'aria-selected',\n  'ellipsizeMode',\n  'id',\n  'nativeID',\n  'onLongPress',\n  'onPress',\n  'onPressIn',\n  'onPressOut',\n  'onResponderGrant',\n  'onResponderMove',\n  'onResponderRelease',\n  'onResponderTerminate',\n  'onResponderTerminationRequest',\n  'onStartShouldSetResponder',\n  'pressRetentionOffset',\n  'suppressHighlighting',\n]);\n\nfunction optimizeStyleTag({ path, file }: { path: NodePath<t.JSXOpeningElement>; file: HubFile }) {\n  let shouldImportFlattenTextStyle = false;\n  const nameHint = '_flattenTextStyle';\n\n  for (const [index, attribute] of path.node.attributes.entries()) {\n    if (t.isJSXAttribute(attribute) && t.isJSXIdentifier(attribute.name, { name: 'style' })) {\n      shouldImportFlattenTextStyle = true;\n\n      if (t.isJSXExpressionContainer(attribute.value) && !t.isJSXEmptyExpression(attribute.value.expression)) {\n        path.node.attributes[index] = t.jsxSpreadAttribute(\n          t.callExpression(t.identifier(nameHint), [attribute.value.expression])\n        );\n      }\n    }\n  }\n\n  if (shouldImportFlattenTextStyle && !file.__hasImports?.flattenTextStyle) {\n    if (!file.__hasImports) file.__hasImports = {};\n    file.__hasImports.flattenTextStyle = addNamed(path, 'flattenTextStyle', 'react-native-boost', { nameHint });\n  }\n}\n\nfunction hasBlacklistedProperties(path: NodePath<t.JSXOpeningElement>): boolean {\n  return path.node.attributes.some((attribute) => {\n    // Check if we can resolve the spread attribute\n    if (t.isJSXSpreadAttribute(attribute)) {\n      if (t.isIdentifier(attribute.argument)) {\n        const binding = path.scope.getBinding(attribute.argument.name);\n        let objectExpression: t.ObjectExpression | undefined;\n        if (binding) {\n          // If the binding node is a VariableDeclarator, use its initializer\n          if (t.isVariableDeclarator(binding.path.node)) {\n            objectExpression = binding.path.node.init as t.ObjectExpression;\n          } else if (t.isObjectExpression(binding.path.node)) {\n            objectExpression = binding.path.node;\n          }\n        }\n        if (objectExpression && t.isObjectExpression(objectExpression)) {\n          return objectExpression.properties.some((property) => {\n            if (t.isObjectProperty(property) && t.isIdentifier(property.key)) {\n              return blacklistedProperties.has(property.key.name);\n            }\n            return false;\n          });\n        }\n      }\n      // Bail if we can't resolve the spread attribute\n      return true;\n    }\n\n    if (t.isJSXIdentifier(attribute.name) && attribute.value) {\n      // For a \"children\" attribute, optimization is allowed only if it is a string\n      if (attribute.name.name === 'children') {\n        return isStringNode(path, attribute.value);\n      }\n      return blacklistedProperties.has(attribute.name.name);\n    }\n\n    // For other attribute types (e.g. namespaced), assume no blacklisting\n    return false;\n  });\n}\n","export const log = (message: string) => {\n  console.log(`[react-native-boost] ${message}`);\n};\n","import { declare } from '@babel/helper-plugin-utils';\nimport { textOptimizer } from './optimizers/text';\nimport { PluginOptions } from './types';\nimport { log } from './utils/logger';\n\nexport default declare((api) => {\n  api.assertVersion(7);\n\n  return {\n    name: 'react-native-boost',\n    visitor: {\n      JSXOpeningElement(path, state) {\n        const options = (state.opts ?? {}) as PluginOptions;\n        const logger = options.verbose ? log : () => {};\n        if (options.optimizations?.text !== false) textOptimizer(path, logger);\n      },\n    },\n  };\n});\n"],"names":["t"],"mappings":";;;;AAAA,MAAqB,oBAAoB,KAAM,CAAA;AAAA,EAC7C,YAAY,OAAiB,EAAA;AAC3B,IAAM,KAAA,CAAA,CAAA,6CAAA,EAAgD,OAAO,CAAE,CAAA,CAAA;AAC/D,IAAA,IAAA,CAAK,IAAO,GAAA,aAAA;AAAA;AAEhB;;ACLa,MAAA,WAAA,GAAc,CAAI,KAAwB,KAAA;AACrD,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,EAAU,OAAA,KAAA;AACjC,EAAA,OAAO,CAAC,KAAK,CAAA;AACf,CAAA;;ACMa,MAAA,wBAAA,GAA2B,CAAC,IAAiD,KAAA;AAT1F,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAWE,EAAI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAK,CAAA,eAAA,KAAV,IAA2B,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAK,CAAC,OAAA,KAAY,OAAQ,CAAA,KAAA,CAAM,QAAS,CAAA,eAAe,CAAI,CAAA,EAAA;AACzF,IAAO,OAAA,IAAA;AAAA;AAIT,EAAA,MAAM,iBAAiB,IAAK,CAAA,UAAA;AAC5B,EAAI,IAAA,CAAA,EAAA,GAAA,cAAA,CAAe,IAAK,CAAA,eAAA,KAApB,IAAqC,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAK,CAAC,OAAA,KAAY,OAAQ,CAAA,KAAA,CAAM,QAAS,CAAA,eAAe,CAAI,CAAA,EAAA;AACnG,IAAO,OAAA,IAAA;AAAA;AAKT,EAAA,MAAM,eAAe,cAAe,CAAA,UAAA;AACpC,EAAA,IACE,YACA,IAAA,YAAA,CAAa,gBAAiB,EAAA,KAAA,CAC9B,kBAAa,IAAK,CAAA,eAAA,KAAlB,IAAmC,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAK,CAAC,OAAY,KAAA,OAAA,CAAQ,KAAM,CAAA,QAAA,CAAS,eAAe,CAC3F,CAAA,CAAA,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EAAI,IAAA,CAAC,cAAe,CAAA,UAAA,EAAmB,OAAA,KAAA;AAGvC,EAAA,MAAM,gBAAgB,cAAe,CAAA,UAAA;AACrC,EAAA,MAAM,QAAW,GAAA,WAAA,CAAY,aAAc,CAAA,GAAA,CAAI,UAAU,CAAC,CAAA;AAC1D,EAAM,MAAA,KAAA,GAAQ,SAAS,SAAU,CAAA,CAAC,YAAY,OAAQ,CAAA,IAAA,KAAS,eAAe,IAAI,CAAA;AAClF,EAAI,IAAA,KAAA,KAAU,IAAW,OAAA,KAAA;AAGzB,EAAA,KAAA,IAAS,MAAS,GAAA,KAAA,GAAQ,CAAG,EAAA,MAAA,IAAU,GAAG,MAAU,EAAA,EAAA;AAClD,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM,CAAA;AAE/B,IAAI,IAAA,OAAA,CAAQ,WAAe,IAAA,OAAA,CAAQ,KAAK,KAAM,CAAA,IAAA,OAAW,EAAI,EAAA;AAC3D,MAAA;AAAA;AAGF,IAAI,IAAA,OAAA,CAAQ,0BAA4B,EAAA;AACtC,MAAM,MAAA,UAAA,GAAa,OAAQ,CAAA,GAAA,CAAI,YAAY,CAAA;AAC3C,MAAI,IAAA,UAAA,IAAc,WAAW,IAAM,EAAA;AACjC,QAAA,MAAM,QAAW,GAAA;AAAA,UACf,GAAI,UAAA,CAAW,IAAK,CAAA,eAAA,IAAmB,EAAC;AAAA,UACxC,GAAI,UAAA,CAAW,IAAK,CAAA,gBAAA,IAAoB,EAAC;AAAA,UACzC,GAAI,UAAA,CAAW,IAAK,CAAA,aAAA,IAAiB;AAAC,UACtC,GAAI,CAAA,CAAC,YAAY,OAAQ,CAAA,KAAA,CAAM,MAAM,CAAA;AACvC,QAAI,IAAA,QAAA,CAAS,KAAK,CAAC,OAAA,KAAY,QAAQ,QAAS,CAAA,eAAe,CAAC,CAAG,EAAA;AACjE,UAAO,OAAA,IAAA;AAAA;AACT;AACF;AAGF,IAAA,IACE,OAAQ,CAAA,IAAA,CAAK,eACb,IAAA,OAAA,CAAQ,KAAK,eAAgB,CAAA,IAAA,CAAK,CAAC,OAAA,KAAY,OAAQ,CAAA,KAAA,CAAM,QAAS,CAAA,eAAe,CAAC,CACtF,EAAA;AACA,MAAO,OAAA,IAAA;AAAA;AAET,IAAA;AAAA;AAEF,EAAO,OAAA,KAAA;AACT,CAAA;;ACjEO,MAAM,aAA2B,GAAA,CAAC,IAAM,EAAA,GAAA,GAAM,MAAM;AAAC,CAAM,KAAA;AANlE,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAQE,EAAA,IAAI,CAACA,KAAE,CAAA,eAAA,CAAgB,IAAK,CAAA,IAAA,CAAK,IAAI,CAAG,EAAA;AAExC,EAAA,MAAM,SAAS,IAAK,CAAA,MAAA;AACpB,EAAA,IAAI,CAACA,KAAA,CAAE,YAAa,CAAA,MAAM,CAAG,EAAA;AAE7B,EAAM,MAAA,WAAA,GAAc,IAAK,CAAA,IAAA,CAAK,IAAK,CAAA,IAAA;AACnC,EAAA,IAAI,gBAAgB,MAAQ,EAAA;AAG5B,EAAI,IAAA,wBAAA,CAAyB,IAAI,CAAG,EAAA;AAClC,IAAA;AAAA;AAIF,EAAA,MAAM,OAAU,GAAA,IAAA,CAAK,KAAM,CAAA,UAAA,CAAW,WAAW,CAAA;AACjD,EAAA,IAAI,CAAC,OAAS,EAAA;AACd,EAAI,IAAA,OAAA,CAAQ,SAAS,QAAU,EAAA;AAC7B,IAAM,MAAA,UAAA,GAAa,QAAQ,IAAK,CAAA,MAAA;AAChC,IAAI,IAAA,CAACA,MAAE,mBAAoB,CAAA,UAAU,KAAK,UAAW,CAAA,MAAA,CAAO,UAAU,cAAgB,EAAA;AACpF,MAAA;AAAA;AACF;AAIF,EAAI,IAAA,wBAAA,CAAyB,IAAI,CAAG,EAAA;AACpC,EAAA,IAAI,CAAC,qBAAA,CAAsB,IAAM,EAAA,MAAM,CAAG,EAAA;AAG1C,EAAA,MAAM,MAAM,IAAK,CAAA,GAAA;AACjB,EAAM,MAAA,IAAA,GAAO,OAAO,GAAQ,KAAA,QAAA,IAAY,QAAQ,IAAQ,IAAA,MAAA,IAAU,GAAO,GAAA,GAAA,CAAI,IAAmB,GAAA,MAAA;AAEhG,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAM,MAAA,IAAI,YAAY,4BAA4B,CAAA;AAAA;AAGpD,EAAA,MAAM,QAAW,GAAA,CAAA,CAAA,EAAA,GAAA,IAAA,CAAK,IAAL,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAW,QAAY,KAAA,cAAA;AACxC,EAAA,MAAM,cAAa,EAAK,GAAA,CAAA,EAAA,GAAA,IAAA,CAAA,IAAA,CAAK,QAAV,IAAe,GAAA,MAAA,GAAA,EAAA,CAAA,KAAA,CAAM,SAArB,IAA6B,GAAA,EAAA,GAAA,cAAA;AAChD,EAAA,GAAA,CAAI,CAAgC,6BAAA,EAAA,QAAQ,CAAI,CAAA,EAAA,UAAU,CAAE,CAAA,CAAA;AAG5D,EAAiB,gBAAA,CAAA,EAAE,IAAM,EAAA,IAAA,EAAM,CAAA;AAG/B,EAAI,IAAA,CAAC,KAAK,YAAc,EAAA;AACtB,IAAA,IAAA,CAAK,eAAe,EAAC;AAAA;AAEvB,EAAI,IAAA,CAAC,IAAK,CAAA,YAAA,CAAa,UAAY,EAAA;AACjC,IAAA,IAAA,CAAK,YAAa,CAAA,UAAA,GAAa,QAAS,CAAA,IAAA,EAAM,cAAc,iDAAiD,CAAA;AAAA;AAE/G,EAAM,MAAA,oBAAA,GAAuB,KAAK,YAAa,CAAA,UAAA;AAC/C,EAAK,IAAA,CAAA,IAAA,CAAK,IAAK,CAAA,IAAA,GAAO,oBAAqB,CAAA,IAAA;AAG3C,EAAA,IACE,CAAC,IAAK,CAAA,IAAA,CAAK,WACX,IAAA,MAAA,CAAO,kBACPA,KAAE,CAAA,eAAA,CAAgB,MAAO,CAAA,cAAA,CAAe,IAAI,CAC5C,IAAA,MAAA,CAAO,cAAe,CAAA,IAAA,CAAK,SAAS,MACpC,EAAA;AACA,IAAO,MAAA,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,GAAO,oBAAqB,CAAA,IAAA;AAAA;AAE3D,CAAA;AAEA,SAAS,qBAAA,CAAsB,MAAqC,IAA6B,EAAA;AAC/F,EAAO,OAAA,IAAA,CAAK,SAAS,KAAM,CAAA,CAAC,UAAU,YAAa,CAAA,IAAA,EAAM,KAAK,CAAC,CAAA;AACjE;AAEA,SAAS,YAAA,CAAa,MAAqC,KAAwB,EAAA;AACjF,EAAA,IAAIA,KAAE,CAAA,SAAA,CAAU,KAAK,CAAA,EAAU,OAAA,IAAA;AAG/B,EAAI,IAAAA,KAAA,CAAE,wBAAyB,CAAA,KAAK,CAAG,EAAA;AACrC,IAAA,MAAM,aAAa,KAAM,CAAA,UAAA;AAGzB,IAAI,IAAAA,KAAA,CAAE,YAAa,CAAA,UAAU,CAAG,EAAA;AAC9B,MAAA,MAAM,OAAU,GAAA,IAAA,CAAK,KAAM,CAAA,UAAA,CAAW,WAAW,IAAI,CAAA;AACrD,MAAA,OAAO,UAAUA,KAAE,CAAA,eAAA,CAAgB,OAAQ,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,KAAA;AAAA;AAC1D;AAEF,EAAO,OAAA,KAAA;AACT;AAEA,MAAM,qBAAA,uBAA4B,GAAI,CAAA;AAAA,EACpC,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,+BAAA;AAAA,EACA,2BAAA;AAAA,EACA,sBAAA;AAAA,EACA;AACF,CAAC,CAAA;AAED,SAAS,gBAAiB,CAAA,EAAE,IAAM,EAAA,IAAA,EAAgE,EAAA;AAvHlG,EAAA,IAAA,EAAA;AAwHE,EAAA,IAAI,4BAA+B,GAAA,KAAA;AACnC,EAAA,MAAM,QAAW,GAAA,mBAAA;AAEjB,EAAW,KAAA,MAAA,CAAC,OAAO,SAAS,CAAA,IAAK,KAAK,IAAK,CAAA,UAAA,CAAW,SAAW,EAAA;AAC/D,IAAA,IAAIA,KAAE,CAAA,cAAA,CAAe,SAAS,CAAA,IAAKA,KAAE,CAAA,eAAA,CAAgB,SAAU,CAAA,IAAA,EAAM,EAAE,IAAA,EAAM,OAAQ,EAAC,CAAG,EAAA;AACvF,MAA+B,4BAAA,GAAA,IAAA;AAE/B,MAAI,IAAAA,KAAA,CAAE,wBAAyB,CAAA,SAAA,CAAU,KAAK,CAAA,IAAK,CAACA,KAAA,CAAE,oBAAqB,CAAA,SAAA,CAAU,KAAM,CAAA,UAAU,CAAG,EAAA;AACtG,QAAA,IAAA,CAAK,IAAK,CAAA,UAAA,CAAW,KAAK,CAAA,GAAIA,KAAE,CAAA,kBAAA;AAAA,UAC9BA,KAAA,CAAE,cAAe,CAAAA,KAAA,CAAE,UAAW,CAAA,QAAQ,GAAG,CAAC,SAAA,CAAU,KAAM,CAAA,UAAU,CAAC;AAAA,SACvE;AAAA;AACF;AACF;AAGF,EAAA,IAAI,4BAAgC,IAAA,EAAA,CAAC,EAAK,GAAA,IAAA,CAAA,YAAA,KAAL,mBAAmB,gBAAkB,CAAA,EAAA;AACxE,IAAA,IAAI,CAAC,IAAA,CAAK,YAAc,EAAA,IAAA,CAAK,eAAe,EAAC;AAC7C,IAAK,IAAA,CAAA,YAAA,CAAa,mBAAmB,QAAS,CAAA,IAAA,EAAM,oBAAoB,oBAAsB,EAAA,EAAE,UAAU,CAAA;AAAA;AAE9G;AAEA,SAAS,yBAAyB,IAA8C,EAAA;AAC9E,EAAA,OAAO,IAAK,CAAA,IAAA,CAAK,UAAW,CAAA,IAAA,CAAK,CAAC,SAAc,KAAA;AAE9C,IAAI,IAAAA,KAAA,CAAE,oBAAqB,CAAA,SAAS,CAAG,EAAA;AACrC,MAAA,IAAIA,KAAE,CAAA,YAAA,CAAa,SAAU,CAAA,QAAQ,CAAG,EAAA;AACtC,QAAA,MAAM,UAAU,IAAK,CAAA,KAAA,CAAM,UAAW,CAAA,SAAA,CAAU,SAAS,IAAI,CAAA;AAC7D,QAAI,IAAA,gBAAA;AACJ,QAAA,IAAI,OAAS,EAAA;AAEX,UAAA,IAAIA,KAAE,CAAA,oBAAA,CAAqB,OAAQ,CAAA,IAAA,CAAK,IAAI,CAAG,EAAA;AAC7C,YAAmB,gBAAA,GAAA,OAAA,CAAQ,KAAK,IAAK,CAAA,IAAA;AAAA,qBAC5BA,KAAE,CAAA,kBAAA,CAAmB,OAAQ,CAAA,IAAA,CAAK,IAAI,CAAG,EAAA;AAClD,YAAA,gBAAA,GAAmB,QAAQ,IAAK,CAAA,IAAA;AAAA;AAClC;AAEF,QAAA,IAAI,gBAAoB,IAAAA,KAAA,CAAE,kBAAmB,CAAA,gBAAgB,CAAG,EAAA;AAC9D,UAAA,OAAO,gBAAiB,CAAA,UAAA,CAAW,IAAK,CAAA,CAAC,QAAa,KAAA;AACpD,YAAI,IAAAA,KAAA,CAAE,iBAAiB,QAAQ,CAAA,IAAKA,MAAE,YAAa,CAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AAChE,cAAA,OAAO,qBAAsB,CAAA,GAAA,CAAI,QAAS,CAAA,GAAA,CAAI,IAAI,CAAA;AAAA;AAEpD,YAAO,OAAA,KAAA;AAAA,WACR,CAAA;AAAA;AACH;AAGF,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,IAAIA,MAAE,eAAgB,CAAA,SAAA,CAAU,IAAI,CAAA,IAAK,UAAU,KAAO,EAAA;AAExD,MAAI,IAAA,SAAA,CAAU,IAAK,CAAA,IAAA,KAAS,UAAY,EAAA;AACtC,QAAO,OAAA,YAAA,CAAa,IAAM,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA;AAE3C,MAAA,OAAO,qBAAsB,CAAA,GAAA,CAAI,SAAU,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA;AAItD,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AACH;;ACpLa,MAAA,GAAA,GAAM,CAAC,OAAoB,KAAA;AACtC,EAAQ,OAAA,CAAA,GAAA,CAAI,CAAwB,qBAAA,EAAA,OAAO,CAAE,CAAA,CAAA;AAC/C,CAAA;;ACGA,YAAe,OAAA,CAAQ,CAAC,GAAQ,KAAA;AAC9B,EAAA,GAAA,CAAI,cAAc,CAAC,CAAA;AAEnB,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,oBAAA;AAAA,IACN,OAAS,EAAA;AAAA,MACP,iBAAA,CAAkB,MAAM,KAAO,EAAA;AAXrC,QAAA,IAAA,EAAA,EAAA,EAAA;AAYQ,QAAA,MAAM,OAAW,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,IAAN,KAAA,IAAA,GAAA,EAAA,GAAc,EAAC;AAChC,QAAA,MAAM,MAAS,GAAA,OAAA,CAAQ,OAAU,GAAA,GAAA,GAAM,MAAM;AAAA,SAAC;AAC9C,QAAA,IAAA,CAAA,CAAI,aAAQ,aAAR,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuB,UAAS,KAAO,EAAA,aAAA,CAAc,MAAM,MAAM,CAAA;AAAA;AACvE;AACF,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/plugin/index.d.ts

@@ -0,0 +1,12 @@
+import * as _babel_traverse from '@babel/traverse';
+import * as _babel_types from '@babel/types';
+import * as _babel_core from '@babel/core';
+
+declare const _default: (api: object, options: Record<string, any> | null | undefined, dirname: string) => {
+    name: string;
+    visitor: {
+        JSXOpeningElement(this: _babel_core.PluginPass, path: _babel_traverse.NodePath<_babel_types.JSXOpeningElement>, state: _babel_core.PluginPass): void;
+    };
+};
+
+export { _default as default };

package/dist/plugin/index.js

@@ -0,0 +1,220 @@
+'use strict';
+
+var helperPluginUtils = require('@babel/helper-plugin-utils');
+var core = require('@babel/core');
+var helperModuleImports = require('@babel/helper-module-imports');
+
+class PluginError extends Error {
+  constructor(message) {
+    super(`[react-native-boost] Babel plugin exception: ${message}`);
+    this.name = "PluginError";
+  }
+}
+
+const ensureArray = (value) => {
+  if (Array.isArray(value)) return value;
+  return [value];
+};
+
+const shouldIgnoreOptimization = (path) => {
+  var _a, _b, _c;
+  if ((_a = path.node.leadingComments) == null ? void 0 : _a.some((comment) => comment.value.includes("@boost-ignore"))) {
+    return true;
+  }
+  const jsxElementPath = path.parentPath;
+  if ((_b = jsxElementPath.node.leadingComments) == null ? void 0 : _b.some((comment) => comment.value.includes("@boost-ignore"))) {
+    return true;
+  }
+  const propertyPath = jsxElementPath.parentPath;
+  if (propertyPath && propertyPath.isObjectProperty() && ((_c = propertyPath.node.leadingComments) == null ? void 0 : _c.some((comment) => comment.value.includes("@boost-ignore")))) {
+    return true;
+  }
+  if (!jsxElementPath.parentPath) return false;
+  const containerPath = jsxElementPath.parentPath;
+  const siblings = ensureArray(containerPath.get("children"));
+  const index = siblings.findIndex((sibling) => sibling.node === jsxElementPath.node);
+  if (index === -1) return false;
+  for (let index_ = index - 1; index_ >= 0; index_--) {
+    const sibling = siblings[index_];
+    if (sibling.isJSXText() && sibling.node.value.trim() === "") {
+      continue;
+    }
+    if (sibling.isJSXExpressionContainer()) {
+      const expression = sibling.get("expression");
+      if (expression && expression.node) {
+        const comments = [
+          ...expression.node.leadingComments || [],
+          ...expression.node.trailingComments || [],
+          ...expression.node.innerComments || []
+        ].map((comment) => comment.value.trim());
+        if (comments.some((comment) => comment.includes("@boost-ignore"))) {
+          return true;
+        }
+      }
+    }
+    if (sibling.node.leadingComments && sibling.node.leadingComments.some((comment) => comment.value.includes("@boost-ignore"))) {
+      return true;
+    }
+    break;
+  }
+  return false;
+};
+
+const textOptimizer = (path, log = () => {
+}) => {
+  var _a, _b, _c;
+  if (!core.types.isJSXIdentifier(path.node.name)) return;
+  const parent = path.parent;
+  if (!core.types.isJSXElement(parent)) return;
+  const elementName = path.node.name.name;
+  if (elementName !== "Text") return;
+  if (shouldIgnoreOptimization(path)) {
+    return;
+  }
+  const binding = path.scope.getBinding(elementName);
+  if (!binding) return;
+  if (binding.kind === "module") {
+    const parentNode = binding.path.parent;
+    if (!core.types.isImportDeclaration(parentNode) || parentNode.source.value !== "react-native") {
+      return;
+    }
+  }
+  if (hasBlacklistedProperties(path)) return;
+  if (!hasOnlyStringChildren(path, parent)) return;
+  const hub = path.hub;
+  const file = typeof hub === "object" && hub !== null && "file" in hub ? hub.file : void 0;
+  if (!file) {
+    throw new PluginError("No file found in Babel hub");
+  }
+  const filename = ((_a = file.opts) == null ? void 0 : _a.filename) || "unknown file";
+  const lineNumber = (_c = (_b = path.node.loc) == null ? void 0 : _b.start.line) != null ? _c : "unknown line";
+  log(`Optimizing Text component in ${filename}:${lineNumber}`);
+  optimizeStyleTag({ path, file });
+  if (!file.__hasImports) {
+    file.__hasImports = {};
+  }
+  if (!file.__hasImports.NativeText) {
+    file.__hasImports.NativeText = helperModuleImports.addNamed(path, "NativeText", "react-native/Libraries/Text/TextNativeComponent");
+  }
+  const nativeTextIdentifier = file.__hasImports.NativeText;
+  path.node.name.name = nativeTextIdentifier.name;
+  if (!path.node.selfClosing && parent.closingElement && core.types.isJSXIdentifier(parent.closingElement.name) && parent.closingElement.name.name === "Text") {
+    parent.closingElement.name.name = nativeTextIdentifier.name;
+  }
+};
+function hasOnlyStringChildren(path, node) {
+  return node.children.every((child) => isStringNode(path, child));
+}
+function isStringNode(path, child) {
+  if (core.types.isJSXText(child)) return true;
+  if (core.types.isJSXExpressionContainer(child)) {
+    const expression = child.expression;
+    if (core.types.isIdentifier(expression)) {
+      const binding = path.scope.getBinding(expression.name);
+      return binding ? core.types.isStringLiteral(binding.path.node) : false;
+    }
+  }
+  return false;
+}
+const blacklistedProperties = /* @__PURE__ */ new Set([
+  "accessible",
+  "accessibilityLabel",
+  "accessibilityState",
+  "allowFontScaling",
+  "aria-busy",
+  "aria-checked",
+  "aria-disabled",
+  "aria-expanded",
+  "aria-label",
+  "aria-selected",
+  "ellipsizeMode",
+  "id",
+  "nativeID",
+  "onLongPress",
+  "onPress",
+  "onPressIn",
+  "onPressOut",
+  "onResponderGrant",
+  "onResponderMove",
+  "onResponderRelease",
+  "onResponderTerminate",
+  "onResponderTerminationRequest",
+  "onStartShouldSetResponder",
+  "pressRetentionOffset",
+  "suppressHighlighting"
+]);
+function optimizeStyleTag({ path, file }) {
+  var _a;
+  let shouldImportFlattenTextStyle = false;
+  const nameHint = "_flattenTextStyle";
+  for (const [index, attribute] of path.node.attributes.entries()) {
+    if (core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name, { name: "style" })) {
+      shouldImportFlattenTextStyle = true;
+      if (core.types.isJSXExpressionContainer(attribute.value) && !core.types.isJSXEmptyExpression(attribute.value.expression)) {
+        path.node.attributes[index] = core.types.jsxSpreadAttribute(
+          core.types.callExpression(core.types.identifier(nameHint), [attribute.value.expression])
+        );
+      }
+    }
+  }
+  if (shouldImportFlattenTextStyle && !((_a = file.__hasImports) == null ? void 0 : _a.flattenTextStyle)) {
+    if (!file.__hasImports) file.__hasImports = {};
+    file.__hasImports.flattenTextStyle = helperModuleImports.addNamed(path, "flattenTextStyle", "react-native-boost", { nameHint });
+  }
+}
+function hasBlacklistedProperties(path) {
+  return path.node.attributes.some((attribute) => {
+    if (core.types.isJSXSpreadAttribute(attribute)) {
+      if (core.types.isIdentifier(attribute.argument)) {
+        const binding = path.scope.getBinding(attribute.argument.name);
+        let objectExpression;
+        if (binding) {
+          if (core.types.isVariableDeclarator(binding.path.node)) {
+            objectExpression = binding.path.node.init;
+          } else if (core.types.isObjectExpression(binding.path.node)) {
+            objectExpression = binding.path.node;
+          }
+        }
+        if (objectExpression && core.types.isObjectExpression(objectExpression)) {
+          return objectExpression.properties.some((property) => {
+            if (core.types.isObjectProperty(property) && core.types.isIdentifier(property.key)) {
+              return blacklistedProperties.has(property.key.name);
+            }
+            return false;
+          });
+        }
+      }
+      return true;
+    }
+    if (core.types.isJSXIdentifier(attribute.name) && attribute.value) {
+      if (attribute.name.name === "children") {
+        return isStringNode(path, attribute.value);
+      }
+      return blacklistedProperties.has(attribute.name.name);
+    }
+    return false;
+  });
+}
+
+const log = (message) => {
+  console.log(`[react-native-boost] ${message}`);
+};
+
+var index = helperPluginUtils.declare((api) => {
+  api.assertVersion(7);
+  return {
+    name: "react-native-boost",
+    visitor: {
+      JSXOpeningElement(path, state) {
+        var _a, _b;
+        const options = (_a = state.opts) != null ? _a : {};
+        const logger = options.verbose ? log : () => {
+        };
+        if (((_b = options.optimizations) == null ? void 0 : _b.text) !== false) textOptimizer(path, logger);
+      }
+    }
+  };
+});
+
+module.exports = index;
+//# sourceMappingURL=index.js.map

package/dist/plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/plugin/utils/plugin-error.ts","../../src/plugin/utils/helpers.ts","../../src/plugin/utils/common.ts","../../src/plugin/optimizers/text/index.ts","../../src/plugin/utils/logger.ts","../../src/plugin/index.ts"],"sourcesContent":["export default class PluginError extends Error {\n  constructor(message: string) {\n    super(`[react-native-boost] Babel plugin exception: ${message}`);\n    this.name = 'PluginError';\n  }\n}\n","export const ensureArray = <T>(value: T | T[]): T[] => {\n  if (Array.isArray(value)) return value;\n  return [value];\n};\n","import { NodePath, types as t } from '@babel/core';\nimport { ensureArray } from './helpers';\n\n/**\n * Checks if the JSX element should be ignored based on a preceding comment.\n *\n * The function looks up the JSXOpeningElement's own leading comments as well as\n * the parent element's comments before falling back to inspect siblings.\n */\nexport const shouldIgnoreOptimization = (path: NodePath<t.JSXOpeningElement>): boolean => {\n  // Check for @boost-ignore in the leading comments on the JSX opening element.\n  if (path.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))) {\n    return true;\n  }\n\n  // Check for @boost-ignore in the leading comments on the parent JSX element.\n  const jsxElementPath = path.parentPath;\n  if (jsxElementPath.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))) {\n    return true;\n  }\n\n  // NEW: Check for @boost-ignore in the leading comments on the ObjectProperty (if it exists)\n  // This handles cases where the JSX element is used as a value inside an object literal.\n  const propertyPath = jsxElementPath.parentPath;\n  if (\n    propertyPath &&\n    propertyPath.isObjectProperty() &&\n    propertyPath.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))\n  ) {\n    return true;\n  }\n\n  if (!jsxElementPath.parentPath) return false;\n\n  // Get the container that holds this element (for example, a JSX fragment or JSX element)\n  const containerPath = jsxElementPath.parentPath;\n  const siblings = ensureArray(containerPath.get('children'));\n  const index = siblings.findIndex((sibling) => sibling.node === jsxElementPath.node);\n  if (index === -1) return false;\n\n  // Look backward from the current element for a non-empty node.\n  for (let index_ = index - 1; index_ >= 0; index_--) {\n    const sibling = siblings[index_];\n    // Skip over any whitespace (only in JSXText nodes)\n    if (sibling.isJSXText() && sibling.node.value.trim() === '') {\n      continue;\n    }\n    // If the sibling is a JSX expression container, check its empty expression's comments.\n    if (sibling.isJSXExpressionContainer()) {\n      const expression = sibling.get('expression');\n      if (expression && expression.node) {\n        const comments = [\n          ...(expression.node.leadingComments || []),\n          ...(expression.node.trailingComments || []),\n          ...(expression.node.innerComments || []),\n        ].map((comment) => comment.value.trim());\n        if (comments.some((comment) => comment.includes('@boost-ignore'))) {\n          return true;\n        }\n      }\n    }\n    // Also check if the node itself carries a leadingComments property.\n    if (\n      sibling.node.leadingComments &&\n      sibling.node.leadingComments.some((comment) => comment.value.includes('@boost-ignore'))\n    ) {\n      return true;\n    }\n    break; // if the immediate non-whitespace node is not our ignore marker, stop\n  }\n  return false;\n};\n","import { NodePath, types as t } from '@babel/core';\nimport { addNamed } from '@babel/helper-module-imports';\nimport { HubFile, Optimizer } from '../../types';\nimport PluginError from '../../utils/plugin-error';\nimport { shouldIgnoreOptimization } from '../../utils/common';\n\nexport const textOptimizer: Optimizer = (path, log = () => {}) => {\n  // Ensure we're processing a JSX Text element\n  if (!t.isJSXIdentifier(path.node.name)) return;\n\n  const parent = path.parent;\n  if (!t.isJSXElement(parent)) return;\n\n  const elementName = path.node.name.name;\n  if (elementName !== 'Text') return;\n\n  // If the component is preceded by an ignore comment, do not optimize.\n  if (shouldIgnoreOptimization(path)) {\n    return;\n  }\n\n  // Ensure Text element comes from react-native\n  const binding = path.scope.getBinding(elementName);\n  if (!binding) return;\n  if (binding.kind === 'module') {\n    const parentNode = binding.path.parent;\n    if (!t.isImportDeclaration(parentNode) || parentNode.source.value !== 'react-native') {\n      return;\n    }\n  }\n\n  // Bail if the element has any blacklisted properties or non-string children props\n  if (hasBlacklistedProperties(path)) return;\n  if (!hasOnlyStringChildren(path, parent)) return;\n\n  // Extract the file from the Babel hub and add flags for logging & import caching\n  const hub = path.hub as unknown;\n  const file = typeof hub === 'object' && hub !== null && 'file' in hub ? (hub.file as HubFile) : undefined;\n\n  if (!file) {\n    throw new PluginError('No file found in Babel hub');\n  }\n\n  const filename = file.opts?.filename || 'unknown file';\n  const lineNumber = path.node.loc?.start.line ?? 'unknown line';\n  log(`Optimizing Text component in ${filename}:${lineNumber}`);\n\n  // Optimize props\n  optimizeStyleTag({ path, file });\n\n  // Add TextNativeComponent import (cached on file) so we only add it once per file\n  if (!file.__hasImports) {\n    file.__hasImports = {};\n  }\n  if (!file.__hasImports.NativeText) {\n    file.__hasImports.NativeText = addNamed(path, 'NativeText', 'react-native/Libraries/Text/TextNativeComponent');\n  }\n  const nativeTextIdentifier = file.__hasImports.NativeText;\n  path.node.name.name = nativeTextIdentifier.name;\n\n  // If the element is not self-closing, update the closing element as well\n  if (\n    !path.node.selfClosing &&\n    parent.closingElement &&\n    t.isJSXIdentifier(parent.closingElement.name) &&\n    parent.closingElement.name.name === 'Text'\n  ) {\n    parent.closingElement.name.name = nativeTextIdentifier.name;\n  }\n};\n\nfunction hasOnlyStringChildren(path: NodePath<t.JSXOpeningElement>, node: t.JSXElement): boolean {\n  return node.children.every((child) => isStringNode(path, child));\n}\n\nfunction isStringNode(path: NodePath<t.JSXOpeningElement>, child: t.Node): boolean {\n  if (t.isJSXText(child)) return true;\n\n  // Check for JSX expressions\n  if (t.isJSXExpressionContainer(child)) {\n    const expression = child.expression;\n\n    // If the expression is an identifier, look it up in the current scope\n    if (t.isIdentifier(expression)) {\n      const binding = path.scope.getBinding(expression.name);\n      return binding ? t.isStringLiteral(binding.path.node) : false;\n    }\n  }\n  return false;\n}\n\nconst blacklistedProperties = new Set([\n  'accessible',\n  'accessibilityLabel',\n  'accessibilityState',\n  'allowFontScaling',\n  'aria-busy',\n  'aria-checked',\n  'aria-disabled',\n  'aria-expanded',\n  'aria-label',\n  'aria-selected',\n  'ellipsizeMode',\n  'id',\n  'nativeID',\n  'onLongPress',\n  'onPress',\n  'onPressIn',\n  'onPressOut',\n  'onResponderGrant',\n  'onResponderMove',\n  'onResponderRelease',\n  'onResponderTerminate',\n  'onResponderTerminationRequest',\n  'onStartShouldSetResponder',\n  'pressRetentionOffset',\n  'suppressHighlighting',\n]);\n\nfunction optimizeStyleTag({ path, file }: { path: NodePath<t.JSXOpeningElement>; file: HubFile }) {\n  let shouldImportFlattenTextStyle = false;\n  const nameHint = '_flattenTextStyle';\n\n  for (const [index, attribute] of path.node.attributes.entries()) {\n    if (t.isJSXAttribute(attribute) && t.isJSXIdentifier(attribute.name, { name: 'style' })) {\n      shouldImportFlattenTextStyle = true;\n\n      if (t.isJSXExpressionContainer(attribute.value) && !t.isJSXEmptyExpression(attribute.value.expression)) {\n        path.node.attributes[index] = t.jsxSpreadAttribute(\n          t.callExpression(t.identifier(nameHint), [attribute.value.expression])\n        );\n      }\n    }\n  }\n\n  if (shouldImportFlattenTextStyle && !file.__hasImports?.flattenTextStyle) {\n    if (!file.__hasImports) file.__hasImports = {};\n    file.__hasImports.flattenTextStyle = addNamed(path, 'flattenTextStyle', 'react-native-boost', { nameHint });\n  }\n}\n\nfunction hasBlacklistedProperties(path: NodePath<t.JSXOpeningElement>): boolean {\n  return path.node.attributes.some((attribute) => {\n    // Check if we can resolve the spread attribute\n    if (t.isJSXSpreadAttribute(attribute)) {\n      if (t.isIdentifier(attribute.argument)) {\n        const binding = path.scope.getBinding(attribute.argument.name);\n        let objectExpression: t.ObjectExpression | undefined;\n        if (binding) {\n          // If the binding node is a VariableDeclarator, use its initializer\n          if (t.isVariableDeclarator(binding.path.node)) {\n            objectExpression = binding.path.node.init as t.ObjectExpression;\n          } else if (t.isObjectExpression(binding.path.node)) {\n            objectExpression = binding.path.node;\n          }\n        }\n        if (objectExpression && t.isObjectExpression(objectExpression)) {\n          return objectExpression.properties.some((property) => {\n            if (t.isObjectProperty(property) && t.isIdentifier(property.key)) {\n              return blacklistedProperties.has(property.key.name);\n            }\n            return false;\n          });\n        }\n      }\n      // Bail if we can't resolve the spread attribute\n      return true;\n    }\n\n    if (t.isJSXIdentifier(attribute.name) && attribute.value) {\n      // For a \"children\" attribute, optimization is allowed only if it is a string\n      if (attribute.name.name === 'children') {\n        return isStringNode(path, attribute.value);\n      }\n      return blacklistedProperties.has(attribute.name.name);\n    }\n\n    // For other attribute types (e.g. namespaced), assume no blacklisting\n    return false;\n  });\n}\n","export const log = (message: string) => {\n  console.log(`[react-native-boost] ${message}`);\n};\n","import { declare } from '@babel/helper-plugin-utils';\nimport { textOptimizer } from './optimizers/text';\nimport { PluginOptions } from './types';\nimport { log } from './utils/logger';\n\nexport default declare((api) => {\n  api.assertVersion(7);\n\n  return {\n    name: 'react-native-boost',\n    visitor: {\n      JSXOpeningElement(path, state) {\n        const options = (state.opts ?? {}) as PluginOptions;\n        const logger = options.verbose ? log : () => {};\n        if (options.optimizations?.text !== false) textOptimizer(path, logger);\n      },\n    },\n  };\n});\n"],"names":["t","addNamed","declare"],"mappings":"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"}

package/package.json

@@ -1,8 +1,27 @@
 {
   "name": "react-native-boost",
   "description": "🚀 Boost your React Native app's performance with a single line of code",
-  "version": "0.0.5",
-  "main": "dist/plugin.js",
+  "version": "0.2.0",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "default": "./dist/esm/index.mjs",
+        "types": "./dist/index.d.ts"
+      },
+      "default": "./dist/index.js"
+    },
+    "./plugin": {
+      "import": {
+        "default": "./dist/plugin/esm/index.mjs",
+        "types": "./dist/plugin/index.d.ts"
+      },
+      "default": "./dist/plugin/index.js"
+    }
+  },
   "keywords": [
     "react-native",
     "ios",
@@ -13,8 +32,8 @@
     "optimize"
   ],
   "scripts": {
-    "clean": "rm -rf plugin",
-    "build": "yarn clean && node scripts/esbuild.js",
+    "clean": "rm -rf dist",
+    "build": "yarn clean && rollup -c",
     "test": "vitest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/**/*.ts",
@@ -25,7 +44,7 @@
   },
   "files": [
     "src",
-    "plugin",
+    "dist",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
@@ -54,27 +73,28 @@
     "@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-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",
-    "esbuild": "^0.25.0",
     "esbuild-node-externals": "^1.18.0",
     "globals": "^16.0.0",
+    "react-native": "0.76.7",
     "release-it": "^18.1.2",
+    "rollup": "^4.34.8",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-esbuild": "^6.2.0",
     "typescript": "^5.7.3",
     "vitest": "^3.0.6"
   },
   "peerDependencies": {
-    "expo": "*",
     "react": "*",
     "react-native": "*"
   },
-  "peerDependenciesMeta": {
-    "expo": {
-      "optional": true
-    }
-  },
   "release-it": {
     "git": {
       "commitMessage": "chore: release ${version}",

package/src/{optimizers → plugin/optimizers}/text/index.ts

@@ -2,6 +2,7 @@ import { NodePath, types as t } from '@babel/core';
 import { addNamed } from '@babel/helper-module-imports';
 import { HubFile, Optimizer } from '../../types';
 import PluginError from '../../utils/plugin-error';
+import { shouldIgnoreOptimization } from '../../utils/common';
 
 export const textOptimizer: Optimizer = (path, log = () => {}) => {
   // Ensure we're processing a JSX Text element
@@ -13,6 +14,11 @@ export const textOptimizer: Optimizer = (path, log = () => {}) => {
   const elementName = path.node.name.name;
   if (elementName !== 'Text') return;
 
+  // If the component is preceded by an ignore comment, do not optimize.
+  if (shouldIgnoreOptimization(path)) {
+    return;
+  }
+
   // Ensure Text element comes from react-native
   const binding = path.scope.getBinding(elementName);
   if (!binding) return;
@@ -26,7 +32,6 @@ export const textOptimizer: Optimizer = (path, log = () => {}) => {
   // Bail if the element has any blacklisted properties or non-string children props
   if (hasBlacklistedProperties(path)) return;
   if (!hasOnlyStringChildren(path, parent)) return;
-  // TODO: Don't bail if the element has a style prop
 
   // Extract the file from the Babel hub and add flags for logging & import caching
   const hub = path.hub as unknown;
@@ -36,18 +41,21 @@ export const textOptimizer: Optimizer = (path, log = () => {}) => {
     throw new PluginError('No file found in Babel hub');
   }
 
-  // Log the file's optimized status only once
-  if (!file.__optimized) {
-    const filename = file.opts?.filename || 'unknown file';
-    log(`Optimizing file: ${filename}`);
-    file.__optimized = true;
-  }
+  const filename = file.opts?.filename || 'unknown file';
+  const lineNumber = path.node.loc?.start.line ?? 'unknown line';
+  log(`Optimizing Text component in ${filename}:${lineNumber}`);
+
+  // Optimize props
+  optimizeStyleTag({ path, file });
 
   // Add TextNativeComponent import (cached on file) so we only add it once per file
-  if (!file.__nativeTextImport) {
-    file.__nativeTextImport = addNamed(path, 'NativeText', 'react-native/Libraries/Text/TextNativeComponent');
+  if (!file.__hasImports) {
+    file.__hasImports = {};
   }
-  const nativeTextIdentifier = file.__nativeTextImport;
+  if (!file.__hasImports.NativeText) {
+    file.__hasImports.NativeText = addNamed(path, 'NativeText', 'react-native/Libraries/Text/TextNativeComponent');
+  }
+  const nativeTextIdentifier = file.__hasImports.NativeText;
   path.node.name.name = nativeTextIdentifier.name;
 
   // If the element is not self-closing, update the closing element as well
@@ -107,9 +115,30 @@ const blacklistedProperties = new Set([
   'onStartShouldSetResponder',
   'pressRetentionOffset',
   'suppressHighlighting',
-  'style',
 ]);
 
+function optimizeStyleTag({ path, file }: { path: NodePath<t.JSXOpeningElement>; file: HubFile }) {
+  let shouldImportFlattenTextStyle = false;
+  const nameHint = '_flattenTextStyle';
+
+  for (const [index, attribute] of path.node.attributes.entries()) {
+    if (t.isJSXAttribute(attribute) && t.isJSXIdentifier(attribute.name, { name: 'style' })) {
+      shouldImportFlattenTextStyle = true;
+
+      if (t.isJSXExpressionContainer(attribute.value) && !t.isJSXEmptyExpression(attribute.value.expression)) {
+        path.node.attributes[index] = t.jsxSpreadAttribute(
+          t.callExpression(t.identifier(nameHint), [attribute.value.expression])
+        );
+      }
+    }
+  }
+
+  if (shouldImportFlattenTextStyle && !file.__hasImports?.flattenTextStyle) {
+    if (!file.__hasImports) file.__hasImports = {};
+    file.__hasImports.flattenTextStyle = addNamed(path, 'flattenTextStyle', 'react-native-boost', { nameHint });
+  }
+}
+
 function hasBlacklistedProperties(path: NodePath<t.JSXOpeningElement>): boolean {
   return path.node.attributes.some((attribute) => {
     // Check if we can resolve the spread attribute

package/src/{types → plugin/types}/index.ts

@@ -24,6 +24,6 @@ export type HubFile = t.File & {
   opts: {
     filename: string;
   };
-  __nativeTextImport?: t.Identifier;
+  __hasImports?: Record<string, t.Identifier>;
   __optimized?: boolean;
 };

package/src/plugin/utils/common.ts

@@ -0,0 +1,72 @@
+import { NodePath, types as t } from '@babel/core';
+import { ensureArray } from './helpers';
+
+/**
+ * Checks if the JSX element should be ignored based on a preceding comment.
+ *
+ * The function looks up the JSXOpeningElement's own leading comments as well as
+ * the parent element's comments before falling back to inspect siblings.
+ */
+export const shouldIgnoreOptimization = (path: NodePath<t.JSXOpeningElement>): boolean => {
+  // Check for @boost-ignore in the leading comments on the JSX opening element.
+  if (path.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))) {
+    return true;
+  }
+
+  // Check for @boost-ignore in the leading comments on the parent JSX element.
+  const jsxElementPath = path.parentPath;
+  if (jsxElementPath.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))) {
+    return true;
+  }
+
+  // NEW: Check for @boost-ignore in the leading comments on the ObjectProperty (if it exists)
+  // This handles cases where the JSX element is used as a value inside an object literal.
+  const propertyPath = jsxElementPath.parentPath;
+  if (
+    propertyPath &&
+    propertyPath.isObjectProperty() &&
+    propertyPath.node.leadingComments?.some((comment) => comment.value.includes('@boost-ignore'))
+  ) {
+    return true;
+  }
+
+  if (!jsxElementPath.parentPath) return false;
+
+  // Get the container that holds this element (for example, a JSX fragment or JSX element)
+  const containerPath = jsxElementPath.parentPath;
+  const siblings = ensureArray(containerPath.get('children'));
+  const index = siblings.findIndex((sibling) => sibling.node === jsxElementPath.node);
+  if (index === -1) return false;
+
+  // Look backward from the current element for a non-empty node.
+  for (let index_ = index - 1; index_ >= 0; index_--) {
+    const sibling = siblings[index_];
+    // Skip over any whitespace (only in JSXText nodes)
+    if (sibling.isJSXText() && sibling.node.value.trim() === '') {
+      continue;
+    }
+    // If the sibling is a JSX expression container, check its empty expression's comments.
+    if (sibling.isJSXExpressionContainer()) {
+      const expression = sibling.get('expression');
+      if (expression && expression.node) {
+        const comments = [
+          ...(expression.node.leadingComments || []),
+          ...(expression.node.trailingComments || []),
+          ...(expression.node.innerComments || []),
+        ].map((comment) => comment.value.trim());
+        if (comments.some((comment) => comment.includes('@boost-ignore'))) {
+          return true;
+        }
+      }
+    }
+    // Also check if the node itself carries a leadingComments property.
+    if (
+      sibling.node.leadingComments &&
+      sibling.node.leadingComments.some((comment) => comment.value.includes('@boost-ignore'))
+    ) {
+      return true;
+    }
+    break; // if the immediate non-whitespace node is not our ignore marker, stop
+  }
+  return false;
+};

package/src/plugin/utils/helpers.ts

@@ -0,0 +1,4 @@
+export const ensureArray = <T>(value: T | T[]): T[] => {
+  if (Array.isArray(value)) return value;
+  return [value];
+};

package/src/runtime/index.ts

@@ -0,0 +1,58 @@
+import { TextStyle } from 'react-native';
+import { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';
+import { GenericStyleProp } from './types';
+
+const propsCache = new WeakMap();
+
+export function flattenTextStyle(style: GenericStyleProp<TextStyle>) {
+  if (!style) return {};
+
+  // Cache the computed props
+  let props = propsCache.get(style);
+  if (props) return props;
+
+  props = {};
+  propsCache.set(style, props);
+
+  style = flattenStyle(style);
+
+  if (!style) return {};
+
+  if (typeof style?.fontWeight === 'number') {
+    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];
+  }
+
+  if (style?.userSelect != null) {
+    props.selectable = userSelectToSelectableMap[style.userSelect];
+    delete style.userSelect;
+  }
+
+  if (style?.verticalAlign != null) {
+    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[
+      style.verticalAlign
+    ] as TextStyle['textAlignVertical'];
+    delete style.verticalAlign;
+  }
+
+  props.style = style;
+  return props;
+}
+
+// Maps the `userSelect` prop to the native `selectable` prop
+export const userSelectToSelectableMap = {
+  auto: true,
+  text: true,
+  none: false,
+  contain: true,
+  all: true,
+};
+
+// Maps the `verticalAlign` prop to the native `textAlignVertical` prop
+export const verticalAlignToTextAlignVerticalMap = {
+  auto: 'auto',
+  top: 'top',
+  bottom: 'bottom',
+  middle: 'center',
+};
+
+export * from './types';

package/src/runtime/types/index.ts

@@ -0,0 +1 @@
+export type GenericStyleProp<T> = null | void | T | false | '' | ReadonlyArray<GenericStyleProp<T>>;

package/src/runtime/types/react-native.d.ts

@@ -0,0 +1,5 @@
+declare module 'react-native/Libraries/StyleSheet/flattenStyle' {
+  type GenericStyleProp<T> = null | void | T | false | '' | ReadonlyArray<GenericStyleProp<T>>;
+
+  export function flattenStyle<T>(style: T): T extends GenericStyleProp<infer U> ? U : never;
+}

package/plugin/index.js

@@ -1 +0,0 @@
-"use strict";var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var P=(e,n)=>{for(var i in n)d(e,i,{get:n[i],enumerable:!0})},h=(e,n,i,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of O(n))!E.call(e,r)&&r!==i&&d(e,r,{get:()=>n[r],enumerable:!(t=v(n,r))||t.enumerable});return e};var I=e=>h(d({},"__esModule",{value:!0}),e);var X={};P(X,{default:()=>T});module.exports=I(X);var S=require("@babel/helper-plugin-utils");var o=require("@babel/core"),u=require("@babel/helper-module-imports");var l=class extends Error{constructor(n){super(`[react-native-boost] Babel plugin exception: ${n}`),this.name="PluginError"}};var g=(e,n=()=>{})=>{var p;if(!o.types.isJSXIdentifier(e.node.name))return;let i=e.parent;if(!o.types.isJSXElement(i))return;let t=e.node.name.name;if(t!=="Text")return;let r=e.scope.getBinding(t);if(!r)return;if(r.kind==="module"){let m=r.path.parent;if(!o.types.isImportDeclaration(m)||m.source.value!=="react-native")return}if(N(e)||!J(e,i))return;let s=e.hub,a=typeof s=="object"&&s!==null&&"file"in s?s.file:void 0;if(!a)throw new l("No file found in Babel hub");if(!a.__optimized){let m=((p=a.opts)==null?void 0:p.filename)||"unknown file";n(`Optimizing file: ${m}`),a.__optimized=!0}a.__nativeTextImport||(a.__nativeTextImport=(0,u.addNamed)(e,"NativeText","react-native/Libraries/Text/TextNativeComponent"));let f=a.__nativeTextImport;e.node.name.name=f.name,!e.node.selfClosing&&i.closingElement&&o.types.isJSXIdentifier(i.closingElement.name)&&i.closingElement.name.name==="Text"&&(i.closingElement.name.name=f.name)};function J(e,n){return n.children.every(i=>b(e,i))}function b(e,n){if(o.types.isJSXText(n))return!0;if(o.types.isJSXExpressionContainer(n)){let i=n.expression;if(o.types.isIdentifier(i)){let t=e.scope.getBinding(i.name);return t?o.types.isStringLiteral(t.path.node):!1}}return!1}var c=new Set(["accessible","accessibilityLabel","accessibilityState","allowFontScaling","aria-busy","aria-checked","aria-disabled","aria-expanded","aria-label","aria-selected","ellipsizeMode","id","nativeID","onLongPress","onPress","onPressIn","onPressOut","onResponderGrant","onResponderMove","onResponderRelease","onResponderTerminate","onResponderTerminationRequest","onStartShouldSetResponder","pressRetentionOffset","suppressHighlighting","style"]);function N(e){return e.node.attributes.some(n=>{if(o.types.isJSXSpreadAttribute(n)){if(o.types.isIdentifier(n.argument)){let i=e.scope.getBinding(n.argument.name),t;if(i&&(o.types.isVariableDeclarator(i.path.node)?t=i.path.node.init:o.types.isObjectExpression(i.path.node)&&(t=i.path.node)),t&&o.types.isObjectExpression(t))return t.properties.some(r=>o.types.isObjectProperty(r)&&o.types.isIdentifier(r.key)?c.has(r.key.name):!1)}return!0}return o.types.isJSXIdentifier(n.name)&&n.value?n.name.name==="children"?b(e,n.value):c.has(n.name.name):!1})}var x=e=>{console.log(`[react-native-boost] ${e}`)};var T=(0,S.declare)(e=>(e.assertVersion(7),{name:"react-native-boost",visitor:{JSXOpeningElement(n,i){var s;let t=i.opts??{},r=t.verbose?x:()=>{};((s=t.optimizations)==null?void 0:s.text)!==!1&&g(n,r)}}}));