react-native-boost 0.5.3 → 0.5.5

package/dist/plugin/esm/index.mjs

@@ -1,8 +1,8 @@
 import { declare } from '@babel/helper-plugin-utils';
 import { types } from '@babel/core';
-import { minimatch } from 'minimatch';
-import path from 'node:path';
 import { addDefault, addNamed } from '@babel/helper-module-imports';
+import { minimatch } from 'minimatch';
+import nodePath from 'node:path';
 
 class PluginError extends Error {
   constructor(message) {
@@ -11,15 +11,23 @@ class PluginError extends Error {
   }
 }
 
-const ensureArray = (value) => {
-  if (Array.isArray(value)) return value;
-  return [value];
-};
+const RUNTIME_MODULE_NAME = "react-native-boost";
+const ACCESSIBILITY_PROPERTIES = /* @__PURE__ */ new Set([
+  "accessibilityLabel",
+  "aria-label",
+  "accessibilityState",
+  "aria-busy",
+  "aria-checked",
+  "aria-disabled",
+  "aria-expanded",
+  "aria-selected",
+  "accessible"
+]);
 
 function addFileImportHint({
   file,
   nameHint,
-  path: path2,
+  path,
   importName,
   moduleName,
   importType = "named"
@@ -27,12 +35,35 @@ function addFileImportHint({
   var _a;
   if (!((_a = file.__hasImports) == null ? void 0 : _a[nameHint])) {
     file.__hasImports = file.__hasImports || {};
-    file.__hasImports[nameHint] = importType === "default" ? addDefault(path2, moduleName, { nameHint }) : addNamed(path2, importName, moduleName, { nameHint });
+    file.__hasImports[nameHint] = importType === "default" ? addDefault(path, moduleName, { nameHint }) : addNamed(path, importName, moduleName, { nameHint });
   }
   return file.__hasImports[nameHint];
 }
-const isIgnoredFile = (p, ignores) => {
-  const hub = p.hub;
+const replaceWithNativeComponent = (path, parent, file, nativeComponentName) => {
+  const nativeIdentifier = addFileImportHint({
+    file,
+    nameHint: nativeComponentName,
+    path,
+    importName: nativeComponentName,
+    moduleName: RUNTIME_MODULE_NAME,
+    importType: "named"
+  });
+  const currentName = path.node.name.name;
+  const jsxName = path.node.name;
+  jsxName.name = nativeIdentifier.name;
+  if (!path.node.selfClosing && parent.closingElement && types.isJSXIdentifier(parent.closingElement.name) && parent.closingElement.name.name === currentName) {
+    parent.closingElement.name.name = nativeIdentifier.name;
+  }
+  return nativeIdentifier;
+};
+
+const ensureArray = (value) => {
+  if (Array.isArray(value)) return value;
+  return [value];
+};
+
+const isIgnoredFile = (path, ignores) => {
+  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");
@@ -40,19 +71,19 @@ const isIgnoredFile = (p, ignores) => {
   const fileName = file.opts.filename;
   const baseDirectory = "cwd" in file.opts ? file.opts.cwd : process.cwd();
   for (const pattern of ignores) {
-    const absolutePattern = path.isAbsolute(pattern) ? pattern : path.join(baseDirectory, pattern);
+    const absolutePattern = nodePath.isAbsolute(pattern) ? pattern : nodePath.join(baseDirectory, pattern);
     if (minimatch(fileName, absolutePattern, { dot: true })) {
       return true;
     }
   }
   return false;
 };
-const shouldIgnoreOptimization = (path2) => {
+const isIgnoredLine = (path) => {
   var _a, _b, _c;
-  if ((_a = path2.node.leadingComments) == null ? void 0 : _a.some((comment) => comment.value.includes("@boost-ignore"))) {
+  if ((_a = path.node.leadingComments) == null ? void 0 : _a.some((comment) => comment.value.includes("@boost-ignore"))) {
     return true;
   }
-  const jsxElementPath = path2.parentPath;
+  const jsxElementPath = path.parentPath;
   if ((_b = jsxElementPath.node.leadingComments) == null ? void 0 : _b.some((comment) => comment.value.includes("@boost-ignore"))) {
     return true;
   }
@@ -90,11 +121,51 @@ const shouldIgnoreOptimization = (path2) => {
   }
   return false;
 };
-const hasBlacklistedProperty = (path2, blacklist) => {
-  return path2.node.attributes.some((attribute) => {
+const isValidJSXComponent = (path, componentName) => {
+  if (!types.isJSXIdentifier(path.node.name)) return false;
+  const parent = path.parent;
+  if (!types.isJSXElement(parent)) return false;
+  const componentIdentifier = path.node.name.name;
+  const binding = path.scope.getBinding(componentIdentifier);
+  if (!binding) return false;
+  if (binding.kind === "module" && types.isImportDeclaration(binding.path.parent) && types.isImportSpecifier(binding.path.node)) {
+    const imported = binding.path.node.imported;
+    if (types.isIdentifier(imported)) {
+      return imported.name === componentName;
+    }
+  }
+  return path.node.name.name === componentName;
+};
+const isReactNativeImport = (path, expectedImportedName) => {
+  if (!types.isJSXIdentifier(path.node.name)) return false;
+  const localName = path.node.name.name;
+  const binding = path.scope.getBinding(localName);
+  if (!binding) return false;
+  if (binding.kind === "module") {
+    const importDeclaration = binding.path.parent;
+    if (!types.isImportDeclaration(importDeclaration)) return false;
+    if (importDeclaration.source.value !== "react-native") return false;
+    if (types.isImportSpecifier(binding.path.node)) {
+      const imported = binding.path.node.imported;
+      if (types.isIdentifier(imported)) {
+        return imported.name === expectedImportedName;
+      }
+    }
+    if (types.isImportDefaultSpecifier(binding.path.node)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+const hasBlacklistedProperty = (path, blacklist) => {
+  return path.node.attributes.some((attribute) => {
+    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name) && blacklist.has(attribute.name.name)) {
+      return true;
+    }
     if (types.isJSXSpreadAttribute(attribute)) {
       if (types.isIdentifier(attribute.argument)) {
-        const binding = path2.scope.getBinding(attribute.argument.name);
+        const binding = path.scope.getBinding(attribute.argument.name);
         let objectExpression;
         if (binding) {
           if (types.isVariableDeclarator(binding.path.node)) {
@@ -147,38 +218,27 @@ const buildPropertiesFromAttributes = (attributes) => {
     ...arguments_
   ]);
 };
-const accessibilityProperties = /* @__PURE__ */ new Set([
-  "accessibilityLabel",
-  "aria-label",
-  "accessibilityState",
-  "aria-busy",
-  "aria-checked",
-  "aria-disabled",
-  "aria-expanded",
-  "aria-selected",
-  "accessible"
-]);
-const hasAccessibilityProperty = (path2, attributes) => {
+const hasAccessibilityProperty = (path, attributes) => {
   for (const attribute of attributes) {
     if (types.isJSXAttribute(attribute)) {
       const key = attribute.name.name;
-      if (typeof key === "string" && accessibilityProperties.has(key)) {
+      if (typeof key === "string" && ACCESSIBILITY_PROPERTIES.has(key)) {
         return true;
       }
     } else if (types.isJSXSpreadAttribute(attribute)) {
       if (types.isObjectExpression(attribute.argument)) {
         for (const property of attribute.argument.properties) {
-          if (types.isObjectProperty(property) && types.isIdentifier(property.key) && accessibilityProperties.has(property.key.name)) {
+          if (types.isObjectProperty(property) && types.isIdentifier(property.key) && ACCESSIBILITY_PROPERTIES.has(property.key.name)) {
             return true;
           }
         }
       } else if (types.isIdentifier(attribute.argument)) {
-        const binding = path2.scope.getBinding(attribute.argument.name);
+        const binding = path.scope.getBinding(attribute.argument.name);
         if (binding && types.isVariableDeclarator(binding.path.node)) {
           const declarator = binding.path.node;
           if (declarator.init && types.isObjectExpression(declarator.init)) {
             for (const property of declarator.init.properties) {
-              if (types.isObjectProperty(property) && types.isIdentifier(property.key) && accessibilityProperties.has(property.key.name)) {
+              if (types.isObjectProperty(property) && types.isIdentifier(property.key) && ACCESSIBILITY_PROPERTIES.has(property.key.name)) {
                 return true;
               }
             }
@@ -194,6 +254,22 @@ const hasAccessibilityProperty = (path2, attributes) => {
   return false;
 };
 
+const isStringNode = (path, child) => {
+  if (types.isJSXText(child) || types.isStringLiteral(child)) return true;
+  if (types.isJSXExpressionContainer(child)) {
+    const expression = child.expression;
+    if (types.isIdentifier(expression)) {
+      const binding = path.scope.getBinding(expression.name);
+      if (binding && binding.path.node && types.isVariableDeclarator(binding.path.node)) {
+        return !!binding.path.node.init && types.isStringLiteral(binding.path.node.init);
+      }
+      return false;
+    }
+    if (types.isStringLiteral(expression)) return true;
+  }
+  return false;
+};
+
 const textBlacklistedProperties = /* @__PURE__ */ new Set([
   "allowFontScaling",
   "ellipsizeMode",
@@ -217,25 +293,12 @@ const textBlacklistedProperties = /* @__PURE__ */ new Set([
 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 (isIgnoredLine(path)) return;
+  if (!isValidJSXComponent(path, "Text")) return;
+  if (!isReactNativeImport(path, "Text")) return;
   if (hasBlacklistedProperty(path, textBlacklistedProperties)) return;
-  if (hasInvalidChildren(path)) return;
-  if (!hasOnlyStringChildren(path, parent)) return;
+  const parent = path.parent;
+  if (hasInvalidChildren(path, parent)) return;
   const hub = path.hub;
   const file = typeof hub === "object" && hub !== null && "file" in hub ? hub.file : void 0;
   if (!file) {
@@ -244,32 +307,69 @@ const textOptimizer = (path, log = () => {
   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}`);
-  fixNegativeNumberOfLines({ path, log });
   const originalAttributes = [...path.node.attributes];
-  let styleAttribute, styleExpr;
-  for (const attribute of originalAttributes) {
-    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
-      styleAttribute = attribute;
-      break;
+  fixNegativeNumberOfLines({ path, log });
+  processProps(path, file, originalAttributes);
+  replaceWithNativeComponent(path, parent, file, "NativeText");
+};
+function hasInvalidChildren(path, parent) {
+  for (const attribute of path.node.attributes) {
+    if (types.isJSXSpreadAttribute(attribute)) continue;
+    if (types.isJSXIdentifier(attribute.name) && attribute.value && // For a "children" attribute, optimization is allowed only if it is a string
+    attribute.name.name === "children" && !isStringNode(path, attribute.value)) {
+      return true;
     }
   }
-  if (styleAttribute && styleAttribute.value && types.isJSXExpressionContainer(styleAttribute.value) && !types.isJSXEmptyExpression(styleAttribute.value.expression)) {
-    styleExpr = styleAttribute.value.expression;
+  return !parent.children.every((child) => isStringNode(path, child));
+}
+function fixNegativeNumberOfLines({
+  path,
+  log
+}) {
+  for (const attribute of path.node.attributes) {
+    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "numberOfLines" }) && attribute.value && types.isJSXExpressionContainer(attribute.value)) {
+      let originalValue;
+      if (types.isNumericLiteral(attribute.value.expression)) {
+        originalValue = attribute.value.expression.value;
+      } else if (types.isUnaryExpression(attribute.value.expression) && attribute.value.expression.operator === "-" && types.isNumericLiteral(attribute.value.expression.argument)) {
+        originalValue = -attribute.value.expression.argument.value;
+      }
+      if (originalValue !== void 0 && originalValue < 0) {
+        log(
+          `Warning: 'numberOfLines' in <Text> must be a non-negative number, received: ${originalValue}. The value will be set to 0.`
+        );
+        attribute.value.expression = types.numericLiteral(0);
+      }
+    }
+  }
+}
+function extractStyleAttribute(attributes) {
+  for (const attribute of attributes) {
+    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
+      if (attribute.value && types.isJSXExpressionContainer(attribute.value) && !types.isJSXEmptyExpression(attribute.value.expression)) {
+        return {
+          styleAttribute: attribute,
+          styleExpr: attribute.value.expression
+        };
+      }
+      return { styleAttribute: attribute };
+    }
   }
+  return {};
+}
+function processProps(path, file, originalAttributes) {
+  const { styleExpr } = extractStyleAttribute(originalAttributes);
   const hasA11y = hasAccessibilityProperty(path, originalAttributes);
   if (styleExpr && hasA11y) {
-    const accessibilityAttributes = originalAttributes.filter((attribute) => {
-      if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
-        return false;
-      }
-      return true;
-    });
+    const accessibilityAttributes = originalAttributes.filter(
+      (attribute) => !(types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" }))
+    );
     const normalizeIdentifier = addFileImportHint({
       file,
       nameHint: "normalizeAccessibilityProps",
       path,
       importName: "normalizeAccessibilityProps",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const accessibilityObject = buildPropertiesFromAttributes(accessibilityAttributes);
     const accessibilityExpr = types.callExpression(types.identifier(normalizeIdentifier.name), [accessibilityObject]);
@@ -278,7 +378,7 @@ const textOptimizer = (path, log = () => {
       nameHint: "flattenTextStyle",
       path,
       importName: "flattenTextStyle",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const flattenedStyleExpr = types.callExpression(types.identifier(flattenIdentifier.name), [styleExpr]);
     path.node.attributes = [types.jsxSpreadAttribute(accessibilityExpr), types.jsxSpreadAttribute(flattenedStyleExpr)];
@@ -288,7 +388,7 @@ const textOptimizer = (path, log = () => {
       nameHint: "flattenTextStyle",
       path,
       importName: "flattenTextStyle",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const flattened = types.callExpression(types.identifier(flattenIdentifier.name), [styleExpr]);
     path.node.attributes = [types.jsxSpreadAttribute(flattened)];
@@ -298,77 +398,12 @@ const textOptimizer = (path, log = () => {
       nameHint: "normalizeAccessibilityProps",
       path,
       importName: "normalizeAccessibilityProps",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const propsObject = buildPropertiesFromAttributes(originalAttributes);
     const normalized = types.callExpression(types.identifier(normalizeIdentifier.name), [propsObject]);
     path.node.attributes = [types.jsxSpreadAttribute(normalized)];
   }
-  const nativeTextIdentifier = addFileImportHint({
-    file,
-    nameHint: "NativeText",
-    path,
-    importName: "NativeText",
-    moduleName: "react-native-boost"
-  });
-  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) || types.isStringLiteral(child)) return true;
-  if (types.isJSXExpressionContainer(child)) {
-    const expression = child.expression;
-    if (types.isIdentifier(expression)) {
-      const binding = path.scope.getBinding(expression.name);
-      if (binding && binding.path.node && types.isVariableDeclarator(binding.path.node)) {
-        return !!binding.path.node.init && types.isStringLiteral(binding.path.node.init);
-      }
-      return false;
-    }
-    if (types.isStringLiteral(expression)) return true;
-  }
-  return false;
-}
-function fixNegativeNumberOfLines({
-  path,
-  log
-}) {
-  for (const attribute of path.node.attributes) {
-    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "numberOfLines" }) && attribute.value && types.isJSXExpressionContainer(attribute.value)) {
-      let originalValue;
-      if (types.isNumericLiteral(attribute.value.expression)) {
-        originalValue = attribute.value.expression.value;
-      } else if (types.isUnaryExpression(attribute.value.expression) && attribute.value.expression.operator === "-" && types.isNumericLiteral(attribute.value.expression.argument)) {
-        originalValue = -attribute.value.expression.argument.value;
-      }
-      if (originalValue !== void 0 && originalValue < 0) {
-        log(
-          `Warning: 'numberOfLines' in <Text> must be a non-negative number, received: ${originalValue}. The value will be set to 0.`
-        );
-        attribute.value.expression = types.numericLiteral(0);
-      }
-    }
-  }
-}
-function hasInvalidChildren(path) {
-  for (const attribute of path.node.attributes) {
-    if (types.isJSXSpreadAttribute(attribute)) continue;
-    if (types.isJSXIdentifier(attribute.name) && attribute.value) {
-      if (attribute.name.name === "children") {
-        if (!isStringNode(path, attribute.value)) {
-          return true;
-        }
-      } else if (textBlacklistedProperties.has(attribute.name.name)) {
-        return true;
-      }
-    }
-  }
-  return false;
 }
 
 const log = (message) => {
@@ -410,20 +445,9 @@ const viewBlacklistedProperties = /* @__PURE__ */ new Set([
 const viewOptimizer = (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 !== "View") 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 (isIgnoredLine(path)) return;
+  if (!isValidJSXComponent(path, "View")) return;
+  if (!isReactNativeImport(path, "View")) return;
   if (hasBlacklistedProperty(path, viewBlacklistedProperties)) return;
   if (hasTextAncestor(path)) return;
   const hub = path.hub;
@@ -434,23 +458,55 @@ const viewOptimizer = (path, log = () => {
   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 View component in ${filename}:${lineNumber}`);
-  const viewNativeIdentifier = addFileImportHint({
-    file,
-    path,
-    importName: "NativeView",
-    moduleName: "react-native-boost",
-    importType: "named",
-    nameHint: "NativeView"
-  });
-  path.node.name.name = viewNativeIdentifier.name;
-  if (!path.node.selfClosing && parent.closingElement && types.isJSXIdentifier(parent.closingElement.name) && parent.closingElement.name.name === "View") {
-    parent.closingElement.name.name = viewNativeIdentifier.name;
-  }
+  const parent = path.parent;
+  replaceWithNativeComponent(path, parent, file, "NativeView");
 };
 function hasTextAncestor(path) {
-  return !!path.findParent((parentPath) => {
+  const directTextAncestor = path.findParent((parentPath) => {
     return types.isJSXElement(parentPath.node) && types.isJSXIdentifier(parentPath.node.openingElement.name, { name: "Text" });
   });
+  if (directTextAncestor) return true;
+  return !!path.findParent((parentPath) => {
+    if (!types.isJSXElement(parentPath.node)) return false;
+    const openingElement = parentPath.node.openingElement;
+    if (!types.isJSXIdentifier(openingElement.name)) return false;
+    const componentName = openingElement.name.name;
+    if (componentName === "Text" || componentName === "View" || componentName === "Fragment" || componentName[0] === componentName[0].toLowerCase()) {
+      return false;
+    }
+    const binding = parentPath.scope.getBinding(componentName);
+    if (!binding) return false;
+    if (types.isVariableDeclarator(binding.path.node)) {
+      const init = binding.path.node.init;
+      if (types.isArrowFunctionExpression(init) || types.isFunctionExpression(init)) {
+        return types.isBlockStatement(init.body) ? hasTextInReturnStatement(init.body) : hasTextInExpression(init.body);
+      }
+    } else if (types.isFunctionDeclaration(binding.path.node)) {
+      return hasTextInReturnStatement(binding.path.node.body);
+    }
+    return false;
+  });
+}
+function hasTextInReturnStatement(blockStatement) {
+  for (const statement of blockStatement.body) {
+    if (types.isReturnStatement(statement) && statement.argument && hasTextInExpression(statement.argument)) {
+      return true;
+    }
+  }
+  return false;
+}
+function hasTextInExpression(expression) {
+  if (types.isJSXElement(expression)) {
+    if (types.isJSXIdentifier(expression.openingElement.name, { name: "Text" })) {
+      return true;
+    }
+    for (const child of expression.children) {
+      if (types.isJSXElement(child) && types.isJSXIdentifier(child.openingElement.name, { name: "Text" })) {
+        return true;
+      }
+    }
+  }
+  return false;
 }
 
 var index = declare((api) => {