react-native-boost 0.0.1 → 0.0.3

package/package.json

@@ -1,18 +1,34 @@
 {
   "name": "react-native-boost",
   "description": "🚀 Boost your React Native app's performance with a single line of code",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "main": "dist/plugin.js",
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "performance",
+    "optimization",
+    "bundle",
+    "optimize"
+  ],
   "scripts": {
-    "clean": "rm -rf dist",
-    "build": "yarn clean && esbuild src/plugin.ts --bundle --outfile=dist/plugin.js --sourcemap --platform=node",
+    "clean": "rm -rf plugin",
+    "build": "yarn clean && esbuild src/plugin.ts --bundle --outfile=plugin/index.js --platform=node",
     "test": "vitest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/**/*.ts",
     "format": "prettier --write .",
-    "prepare": "husky",
     "release": "release-it"
   },
+  "files": [
+    "src",
+    "plugin",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kuatsu/react-native-boost.git"
@@ -24,32 +40,38 @@
   },
   "homepage": "https://github.com/kuatsu/react-native-boost#readme",
   "packageManager": "yarn@3.6.1",
-  "devDependencies": {
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "dependencies": {
     "@babel/core": "^7.25.0",
     "@babel/helper-module-imports": "^7.25.0",
-    "@babel/helper-plugin-utils": "^7.25.0",
+    "@babel/helper-plugin-utils": "^7.25.0"
+  },
+  "devDependencies": {
     "@babel/plugin-syntax-jsx": "^7.25.0",
     "@babel/preset-typescript": "^7.25.0",
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@eslint/js": "^9.21.0",
-    "@release-it/conventional-changelog": "^5.0.0",
+    "@release-it/conventional-changelog": "^10.0.0",
     "@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",
-    "eslint": "^9.21.0",
-    "eslint-plugin-unicorn": "^57.0.0",
     "globals": "^16.0.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^15.4.3",
-    "prettier": "^3.5.2",
     "release-it": "^18.1.2",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.1",
     "vitest": "^3.0.6"
   },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  },
+  "peerDependenciesMeta": {
+    "expo": {
+      "optional": true
+    }
+  },
   "release-it": {
     "git": {
       "commitMessage": "chore: release ${version}",
@@ -63,7 +85,10 @@
     },
     "plugins": {
       "@release-it/conventional-changelog": {
-        "preset": "angular"
+        "preset": {
+          "name": "angular"
+        },
+        "infile": "CHANGELOG.md"
       }
     }
   }

package/{dist/plugin.js → plugin/index.js}

@@ -1,4 +1,4 @@
-console.log('hello world')
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -32251,9 +32251,9 @@ var require_browser = __commonJS({
   }
 });
 
-// node_modules/has-flag/index.js
+// ../../node_modules/has-flag/index.js
 var require_has_flag = __commonJS({
-  "node_modules/has-flag/index.js"(exports2, module2) {
+  "../../node_modules/has-flag/index.js"(exports2, module2) {
     "use strict";
     module2.exports = (flag, argv = process.argv) => {
       const prefix = flag.startsWith("-") ? "" : flag.length === 1 ? "-" : "--";
@@ -32264,9 +32264,9 @@ var require_has_flag = __commonJS({
   }
 });
 
-// node_modules/supports-color/index.js
+// ../../node_modules/supports-color/index.js
 var require_supports_color = __commonJS({
-  "node_modules/supports-color/index.js"(exports2, module2) {
+  "../../node_modules/supports-color/index.js"(exports2, module2) {
     "use strict";
     var os = require("os");
     var tty = require("tty");
@@ -32372,7 +32372,7 @@ var require_node = __commonJS({
     var tty = require("tty");
     var util = require("util");
     exports2.init = init;
-    exports2.log = log;
+    exports2.log = log2;
     exports2.formatArgs = formatArgs;
     exports2.save = save;
     exports2.load = load;
@@ -32507,7 +32507,7 @@ var require_node = __commonJS({
       }
       return (/* @__PURE__ */ new Date()).toISOString() + " ";
     }
-    function log(...args) {
+    function log2(...args) {
       return process.stderr.write(util.formatWithOptions(exports2.inspectOpts, ...args) + "\n");
     }
     function save(namespaces) {
@@ -54600,9 +54600,9 @@ var require_native_modules2 = __commonJS({
   }
 });
 
-// node_modules/@babel/helper-compilation-targets/node_modules/yallist/iterator.js
+// node_modules/yallist/iterator.js
 var require_iterator = __commonJS({
-  "node_modules/@babel/helper-compilation-targets/node_modules/yallist/iterator.js"(exports2, module2) {
+  "node_modules/yallist/iterator.js"(exports2, module2) {
     "use strict";
     module2.exports = function(Yallist) {
       Yallist.prototype[Symbol.iterator] = function* () {
@@ -54614,9 +54614,9 @@ var require_iterator = __commonJS({
   }
 });
 
-// node_modules/@babel/helper-compilation-targets/node_modules/yallist/yallist.js
+// node_modules/yallist/yallist.js
 var require_yallist = __commonJS({
-  "node_modules/@babel/helper-compilation-targets/node_modules/yallist/yallist.js"(exports2, module2) {
+  "node_modules/yallist/yallist.js"(exports2, module2) {
     "use strict";
     module2.exports = Yallist;
     Yallist.Node = Node;
@@ -54983,9 +54983,9 @@ var require_yallist = __commonJS({
   }
 });
 
-// node_modules/@babel/helper-compilation-targets/node_modules/lru-cache/index.js
+// node_modules/lru-cache/index.js
 var require_lru_cache = __commonJS({
-  "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache/index.js"(exports2, module2) {
+  "node_modules/lru-cache/index.js"(exports2, module2) {
     "use strict";
     var Yallist = require_yallist();
     var MAX = Symbol("max");
@@ -70364,7 +70364,18 @@ var import_helper_plugin_utils = __toESM(require_lib());
 // src/optimizers/text/index.ts
 var import_core = __toESM(require_lib27());
 var import_helper_module_imports = __toESM(require_lib11());
-function textOptimizer(path) {
+
+// src/utils/plugin-error.ts
+var PluginError = class extends Error {
+  constructor(message) {
+    super(`[react-native-boost] Babel plugin exception: ${message}`);
+    this.name = "PluginError";
+  }
+};
+
+// src/optimizers/text/index.ts
+var textOptimizer = (path, log2 = () => {
+}) => {
   if (!import_core.types.isJSXIdentifier(path.node.name)) return;
   const parent = path.parent;
   if (!import_core.types.isJSXElement(parent)) return;
@@ -70380,7 +70391,16 @@ function textOptimizer(path) {
   }
   if (hasBlacklistedProperties(path)) return;
   if (!hasOnlyStringChildren(path, parent)) return;
-  const file = path.hub.file;
+  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");
+  }
+  if (!file.__optimized) {
+    const filename = file.opts?.filename || "unknown file";
+    log2(`Optimizing file: ${filename}`);
+    file.__optimized = true;
+  }
   if (!file.__nativeTextImport) {
     file.__nativeTextImport = (0, import_helper_module_imports.addNamed)(path, "NativeText", "react-native/Libraries/Text/TextNativeComponent");
   }
@@ -70389,7 +70409,7 @@ function textOptimizer(path) {
   if (!path.node.selfClosing && parent.closingElement && import_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));
 }
@@ -70437,8 +70457,16 @@ function hasBlacklistedProperties(path) {
     if (import_core.types.isJSXSpreadAttribute(attribute)) {
       if (import_core.types.isIdentifier(attribute.argument)) {
         const binding = path.scope.getBinding(attribute.argument.name);
-        if (binding && import_core.types.isObjectExpression(binding.path.node)) {
-          return binding.path.node.properties.some((property) => {
+        let objectExpression;
+        if (binding) {
+          if (import_core.types.isVariableDeclarator(binding.path.node)) {
+            objectExpression = binding.path.node.init;
+          } else if (import_core.types.isObjectExpression(binding.path.node)) {
+            objectExpression = binding.path.node;
+          }
+        }
+        if (objectExpression && import_core.types.isObjectExpression(objectExpression)) {
+          return objectExpression.properties.some((property) => {
             if (import_core.types.isObjectProperty(property) && import_core.types.isIdentifier(property.key)) {
               return blacklistedProperties.has(property.key.name);
             }
@@ -70458,16 +70486,23 @@ function hasBlacklistedProperties(path) {
   });
 }
 
+// src/utils/logger.ts
+var log = (message) => {
+  console.log(`[react-native-boost] ${message}`);
+};
+
 // src/plugin.ts
 var plugin_default = (0, import_helper_plugin_utils.declare)((api) => {
   api.assertVersion(7);
   return {
-    name: "react-native-boost/text",
+    name: "react-native-boost",
     visitor: {
-      JSXOpeningElement(path) {
-        textOptimizer(path);
+      JSXOpeningElement(path, state) {
+        const options = state.opts ?? {};
+        const logger = options.verbose ? log : () => {
+        };
+        if (options.optimizations?.text !== false) textOptimizer(path, logger);
       }
     }
   };
 });
-//# sourceMappingURL=plugin.js.map

package/src/optimizers/text/index.ts

@@ -1,8 +1,10 @@
 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';
 
-export function textOptimizer(path: NodePath<t.JSXOpeningElement>): void {
-  // Ensure we're processing a JSX element
+export const textOptimizer: Optimizer = (path, log = () => {}) => {
+  // Ensure we're processing a JSX Text element
   if (!t.isJSXIdentifier(path.node.name)) return;
 
   const parent = path.parent;
@@ -26,10 +28,22 @@ export function textOptimizer(path: NodePath<t.JSXOpeningElement>): void {
   if (!hasOnlyStringChildren(path, parent)) return;
   // TODO: Don't bail if the element has a style prop
 
-  // Add NativeTextComponent import (cached on file) so we only add it once per file
-  const file = (path.hub as unknown as { file: t.File }).file as t.File & {
-    __nativeTextImport?: t.Identifier;
-  };
+  // Extract the file from the Babel hub and add flags for logging & import caching
+  const hub = path.hub as unknown;
+  const file = typeof hub === 'object' && hub !== null && 'file' in hub ? (hub.file as HubFile) : undefined;
+
+  if (!file) {
+    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;
+  }
+
+  // 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');
   }
@@ -45,7 +59,7 @@ export function textOptimizer(path: NodePath<t.JSXOpeningElement>): void {
   ) {
     parent.closingElement.name.name = nativeTextIdentifier.name;
   }
-}
+};
 
 function hasOnlyStringChildren(path: NodePath<t.JSXOpeningElement>, node: t.JSXElement): boolean {
   return node.children.every((child) => isStringNode(path, child));
@@ -98,11 +112,21 @@ const blacklistedProperties = new Set([
 
 function hasBlacklistedProperties(path: NodePath<t.JSXOpeningElement>): boolean {
   return path.node.attributes.some((attribute) => {
+    // Check if we can resolve the spread attribute
     if (t.isJSXSpreadAttribute(attribute)) {
       if (t.isIdentifier(attribute.argument)) {
         const binding = path.scope.getBinding(attribute.argument.name);
-        if (binding && t.isObjectExpression(binding.path.node)) {
-          return binding.path.node.properties.some((property) => {
+        let objectExpression: t.ObjectExpression | undefined;
+        if (binding) {
+          // If the binding node is a VariableDeclarator, use its initializer
+          if (t.isVariableDeclarator(binding.path.node)) {
+            objectExpression = binding.path.node.init as t.ObjectExpression;
+          } else if (t.isObjectExpression(binding.path.node)) {
+            objectExpression = binding.path.node;
+          }
+        }
+        if (objectExpression && t.isObjectExpression(objectExpression)) {
+          return objectExpression.properties.some((property) => {
             if (t.isObjectProperty(property) && t.isIdentifier(property.key)) {
               return blacklistedProperties.has(property.key.name);
             }

package/src/plugin.ts

@@ -1,14 +1,18 @@
 import { declare } from '@babel/helper-plugin-utils';
 import { textOptimizer } from './optimizers/text';
+import { PluginOptions } from './types';
+import { log } from './utils/logger';
 
 export default declare((api) => {
   api.assertVersion(7);
 
   return {
-    name: 'react-native-boost/text',
+    name: 'react-native-boost',
     visitor: {
-      JSXOpeningElement(path) {
-        textOptimizer(path);
+      JSXOpeningElement(path, state) {
+        const options = (state.opts ?? {}) as PluginOptions;
+        const logger = options.verbose ? log : () => {};
+        if (options.optimizations?.text !== false) textOptimizer(path, logger);
       },
     },
   };

package/src/types/index.ts

@@ -0,0 +1,29 @@
+import { NodePath, types as t } from '@babel/core';
+
+export interface PluginOptions {
+  /**
+   * Whether or not to log optimized files to the console.
+   * @default false
+   */
+  verbose?: boolean;
+  /**
+   * The optimizations to apply to the plugin.
+   */
+  optimizations?: {
+    /**
+     * Whether or not to optimize the text component.
+     * @default true
+     */
+    text?: boolean;
+  };
+}
+
+export type Optimizer = (path: NodePath<t.JSXOpeningElement>, log?: (message: string) => void) => void;
+
+export type HubFile = t.File & {
+  opts: {
+    filename: string;
+  };
+  __nativeTextImport?: t.Identifier;
+  __optimized?: boolean;
+};

package/src/utils/generate-test-plugin.ts

@@ -0,0 +1,17 @@
+import { declare } from '@babel/helper-plugin-utils';
+import { Optimizer } from '../types';
+
+export const generateTestPlugin = (optimizer: Optimizer) => {
+  return declare((api) => {
+    api.assertVersion(7);
+
+    return {
+      name: 'react-native-boost',
+      visitor: {
+        JSXOpeningElement(path) {
+          optimizer(path);
+        },
+      },
+    };
+  });
+};

package/src/utils/logger.ts

@@ -0,0 +1,3 @@
+export const log = (message: string) => {
+  console.log(`[react-native-boost] ${message}`);
+};

package/src/utils/plugin-error.ts

@@ -0,0 +1,6 @@
+export default class PluginError extends Error {
+  constructor(message: string) {
+    super(`[react-native-boost] Babel plugin exception: ${message}`);
+    this.name = 'PluginError';
+  }
+}

package/.github/FUNDING.yml

@@ -1 +0,0 @@
-github: mfkrause

package/.github/actions/setup/action.yml

@@ -1,28 +0,0 @@
-name: Setup
-description: Setup Node.js and install dependencies
-
-runs:
-  using: composite
-  steps:
-    - name: Setup Node.js
-      uses: actions/setup-node@v4
-      with:
-        node-version-file: .nvmrc
-
-    - name: Cache dependencies
-      id: yarn-cache
-      uses: actions/cache@v4
-      with:
-        path: |
-          **/node_modules
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
-
-    - name: Install dependencies
-      if: steps.yarn-cache.outputs.cache-hit != 'true'
-      run: |
-        # yarn install --cwd example --frozen-lockfile # TODO: re-enable once example has been added
-        # yarn install --cwd docs --frozen-lockfile # TODO: re-enable once docs have been added
-        yarn install --frozen-lockfile
-      shell: bash

package/.github/workflows/release.yml

@@ -1,87 +0,0 @@
-name: Release
-on:
-  workflow_dispatch:
-    inputs:
-      release_type:
-        description: 'Release type (patch, minor, major, or a semver version)'
-        required: false
-        type: string
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Lint files
-        run: yarn lint
-
-      - name: Run Prettier
-        run: yarn format
-
-      - name: Verify formatted code is unchanged
-        run: git diff --exit-code HEAD
-
-      - name: Typecheck files
-        run: yarn typecheck
-
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Run tests
-        run: yarn test
-
-  build-release:
-    runs-on: ubuntu-latest
-    needs: [lint, test]
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Build package
-        run: yarn build
-
-      - name: Set NPM token & GitHub config
-        run: |
-          npm config set //registry.npmjs.org/:_authToken $NPM_TOKEN
-          git config user.name "Kuatsu CI/CD"
-          git config user.email "null@kuatsu.de"
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Validate release type
-        if: ${{ inputs.release_type != '' }}
-        run: |
-          if [[ "${{ inputs.release_type }}" =~ ^(patch|minor|major)$ ]]; then
-            echo "Valid release type: ${{ inputs.release_type }}"
-          elif [[ "${{ inputs.release_type }}" =~ ^[0-9]+\.[0-9]+\.[0-9]+$ ]]; then
-            echo "Valid semver version: ${{ inputs.release_type }}"
-          else
-            echo "Invalid input. Must be 'patch', 'minor', 'major', or a valid semver version (e.g., 1.2.3)."
-            exit 1
-          fi
-
-      - name: Release
-        run: |
-          if [ -n "${{ inputs.release_type }}" ]; then
-            yarn release --increment ${{ inputs.release_type }}
-          else
-            yarn release
-          fi
-        env:
-          GITHUB_TOKEN: ${{ secrets.CICD_PAT }}

package/.github/workflows/stale.yml

@@ -1,37 +0,0 @@
-name: 'Close stale issues and PRs'
-on:
-  schedule:
-    - cron: '30 1 * * *'
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-      pull-requests: write
-    steps:
-      - uses: actions/stale@v9
-        with:
-          stale-issue-message: 'This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
-          stale-pr-message: 'This PR is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
-          days-before-stale: 60
-          days-before-close: 7
-          stale-issue-label: stale
-          stale-pr-label: stale
-          exempt-issue-labels: 'help wanted,in progress,pinned'
-          exempt-pr-labels: 'in progress,pinned'
-  stale-missing-info:
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-      pull-requests: write
-    steps:
-      - uses: actions/stale@v9
-        with:
-          any-of-labels: 'repro-missing'
-          stale-issue-message: 'This issue is stale because it is missing information. Please add the requested information or this will be closed in 7 days.'
-          stale-pr-message: 'This PR is stale because it is missing information. Please add the requested information or this will be closed in 7 days.'
-          days-before-stale: 14
-          days-before-close: 7
-          stale-issue-label: stale
-          stale-pr-label: stale

package/.github/workflows/test.yml

@@ -1,54 +0,0 @@
-name: Test & build
-on:
-  push:
-    branches:
-      - master
-  pull_request:
-    branches:
-      - master
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Lint files
-        run: yarn lint
-
-      - name: Run Prettier
-        run: yarn format
-
-      - name: Verify formatted code is unchanged
-        run: git diff --exit-code HEAD
-
-      - name: Typecheck files
-        run: yarn typecheck
-
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Run tests
-        run: yarn test
-
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup
-        uses: ./.github/actions/setup
-
-      - name: Build package
-        run: yarn build

package/.husky/pre-commit

@@ -1,2 +0,0 @@
-npx commitlint --edit
-npx lint-staged

package/.lintstagedrc

@@ -1,3 +0,0 @@
-{
-  "*.ts": "npx eslint"
-}

package/.nvmrc

@@ -1 +0,0 @@
-v20

package/.prettierignore

@@ -1,4 +0,0 @@
-fixtures
-node_modules
-yarn.lock
-.yarn

package/.prettierrc

@@ -1,14 +0,0 @@
-{
-  "printWidth": 120,
-  "tabWidth": 2,
-  "useTabs": false,
-  "semi": true,
-  "singleQuote": true,
-  "quoteProps": "consistent",
-  "jsxSingleQuote": false,
-  "trailingComma": "es5",
-  "bracketSpacing": true,
-  "bracketSameLine": true,
-  "arrowParens": "always",
-  "endOfLine": "lf"
-}