rn-studio 0.2.1 → 0.3.1

package/dist/utils/findFiberBySource.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findFiberBySource = findFiberBySource;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function matchesSource(props, target) {
+    if (!props || typeof props !== 'object')
+        return false;
+    if (props.__rnStudioSource &&
+        props.__rnStudioSource.file === target.file &&
+        props.__rnStudioSource.line === target.line) {
+        return true;
+    }
+    if (props.__source &&
+        props.__source.fileName === target.file &&
+        props.__source.lineNumber === target.line) {
+        return true;
+    }
+    return false;
+}
+function walkFiber(fiber, target) {
+    if (!fiber)
+        return null;
+    const queue = [fiber];
+    let safety = 0;
+    while (queue.length && safety < 10000) {
+        safety++;
+        const node = queue.shift();
+        if (!node)
+            continue;
+        if (matchesSource(node.memoizedProps, target))
+            return node;
+        if (node.child)
+            queue.push(node.child);
+        if (node.sibling)
+            queue.push(node.sibling);
+    }
+    return null;
+}
+/**
+ * Public entry point. Returns the first matching fiber or null. Safe
+ * to call even if React DevTools isn't installed.
+ */
+function findFiberBySource(target) {
+    const hook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+    if (!hook || !hook.renderers)
+        return null;
+    try {
+        const renderers = Array.from(hook.renderers.values());
+        for (const renderer of renderers) {
+            // Fiber roots may be exposed via `getFiberRoots(rendererID)` or a
+            // Set stored on the renderer itself; defensively handle both.
+            const rendererID = [...hook.renderers.keys()].find((k) => hook.renderers.get(k) === renderer);
+            let roots = null;
+            if (typeof hook.getFiberRoots === 'function' && rendererID != null) {
+                roots = hook.getFiberRoots(rendererID);
+            }
+            if (!roots && renderer.getFiberRoots) {
+                roots = renderer.getFiberRoots();
+            }
+            if (!roots)
+                continue;
+            for (const root of roots) {
+                const fiberRoot = root.current || root;
+                const found = walkFiber(fiberRoot, target);
+                if (found)
+                    return found;
+            }
+        }
+    }
+    catch {
+        // DevTools hook internals shift between RN versions; swallow any
+        // reflection errors — re-selection is best-effort.
+    }
+    return null;
+}
+//# sourceMappingURL=findFiberBySource.js.map

package/dist/utils/findFiberBySource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findFiberBySource.js","sourceRoot":"","sources":["../../src/utils/findFiberBySource.ts"],"names":[],"mappings":"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"}

package/dist/utils/persistence.d.ts

@@ -0,0 +1,12 @@
+/**
+ * persistence
+ *
+ * Lightweight AsyncStorage wrapper for persisting the last-selected
+ * component source across full JS reloads (Cmd+R). Falls back to a
+ * no-op in environments where AsyncStorage isn't installed.
+ */
+import type { SourceLocation } from '../types';
+export declare function saveLastSelection(source: SourceLocation): Promise<void>;
+export declare function loadLastSelection(): Promise<SourceLocation | null>;
+export declare function clearLastSelection(): Promise<void>;
+//# sourceMappingURL=persistence.d.ts.map

package/dist/utils/persistence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistence.d.ts","sourceRoot":"","sources":["../../src/utils/persistence.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAU/C,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAK7E;AAED,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAWxE;AAED,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC,CAKxD"}

package/dist/utils/persistence.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.saveLastSelection = saveLastSelection;
+exports.loadLastSelection = loadLastSelection;
+exports.clearLastSelection = clearLastSelection;
+/* eslint-disable @typescript-eslint/no-var-requires */
+let AsyncStorage = null;
+try {
+    AsyncStorage = require('@react-native-async-storage/async-storage').default;
+}
+catch { }
+const KEY = '@rn-studio/last-selection';
+async function saveLastSelection(source) {
+    if (!AsyncStorage)
+        return;
+    try {
+        await AsyncStorage.setItem(KEY, JSON.stringify(source));
+    }
+    catch { }
+}
+async function loadLastSelection() {
+    if (!AsyncStorage)
+        return null;
+    try {
+        const raw = await AsyncStorage.getItem(KEY);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        if (parsed && parsed.file && typeof parsed.line === 'number') {
+            return parsed;
+        }
+    }
+    catch { }
+    return null;
+}
+async function clearLastSelection() {
+    if (!AsyncStorage)
+        return;
+    try {
+        await AsyncStorage.removeItem(KEY);
+    }
+    catch { }
+}
+//# sourceMappingURL=persistence.js.map

package/dist/utils/persistence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistence.js","sourceRoot":"","sources":["../../src/utils/persistence.ts"],"names":[],"mappings":";;AAiBA,8CAKC;AAED,8CAWC;AAED,gDAKC;AAjCD,uDAAuD;AACvD,IAAI,YAAY,GAAQ,IAAI,CAAC;AAC7B,IAAI,CAAC;IACH,YAAY,GAAG,OAAO,CAAC,2CAA2C,CAAC,CAAC,OAAO,CAAC;AAC9E,CAAC;AAAC,MAAM,CAAC,CAAA,CAAC;AAEV,MAAM,GAAG,GAAG,2BAA2B,CAAC;AAEjC,KAAK,UAAU,iBAAiB,CAAC,MAAsB;IAC5D,IAAI,CAAC,YAAY;QAAE,OAAO;IAC1B,IAAI,CAAC;QACH,MAAM,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;AACZ,CAAC;AAEM,KAAK,UAAU,iBAAiB;IACrC,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/B,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,MAAM,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7D,OAAO,MAAwB,CAAC;QAClC,CAAC;IACH,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;IACV,OAAO,IAAI,CAAC;AACd,CAAC;AAEM,KAAK,UAAU,kBAAkB;IACtC,IAAI,CAAC,YAAY;QAAE,OAAO;IAC1B,IAAI,CAAC;QACH,MAAM,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACrC,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;AACZ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-studio",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "Live UI editor for React Native — inspect and edit components directly in your emulator",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,8 @@
     "README.md"
   ],
   "bin": {
-    "rn-studio-server": "./bin/rn-studio-server.js"
+    "rn-studio-server": "./bin/rn-studio-server.js",
+    "rn-studio-init": "./bin/rn-studio-init.js"
   },
   "scripts": {
     "build": "tsc",