@rn-ave/core 0.1.0 → 0.1.1

package/README.md

@@ -1,6 +1,6 @@
-# @rn-ave/core
+# @rn-ave/core 🎯
 
-Core library for `rn-ave` - Agent Visual Edit for React Native.
+The core library for `rn-ave` (React Native Agent Visual Edit). It provides the visual inspector UI, component selection logic, and context extraction for AI agents.
 
 ## Installation
 
@@ -10,22 +10,40 @@ npm install @rn-ave/core
 
 ## Usage
 
-The easiest way to use `rn-ave` is with auto-initialization:
+The easiest way to use `rn-ave` is with **auto-initialization**. Import it at the **very top** of your entry file:
+
+**For standard Expo or React Native projects:**
+Add to `App.tsx` or `index.js`:
+
+```tsx
+// App.tsx or index.js
+import '@rn-ave/core/auto';
+```
+
+**For Expo Router projects:**
+Add to your **root** layout file (usually `app/_layout.tsx` or `src/app/_layout.tsx`):
 
 ```tsx
+// app/_layout.tsx
 import '@rn-ave/core/auto';
 ```
 
-Add this line to the top of your `App.tsx` or `index.js`.
+Adding this import will automatically inject the inspector button and overlay into your app when running in development mode.
 
 ## Features
 
-- **Visual Selection**: Tap components to select them.
-- **Context Extraction**: Extracts component name, props, hierarchy, and source location.
-- **AI Agent Integration**: Sends context to Claude Code, OpenCode, or Cursor.
-- **Open in Cursor**: Opens the exact file and line in Cursor.
+- **Visual Inspector**: A floating button that activates a selection overlay.
+- **Box Model Visualization**: See real-time margin, padding, and content areas for any tapped element.
+- **Breadcrumbs Navigation**: Traverse up the component hierarchy to select parent components for editing.
+- **Context Extraction**: Automatically gathers:
+  - Component Name
+  - Props (sanitized)
+  - Source File & Line Number (requires `@rn-ave/babel-plugin`)
+  - JSX usage preview
+- **Agent Bridges**: Built-in support for sending context to OpenCode, Claude Code, and Cursor servers.
 
-## Requirements
+## Environment Support
 
 - React Native 0.60+
-- Works best with Cursor editor.
+- Expo and Bare workflow
+- Works only when `__DEV__` is true (zero production overhead)

package/dist/editor.d.ts

@@ -1,6 +1,5 @@
 /**
  * Editor launching utilities
- * Only Cursor is supported.
  */
 import type { SourceLocation } from './types';
 export interface LaunchEditorOptions {

package/dist/editor.js

@@ -1,7 +1,6 @@
 "use strict";
 /**
  * Editor launching utilities
- * Only Cursor is supported.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.launchEditor = launchEditor;

package/dist/overlay/tooltip.js

@@ -217,10 +217,6 @@ function InfoTooltip({ componentInfo, bounds, onDismiss, onSendToAgent, onOpenIn
               <react_native_1.TextInput style={styles.input} placeholder={`Tell ${selectedComponent.name} what to do...`} placeholderTextColor="#636366" value={prompt} onChangeText={setPrompt} multiline numberOfLines={2}/>
               
               <react_native_1.View style={styles.agentGrid}>
-                <react_native_1.TouchableOpacity style={[styles.agentButton, isLoading && styles.agentButtonDisabled]} onPress={() => handleSend('cursor')} disabled={isLoading}>
-                  {loadingAgent === 'cursor' ? (<react_native_1.ActivityIndicator size="small" color="#8B5CF6"/>) : (<react_native_1.Text style={styles.agentButtonText}>Cursor</react_native_1.Text>)}
-                </react_native_1.TouchableOpacity>
-
                 <react_native_1.TouchableOpacity style={[styles.agentButton, isLoading && styles.agentButtonDisabled]} onPress={() => handleSend('claude-code')} disabled={isLoading}>
                   {loadingAgent === 'claude-code' ? (<react_native_1.ActivityIndicator size="small" color="#FF6B35"/>) : (<react_native_1.Text style={styles.agentButtonText}>Claude</react_native_1.Text>)}
                 </react_native_1.TouchableOpacity>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rn-ave/core",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React Native Agent Visual Edit - core library for visual component selection and AI agent integration",
   "publishConfig": {
     "access": "public"