react-native-boost 0.5.3 → 0.5.4

package/dist/plugin/index.js

@@ -2,9 +2,9 @@
 
 var helperPluginUtils = require('@babel/helper-plugin-utils');
 var core = require('@babel/core');
-var minimatch = require('minimatch');
-var path = require('node:path');
 var helperModuleImports = require('@babel/helper-module-imports');
+var minimatch = require('minimatch');
+var nodePath = require('node:path');
 
 class PluginError extends Error {
   constructor(message) {
@@ -13,15 +13,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"
@@ -29,12 +37,35 @@ function addFileImportHint({
   var _a;
   if (!((_a = file.__hasImports) == null ? void 0 : _a[nameHint])) {
     file.__hasImports = file.__hasImports || {};
-    file.__hasImports[nameHint] = importType === "default" ? helperModuleImports.addDefault(path2, moduleName, { nameHint }) : helperModuleImports.addNamed(path2, importName, moduleName, { nameHint });
+    file.__hasImports[nameHint] = importType === "default" ? helperModuleImports.addDefault(path, moduleName, { nameHint }) : helperModuleImports.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 && core.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");
@@ -42,19 +73,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.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;
   }
@@ -92,11 +123,51 @@ const shouldIgnoreOptimization = (path2) => {
   }
   return false;
 };
-const hasBlacklistedProperty = (path2, blacklist) => {
-  return path2.node.attributes.some((attribute) => {
+const isValidJSXComponent = (path, componentName) => {
+  if (!core.types.isJSXIdentifier(path.node.name)) return false;
+  const parent = path.parent;
+  if (!core.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" && core.types.isImportDeclaration(binding.path.parent) && core.types.isImportSpecifier(binding.path.node)) {
+    const imported = binding.path.node.imported;
+    if (core.types.isIdentifier(imported)) {
+      return imported.name === componentName;
+    }
+  }
+  return path.node.name.name === componentName;
+};
+const isReactNativeImport = (path, expectedImportedName) => {
+  if (!core.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 (!core.types.isImportDeclaration(importDeclaration)) return false;
+    if (importDeclaration.source.value !== "react-native") return false;
+    if (core.types.isImportSpecifier(binding.path.node)) {
+      const imported = binding.path.node.imported;
+      if (core.types.isIdentifier(imported)) {
+        return imported.name === expectedImportedName;
+      }
+    }
+    if (core.types.isImportDefaultSpecifier(binding.path.node)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+const hasBlacklistedProperty = (path, blacklist) => {
+  return path.node.attributes.some((attribute) => {
+    if (core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name) && blacklist.has(attribute.name.name)) {
+      return true;
+    }
     if (core.types.isJSXSpreadAttribute(attribute)) {
       if (core.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 (core.types.isVariableDeclarator(binding.path.node)) {
@@ -149,38 +220,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 (core.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 (core.types.isJSXSpreadAttribute(attribute)) {
       if (core.types.isObjectExpression(attribute.argument)) {
         for (const property of attribute.argument.properties) {
-          if (core.types.isObjectProperty(property) && core.types.isIdentifier(property.key) && accessibilityProperties.has(property.key.name)) {
+          if (core.types.isObjectProperty(property) && core.types.isIdentifier(property.key) && ACCESSIBILITY_PROPERTIES.has(property.key.name)) {
             return true;
           }
         }
       } else if (core.types.isIdentifier(attribute.argument)) {
-        const binding = path2.scope.getBinding(attribute.argument.name);
+        const binding = path.scope.getBinding(attribute.argument.name);
         if (binding && core.types.isVariableDeclarator(binding.path.node)) {
           const declarator = binding.path.node;
           if (declarator.init && core.types.isObjectExpression(declarator.init)) {
             for (const property of declarator.init.properties) {
-              if (core.types.isObjectProperty(property) && core.types.isIdentifier(property.key) && accessibilityProperties.has(property.key.name)) {
+              if (core.types.isObjectProperty(property) && core.types.isIdentifier(property.key) && ACCESSIBILITY_PROPERTIES.has(property.key.name)) {
                 return true;
               }
             }
@@ -196,6 +256,22 @@ const hasAccessibilityProperty = (path2, attributes) => {
   return false;
 };
 
+const isStringNode = (path, child) => {
+  if (core.types.isJSXText(child) || core.types.isStringLiteral(child)) return true;
+  if (core.types.isJSXExpressionContainer(child)) {
+    const expression = child.expression;
+    if (core.types.isIdentifier(expression)) {
+      const binding = path.scope.getBinding(expression.name);
+      if (binding && binding.path.node && core.types.isVariableDeclarator(binding.path.node)) {
+        return !!binding.path.node.init && core.types.isStringLiteral(binding.path.node.init);
+      }
+      return false;
+    }
+    if (core.types.isStringLiteral(expression)) return true;
+  }
+  return false;
+};
+
 const textBlacklistedProperties = /* @__PURE__ */ new Set([
   "allowFontScaling",
   "ellipsizeMode",
@@ -219,25 +295,12 @@ const textBlacklistedProperties = /* @__PURE__ */ new Set([
 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 (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) {
@@ -246,32 +309,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 (core.types.isJSXAttribute(attribute) && core.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 (core.types.isJSXSpreadAttribute(attribute)) continue;
+    if (core.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;
+    }
+  }
+  return !parent.children.every((child) => isStringNode(path, child));
+}
+function fixNegativeNumberOfLines({
+  path,
+  log
+}) {
+  for (const attribute of path.node.attributes) {
+    if (core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name, { name: "numberOfLines" }) && attribute.value && core.types.isJSXExpressionContainer(attribute.value)) {
+      let originalValue;
+      if (core.types.isNumericLiteral(attribute.value.expression)) {
+        originalValue = attribute.value.expression.value;
+      } else if (core.types.isUnaryExpression(attribute.value.expression) && attribute.value.expression.operator === "-" && core.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 = core.types.numericLiteral(0);
+      }
     }
   }
-  if (styleAttribute && styleAttribute.value && core.types.isJSXExpressionContainer(styleAttribute.value) && !core.types.isJSXEmptyExpression(styleAttribute.value.expression)) {
-    styleExpr = styleAttribute.value.expression;
+}
+function extractStyleAttribute(attributes) {
+  for (const attribute of attributes) {
+    if (core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name, { name: "style" })) {
+      if (attribute.value && core.types.isJSXExpressionContainer(attribute.value) && !core.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 (core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name, { name: "style" })) {
-        return false;
-      }
-      return true;
-    });
+    const accessibilityAttributes = originalAttributes.filter(
+      (attribute) => !(core.types.isJSXAttribute(attribute) && core.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 = core.types.callExpression(core.types.identifier(normalizeIdentifier.name), [accessibilityObject]);
@@ -280,7 +380,7 @@ const textOptimizer = (path, log = () => {
       nameHint: "flattenTextStyle",
       path,
       importName: "flattenTextStyle",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const flattenedStyleExpr = core.types.callExpression(core.types.identifier(flattenIdentifier.name), [styleExpr]);
     path.node.attributes = [core.types.jsxSpreadAttribute(accessibilityExpr), core.types.jsxSpreadAttribute(flattenedStyleExpr)];
@@ -290,7 +390,7 @@ const textOptimizer = (path, log = () => {
       nameHint: "flattenTextStyle",
       path,
       importName: "flattenTextStyle",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const flattened = core.types.callExpression(core.types.identifier(flattenIdentifier.name), [styleExpr]);
     path.node.attributes = [core.types.jsxSpreadAttribute(flattened)];
@@ -300,77 +400,12 @@ const textOptimizer = (path, log = () => {
       nameHint: "normalizeAccessibilityProps",
       path,
       importName: "normalizeAccessibilityProps",
-      moduleName: "react-native-boost"
+      moduleName: RUNTIME_MODULE_NAME
     });
     const propsObject = buildPropertiesFromAttributes(originalAttributes);
     const normalized = core.types.callExpression(core.types.identifier(normalizeIdentifier.name), [propsObject]);
     path.node.attributes = [core.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 && 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) || core.types.isStringLiteral(child)) return true;
-  if (core.types.isJSXExpressionContainer(child)) {
-    const expression = child.expression;
-    if (core.types.isIdentifier(expression)) {
-      const binding = path.scope.getBinding(expression.name);
-      if (binding && binding.path.node && core.types.isVariableDeclarator(binding.path.node)) {
-        return !!binding.path.node.init && core.types.isStringLiteral(binding.path.node.init);
-      }
-      return false;
-    }
-    if (core.types.isStringLiteral(expression)) return true;
-  }
-  return false;
-}
-function fixNegativeNumberOfLines({
-  path,
-  log
-}) {
-  for (const attribute of path.node.attributes) {
-    if (core.types.isJSXAttribute(attribute) && core.types.isJSXIdentifier(attribute.name, { name: "numberOfLines" }) && attribute.value && core.types.isJSXExpressionContainer(attribute.value)) {
-      let originalValue;
-      if (core.types.isNumericLiteral(attribute.value.expression)) {
-        originalValue = attribute.value.expression.value;
-      } else if (core.types.isUnaryExpression(attribute.value.expression) && attribute.value.expression.operator === "-" && core.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 = core.types.numericLiteral(0);
-      }
-    }
-  }
-}
-function hasInvalidChildren(path) {
-  for (const attribute of path.node.attributes) {
-    if (core.types.isJSXSpreadAttribute(attribute)) continue;
-    if (core.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) => {
@@ -412,20 +447,9 @@ const viewBlacklistedProperties = /* @__PURE__ */ new Set([
 const viewOptimizer = (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 !== "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 (!core.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;
@@ -436,18 +460,8 @@ 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 && core.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) => {