rn-studio 0.1.0

package/dist/bridge/WebSocketBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebSocketBridge.d.ts","sourceRoot":"","sources":["../../src/bridge/WebSocketBridge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C;;;;;;;GAOG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,EAAE,CAA0B;IACpC,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,SAAS,CAGb;IACJ,OAAO,CAAC,cAAc,CAAS;gBAEnB,IAAI,SAAO;IAIvB,OAAO,IAAI,IAAI;IAqCf,OAAO,CAAC,iBAAiB;IASzB,IAAI,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAM9B,EAAE,CACA,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,EAC3B,EAAE,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,GAC/B,MAAM,IAAI;IAWb,UAAU,IAAI,IAAI;CASnB"}

package/dist/bridge/WebSocketBridge.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebSocketBridge = void 0;
+/**
+ * WebSocketBridge
+ *
+ * Runs inside the React Native app (Metro bundle). Maintains a
+ * persistent connection to the rn-studio CLI server (default ws://localhost:7878).
+ * Automatically reconnects with exponential backoff if the server is
+ * not yet running — typical during a fresh `npm run studio`.
+ */
+class WebSocketBridge {
+    constructor(port = 7878) {
+        this.ws = null;
+        this.reconnectAttempts = 0;
+        this.maxAttempts = 10;
+        this.listeners = new Map();
+        this.manuallyClosed = false;
+        this.port = port;
+    }
+    connect() {
+        this.manuallyClosed = false;
+        const url = `ws://localhost:${this.port}`;
+        try {
+            this.ws = new WebSocket(url);
+        }
+        catch {
+            this.scheduleReconnect();
+            return;
+        }
+        this.ws.onopen = () => {
+            this.reconnectAttempts = 0;
+            this.send({ type: 'PING' });
+        };
+        this.ws.onmessage = (e) => {
+            try {
+                const msg = JSON.parse(typeof e.data === 'string' ? e.data : String(e.data));
+                const cbs = this.listeners.get(msg.type);
+                if (cbs)
+                    cbs.forEach((cb) => cb(msg));
+            }
+            catch {
+                // Malformed message — ignore.
+            }
+        };
+        this.ws.onclose = () => {
+            if (!this.manuallyClosed)
+                this.scheduleReconnect();
+        };
+        this.ws.onerror = () => {
+            // onclose will follow; reconnection handled there.
+        };
+    }
+    scheduleReconnect() {
+        if (this.reconnectAttempts >= this.maxAttempts)
+            return;
+        const delay = Math.min(1000 * 2 ** this.reconnectAttempts, 30000);
+        this.reconnectAttempts++;
+        setTimeout(() => {
+            if (!this.manuallyClosed)
+                this.connect();
+        }, delay);
+    }
+    send(msg) {
+        if (this.ws && this.ws.readyState === 1 /* WebSocket.OPEN */) {
+            this.ws.send(JSON.stringify(msg));
+        }
+    }
+    on(type, cb) {
+        if (!this.listeners.has(type))
+            this.listeners.set(type, []);
+        this.listeners.get(type).push(cb);
+        return () => {
+            const arr = this.listeners.get(type);
+            if (!arr)
+                return;
+            const idx = arr.indexOf(cb);
+            if (idx >= 0)
+                arr.splice(idx, 1);
+        };
+    }
+    disconnect() {
+        this.manuallyClosed = true;
+        if (this.ws) {
+            try {
+                this.ws.close();
+            }
+            catch { }
+            this.ws = null;
+        }
+    }
+}
+exports.WebSocketBridge = WebSocketBridge;
+//# sourceMappingURL=WebSocketBridge.js.map

package/dist/bridge/WebSocketBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebSocketBridge.js","sourceRoot":"","sources":["../../src/bridge/WebSocketBridge.ts"],"names":[],"mappings":";;;AAEA;;;;;;;GAOG;AACH,MAAa,eAAe;IAW1B,YAAY,IAAI,GAAG,IAAI;QAVf,OAAE,GAAqB,IAAI,CAAC;QAE5B,sBAAiB,GAAG,CAAC,CAAC;QACtB,gBAAW,GAAG,EAAE,CAAC;QACjB,cAAS,GAAG,IAAI,GAAG,EAGxB,CAAC;QACI,mBAAc,GAAG,KAAK,CAAC;QAG7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,MAAM,GAAG,GAAG,kBAAkB,IAAI,CAAC,IAAI,EAAE,CAAC;QAE1C,IAAI,CAAC;YACH,IAAI,CAAC,EAAE,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC;QAAC,MAAM,CAAC;YACP,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YACtC,IAAI,CAAC;gBACH,MAAM,GAAG,GAAkB,IAAI,CAAC,KAAK,CACnC,OAAO,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CACrD,CAAC;gBACF,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACzC,IAAI,GAAG;oBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YACxC,CAAC;YAAC,MAAM,CAAC;gBACP,8BAA8B;YAChC,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,cAAc;gBAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrD,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YACrB,mDAAmD;QACrD,CAAC,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,WAAW;YAAE,OAAO;QACvD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAClE,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,IAAI,CAAC,cAAc;gBAAE,IAAI,CAAC,OAAO,EAAE,CAAC;QAC3C,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,CAAC,GAAkB;QACrB,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,KAAK,CAAC,CAAC,oBAAoB,EAAE,CAAC;YAC7D,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;QACpC,CAAC;IACH,CAAC;IAED,EAAE,CACA,IAA2B,EAC3B,EAAgC;QAEhC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnC,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC5B,IAAI,GAAG,IAAI,CAAC;gBAAE,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACZ,IAAI,CAAC;gBACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;YAClB,CAAC;YAAC,MAAM,CAAC,CAAA,CAAC;YACV,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;QACjB,CAAC;IACH,CAAC;CACF;AA1FD,0CA0FC"}

package/dist/components/ComponentTree.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * ComponentTree
+ *
+ * Recursive tree view of the selected component and its known
+ * source-annotated descendants. Tapping a node re-selects it.
+ */
+export declare const ComponentTree: React.FC;
+//# sourceMappingURL=ComponentTree.d.ts.map

package/dist/components/ComponentTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTree.d.ts","sourceRoot":"","sources":["../../src/components/ComponentTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgBjC,CAAC"}

package/dist/components/ComponentTree.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentTree = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const StudioProvider_1 = require("../StudioProvider");
+/**
+ * ComponentTree
+ *
+ * Recursive tree view of the selected component and its known
+ * source-annotated descendants. Tapping a node re-selects it.
+ */
+const ComponentTree = () => {
+    const { selectedComponent } = (0, StudioProvider_1.useStudio)();
+    if (!selectedComponent) {
+        return (react_1.default.createElement(react_native_1.View, { style: styles.empty },
+            react_1.default.createElement(react_native_1.Text, { style: styles.emptyText }, "No component selected")));
+    }
+    return (react_1.default.createElement(react_native_1.ScrollView, { contentContainerStyle: styles.container },
+        react_1.default.createElement(TreeNode, { node: selectedComponent, depth: 0 })));
+};
+exports.ComponentTree = ComponentTree;
+const TreeNode = ({ node, depth }) => {
+    const { selectComponent } = (0, StudioProvider_1.useStudio)();
+    const fileShort = shortenFile(node.source.file);
+    return (react_1.default.createElement(react_native_1.View, null,
+        react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => selectComponent(node), activeOpacity: 0.6, style: [styles.row, { paddingLeft: 12 + depth * 16 }] },
+            react_1.default.createElement(react_native_1.Text, { style: styles.name }, node.componentName),
+            react_1.default.createElement(react_native_1.Text, { style: styles.file, numberOfLines: 1 },
+                fileShort,
+                ":",
+                node.source.line)),
+        node.children.map((child) => (react_1.default.createElement(TreeNode, { key: child.id, node: child, depth: depth + 1 })))));
+};
+function shortenFile(file) {
+    const parts = file.split('/');
+    return parts.slice(-2).join('/');
+}
+const styles = react_native_1.StyleSheet.create({
+    container: { paddingVertical: 12 },
+    row: {
+        paddingVertical: 8,
+        paddingRight: 12,
+        borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
+        borderBottomColor: '#222',
+    },
+    name: {
+        color: '#C6F135',
+        fontSize: 14,
+        fontWeight: '600',
+        fontFamily: 'Menlo',
+    },
+    file: {
+        color: '#666',
+        fontSize: 11,
+        marginTop: 2,
+        fontFamily: 'Menlo',
+    },
+    empty: { padding: 32, alignItems: 'center' },
+    emptyText: { color: '#888', fontSize: 13 },
+});
+//# sourceMappingURL=ComponentTree.js.map

package/dist/components/ComponentTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTree.js","sourceRoot":"","sources":["../../src/components/ComponentTree.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAoF;AACpF,sDAA8C;AAG9C;;;;;GAKG;AACI,MAAM,aAAa,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,0BAAS,GAAE,CAAC;IAE1C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK;YACvB,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,4BAA8B,CACtD,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,yBAAU,IAAC,qBAAqB,EAAE,MAAM,CAAC,SAAS;QACjD,8BAAC,QAAQ,IAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,GAAI,CACpC,CACd,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB;AAOF,MAAM,QAAQ,GAAwB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,0BAAS,GAAE,CAAC;IACxC,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChD,OAAO,CACL,8BAAC,mBAAI;QACH,8BAAC,+BAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EACpC,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,EAAE,GAAG,KAAK,GAAG,EAAE,EAAE,CAAC;YAErD,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAC,aAAa,CAAQ;YACrD,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gBACvC,SAAS;;gBAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CACxB,CACU;QAClB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,8BAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,GAAI,CAC3D,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE;IAClC,GAAG,EAAE;QACH,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,yBAAU,CAAC,aAAa;QAC3C,iBAAiB,EAAE,MAAM;KAC1B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,OAAO;KACpB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,OAAO;KACpB;IACD,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;IAC5C,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;CAC3C,CAAC,CAAC"}

package/dist/components/FloatingBubble.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { BubblePosition } from '../types';
+interface Props {
+    position?: BubblePosition;
+}
+export declare const FloatingBubble: React.FC<Props>;
+export {};
+//# sourceMappingURL=FloatingBubble.d.ts.map

package/dist/components/FloatingBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingBubble.d.ts","sourceRoot":"","sources":["../../src/components/FloatingBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAoB/C,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AA0BD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoH1C,CAAC"}

package/dist/components/FloatingBubble.js

@@ -0,0 +1,205 @@
+"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 });
+exports.FloatingBubble = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const StudioProvider_1 = require("../StudioProvider");
+// AsyncStorage is optional — if the consumer does not have it installed,
+// we silently fall back to a per-session only position.
+let AsyncStorage = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    AsyncStorage = require('@react-native-async-storage/async-storage').default;
+}
+catch { }
+// Safe-area-context is a declared peer dependency; if missing we fall
+// back to zero insets rather than crashing.
+let useSafeAreaInsets;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    useSafeAreaInsets = require('react-native-safe-area-context').useSafeAreaInsets;
+}
+catch {
+    useSafeAreaInsets = () => ({ top: 0, bottom: 0, left: 0, right: 0 });
+}
+const SIZE = 52;
+const STORAGE_KEY = '@rn-studio/bubble-position';
+function initialXY(position, insets) {
+    const { width, height } = react_native_1.Dimensions.get('window');
+    const pad = 16;
+    const right = width - SIZE - pad - insets.right;
+    const left = pad + insets.left;
+    const top = pad + insets.top;
+    const bottom = height - SIZE - pad - insets.bottom;
+    switch (position) {
+        case 'bottom-left':
+            return { x: left, y: bottom };
+        case 'top-right':
+            return { x: right, y: top };
+        case 'top-left':
+            return { x: left, y: top };
+        case 'bottom-right':
+        default:
+            return { x: right, y: bottom };
+    }
+}
+const FloatingBubble = ({ position = 'bottom-right' }) => {
+    const { isActive, toggleActive } = (0, StudioProvider_1.useStudio)();
+    const insets = useSafeAreaInsets();
+    const [loaded, setLoaded] = (0, react_1.useState)(false);
+    const pan = (0, react_1.useRef)(new react_native_1.Animated.ValueXY(initialXY(position, insets))).current;
+    const scale = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    // Load persisted position.
+    (0, react_1.useEffect)(() => {
+        let mounted = true;
+        (async () => {
+            try {
+                if (AsyncStorage) {
+                    const raw = await AsyncStorage.getItem(STORAGE_KEY);
+                    if (raw && mounted) {
+                        const parsed = JSON.parse(raw);
+                        if (typeof parsed.x === 'number' && typeof parsed.y === 'number') {
+                            pan.setValue(parsed);
+                        }
+                    }
+                }
+            }
+            catch { }
+            if (mounted)
+                setLoaded(true);
+        })();
+        return () => {
+            mounted = false;
+        };
+    }, [pan]);
+    const persist = (x, y) => {
+        if (AsyncStorage) {
+            AsyncStorage.setItem(STORAGE_KEY, JSON.stringify({ x, y })).catch(() => { });
+        }
+    };
+    const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
+        onStartShouldSetPanResponder: () => true,
+        onMoveShouldSetPanResponder: (_evt, g) => Math.abs(g.dx) > 2 || Math.abs(g.dy) > 2,
+        onPanResponderGrant: () => {
+            // @ts-ignore — Animated.ValueXY private but stable.
+            pan.setOffset({ x: pan.x._value, y: pan.y._value });
+            pan.setValue({ x: 0, y: 0 });
+            react_native_1.Animated.spring(scale, {
+                toValue: 0.9,
+                useNativeDriver: true,
+            }).start();
+        },
+        onPanResponderMove: react_native_1.Animated.event([null, { dx: pan.x, dy: pan.y }], { useNativeDriver: false }),
+        onPanResponderRelease: (_evt, g) => {
+            pan.flattenOffset();
+            react_native_1.Animated.spring(scale, {
+                toValue: 1,
+                useNativeDriver: true,
+                friction: 4,
+            }).start();
+            // Treat near-zero-distance gestures as taps.
+            if (Math.abs(g.dx) < 4 && Math.abs(g.dy) < 4) {
+                triggerHaptic('impactLight');
+                toggleActive();
+                return;
+            }
+            // Snap to nearest horizontal edge.
+            const { width, height } = react_native_1.Dimensions.get('window');
+            // @ts-ignore
+            const currentX = pan.x._value;
+            // @ts-ignore
+            const currentY = pan.y._value;
+            const leftEdge = 16 + insets.left;
+            const rightEdge = width - SIZE - 16 - insets.right;
+            const targetX = currentX + SIZE / 2 < width / 2 ? leftEdge : rightEdge;
+            const clampedY = Math.max(16 + insets.top, Math.min(currentY, height - SIZE - 16 - insets.bottom));
+            react_native_1.Animated.spring(pan, {
+                toValue: { x: targetX, y: clampedY },
+                useNativeDriver: false,
+                friction: 6,
+                tension: 60,
+            }).start(() => persist(targetX, clampedY));
+        },
+    })).current;
+    if (!loaded)
+        return null;
+    return (react_1.default.createElement(react_native_1.Animated.View, { ...panResponder.panHandlers, pointerEvents: "box-only", style: [
+            styles.bubble,
+            {
+                transform: [
+                    { translateX: pan.x },
+                    { translateY: pan.y },
+                    { scale },
+                ],
+                backgroundColor: isActive ? '#C6F135' : '#222',
+            },
+        ] },
+        react_1.default.createElement(react_native_1.Text, { style: [styles.icon, { color: isActive ? '#111' : '#fff' }] }, isActive ? '✕' : '🎨')));
+};
+exports.FloatingBubble = FloatingBubble;
+function triggerHaptic(type) {
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        const Haptic = require('react-native-haptic-feedback').default;
+        Haptic.trigger(type, { enableVibrateFallback: false, ignoreAndroidSystemSettings: false });
+    }
+    catch { }
+}
+const styles = react_native_1.StyleSheet.create({
+    bubble: {
+        position: 'absolute',
+        width: SIZE,
+        height: SIZE,
+        borderRadius: SIZE / 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 999999,
+        elevation: 12,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.3,
+        shadowRadius: 8,
+        ...react_native_1.Platform.select({
+            android: { elevation: 12 },
+            default: {},
+        }),
+    },
+    icon: {
+        fontSize: 22,
+        fontWeight: '700',
+    },
+});
+//# sourceMappingURL=FloatingBubble.js.map

package/dist/components/FloatingBubble.js.map

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

package/dist/components/InspectorPanel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * InspectorPanel
+ *
+ * Bottom sheet shown when a component is selected. Three tabs:
+ * Styles | Tree | Props. Slides up with a spring animation.
+ */
+export declare const InspectorPanel: React.FC;
+//# sourceMappingURL=InspectorPanel.d.ts.map

package/dist/components/InspectorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorPanel.d.ts","sourceRoot":"","sources":["../../src/components/InspectorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAoCnD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAsBlC,CAAC"}