@hoversource/babel-plugin-react 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { PluginObj } from "@babel/core";
+export default function babelPluginReactHoverSource(): PluginObj;
+export declare function vitePluginReactHoverSource(): {
+    name: string;
+    enforce: "pre";
+    transform(code: string, id: string): {
+        code: string | undefined;
+        map: {
+            version: number;
+            sources: string[];
+            names: string[];
+            sourceRoot?: string | undefined;
+            sourcesContent?: string[] | undefined;
+            mappings: string;
+            file: string;
+        } | undefined;
+    } | null;
+};

package/dist/index.js

@@ -0,0 +1,55 @@
+import { types as t, transformSync } from "@babel/core";
+export default function babelPluginReactHoverSource() {
+    return {
+        name: "babel-plugin-react-hoversource",
+        visitor: {
+            JSXOpeningElement(path, state) {
+                const location = path.node.loc;
+                if (!location)
+                    return;
+                const filename = state.file.opts.filename;
+                if (!filename)
+                    return;
+                // Skip node_modules and common library files
+                if (filename.includes("node_modules"))
+                    return;
+                // Get project root relative path
+                const projectRoot = state.file.opts.root || process.cwd();
+                let relativePath = filename;
+                if (filename.startsWith(projectRoot)) {
+                    relativePath = filename.slice(projectRoot.length).replace(/^[/\\]/, "");
+                }
+                // Normalize slashes to forward slashes
+                relativePath = relativePath.replaceAll("\\", "/");
+                const line = location.start.line;
+                const column = location.start.column + 1; // 1-based column
+                const locStr = `${relativePath}:${line}:${column}`;
+                // Check if data-hoversource-loc attribute already exists
+                const hasAttr = path.node.attributes.some((attr) => t.isJSXAttribute(attr) && attr.name.name === "data-hoversource-loc");
+                if (!hasAttr) {
+                    path.node.attributes.push(t.jsxAttribute(t.jsxIdentifier("data-hoversource-loc"), t.stringLiteral(locStr)));
+                }
+            }
+        }
+    };
+}
+export function vitePluginReactHoverSource() {
+    const pluginInstance = babelPluginReactHoverSource();
+    return {
+        name: "vite-plugin-react-hoversource",
+        enforce: "pre",
+        transform(code, id) {
+            if (id.includes("node_modules") || !/\.[jt]sx$/.test(id)) {
+                return null;
+            }
+            const result = transformSync(code, {
+                filename: id,
+                plugins: [pluginInstance],
+                ast: false,
+                code: true,
+                sourceMaps: true,
+            });
+            return result ? { code: result.code || undefined, map: result.map || undefined } : null;
+        }
+    };
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@hoversource/babel-plugin-react",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b",
+    "clean": "tsc -b --clean"
+  },
+  "dependencies": {
+    "@babel/core": "^7.23.0"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5"
+  }
+}