@rn-ave/babel-plugin 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import type { PluginObj, PluginPass } from '@babel/core';
+/**
+ * Babel plugin to inject source location into JSX elements
+ */
+declare const _default: (api: object, options: Record<string, any> | null | undefined, dirname: string) => PluginObj<PluginPass>;
+export default _default;

package/dist/index.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_plugin_utils_1 = require("@babel/helper-plugin-utils");
+const t = __importStar(require("@babel/types"));
+const path = __importStar(require("path"));
+/**
+ * Babel plugin to inject source location into JSX elements
+ */
+exports.default = (0, helper_plugin_utils_1.declare)((api) => {
+    api.assertVersion(7);
+    return {
+        name: 'rn-ave-source',
+        visitor: {
+            JSXOpeningElement(nodePath, state) {
+                const rawFilename = state.filename || state.file?.opts?.filename;
+                const opts = state.opts;
+                // Skip if no filename
+                if (!rawFilename || rawFilename === 'unknown')
+                    return;
+                // Resolve absolute path
+                const absolutePath = path.isAbsolute(rawFilename)
+                    ? rawFilename
+                    : path.resolve(process.cwd(), rawFilename);
+                // ONLY tag files that are inside the project root and NOT in node_modules
+                const isNodeModules = absolutePath.includes('node_modules');
+                const isInProject = opts.rootDir ? absolutePath.startsWith(opts.rootDir) : true;
+                if (isNodeModules || !isInProject) {
+                    return;
+                }
+                // --- Nuke Fragments ---
+                const nameNode = nodePath.node.name;
+                // 1. Check for <Fragment>
+                if (t.isJSXIdentifier(nameNode) && (nameNode.name === 'Fragment' || nameNode.name === 'React.Fragment')) {
+                    return;
+                }
+                // 2. Check for <React.Fragment> or similar
+                if (t.isJSXMemberExpression(nameNode)) {
+                    let current = nameNode;
+                    let isFrag = false;
+                    while (current) {
+                        const partName = t.isJSXIdentifier(current.property) ? current.property.name :
+                            t.isJSXIdentifier(current) ? current.name : null;
+                        if (partName === 'Fragment') {
+                            isFrag = true;
+                            break;
+                        }
+                        current = current.object;
+                    }
+                    if (isFrag)
+                        return;
+                }
+                // Skip if already has __rnAve attribute
+                if (nodePath.node.attributes.some(attr => t.isJSXAttribute(attr) &&
+                    t.isJSXIdentifier(attr.name) &&
+                    attr.name.name === '__rnAve'))
+                    return;
+                // Get source location
+                const loc = nodePath.node.loc;
+                if (!loc)
+                    return;
+                const { line, column } = loc.start;
+                // Log tagging for debugging (limited)
+                if (!state._loggedTagging) {
+                    console.log(`[rn-ave-babel] Tagging file: ${absolutePath}`);
+                    state._loggedTagging = true;
+                }
+                // Create __rnAve prop value
+                const inspectProp = t.jsxAttribute(t.jsxIdentifier('__rnAve'), t.jsxExpressionContainer(t.objectExpression([
+                    t.objectProperty(t.identifier('file'), t.stringLiteral(absolutePath)),
+                    t.objectProperty(t.identifier('line'), t.numericLiteral(line)),
+                    t.objectProperty(t.identifier('column'), t.numericLiteral(column)),
+                ])));
+                // Add the attribute to the JSX element
+                nodePath.node.attributes.push(inspectProp);
+            },
+        },
+    };
+});

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@rn-ave/babel-plugin",
+  "version": "0.1.0",
+  "description": "Babel plugin for rn-ave to inject source locations",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  },
+  "keywords": [
+    "babel-plugin",
+    "react-native",
+    "rn-ave",
+    "visual-edit"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "@babel/helper-plugin-utils": "^7.24.0",
+    "@babel/types": "^7.24.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.0",
+    "@types/babel__core": "^7.20.0",
+    "@types/babel__helper-plugin-utils": "^7.10.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.0.0"
+  }
+}