@pinagent/react-native 0.1.0

package/README.md

@@ -0,0 +1,201 @@
+# @pinagent/react-native
+
+Tap a view → leave a comment → an agent fixes it, for **React Native &
+Expo**. The RN port of the Pinagent click-to-comment loop.
+
+The backend is **unchanged** from the web version — same
+`.pinagent/db.sqlite`, same `Storage`, same `spawnAgent`, same
+`@pinagent/mcp` pull mode. Only two pieces are RN-specific: a
+`<Pinagent/>` widget you mount at your app root, and a Metro dev-server
+middleware. Full design + web→RN mapping:
+[`docs/architecture/react-native.md`](../../docs/architecture/react-native.md).
+
+## Package layout (hybrid)
+
+| Path | Built? | Typechecked here? | Notes |
+| --- | --- | --- | --- |
+| `src/server/` | yes → `dist/server.*` | yes | pure Node; the Metro middleware |
+| `src/native/` | no — ships as source | no (needs RN types) | the RN widget; Metro transpiles it |
+| `example/` | — | — | standalone Expo app, **not** a workspace member |
+
+`react` / `react-native` / `react-native-view-shot` are **optional** peer
+deps so the monorepo install stays green; a real consumer must provide
+them. See [How the package is split](../../docs/architecture/react-native.md#how-the-package-is-split).
+
+## Install
+
+```bash
+# Expo
+npm i @pinagent/react-native
+npx expo install react-native-view-shot               # optional screenshots
+
+# Bare React Native
+npm i @pinagent/react-native react-native-view-shot
+(cd ios && pod install)                               # iOS native part of view-shot
+```
+
+Use your app's package manager (npm / yarn / pnpm / bun). Then **add the
+Babel source-tagging plugin** — on React 19 / RN 0.81+ this is what makes a
+tap resolve to `file:line` (without it the picker shows "Unknown component"):
+
+```js
+// babel.config.js — dev only, before the preset's JSX transform
+const pinagentSource = require('@pinagent/react-native/babel').default;
+const dev = process.env.NODE_ENV !== 'production';
+
+module.exports = (api) => {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'], // bare RN: 'module:@react-native/babel-preset'
+    plugins: dev ? [pinagentSource] : [],
+  };
+};
+```
+
+Restart Metro with a cleared cache after editing Babel config (`expo start -c`
+or `npm start -- --reset-cache`). Full setup — bare RN and monorepo included —
+is in the [`pinagent-setup` skill](https://github.com/Pinagent/pinagent/blob/main/.claude/skills/pinagent-setup/react-native.md).
+
+## Usage
+
+**Client** — mount once at the app root (renders `null` in release builds):
+
+```tsx
+import { Pinagent } from '@pinagent/react-native';
+
+export default function App() {
+  return (
+    <>
+      <YourApp />
+      <Pinagent />
+    </>
+  );
+}
+```
+
+**Server** — `metro.config.js`:
+
+```js
+const { pinagentMiddleware } = require('@pinagent/react-native/server');
+
+module.exports = {
+  server: {
+    enhanceMiddleware: (metroMiddleware, server) =>
+      pinagentMiddleware({ projectRoot: __dirname }).chain(metroMiddleware),
+  },
+};
+```
+
+See [Configuration](#configuration) for the full option/prop/env surface.
+
+The middleware mounts `POST /__pinagent/feedback` **and** self-installs the
+`/__pinagent/ws` live-streaming socket on Metro's own port, so a spawned
+agent's run streams live into the app (text, tool calls, result) with
+follow-ups and `ask_user` answering — the native counterpart of the web
+widget's agent tray. Simulators and physical devices work with no extra config.
+
+> The streaming socket rides the middleware (not `config.server.websocketEndpoints`)
+> on purpose: **Expo's dev server ignores `websocketEndpoints`** and destroys
+> any upgrade path it doesn't recognise, which would leave the in-app stream
+> sheet stuck on "Connecting…". Routing through `enhanceMiddleware` — which Expo
+> *does* honor — works under both Expo and bare Metro.
+
+For an explicit bare-Metro setup you can still spread
+`pinagentWebsocketEndpoints({ projectRoot })` into `config.server.websocketEndpoints`;
+it's redundant with the middleware install but harmless.
+
+**Agent pickup** — identical to web. Either let the middleware spawn
+agents, or pull comments into a Claude Code session over `@pinagent/mcp`.
+
+A complete, runnable Expo app is in [`example/`](./example).
+
+## Configuration
+
+### `pinagentMiddleware(opts)` — `metro.config.js`
+
+| Option | Type | Default | Notes |
+| --- | --- | --- | --- |
+| `projectRoot` | `string` | — (required) | Where `.pinagent/` lives. Pass `__dirname`. |
+| `spawnMode` | `false \| 'inline' \| 'worktree'` | `'inline'` | Same semantics as the Vite/Next plugins. `false` files the comment only (pull mode); `'inline'` runs the agent in-process and streams it back; `'worktree'` runs it in an isolated git worktree. |
+| `apiKey` | `string` | — | Explicit API key for spawned agent runs. Bridged to the runner as `PINAGENT_AGENT_API_KEY`, exactly like the Vite plugin's `apiKey`. Omit to authenticate against your agentic subscription. |
+
+```js
+const { pinagentMiddleware } = require('@pinagent/react-native/server');
+
+module.exports = {
+  server: {
+    enhanceMiddleware: (metroMiddleware, server) =>
+      pinagentMiddleware({
+        projectRoot: __dirname,
+        spawnMode: 'inline',
+        apiKey: process.env.MY_PINAGENT_KEY, // optional
+      }).chain(metroMiddleware),
+  },
+};
+```
+
+### `<Pinagent />` props
+
+| Prop | Type | Default | Notes |
+| --- | --- | --- | --- |
+| `projectRoot` | `string` | Metro-injected, else `''` | Makes `_debugSource` file paths project-relative (matching the web babel plugin). |
+| `screenName` | `string` | `Platform.OS` | Route/screen name recorded as the comment `url`. Restored pills are scoped to this value, so pass a stable per-screen name if you want per-screen restore. |
+
+### Environment variables
+
+| Var | Effect |
+| --- | --- |
+| `PINAGENT_AGENT_API_KEY` | The agent-run API key. Set it yourself, or let the `apiKey` middleware option set it. The `apiKey` option wins when both are present (it's applied on middleware construction). |
+| `PINAGENT_EDITOR` | Editor command the dev server uses for tap-to-open (e.g. `code -g`). Falls back to common editor CLIs / macOS apps. |
+
+**Pinagent never reads `ANTHROPIC_API_KEY` / `OPENAI_API_KEY` implicitly.** The
+`apiKey` option (→ `PINAGENT_AGENT_API_KEY`) is the only key input; with neither
+set, runs fall back to your agentic subscription. RN has no dock, so there's no
+runtime Connections store to override the option/env — the option/env is the
+whole story.
+
+## How a tap becomes `file:line`
+
+The `@pinagent/react-native/babel` plugin (step 2 of Install, dev-only)
+splices a `data-pa-loc="<file>:<line>:<col>"` prop onto every authored JSX
+element at build time — the direct analog of the web plugin's `data-pa-loc`
+DOM attribute. At tap time RN's dev Inspector locates the view via
+`getInspectorDataForViewAtPoint`, and `src/native/inspector.ts` reads the
+`data-pa-loc` prop back off the host fiber, degrading to `loc: null` (rather
+than throwing) across RN version differences.
+
+This replaced the original `_debugSource` approach: **React 19 removed
+`_debugSource`** and **RN 0.81+ dropped the `source` field from
+`getInspectorDataForViewAtPoint`**, so the runtime no longer carries any
+source location — pinagent injects its own at build time, exactly like web.
+
+## Multi-select
+
+Tap **+ Add element** in the composer to add more targets to the same comment:
+the composer steps aside, you tap another element, and it returns as a
+removable chip. On submit, the extra targets ride along in `additionalAnchors`
+(the same wire shape the web widget sends), landing in the
+`widget_anchors.additional_anchors` column and reaching the agent as
+`additionalTargets` — so a single comment like "make all these buttons match"
+addresses every picked element. A single pick leaves `additional_anchors` null
+(web parity). The screenshot is captured once, at the first pick.
+
+## Scope / known cuts
+
+- No Fast-Refresh pin re-anchoring; `selector` carries the component name
+  chain (RN has no CSS selectors).
+- Breadcrumb re-anchoring applies to the primary pick only; extras keep the
+  location they were tapped with (web behaves the same).
+
+Live agent streaming is wired automatically by `pinagentMiddleware`.
+
+## Tests
+
+`tests/metro-middleware.test.ts` drives the middleware against the real
+`Storage` and asserts a feedback POST lands a conversation in
+`.pinagent/db.sqlite`:
+
+```bash
+pnpm --filter @pinagent/agent-runner build   # test imports the built backend
+pnpm exec vitest run packages/react-native
+```

package/dist/babel.cjs

@@ -0,0 +1,130 @@
+let node_path = require("node:path");
+//#region src/babel.ts
+/**
+* Metro/Babel source-tagging plugin — the React Native analog of the web
+* `@pinagent/babel-plugin`.
+*
+* It splices a `data-pa-loc="<file>:<line>:<col>"` prop (plus a
+* `data-pa-comp="<EnclosingComponent>"` companion) onto every authored JSX
+* element, exactly mirroring what the web babel plugin emits as a DOM
+* attribute. On React Native that prop survives onto the host fiber's
+* `memoizedProps`, so {@link resolvePick} can read it back at tap time.
+*
+* ## Why this exists (and didn't used to)
+*
+* The original RN design leaned on each fiber's `_debugSource`, populated in
+* dev by `@babel/plugin-transform-react-jsx-source` — "reuse RN's, no custom
+* plugin needed". **React 19 removed `_debugSource`** (the `ReactElement`
+* constructor no longer takes a `source` arg; the `__source` prop is consumed
+* by `jsxDEV` and never reaches `memoizedProps`), and **RN 0.81+ dropped the
+* `source` field from `getInspectorDataForViewAtPoint`**. So the runtime no
+* longer carries any source location — we have to inject our own, at build
+* time, the same way web does.
+*
+* Wire it into `babel.config.js` (dev only) BEFORE `babel-preset-expo`'s JSX
+* transform so the attribute is present when JSX lowers to `jsxDEV`:
+*
+*   const pinagentSource = require('@pinagent/react-native/babel').default;
+*   module.exports = (api) => {
+*     api.cache(true);
+*     const dev = process.env.NODE_ENV !== 'production';
+*     return {
+*       presets: ['babel-preset-expo'],
+*       plugins: dev ? [pinagentSource] : [],
+*     };
+*   };
+*
+* Typed loosely (no `@babel/*` type deps) on purpose — like {@link inspector},
+* this is a thin, version-tolerant shim over an external toolchain that this
+* otherwise web-only monorepo doesn't carry types for.
+*/
+/** The attribute the web plugin emits — reused verbatim so reads match. */
+const ATTR = "data-pa-loc";
+/** Companion attribute carrying the enclosing component name. */
+const COMP_ATTR = "data-pa-comp";
+function toPosix(p) {
+	return node_path.sep === "/" ? p : p.split(node_path.sep).join("/");
+}
+/**
+* Walk up to the nearest enclosing React component — the closest
+* function/class ancestor with a PascalCase name. Lowercase callbacks
+* (`items.map(x => <Row/>)`) are skipped, so list items report the component
+* that owns the list. Mirrors `@pinagent/babel-plugin`'s `transform.ts`.
+*/
+function enclosingComponentName(path, t) {
+	let fn = path.getFunctionParent?.();
+	while (fn) {
+		const name = inferFunctionName(fn, t);
+		if (name && /^[A-Z]/.test(name)) return name;
+		fn = fn.getFunctionParent?.();
+	}
+	return null;
+}
+function inferFunctionName(fnPath, t) {
+	const node = fnPath.node;
+	if (t.isFunctionDeclaration(node) && node.id) return node.id.name;
+	if (t.isClassMethod(node) || t.isClassPrivateMethod(node)) {
+		const cls = fnPath.findParent((p) => p.isClassDeclaration() || p.isClassExpression());
+		if (cls) {
+			const clsNode = cls.node;
+			if ((t.isClassDeclaration(clsNode) || t.isClassExpression(clsNode)) && clsNode.id) return clsNode.id.name;
+			return nameFromBinding(cls, t);
+		}
+		return null;
+	}
+	return nameFromBinding(fnPath, t);
+}
+function nameFromBinding(p, t) {
+	const pn = p.parentPath?.node;
+	if (!pn) return null;
+	if (t.isVariableDeclarator(pn) && t.isIdentifier(pn.id)) return pn.id.name;
+	if ((t.isObjectProperty(pn) || t.isObjectMethod(pn)) && t.isIdentifier(pn.key)) return pn.key.name;
+	if ((t.isClassProperty(pn) || t.isClassMethod(pn)) && t.isIdentifier(pn.key)) return pn.key.name;
+	if (t.isAssignmentExpression(pn) && t.isIdentifier(pn.left)) return pn.left.name;
+	return null;
+}
+function isFragment(name, t) {
+	if (t.isJSXIdentifier(name)) return name.name === "Fragment";
+	if (t.isJSXMemberExpression(name)) return t.isJSXIdentifier(name.property) && name.property.name === "Fragment";
+	return t.isJSXNamespacedName(name);
+}
+/** Resolve the project root used to make paths relative. */
+function rootFor(state) {
+	return state.opts?.projectRoot ?? state.file?.opts?.root ?? state.cwd ?? state.file?.opts?.cwd;
+}
+/** Resolve the file being transformed. */
+function filenameFor(state) {
+	return state.filename ?? state.file?.opts?.filename;
+}
+/**
+* The Babel plugin. Default export so a `babel.config.js` can `require()` it
+* and drop the function straight into `plugins`.
+*/
+function pinagentSource(babel) {
+	const t = babel.types;
+	return {
+		name: "pinagent-source",
+		visitor: { JSXOpeningElement(path, state) {
+			const node = path.node;
+			if (isFragment(node.name, t)) return;
+			if (node.attributes.some((a) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) && a.name.name === ATTR)) return;
+			const loc = node.loc?.start;
+			if (!loc) return;
+			const filename = filenameFor(state);
+			if (!filename || filename.includes(`${node_path.sep}node_modules${node_path.sep}`)) return;
+			const root = rootFor(state);
+			let rel = root && (0, node_path.isAbsolute)(filename) ? (0, node_path.relative)(root, filename) : filename;
+			rel = toPosix(rel);
+			if (rel.startsWith("../")) return;
+			const value = `${rel}:${loc.line}:${loc.column + 1}`;
+			const attrs = [t.jsxAttribute(t.jsxIdentifier(ATTR), t.stringLiteral(value))];
+			const comp = enclosingComponentName(path, t);
+			if (comp) attrs.push(t.jsxAttribute(t.jsxIdentifier(COMP_ATTR), t.stringLiteral(comp)));
+			node.attributes.push(...attrs);
+		} }
+	};
+}
+//#endregion
+module.exports = pinagentSource;
+
+//# sourceMappingURL=babel.cjs.map

package/dist/babel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel.cjs","names":["sep"],"sources":["../src/babel.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\n/**\n * Metro/Babel source-tagging plugin — the React Native analog of the web\n * `@pinagent/babel-plugin`.\n *\n * It splices a `data-pa-loc=\"<file>:<line>:<col>\"` prop (plus a\n * `data-pa-comp=\"<EnclosingComponent>\"` companion) onto every authored JSX\n * element, exactly mirroring what the web babel plugin emits as a DOM\n * attribute. On React Native that prop survives onto the host fiber's\n * `memoizedProps`, so {@link resolvePick} can read it back at tap time.\n *\n * ## Why this exists (and didn't used to)\n *\n * The original RN design leaned on each fiber's `_debugSource`, populated in\n * dev by `@babel/plugin-transform-react-jsx-source` — \"reuse RN's, no custom\n * plugin needed\". **React 19 removed `_debugSource`** (the `ReactElement`\n * constructor no longer takes a `source` arg; the `__source` prop is consumed\n * by `jsxDEV` and never reaches `memoizedProps`), and **RN 0.81+ dropped the\n * `source` field from `getInspectorDataForViewAtPoint`**. So the runtime no\n * longer carries any source location — we have to inject our own, at build\n * time, the same way web does.\n *\n * Wire it into `babel.config.js` (dev only) BEFORE `babel-preset-expo`'s JSX\n * transform so the attribute is present when JSX lowers to `jsxDEV`:\n *\n *   const pinagentSource = require('@pinagent/react-native/babel').default;\n *   module.exports = (api) => {\n *     api.cache(true);\n *     const dev = process.env.NODE_ENV !== 'production';\n *     return {\n *       presets: ['babel-preset-expo'],\n *       plugins: dev ? [pinagentSource] : [],\n *     };\n *   };\n *\n * Typed loosely (no `@babel/*` type deps) on purpose — like {@link inspector},\n * this is a thin, version-tolerant shim over an external toolchain that this\n * otherwise web-only monorepo doesn't carry types for.\n */\nimport { isAbsolute, relative, sep } from 'node:path';\n\n/** The attribute the web plugin emits — reused verbatim so reads match. */\nconst ATTR = 'data-pa-loc';\n/** Companion attribute carrying the enclosing component name. */\nconst COMP_ATTR = 'data-pa-comp';\n\n// Minimal structural typing for the slice of Babel we touch. Babel hands the\n// plugin a `types` namespace and node paths; we lean on duck-typing rather\n// than pulling in @types/babel__core.\n// biome-ignore lint/suspicious/noExplicitAny: external babel AST, typed loosely\ntype Any = any;\n\ninterface PluginState {\n  filename?: string;\n  cwd?: string;\n  opts?: { projectRoot?: string };\n  file?: { opts?: { filename?: string; cwd?: string; root?: string } };\n}\n\nfunction toPosix(p: string): string {\n  return sep === '/' ? p : p.split(sep).join('/');\n}\n\n/**\n * Walk up to the nearest enclosing React component — the closest\n * function/class ancestor with a PascalCase name. Lowercase callbacks\n * (`items.map(x => <Row/>)`) are skipped, so list items report the component\n * that owns the list. Mirrors `@pinagent/babel-plugin`'s `transform.ts`.\n */\nfunction enclosingComponentName(path: Any, t: Any): string | null {\n  let fn = path.getFunctionParent?.();\n  while (fn) {\n    const name = inferFunctionName(fn, t);\n    if (name && /^[A-Z]/.test(name)) return name;\n    fn = fn.getFunctionParent?.();\n  }\n  return null;\n}\n\nfunction inferFunctionName(fnPath: Any, t: Any): string | null {\n  const node = fnPath.node;\n  if (t.isFunctionDeclaration(node) && node.id) return node.id.name;\n  if (t.isClassMethod(node) || t.isClassPrivateMethod(node)) {\n    const cls = fnPath.findParent((p: Any) => p.isClassDeclaration() || p.isClassExpression());\n    if (cls) {\n      const clsNode = cls.node;\n      if ((t.isClassDeclaration(clsNode) || t.isClassExpression(clsNode)) && clsNode.id) {\n        return clsNode.id.name;\n      }\n      return nameFromBinding(cls, t);\n    }\n    return null;\n  }\n  return nameFromBinding(fnPath, t);\n}\n\nfunction nameFromBinding(p: Any, t: Any): string | null {\n  const pn = p.parentPath?.node;\n  if (!pn) return null;\n  if (t.isVariableDeclarator(pn) && t.isIdentifier(pn.id)) return pn.id.name;\n  if ((t.isObjectProperty(pn) || t.isObjectMethod(pn)) && t.isIdentifier(pn.key))\n    return pn.key.name;\n  if ((t.isClassProperty(pn) || t.isClassMethod(pn)) && t.isIdentifier(pn.key)) return pn.key.name;\n  if (t.isAssignmentExpression(pn) && t.isIdentifier(pn.left)) return pn.left.name;\n  return null;\n}\n\nfunction isFragment(name: Any, t: Any): boolean {\n  if (t.isJSXIdentifier(name)) return name.name === 'Fragment';\n  if (t.isJSXMemberExpression(name)) {\n    return t.isJSXIdentifier(name.property) && name.property.name === 'Fragment';\n  }\n  return t.isJSXNamespacedName(name);\n}\n\n/** Resolve the project root used to make paths relative. */\nfunction rootFor(state: PluginState): string | undefined {\n  return state.opts?.projectRoot ?? state.file?.opts?.root ?? state.cwd ?? state.file?.opts?.cwd;\n}\n\n/** Resolve the file being transformed. */\nfunction filenameFor(state: PluginState): string | undefined {\n  return state.filename ?? state.file?.opts?.filename;\n}\n\nexport interface PinagentBabelOptions {\n  /** Project root for project-relative paths. Defaults to Babel's cwd/root. */\n  projectRoot?: string;\n}\n\n/**\n * The Babel plugin. Default export so a `babel.config.js` can `require()` it\n * and drop the function straight into `plugins`.\n */\nexport default function pinagentSource(babel: { types: Any }): Any {\n  const t = babel.types;\n  return {\n    name: 'pinagent-source',\n    visitor: {\n      JSXOpeningElement(path: Any, state: PluginState) {\n        const node = path.node;\n        if (isFragment(node.name, t)) return;\n\n        // Already tagged? Idempotent — re-running is a no-op.\n        const tagged = node.attributes.some(\n          (a: Any) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) && a.name.name === ATTR,\n        );\n        if (tagged) return;\n\n        const loc = node.loc?.start;\n        if (!loc) return;\n\n        const filename = filenameFor(state);\n        if (!filename || filename.includes(`${sep}node_modules${sep}`)) return;\n\n        const root = rootFor(state);\n        let rel = root && isAbsolute(filename) ? relative(root, filename) : filename;\n        rel = toPosix(rel);\n        // Only tag files inside the project root — skip anything resolved\n        // outside it (e.g. the in-tree widget source under an out-of-root\n        // package, which the developer never taps on).\n        if (rel.startsWith('../')) return;\n\n        const value = `${rel}:${loc.line}:${loc.column + 1}`;\n        const attrs = [t.jsxAttribute(t.jsxIdentifier(ATTR), t.stringLiteral(value))];\n        const comp = enclosingComponentName(path, t);\n        if (comp) {\n          attrs.push(t.jsxAttribute(t.jsxIdentifier(COMP_ATTR), t.stringLiteral(comp)));\n        }\n        node.attributes.push(...attrs);\n      },\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/babel.d.cts

@@ -0,0 +1,16 @@
+//#region src/babel.d.ts
+type Any = any;
+interface PinagentBabelOptions {
+  /** Project root for project-relative paths. Defaults to Babel's cwd/root. */
+  projectRoot?: string;
+}
+/**
+ * The Babel plugin. Default export so a `babel.config.js` can `require()` it
+ * and drop the function straight into `plugins`.
+ */
+declare function pinagentSource(babel: {
+  types: Any;
+}): Any;
+//#endregion
+export { PinagentBabelOptions, pinagentSource as default };
+//# sourceMappingURL=babel.d.cts.map

package/dist/babel.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel.d.cts","names":[],"sources":["../src/babel.ts"],"mappings":";KAkDK,GAAA;AAAA,UA2EY,oBAAA;EA3ET;EA6EN,WAAW;AAAA;AA7EL;AA2ER;;;AA3EQ,iBAoFgB,cAAA,CAAe,KAAA;EAAS,KAAA,EAAO,GAAA;AAAA,IAAQ,GAAG"}

package/dist/babel.d.ts

@@ -0,0 +1,16 @@
+//#region src/babel.d.ts
+type Any = any;
+interface PinagentBabelOptions {
+  /** Project root for project-relative paths. Defaults to Babel's cwd/root. */
+  projectRoot?: string;
+}
+/**
+ * The Babel plugin. Default export so a `babel.config.js` can `require()` it
+ * and drop the function straight into `plugins`.
+ */
+declare function pinagentSource(babel: {
+  types: Any;
+}): Any;
+//#endregion
+export { PinagentBabelOptions, pinagentSource as default };
+//# sourceMappingURL=babel.d.ts.map

package/dist/babel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel.d.ts","names":[],"sources":["../src/babel.ts"],"mappings":";KAkDK,GAAA;AAAA,UA2EY,oBAAA;EA3ET;EA6EN,WAAW;AAAA;AA7EL;AA2ER;;;AA3EQ,iBAoFgB,cAAA,CAAe,KAAA;EAAS,KAAA,EAAO,GAAA;AAAA,IAAQ,GAAG"}

package/dist/babel.js

@@ -0,0 +1,130 @@
+import { isAbsolute, relative, sep } from "node:path";
+//#region src/babel.ts
+/**
+* Metro/Babel source-tagging plugin — the React Native analog of the web
+* `@pinagent/babel-plugin`.
+*
+* It splices a `data-pa-loc="<file>:<line>:<col>"` prop (plus a
+* `data-pa-comp="<EnclosingComponent>"` companion) onto every authored JSX
+* element, exactly mirroring what the web babel plugin emits as a DOM
+* attribute. On React Native that prop survives onto the host fiber's
+* `memoizedProps`, so {@link resolvePick} can read it back at tap time.
+*
+* ## Why this exists (and didn't used to)
+*
+* The original RN design leaned on each fiber's `_debugSource`, populated in
+* dev by `@babel/plugin-transform-react-jsx-source` — "reuse RN's, no custom
+* plugin needed". **React 19 removed `_debugSource`** (the `ReactElement`
+* constructor no longer takes a `source` arg; the `__source` prop is consumed
+* by `jsxDEV` and never reaches `memoizedProps`), and **RN 0.81+ dropped the
+* `source` field from `getInspectorDataForViewAtPoint`**. So the runtime no
+* longer carries any source location — we have to inject our own, at build
+* time, the same way web does.
+*
+* Wire it into `babel.config.js` (dev only) BEFORE `babel-preset-expo`'s JSX
+* transform so the attribute is present when JSX lowers to `jsxDEV`:
+*
+*   const pinagentSource = require('@pinagent/react-native/babel').default;
+*   module.exports = (api) => {
+*     api.cache(true);
+*     const dev = process.env.NODE_ENV !== 'production';
+*     return {
+*       presets: ['babel-preset-expo'],
+*       plugins: dev ? [pinagentSource] : [],
+*     };
+*   };
+*
+* Typed loosely (no `@babel/*` type deps) on purpose — like {@link inspector},
+* this is a thin, version-tolerant shim over an external toolchain that this
+* otherwise web-only monorepo doesn't carry types for.
+*/
+/** The attribute the web plugin emits — reused verbatim so reads match. */
+const ATTR = "data-pa-loc";
+/** Companion attribute carrying the enclosing component name. */
+const COMP_ATTR = "data-pa-comp";
+function toPosix(p) {
+	return sep === "/" ? p : p.split(sep).join("/");
+}
+/**
+* Walk up to the nearest enclosing React component — the closest
+* function/class ancestor with a PascalCase name. Lowercase callbacks
+* (`items.map(x => <Row/>)`) are skipped, so list items report the component
+* that owns the list. Mirrors `@pinagent/babel-plugin`'s `transform.ts`.
+*/
+function enclosingComponentName(path, t) {
+	let fn = path.getFunctionParent?.();
+	while (fn) {
+		const name = inferFunctionName(fn, t);
+		if (name && /^[A-Z]/.test(name)) return name;
+		fn = fn.getFunctionParent?.();
+	}
+	return null;
+}
+function inferFunctionName(fnPath, t) {
+	const node = fnPath.node;
+	if (t.isFunctionDeclaration(node) && node.id) return node.id.name;
+	if (t.isClassMethod(node) || t.isClassPrivateMethod(node)) {
+		const cls = fnPath.findParent((p) => p.isClassDeclaration() || p.isClassExpression());
+		if (cls) {
+			const clsNode = cls.node;
+			if ((t.isClassDeclaration(clsNode) || t.isClassExpression(clsNode)) && clsNode.id) return clsNode.id.name;
+			return nameFromBinding(cls, t);
+		}
+		return null;
+	}
+	return nameFromBinding(fnPath, t);
+}
+function nameFromBinding(p, t) {
+	const pn = p.parentPath?.node;
+	if (!pn) return null;
+	if (t.isVariableDeclarator(pn) && t.isIdentifier(pn.id)) return pn.id.name;
+	if ((t.isObjectProperty(pn) || t.isObjectMethod(pn)) && t.isIdentifier(pn.key)) return pn.key.name;
+	if ((t.isClassProperty(pn) || t.isClassMethod(pn)) && t.isIdentifier(pn.key)) return pn.key.name;
+	if (t.isAssignmentExpression(pn) && t.isIdentifier(pn.left)) return pn.left.name;
+	return null;
+}
+function isFragment(name, t) {
+	if (t.isJSXIdentifier(name)) return name.name === "Fragment";
+	if (t.isJSXMemberExpression(name)) return t.isJSXIdentifier(name.property) && name.property.name === "Fragment";
+	return t.isJSXNamespacedName(name);
+}
+/** Resolve the project root used to make paths relative. */
+function rootFor(state) {
+	return state.opts?.projectRoot ?? state.file?.opts?.root ?? state.cwd ?? state.file?.opts?.cwd;
+}
+/** Resolve the file being transformed. */
+function filenameFor(state) {
+	return state.filename ?? state.file?.opts?.filename;
+}
+/**
+* The Babel plugin. Default export so a `babel.config.js` can `require()` it
+* and drop the function straight into `plugins`.
+*/
+function pinagentSource(babel) {
+	const t = babel.types;
+	return {
+		name: "pinagent-source",
+		visitor: { JSXOpeningElement(path, state) {
+			const node = path.node;
+			if (isFragment(node.name, t)) return;
+			if (node.attributes.some((a) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) && a.name.name === ATTR)) return;
+			const loc = node.loc?.start;
+			if (!loc) return;
+			const filename = filenameFor(state);
+			if (!filename || filename.includes(`${sep}node_modules${sep}`)) return;
+			const root = rootFor(state);
+			let rel = root && isAbsolute(filename) ? relative(root, filename) : filename;
+			rel = toPosix(rel);
+			if (rel.startsWith("../")) return;
+			const value = `${rel}:${loc.line}:${loc.column + 1}`;
+			const attrs = [t.jsxAttribute(t.jsxIdentifier(ATTR), t.stringLiteral(value))];
+			const comp = enclosingComponentName(path, t);
+			if (comp) attrs.push(t.jsxAttribute(t.jsxIdentifier(COMP_ATTR), t.stringLiteral(comp)));
+			node.attributes.push(...attrs);
+		} }
+	};
+}
+//#endregion
+export { pinagentSource as default };
+
+//# sourceMappingURL=babel.js.map

package/dist/babel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"babel.js","names":[],"sources":["../src/babel.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\n/**\n * Metro/Babel source-tagging plugin — the React Native analog of the web\n * `@pinagent/babel-plugin`.\n *\n * It splices a `data-pa-loc=\"<file>:<line>:<col>\"` prop (plus a\n * `data-pa-comp=\"<EnclosingComponent>\"` companion) onto every authored JSX\n * element, exactly mirroring what the web babel plugin emits as a DOM\n * attribute. On React Native that prop survives onto the host fiber's\n * `memoizedProps`, so {@link resolvePick} can read it back at tap time.\n *\n * ## Why this exists (and didn't used to)\n *\n * The original RN design leaned on each fiber's `_debugSource`, populated in\n * dev by `@babel/plugin-transform-react-jsx-source` — \"reuse RN's, no custom\n * plugin needed\". **React 19 removed `_debugSource`** (the `ReactElement`\n * constructor no longer takes a `source` arg; the `__source` prop is consumed\n * by `jsxDEV` and never reaches `memoizedProps`), and **RN 0.81+ dropped the\n * `source` field from `getInspectorDataForViewAtPoint`**. So the runtime no\n * longer carries any source location — we have to inject our own, at build\n * time, the same way web does.\n *\n * Wire it into `babel.config.js` (dev only) BEFORE `babel-preset-expo`'s JSX\n * transform so the attribute is present when JSX lowers to `jsxDEV`:\n *\n *   const pinagentSource = require('@pinagent/react-native/babel').default;\n *   module.exports = (api) => {\n *     api.cache(true);\n *     const dev = process.env.NODE_ENV !== 'production';\n *     return {\n *       presets: ['babel-preset-expo'],\n *       plugins: dev ? [pinagentSource] : [],\n *     };\n *   };\n *\n * Typed loosely (no `@babel/*` type deps) on purpose — like {@link inspector},\n * this is a thin, version-tolerant shim over an external toolchain that this\n * otherwise web-only monorepo doesn't carry types for.\n */\nimport { isAbsolute, relative, sep } from 'node:path';\n\n/** The attribute the web plugin emits — reused verbatim so reads match. */\nconst ATTR = 'data-pa-loc';\n/** Companion attribute carrying the enclosing component name. */\nconst COMP_ATTR = 'data-pa-comp';\n\n// Minimal structural typing for the slice of Babel we touch. Babel hands the\n// plugin a `types` namespace and node paths; we lean on duck-typing rather\n// than pulling in @types/babel__core.\n// biome-ignore lint/suspicious/noExplicitAny: external babel AST, typed loosely\ntype Any = any;\n\ninterface PluginState {\n  filename?: string;\n  cwd?: string;\n  opts?: { projectRoot?: string };\n  file?: { opts?: { filename?: string; cwd?: string; root?: string } };\n}\n\nfunction toPosix(p: string): string {\n  return sep === '/' ? p : p.split(sep).join('/');\n}\n\n/**\n * Walk up to the nearest enclosing React component — the closest\n * function/class ancestor with a PascalCase name. Lowercase callbacks\n * (`items.map(x => <Row/>)`) are skipped, so list items report the component\n * that owns the list. Mirrors `@pinagent/babel-plugin`'s `transform.ts`.\n */\nfunction enclosingComponentName(path: Any, t: Any): string | null {\n  let fn = path.getFunctionParent?.();\n  while (fn) {\n    const name = inferFunctionName(fn, t);\n    if (name && /^[A-Z]/.test(name)) return name;\n    fn = fn.getFunctionParent?.();\n  }\n  return null;\n}\n\nfunction inferFunctionName(fnPath: Any, t: Any): string | null {\n  const node = fnPath.node;\n  if (t.isFunctionDeclaration(node) && node.id) return node.id.name;\n  if (t.isClassMethod(node) || t.isClassPrivateMethod(node)) {\n    const cls = fnPath.findParent((p: Any) => p.isClassDeclaration() || p.isClassExpression());\n    if (cls) {\n      const clsNode = cls.node;\n      if ((t.isClassDeclaration(clsNode) || t.isClassExpression(clsNode)) && clsNode.id) {\n        return clsNode.id.name;\n      }\n      return nameFromBinding(cls, t);\n    }\n    return null;\n  }\n  return nameFromBinding(fnPath, t);\n}\n\nfunction nameFromBinding(p: Any, t: Any): string | null {\n  const pn = p.parentPath?.node;\n  if (!pn) return null;\n  if (t.isVariableDeclarator(pn) && t.isIdentifier(pn.id)) return pn.id.name;\n  if ((t.isObjectProperty(pn) || t.isObjectMethod(pn)) && t.isIdentifier(pn.key))\n    return pn.key.name;\n  if ((t.isClassProperty(pn) || t.isClassMethod(pn)) && t.isIdentifier(pn.key)) return pn.key.name;\n  if (t.isAssignmentExpression(pn) && t.isIdentifier(pn.left)) return pn.left.name;\n  return null;\n}\n\nfunction isFragment(name: Any, t: Any): boolean {\n  if (t.isJSXIdentifier(name)) return name.name === 'Fragment';\n  if (t.isJSXMemberExpression(name)) {\n    return t.isJSXIdentifier(name.property) && name.property.name === 'Fragment';\n  }\n  return t.isJSXNamespacedName(name);\n}\n\n/** Resolve the project root used to make paths relative. */\nfunction rootFor(state: PluginState): string | undefined {\n  return state.opts?.projectRoot ?? state.file?.opts?.root ?? state.cwd ?? state.file?.opts?.cwd;\n}\n\n/** Resolve the file being transformed. */\nfunction filenameFor(state: PluginState): string | undefined {\n  return state.filename ?? state.file?.opts?.filename;\n}\n\nexport interface PinagentBabelOptions {\n  /** Project root for project-relative paths. Defaults to Babel's cwd/root. */\n  projectRoot?: string;\n}\n\n/**\n * The Babel plugin. Default export so a `babel.config.js` can `require()` it\n * and drop the function straight into `plugins`.\n */\nexport default function pinagentSource(babel: { types: Any }): Any {\n  const t = babel.types;\n  return {\n    name: 'pinagent-source',\n    visitor: {\n      JSXOpeningElement(path: Any, state: PluginState) {\n        const node = path.node;\n        if (isFragment(node.name, t)) return;\n\n        // Already tagged? Idempotent — re-running is a no-op.\n        const tagged = node.attributes.some(\n          (a: Any) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) && a.name.name === ATTR,\n        );\n        if (tagged) return;\n\n        const loc = node.loc?.start;\n        if (!loc) return;\n\n        const filename = filenameFor(state);\n        if (!filename || filename.includes(`${sep}node_modules${sep}`)) return;\n\n        const root = rootFor(state);\n        let rel = root && isAbsolute(filename) ? relative(root, filename) : filename;\n        rel = toPosix(rel);\n        // Only tag files inside the project root — skip anything resolved\n        // outside it (e.g. the in-tree widget source under an out-of-root\n        // package, which the developer never taps on).\n        if (rel.startsWith('../')) return;\n\n        const value = `${rel}:${loc.line}:${loc.column + 1}`;\n        const attrs = [t.jsxAttribute(t.jsxIdentifier(ATTR), t.stringLiteral(value))];\n        const comp = enclosingComponentName(path, t);\n        if (comp) {\n          attrs.push(t.jsxAttribute(t.jsxIdentifier(COMP_ATTR), t.stringLiteral(comp)));\n        }\n        node.attributes.push(...attrs);\n      },\n    },\n  };\n}\n"],"mappings":"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"}