Skip to content

Conversation

@skylarbarrera
Copy link

@skylarbarrera skylarbarrera commented Jan 24, 2026

Summary

  • Add agentation-rn package with full API parity to web version
  • Configure pnpm with node-linker=hoisted for RN compatibility
  • Include example app demonstrating annotation workflow

Video

https://share.cleanshot.com/pRnKTcL8

Features

  • Element detection and annotation markers
  • Markdown export for AI coding agents
  • Settings persistence with AsyncStorage
  • Works with Expo Go and dev builds

Packages

Package Platform Status
agentation Web (React) ✅ Existing
agentation-rn React Native ✅ New

Test Plan

  • Build passes (pnpm build)
  • Example app runs on iOS
  • Metro bundler resolves all dependencies

@vercel
Copy link

vercel bot commented Jan 24, 2026

@skylarbarrera is attempting to deploy a commit to the Benji Taylor's Projects Team on Vercel.

A member of the Team first needs to authorize it.

@skylarbarrera skylarbarrera force-pushed the feat/react-native-support branch from 5a13297 to ebf0356 Compare January 25, 2026 02:45
Add agentation-rn package for React Native annotation support:
- Tap to annotate components
- Component detection with file paths and line numbers
- Structured markdown output for AI tools
- Settings persistence via AsyncStorage
- React Navigation route detection

Example app included - run `npx expo prebuild` to generate native folders.
@skylarbarrera skylarbarrera force-pushed the feat/react-native-support branch from ebf0356 to 13febca Compare January 25, 2026 02:48
… improvements

- Extract toolbar animations into useToolbarAnimations hook
- Extract toolbar settings logic into useToolbarSettings hook
- Split types into separate modules (annotation, detection, props, settings, guards)
- Add barrel exports for components, hooks, and utils
- Refactor settings panel UI to match web version:
  - Add header with /agentation branding, version, theme toggle
  - Add vertical cycle dots for output detail indicator
  - Organize into sections with separators
- Add IconSun and IconMoon icons for theme toggle
- Improve toolbar sizing and animations
- Clean up unused imports and simplify Icons component
… with web

- Add eye toggle button to show/hide annotation markers
- Add divider separator before close button
- Update icon sizes from 18px to 24px to match web
- Hide badge when toolbar is expanded
- Close annotation popup when toolbar closes
- Remove duplicate badge styles and unnecessary comments
- Remove dead settings fields (autoSave, retentionDays, etc.)
- Remove unused types (AnnotationColor, InspectInfo fields)
- Remove dead utils (clearAnnotations, formatDate, etc.)
- Remove unused icons (IconPlay, IconPause)
- Delete guards.ts (isAnnotation, isValidCodeInfo)
- Add IconCheckSmall for web parity
- Fix setState during render error in useAnnotations
- Remove trash confirmation alert
- Clean up exports to match web package
@benjitaylor
Copy link
Owner

@skylarbarrera this is awesome! Looking into this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants