@loupfeed/react-native 0.1.0

package/dist/jsx-dev-runtime.d.cts

@@ -0,0 +1,10 @@
+export { Fragment } from 'react/jsx-dev-runtime';
+
+/**
+ * Dev counterpart of jsx-runtime.ts (used by the automatic runtime in dev builds,
+ * `@jsxImportSource @loupfeed/react-native`). Wraps react/jsx-dev-runtime's jsxDEV.
+ */
+
+declare function jsxDEV(type: any, props: any, key: any, isStaticChildren: any, source: any, self: any): any;
+
+export { jsxDEV };

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,10 @@
+export { Fragment } from 'react/jsx-dev-runtime';
+
+/**
+ * Dev counterpart of jsx-runtime.ts (used by the automatic runtime in dev builds,
+ * `@jsxImportSource @loupfeed/react-native`). Wraps react/jsx-dev-runtime's jsxDEV.
+ */
+
+declare function jsxDEV(type: any, props: any, key: any, isStaticChildren: any, source: any, self: any): any;
+
+export { jsxDEV };

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,21 @@
+import {
+  tagJsxProps
+} from "./chunk-NPNSWHPB.js";
+
+// src/jsx-dev-runtime.ts
+import { jsxDEV as _jsxDEV, Fragment } from "react/jsx-dev-runtime";
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  return _jsxDEV(
+    type,
+    props && props.fbId ? tagJsxProps(type, props) : props,
+    key,
+    isStaticChildren,
+    source,
+    self
+  );
+}
+export {
+  Fragment,
+  jsxDEV
+};
+//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx-dev-runtime.ts"],"sourcesContent":["/**\n * Dev counterpart of jsx-runtime.ts (used by the automatic runtime in dev builds,\n * `@jsxImportSource @loupfeed/react-native`). Wraps react/jsx-dev-runtime's jsxDEV.\n */\nimport { jsxDEV as _jsxDEV, Fragment } from 'react/jsx-dev-runtime';\nimport { tagJsxProps } from './tagging';\n\nexport { Fragment };\n\nexport function jsxDEV(\n  type: any,\n  props: any,\n  key: any,\n  isStaticChildren: any,\n  source: any,\n  self: any,\n): any {\n  return _jsxDEV(\n    type,\n    props && props.fbId ? tagJsxProps(type, props) : props,\n    key,\n    isStaticChildren,\n    source,\n    self,\n  );\n}\n"],"mappings":";;;;;AAIA,SAAS,UAAU,SAAS,gBAAgB;AAKrC,SAAS,OACd,MACA,OACA,KACA,kBACA,QACA,MACK;AACL,SAAO;AAAA,IACL;AAAA,IACA,SAAS,MAAM,OAAO,YAAY,MAAM,KAAK,IAAI;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/jsx-runtime.cjs

@@ -0,0 +1,103 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/jsx-runtime.ts
+var jsx_runtime_exports = {};
+__export(jsx_runtime_exports, {
+  Fragment: () => import_jsx_runtime.Fragment,
+  jsx: () => jsx,
+  jsxs: () => jsxs
+});
+module.exports = __toCommonJS(jsx_runtime_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/tagging.ts
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var _g = globalThis;
+var registry = _g.__loupfeedRegistry__ ?? (_g.__loupfeedRegistry__ = /* @__PURE__ */ new Map());
+var FORWARD_REF = /* @__PURE__ */ Symbol.for("react.forward_ref");
+var MEMO = /* @__PURE__ */ Symbol.for("react.memo");
+function extractText(children) {
+  const arr = Array.isArray(children) ? children : children == null ? [] : [children];
+  const t = arr.filter((c) => typeof c === "string" || typeof c === "number").map(String).join("");
+  return t || void 0;
+}
+function tagProps(type, props, childrenOverride) {
+  if (!props || !props.fbId) return props;
+  const fbId = props.fbId;
+  const tagName = typeof type === "string" ? type : type?.displayName || type?.name;
+  const canRef = typeof type === "string" || type != null && (type.$$typeof === FORWARD_REF || type.$$typeof === MEMO);
+  const next = {
+    ...props,
+    testID: props.testID ?? fbId,
+    accessibilityLabel: props.accessibilityLabel ?? fbId
+  };
+  delete next.fbId;
+  if (canRef) {
+    const userRef = props.ref;
+    const flat = props.style ? import_react_native.StyleSheet.flatten(props.style) : void 0;
+    const text = extractText(childrenOverride !== void 0 ? childrenOverride : props.children);
+    next.ref = (instance) => {
+      if (instance && typeof instance.measureInWindow === "function") {
+        registry.set(fbId, {
+          instance,
+          tagName,
+          text,
+          bg: flat?.backgroundColor,
+          radius: typeof flat?.borderRadius === "number" ? flat.borderRadius : void 0,
+          color: flat?.color
+        });
+      } else {
+        registry.delete(fbId);
+      }
+      if (typeof userRef === "function") userRef(instance);
+      else if (userRef && typeof userRef === "object") userRef.current = instance;
+    };
+  }
+  return next;
+}
+function tagJsxProps(type, props) {
+  return tagProps(type, props);
+}
+
+// src/jsx-runtime.ts
+function jsx(type, props, key) {
+  return (0, import_jsx_runtime.jsx)(type, props && props.fbId ? tagJsxProps(type, props) : props, key);
+}
+function jsxs(type, props, key) {
+  return (0, import_jsx_runtime.jsxs)(type, props && props.fbId ? tagJsxProps(type, props) : props, key);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fragment,
+  jsx,
+  jsxs
+});
+//# sourceMappingURL=jsx-runtime.cjs.map

package/dist/jsx-runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx-runtime.ts","../src/tagging.ts"],"sourcesContent":["/**\n * loupfeed automatic-JSX runtime shim. Point an app's JSX at it with\n * `@jsxImportSource @loupfeed/react-native` (or babel-preset-expo\n * `jsxImportSource`); it wraps react/jsx-runtime so tagged elements (carrying the\n * babel-injected `fbId`) get threaded onto testID + registered for hit-testing\n * and the wireframe recorder — without the classic runtime or `import React`.\n */\nimport { jsx as _jsx, jsxs as _jsxs, Fragment } from 'react/jsx-runtime';\nimport { tagJsxProps } from './tagging';\n\nexport { Fragment };\n\nexport function jsx(type: any, props: any, key?: any): any {\n  return _jsx(type, props && props.fbId ? tagJsxProps(type, props) : props, key);\n}\n\nexport function jsxs(type: any, props: any, key?: any): any {\n  return _jsxs(type, props && props.fbId ? tagJsxProps(type, props) : props, key);\n}\n","/**\n * Element tagging — shared by the classic createElement patch and the automatic\n * JSX runtime shim (jsx-runtime.ts). Threads the babel-injected `fbId` prop onto\n * the native view's testID/accessibilityLabel and registers a measurable handle\n * for hit-testing + the wireframe recorder.\n *\n * Runtime-agnostic so loupfeed works on BOTH:\n *  - classic JSX (jsxRuntime: 'classic') → React.createElement patch, and\n *  - automatic JSX (React 17+/19 default) → custom @jsxImportSource shim,\n * the latter being required by modern apps where files omit `import React`.\n */\nimport React from 'react';\nimport { StyleSheet } from 'react-native';\n\nexport type Measurable = {\n  measureInWindow: (cb: (x: number, y: number, w: number, h: number) => void) => void;\n};\nexport type RegEntry = {\n  instance: Measurable;\n  tagName?: string;\n  text?: string;\n  bg?: string;\n  radius?: number;\n  color?: string;\n};\n\n/**\n * Shared registry of tagged, measurable views (keyed by fbId). Stored on\n * globalThis so the index entry (wireframe recorder / hit-test) and the\n * jsx-runtime shim share ONE instance even if the bundler duplicates this module\n * across the package's multiple entry points.\n */\nconst _g = globalThis as unknown as { __loupfeedRegistry__?: Map<string, RegEntry> };\nexport const registry: Map<string, RegEntry> = (_g.__loupfeedRegistry__ ??= new Map<string, RegEntry>());\n\nconst FORWARD_REF = Symbol.for('react.forward_ref');\nconst MEMO = Symbol.for('react.memo');\n\nfunction extractText(children: unknown): string | undefined {\n  const arr = Array.isArray(children) ? children : children == null ? [] : [children];\n  const t = arr\n    .filter((c) => typeof c === 'string' || typeof c === 'number')\n    .map(String)\n    .join('');\n  return t || undefined;\n}\n\n/**\n * Transform a tagged element's props: fbId → testID/accessibilityLabel + a ref\n * that (de)registers a measurable handle. Returns props unchanged when there's\n * no fbId. `childrenOverride` lets the classic patch pass its variadic children;\n * the automatic shim falls back to props.children.\n */\nexport function tagProps(type: any, props: any, childrenOverride?: unknown): any {\n  if (!props || !props.fbId) return props;\n  const fbId: string = props.fbId;\n  const tagName = typeof type === 'string' ? type : type?.displayName || type?.name;\n  const canRef =\n    typeof type === 'string' ||\n    (type != null && (type.$$typeof === FORWARD_REF || type.$$typeof === MEMO));\n\n  const next: any = {\n    ...props,\n    testID: props.testID ?? fbId,\n    accessibilityLabel: props.accessibilityLabel ?? fbId,\n  };\n  delete next.fbId;\n\n  if (canRef) {\n    const userRef = props.ref;\n    const flat: any = props.style ? StyleSheet.flatten(props.style) : undefined;\n    const text = extractText(childrenOverride !== undefined ? childrenOverride : props.children);\n    next.ref = (instance: any) => {\n      if (instance && typeof instance.measureInWindow === 'function') {\n        registry.set(fbId, {\n          instance,\n          tagName,\n          text,\n          bg: flat?.backgroundColor,\n          radius: typeof flat?.borderRadius === 'number' ? flat.borderRadius : undefined,\n          color: flat?.color,\n        });\n      } else {\n        registry.delete(fbId);\n      }\n      if (typeof userRef === 'function') userRef(instance);\n      else if (userRef && typeof userRef === 'object') userRef.current = instance;\n    };\n  }\n  return next;\n}\n\n/** Automatic JSX runtime entry point (used by jsx-runtime.ts / jsx-dev-runtime.ts). */\nexport function tagJsxProps(type: any, props: any): any {\n  return tagProps(type, props);\n}\n\n/**\n * Classic JSX runtime: patch React.createElement. Idempotent across duplicated\n * bundles (flag on globalThis). Harmless (a no-op for tagging) under the\n * automatic runtime, where JSX never calls createElement.\n */\nexport function installTagging(): void {\n  const gp = globalThis as unknown as { __loupfeedPatched__?: boolean };\n  if (gp.__loupfeedPatched__) return;\n  gp.__loupfeedPatched__ = true;\n  const orig = React.createElement;\n  (React as any).createElement = function (this: unknown, type: any, props: any, ...children: any[]) {\n    if (props && props.fbId) {\n      return orig.call(this, type, tagProps(type, props, children), ...children);\n    }\n    return orig.call(this, type, props, ...children);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,yBAAqD;;;ACIrD,mBAAkB;AAClB,0BAA2B;AAoB3B,IAAM,KAAK;AACJ,IAAM,WAAmC,GAAG,yBAAH,GAAG,uBAAyB,oBAAI,IAAsB;AAEtG,IAAM,cAAc,uBAAO,IAAI,mBAAmB;AAClD,IAAM,OAAO,uBAAO,IAAI,YAAY;AAEpC,SAAS,YAAY,UAAuC;AAC1D,QAAM,MAAM,MAAM,QAAQ,QAAQ,IAAI,WAAW,YAAY,OAAO,CAAC,IAAI,CAAC,QAAQ;AAClF,QAAM,IAAI,IACP,OAAO,CAAC,MAAM,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ,EAC5D,IAAI,MAAM,EACV,KAAK,EAAE;AACV,SAAO,KAAK;AACd;AAQO,SAAS,SAAS,MAAW,OAAY,kBAAiC;AAC/E,MAAI,CAAC,SAAS,CAAC,MAAM,KAAM,QAAO;AAClC,QAAM,OAAe,MAAM;AAC3B,QAAM,UAAU,OAAO,SAAS,WAAW,OAAO,MAAM,eAAe,MAAM;AAC7E,QAAM,SACJ,OAAO,SAAS,YACf,QAAQ,SAAS,KAAK,aAAa,eAAe,KAAK,aAAa;AAEvE,QAAM,OAAY;AAAA,IAChB,GAAG;AAAA,IACH,QAAQ,MAAM,UAAU;AAAA,IACxB,oBAAoB,MAAM,sBAAsB;AAAA,EAClD;AACA,SAAO,KAAK;AAEZ,MAAI,QAAQ;AACV,UAAM,UAAU,MAAM;AACtB,UAAM,OAAY,MAAM,QAAQ,+BAAW,QAAQ,MAAM,KAAK,IAAI;AAClE,UAAM,OAAO,YAAY,qBAAqB,SAAY,mBAAmB,MAAM,QAAQ;AAC3F,SAAK,MAAM,CAAC,aAAkB;AAC5B,UAAI,YAAY,OAAO,SAAS,oBAAoB,YAAY;AAC9D,iBAAS,IAAI,MAAM;AAAA,UACjB;AAAA,UACA;AAAA,UACA;AAAA,UACA,IAAI,MAAM;AAAA,UACV,QAAQ,OAAO,MAAM,iBAAiB,WAAW,KAAK,eAAe;AAAA,UACrE,OAAO,MAAM;AAAA,QACf,CAAC;AAAA,MACH,OAAO;AACL,iBAAS,OAAO,IAAI;AAAA,MACtB;AACA,UAAI,OAAO,YAAY,WAAY,SAAQ,QAAQ;AAAA,eAC1C,WAAW,OAAO,YAAY,SAAU,SAAQ,UAAU;AAAA,IACrE;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,YAAY,MAAW,OAAiB;AACtD,SAAO,SAAS,MAAM,KAAK;AAC7B;;;ADnFO,SAAS,IAAI,MAAW,OAAY,KAAgB;AACzD,aAAO,mBAAAA,KAAK,MAAM,SAAS,MAAM,OAAO,YAAY,MAAM,KAAK,IAAI,OAAO,GAAG;AAC/E;AAEO,SAAS,KAAK,MAAW,OAAY,KAAgB;AAC1D,aAAO,mBAAAC,MAAM,MAAM,SAAS,MAAM,OAAO,YAAY,MAAM,KAAK,IAAI,OAAO,GAAG;AAChF;","names":["_jsx","_jsxs"]}

package/dist/jsx-runtime.d.cts

@@ -0,0 +1,14 @@
+export { Fragment } from 'react/jsx-runtime';
+
+/**
+ * loupfeed automatic-JSX runtime shim. Point an app's JSX at it with
+ * `@jsxImportSource @loupfeed/react-native` (or babel-preset-expo
+ * `jsxImportSource`); it wraps react/jsx-runtime so tagged elements (carrying the
+ * babel-injected `fbId`) get threaded onto testID + registered for hit-testing
+ * and the wireframe recorder — without the classic runtime or `import React`.
+ */
+
+declare function jsx(type: any, props: any, key?: any): any;
+declare function jsxs(type: any, props: any, key?: any): any;
+
+export { jsx, jsxs };

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,14 @@
+export { Fragment } from 'react/jsx-runtime';
+
+/**
+ * loupfeed automatic-JSX runtime shim. Point an app's JSX at it with
+ * `@jsxImportSource @loupfeed/react-native` (or babel-preset-expo
+ * `jsxImportSource`); it wraps react/jsx-runtime so tagged elements (carrying the
+ * babel-injected `fbId`) get threaded onto testID + registered for hit-testing
+ * and the wireframe recorder — without the classic runtime or `import React`.
+ */
+
+declare function jsx(type: any, props: any, key?: any): any;
+declare function jsxs(type: any, props: any, key?: any): any;
+
+export { jsx, jsxs };

package/dist/jsx-runtime.js

@@ -0,0 +1,18 @@
+import {
+  tagJsxProps
+} from "./chunk-NPNSWHPB.js";
+
+// src/jsx-runtime.ts
+import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";
+function jsx(type, props, key) {
+  return _jsx(type, props && props.fbId ? tagJsxProps(type, props) : props, key);
+}
+function jsxs(type, props, key) {
+  return _jsxs(type, props && props.fbId ? tagJsxProps(type, props) : props, key);
+}
+export {
+  Fragment,
+  jsx,
+  jsxs
+};
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx-runtime.ts"],"sourcesContent":["/**\n * loupfeed automatic-JSX runtime shim. Point an app's JSX at it with\n * `@jsxImportSource @loupfeed/react-native` (or babel-preset-expo\n * `jsxImportSource`); it wraps react/jsx-runtime so tagged elements (carrying the\n * babel-injected `fbId`) get threaded onto testID + registered for hit-testing\n * and the wireframe recorder — without the classic runtime or `import React`.\n */\nimport { jsx as _jsx, jsxs as _jsxs, Fragment } from 'react/jsx-runtime';\nimport { tagJsxProps } from './tagging';\n\nexport { Fragment };\n\nexport function jsx(type: any, props: any, key?: any): any {\n  return _jsx(type, props && props.fbId ? tagJsxProps(type, props) : props, key);\n}\n\nexport function jsxs(type: any, props: any, key?: any): any {\n  return _jsxs(type, props && props.fbId ? tagJsxProps(type, props) : props, key);\n}\n"],"mappings":";;;;;AAOA,SAAS,OAAO,MAAM,QAAQ,OAAO,gBAAgB;AAK9C,SAAS,IAAI,MAAW,OAAY,KAAgB;AACzD,SAAO,KAAK,MAAM,SAAS,MAAM,OAAO,YAAY,MAAM,KAAK,IAAI,OAAO,GAAG;AAC/E;AAEO,SAAS,KAAK,MAAW,OAAY,KAAgB;AAC1D,SAAO,MAAM,MAAM,SAAS,MAAM,OAAO,YAAY,MAAM,KAAK,IAAI,OAAO,GAAG;AAChF;","names":[]}

package/jsx-dev-runtime.js

@@ -0,0 +1,3 @@
+// Fallback for bundlers that don't honor package "exports" (older Metro):
+// `@loupfeed/react-native/jsx-dev-runtime` resolves here → the built shim.
+export * from './dist/jsx-dev-runtime.js';

package/jsx-runtime.js

@@ -0,0 +1,3 @@
+// Fallback for bundlers that don't honor package "exports" (older Metro):
+// `@loupfeed/react-native/jsx-runtime` resolves here → the built shim.
+export * from './dist/jsx-runtime.js';

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@loupfeed/react-native",
+  "version": "0.1.0",
+  "description": "loupfeed React Native adapter — init() + <FeedbackRoot> native inspector overlay (testID threading + measureInWindow hit-testing) + useFeedback(). Pairs with the @loupfeed/babel-plugin fbId Metro tagger.",
+  "license": "FSL-1.1-ALv2",
+  "homepage": "https://loupfeed.com",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js",
+      "require": "./dist/jsx-runtime.cjs"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "import": "./dist/jsx-dev-runtime.js",
+      "require": "./dist/jsx-dev-runtime.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "jsx-runtime.js",
+    "jsx-dev-runtime.js",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@loupfeed/core": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-native": ">=0.72.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "react": "^18.3.1",
+    "react-native": "0.76.6",
+    "tsup": "^8.3.5",
+    "typescript": "~5.7.2",
+    "vitest": "^2.1.8"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "clean": "rm -rf dist .turbo"
+  }
+}