Registry / devops / flipper-babel-transformer

flipper-babel-transformer

library0.273.0jsnpmunverified

A Babel transformer plugin used internally by Flipper (Facebook's mobile app debugging tool) to transpile Flipper plugin code. As part of the Flipper monorepo, it is tightly coupled with Flipper's build system and not intended for general use. Version 0.273.0 is current, with frequent releases alongside Flipper. No alternative exists since it is specific to Flipper's ecosystem. This package ships TypeScript types and is released under the MIT license.

devops

npm install flipper-babel-transformer

github ↗package ↗

INSTALL

IMPORT

SIG · FLIPPER-BABEL-TRAN

flipper-babel-transformer

devopsjavascriptv0.273.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ const transformer = require('flipper-babel-transformer');

✗ import transformer from 'flipper-babel-transformer';

This package is CommonJS only; ESM import not supported.

require.resolve

✓ const path = require.resolve('flipper-babel-transformer');

Typically used to pass transformer path to webpack or Flipper config.

MetroTransformer

✓ const { MetroTransformer } = require('flipper-babel-transformer');

✗ const { MetroTransformer } = await import('flipper-babel-transformer');

Named export MetroTransformer for use with Metro bundler. Only available in CJS.

Shows how to use the transformer's Babel config in a webpack rule for Flipper plugins.

// Using flipper-babel-transformer in a Flipper plugin webpack config const transformer = require('flipper-babel-transformer'); module.exports = { module: { rules: [ { test: /\.jsx?$/, use: { loader: 'babel-loader', options: { // This transformer is specific to Flipper plugin environment ...transformer.getBabelConfig(), sourceMaps: true } } } ] } };

Debug

Known issues

deprecatedFlipper is being deprecated in favor of React Native DevTools. This package may not receive further updates.

fix

Migrate to React Native DevTools when available.

affects: >=0.0.0

gotchaCommonJS only: attempting ESM import will fail.

fix

Use require() instead of import.

affects: >=0.0.0

gotchaNot intended for general use; only for Flipper plugin development.

fix

Do not use outside Flipper context.

affects: >=0.0.0

breakingBreaking changes may occur without notice as part of Flipper monorepo updates.

fix

Pin to a specific version and test when upgrading Flipper.

affects: >=0.0.0

Errors

Common errors & fixes

Error: Cannot find module 'flipper-babel-transformer'

Package not installed or missing from node_modules.

fix

Run npm install flipper-babel-transformer or add to dependencies.

Error: require() of ES Module not supported

Trying to import a CJS module using ESM dynamic import.

fix

Use require('flipper-babel-transformer') instead of import() or ES import statement.

TypeError: transformer.getBabelConfig is not a function

The exported shape may differ between versions; getBabelConfig might not exist.

fix

Check the package's exported functions (e.g., console.log(transformer)) and use the correct method.

Upgrade

Version history

0.273.0latest on npm

Audit

Dependencies

@babel/corerequiredCore Babel compiler required for transformation

Agent activity

7 hits · last 30 days

node

Resources

githubhttps://github.com/facebook/flipper ↗

packagehttps://www.npmjs.com/package/flipper-babel-transformer ↗