react-native-boost 0.6.0 → 0.6.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.web.js","sources":["../../src/runtime/index.web.ts"],"sourcesContent":["// This is a dummy file to ensure that nothing breaks when using the runtime in a web environment.\n\nimport { TextStyle } from 'react-native';\nimport { GenericStyleProp } from './types';\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\n  if (!style) return {};\n\n  return { style };\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\n/**\n * Normalizes accessibility props.\n *\n * @param props - The props to normalize.\n * @returns The normalized props.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function normalizeAccessibilityProperties(props: Record<string, any>): Record<string, any> {\n  return props;\n}\n\nexport * from './types';\n\n// On Web, the native components are not available, so we use the standard components that'll be replaced by their DOM\n// equivalents by react-native-web.\n/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\nexport const NativeText = require('react-native').Text;\nexport const NativeView = require('react-native').View;\n/* eslint-enable @typescript-eslint/no-require-imports,unicorn/prefer-module */\n"],"names":[],"mappings":";;AAKO,SAAS,iBAAiB,KAAoC,EAAA;AACnE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAA,OAAO,EAAE,KAAM,EAAA;AACjB;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;AASO,SAAS,iCAAiC,KAAiD,EAAA;AAChG,EAAO,OAAA,KAAA;AACT;AAOa,MAAA,UAAA,GAAa,OAAQ,CAAA,cAAc,CAAE,CAAA;AACrC,MAAA,UAAA,GAAa,OAAQ,CAAA,cAAc,CAAE,CAAA;;;;;;;;;"}
+{"version":3,"file":"index.web.js","sources":["../../src/runtime/utils/constants.ts","../../src/runtime/index.web.ts"],"sourcesContent":["// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n","// This is a dummy file to ensure that nothing breaks when using the runtime in a web environment.\n\nimport { TextProps, TextStyle } from 'react-native';\nimport { GenericStyleProp } from './types';\n\nexport const processTextStyle = (style: GenericStyleProp<TextStyle>) => ({ style }) as Partial<TextProps>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function processAccessibilityProps(props: Record<string, any>): Record<string, any> {\n  return props;\n}\n\nexport * from './types';\nexport * from './utils/constants';\n\n// On Web, the native components are not available, so we use the standard components that'll be replaced by their DOM\n// equivalents by react-native-web.\n/* eslint-disable @typescript-eslint/no-require-imports,unicorn/prefer-module */\nexport const NativeText = require('react-native').Text;\nexport const NativeView = require('react-native').View;\n/* eslint-enable @typescript-eslint/no-require-imports,unicorn/prefer-module */\n"],"names":[],"mappings":";;AACO,MAAM,yBAA4B,GAAA;AAAA,EACvC,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,KAAA;AAAA,EACN,OAAS,EAAA,IAAA;AAAA,EACT,GAAK,EAAA;AACP;AAGO,MAAM,mCAAsC,GAAA;AAAA,EACjD,IAAM,EAAA,MAAA;AAAA,EACN,GAAK,EAAA,KAAA;AAAA,EACL,MAAQ,EAAA,QAAA;AAAA,EACR,MAAQ,EAAA;AACV;;ACVO,MAAM,gBAAmB,GAAA,CAAC,KAAwC,MAAA,EAAE,KAAM,EAAA;AAG1E,SAAS,0BAA0B,KAAiD,EAAA;AACzF,EAAO,OAAA,KAAA;AACT;AAQa,MAAA,UAAA,GAAa,OAAQ,CAAA,cAAc,CAAE,CAAA;AACrC,MAAA,UAAA,GAAa,OAAQ,CAAA,cAAc,CAAE,CAAA;;;;;;;;;"}

package/package.json

@@ -1,19 +1,12 @@
 {
   "name": "react-native-boost",
   "description": "🚀 Boost your React Native app's performance with a single line of code",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "types": "dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/esm/index.mjs"
-      },
-      "default": "./dist/index.js"
-    },
     "./runtime": {
       "import": {
         "types": "./dist/runtime/index.d.ts",

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

@@ -174,9 +174,9 @@ function processProps(
     // Set up the accessibility import
     const normalizeIdentifier = addFileImportHint({
       file,
-      nameHint: 'normalizeAccessibilityProps',
+      nameHint: 'processAccessibilityProps',
       path,
-      importName: 'normalizeAccessibilityProps',
+      importName: 'processAccessibilityProps',
       moduleName: RUNTIME_MODULE_NAME,
     });
     const accessibilityObject = buildPropertiesFromAttributes(accessibilityAttributes);
@@ -185,9 +185,9 @@ function processProps(
     // Set up the style import
     const flattenIdentifier = addFileImportHint({
       file,
-      nameHint: 'flattenTextStyle',
+      nameHint: 'processTextStyle',
       path,
-      importName: 'flattenTextStyle',
+      importName: 'processTextStyle',
       moduleName: RUNTIME_MODULE_NAME,
     });
     const flattenedStyleExpr = t.callExpression(t.identifier(flattenIdentifier.name), [styleExpr]);
@@ -198,9 +198,9 @@ function processProps(
     // Only style attribute is present
     const flattenIdentifier = addFileImportHint({
       file,
-      nameHint: 'flattenTextStyle',
+      nameHint: 'processTextStyle',
       path,
-      importName: 'flattenTextStyle',
+      importName: 'processTextStyle',
       moduleName: RUNTIME_MODULE_NAME,
     });
     const flattened = t.callExpression(t.identifier(flattenIdentifier.name), [styleExpr]);
@@ -209,9 +209,9 @@ function processProps(
     // Only accessibility properties are present
     const normalizeIdentifier = addFileImportHint({
       file,
-      nameHint: 'normalizeAccessibilityProps',
+      nameHint: 'processAccessibilityProps',
       path,
-      importName: 'normalizeAccessibilityProps',
+      importName: 'processAccessibilityProps',
       moduleName: RUNTIME_MODULE_NAME,
     });
     const propsObject = buildPropertiesFromAttributes(originalAttributes);

package/src/plugin/types/index.ts

@@ -42,12 +42,12 @@ export type HubFile = t.File & {
  */
 export interface FileImportOptions {
   file: HubFile;
-  /** The name hint which also acts as the cache key to ensure the import is only added once (e.g. 'normalizeAccessibilityProps') */
+  /** The name hint which also acts as the cache key to ensure the import is only added once (e.g. 'processAccessibilityProps') */
   nameHint: string;
   /** The current Babel NodePath */
   path: NodePath;
   /**
-   * The named import string (e.g. 'normalizeAccessibilityProps'). Ignored if importType is "default".
+   * The named import string (e.g. 'processAccessibilityProps'). Ignored if importType is "default".
    */
   importName: string;
   /** The module to import from (e.g. 'react-native-boost/runtime') */

package/src/plugin/utils/common/base.ts

@@ -8,9 +8,9 @@ import { RUNTIME_MODULE_NAME } from '../constants';
  *
  * @param opts - Object containing the function arguments:
  *   - file: The Babel file object (e.g. HubFile)
- *   - nameHint: The name hint which also acts as the cache key to ensure the import is only added once (e.g. 'normalizeAccessibilityProps')
+ *   - nameHint: The name hint which also acts as the cache key to ensure the import is only added once (e.g. 'processAccessibilityProps')
  *   - path: The current Babel NodePath
- *   - importName: The named import string (e.g. 'normalizeAccessibilityProps'), used when importType is 'named'
+ *   - importName: The named import string (e.g. 'processAccessibilityProps'), used when importType is 'named'
  *   - moduleName: The module to import from (e.g. 'react-native-boost/runtime')
  *   - importType: Either 'named' (default) or 'default' to determine the type of import to use.
  *

package/src/runtime/index.ts

@@ -1,10 +1,10 @@
-import { TextStyle } from 'react-native';
-import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';
+import { TextProps, TextStyle, StyleSheet } from 'react-native';
 import { GenericStyleProp } from './types';
+import { userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap } from './utils/constants';
 
 const propsCache = new WeakMap();
 
-export function flattenTextStyle(style: GenericStyleProp<TextStyle>) {
+export function processTextStyle(style: GenericStyleProp<TextStyle>): Partial<TextProps> {
   if (!style) return {};
 
   // Cache the computed props
@@ -14,7 +14,7 @@ export function flattenTextStyle(style: GenericStyleProp<TextStyle>) {
   props = {};
   propsCache.set(style, props);
 
-  style = flattenStyle(style);
+  style = StyleSheet.flatten(style) as TextStyle;
 
   if (!style) return {};
 
@@ -38,31 +38,8 @@ export function flattenTextStyle(style: GenericStyleProp<TextStyle>) {
   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',
-};
-
-/**
- * Normalizes accessibility props.
- *
- * @param props - The props to normalize.
- * @returns The normalized props.
- */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function normalizeAccessibilityProperties(props: Record<string, any>): Record<string, any> {
+export function processAccessibilityProps(props: Record<string, any>): Record<string, any> {
   const {
     accessibilityLabel,
     ['aria-label']: ariaLabel,
@@ -112,5 +89,6 @@ export function normalizeAccessibilityProperties(props: Record<string, any>): Re
 }
 
 export * from './types';
+export * from './utils/constants';
 export * from './components/native-text';
 export * from './components/native-view';

package/src/runtime/index.web.ts

@@ -1,43 +1,17 @@
 // This is a dummy file to ensure that nothing breaks when using the runtime in a web environment.
 
-import { TextStyle } from 'react-native';
+import { TextProps, TextStyle } from 'react-native';
 import { GenericStyleProp } from './types';
 
-export function flattenTextStyle(style: GenericStyleProp<TextStyle>) {
-  if (!style) return {};
+export const processTextStyle = (style: GenericStyleProp<TextStyle>) => ({ style }) as Partial<TextProps>;
 
-  return { style };
-}
-
-// 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',
-};
-
-/**
- * Normalizes accessibility props.
- *
- * @param props - The props to normalize.
- * @returns The normalized props.
- */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function normalizeAccessibilityProperties(props: Record<string, any>): Record<string, any> {
+export function processAccessibilityProps(props: Record<string, any>): Record<string, any> {
   return props;
 }
 
 export * from './types';
+export * from './utils/constants';
 
 // On Web, the native components are not available, so we use the standard components that'll be replaced by their DOM
 // equivalents by react-native-web.

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

@@ -1,9 +1,3 @@
-declare module 'react-native/Libraries/StyleSheet/flattenStyle' {
-  type GenericStyleProp<T> = null | void | T | false | '' | ReadonlyArray<GenericStyleProp<T>>;
-
-  export default function flattenStyle<T>(style: T): T extends GenericStyleProp<infer U> ? U : never;
-}
-
 declare module 'react-native/Libraries/Text/TextNativeComponent' {
   export const NativeText: React.ComponentType<TextProps>;
 }

package/src/runtime/utils/constants.ts

@@ -0,0 +1,16 @@
+// 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',
+};