# Docs

- [Introduction](https://axonpack.dev/llms.mdx/docs/content.md): What Axonpack is, how these docs are organised, and where to start.
- [Agent guide](https://axonpack.dev/llms.mdx/docs/agent-guide/content.md): For AI coding agents. How to set up, upgrade or answer questions about any Axonpack package from these docs. Read it before changing an app.
- [Agent skill](https://axonpack.dev/llms.mdx/docs/agent-skills/content.md): Teach your AI coding agent every Axonpack package with one command, through the open skills CLI.

- **Packages**
- Expo Devtools: On-device network, console, performance, storage, navigation and crash devtools, readable by AI agents from a terminal

  - **Get started**
  - [Overview](https://axonpack.dev/llms.mdx/docs/expo-devtools/content.md): Browser-style devtools that live inside your React Native or Expo app.
  - [Installation](https://axonpack.dev/llms.mdx/docs/expo-devtools/installation/content.md): Install @axonpack/expo-devtools and its three peer dependencies.
  - [Compatibility](https://axonpack.dev/llms.mdx/docs/expo-devtools/compatibility/content.md): The versions this is built against, what it requires you to have installed, and which platforms it runs on.
  - [Quick start](https://axonpack.dev/llms.mdx/docs/expo-devtools/quick-start/content.md): Wrap your app in the provider once, at the root. That is the whole setup.

  - **Guides**
  - [Use with AI agents](https://axonpack.dev/llms.mdx/docs/expo-devtools/ai-agents/content.md): An AI agent, or you, reads what the app recorded from a terminal, mocks a response or sends a request from the app. Requests, logs, crashes, storage and every other tab, filtered down to the rows you need.
  - [Network](https://axonpack.dev/llms.mdx/docs/expo-devtools/network/content.md): Every request the app makes, searchable, replayable and throttled, in-app browser traffic included.
  - [Console](https://axonpack.dev/llms.mdx/docs/expo-devtools/console/content.md): Everything your app logs, on the device, plus a prompt that runs JavaScript and answers.
  - [Performance](https://axonpack.dev/llms.mdx/docs/expo-devtools/performance/content.md): Frame rate, memory, startup and the moments the app froze, measured on the device.
  - [Storage](https://axonpack.dev/llms.mdx/docs/expo-devtools/storage/content.md): Every key you have saved, for the stores you hand over, because this package depends on none of them.
  - [Navigation](https://axonpack.dev/llms.mdx/docs/expo-devtools/navigation/content.md): Every screen the app moved through, with where it came from, the params it carried and how long it stayed.
  - [Crash reporting](https://axonpack.dev/llms.mdx/docs/expo-devtools/crash-reporting/content.md): JS errors, unhandled rejections, render errors and native exceptions, turned into a report you can read on the device.
  - [Debug](https://axonpack.dev/llms.mdx/docs/expo-devtools/debug/content.md): Tools that break the app on purpose, so the numbers on the other tabs can be trusted.
  - [Themes](https://axonpack.dev/llms.mdx/docs/expo-devtools/themes/content.md): Seven built-in palettes, and your own as a patch over any of them.
  - [In-app browsers](https://axonpack.dev/llms.mdx/docs/expo-devtools/in-app-browsers/content.md): One hook on the WebView, and the page's requests and logs join your app's.
  - [React Native DevTools](https://axonpack.dev/llms.mdx/docs/expo-devtools/react-native-devtools/content.md): The panel on your computer, in its own Axonpack tab beside Console and Sources.

  - **Shipping**
  - [Leaving it in production](https://axonpack.dev/llms.mdx/docs/expo-devtools/production/content.md): Shipping the code is safe. One switch decides whether anything runs.
  - [Example app](https://axonpack.dev/llms.mdx/docs/expo-devtools/example-app/content.md): A runnable Expo app for trying all of this against real traffic.

  - **Reference**
  - Reference: Every control, section and field in the panel, and the whole public API
    - [Overview](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/content.md): Every control, section and field in the panel, and the whole public API.

    - **The panel**
    - [The panel](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/panel/content.md): The header row, the toolbar row, and the two gates that are easily confused.
    - [Network tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/network-tab/content.md): Toolbar, filters, settings, throttle profiles, the request row, sockets, overrides, the detail sheet and the sandbox.
    - [Console tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/console-tab/content.md): Toolbar, filters, row anatomy, and the > prompt.
    - [Performance tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/performance-tab/content.md): Statistics cards, user timing, interactions and long tasks.
    - [Storage tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/storage-tab/content.md): Toolbar, import, store summary, filters, the key row and the detail sheet.
    - [Navigation tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/navigation-tab/content.md): Toolbar, the navigator tree, history, filters, the move detail sheet and the Open screen sheet.
    - [AI Usage tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/ai-usage-tab/content.md): Toolbar, the query and action rows, the detail sheet and what the tab keeps.
    - [Debug tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/debug-tab/content.md): Blocking and crashing a thread on purpose.
    - [React Native DevTools tab](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/devtools-tab/content.md): Every control in the Axonpack tab on your computer: the bar, and the Network, Console, Performance, Storage, Crashes, AI Usage and Debug panels.

    - **API**
    - [DevtoolsProvider](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/provider/content.md): The provider's props, and every configuration option underneath them.
    - [Hooks and the devtools object](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/hooks/content.md): useDevtoolsPanel, useDevtoolsWebView, useDevtoolsNavigation, and the module-level devtools object.
    - [Storage adapters](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/storage-adapters/content.md): The four factories that tell the Storage tab which stores exist, and what they may do to them.
    - [Themes](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/themes/content.md): The built-in theme ids, and all 28 palette tokens.
    - [Exported types](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/types/content.md): Everything the package root exports as a type.

    - **Command line**
    - [devtools CLI](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/cli/content.md): Every command, action, flag, topic, output line, error and exit code of the devtools command line tool.

    - **Platform**
    - [What needs a development build](https://axonpack.dev/llms.mdx/docs/expo-devtools/reference/development-build/content.md): Feature by feature, what Expo Go shows instead.

  - **Releases**
  - [Upgrading](https://axonpack.dev/llms.mdx/docs/expo-devtools/upgrading/content.md): What moved where in 3.0, and the two lines most apps have to change.
  - [Changelog](https://axonpack.dev/llms.mdx/docs/expo-devtools/changelog/content.md): Every published release of @axonpack/expo-devtools, newest first.
- In-app Updates: Store version checks, force updates and a ready-made update modal

  - **Get it working**
  - [Overview](https://axonpack.dev/llms.mdx/docs/in-app-updates/content.md): Tell people when a newer version of your app is in the store, with a prompt that already looks right.
  - [Installation](https://axonpack.dev/llms.mdx/docs/in-app-updates/installation/content.md): Install the package and tell it where your app's version comes from.
  - [Quick start](https://axonpack.dev/llms.mdx/docs/in-app-updates/quick-start/content.md): Three ways to use the package, from one line to full control.

  - **Look and feel**
  - [The update modal](https://axonpack.dev/llms.mdx/docs/in-app-updates/modal/content.md): What the default prompt looks like in every state, and what each part does.
  - [Theming](https://axonpack.dev/llms.mdx/docs/in-app-updates/theming/content.md): Change the colours, corner radius, fonts, text and icon of the default prompt.
  - [Your own modal](https://axonpack.dev/llms.mdx/docs/in-app-updates/custom-modal/content.md): Draw the update prompt yourself and keep all the checking and skipping.

  - **Rules**
  - [Force and skip](https://axonpack.dev/llms.mdx/docs/in-app-updates/force-updates/content.md): Decide which updates are mandatory, which can be skipped, and how the choice is remembered.

  - **Advanced**
  - [Providers](https://axonpack.dev/llms.mdx/docs/in-app-updates/providers/content.md): Choose where the latest version is read from, and add a backup.
  - [Version formats](https://axonpack.dev/llms.mdx/docs/in-app-updates/versions/content.md): How versions are compared, and what to do with a format the package cannot read.
  - [Play in-app updates](https://axonpack.dev/llms.mdx/docs/in-app-updates/play-in-app-updates/content.md): On Android, let Google Play update your app through its own update screen, without sending the user to the store.

  - **Testing and help**
  - [Testing](https://axonpack.dev/llms.mdx/docs/in-app-updates/testing/content.md): Try the prompt before you publish a new version.
  - [Troubleshooting](https://axonpack.dev/llms.mdx/docs/in-app-updates/troubleshooting/content.md): The most common problems, with the cause and the fix for each.

  - **Reference**
  - [Reference](https://axonpack.dev/llms.mdx/docs/in-app-updates/reference/content.md): Every function, option, result field, error and export.

  - **Releases**
  - [Changelog](https://axonpack.dev/llms.mdx/docs/in-app-updates/changelog/content.md): Every published release of @axonpack/in-app-updates, newest first.
- Preview: Download and switch between preview JS bundles without a native rebuild

  - **Get it working**
  - [Overview](https://axonpack.dev/llms.mdx/docs/preview/content.md): Publish one JS bundle per branch, and let QA switch to it inside the build they already have.
  - [Installation](https://axonpack.dev/llms.mdx/docs/preview/installation/content.md): Install the package, add the config plugin, and make a native build.
  - [Quick start](https://axonpack.dev/llms.mdx/docs/preview/quick-start/content.md): From nothing to switching previews in your app, against a local S3 server.

  - **Storage**
  - [Storage](https://axonpack.dev/llms.mdx/docs/preview/storage/content.md): One S3-compatible bucket holds every preview. Public or private, and the two keys.
  - [AWS S3](https://axonpack.dev/llms.mdx/docs/preview/aws-s3/content.md): The values and permissions this package needs on AWS, with links to AWS's own guides.
  - [Cloudflare R2](https://axonpack.dev/llms.mdx/docs/preview/cloudflare-r2/content.md): The values and permissions this package needs on R2, with links to Cloudflare's own guides.
  - [MinIO](https://axonpack.dev/llms.mdx/docs/preview/minio/content.md): Your own MinIO server, with links to MinIO's docs, or the repository's local server for trying the package out.
  - [MinIO AIStor](https://axonpack.dev/llms.mdx/docs/preview/aistor/content.md): MinIO's current server, with links to its docs and the values this package needs.
  - [Any S3-compatible host](https://axonpack.dev/llms.mdx/docs/preview/s3-compatible/content.md): What a storage host must support for this package, and a setup checklist for any of them.

  - **Publishing**
  - [Settings and env files](https://axonpack.dev/llms.mdx/docs/preview/environment/content.md): Where the publish settings and the app's settings come from, and building with an EAS environment.
  - [Publishing](https://axonpack.dev/llms.mdx/docs/preview/publishing/content.md): Publish a preview, replace it, remove it, and clean up the bucket.
  - [CI](https://axonpack.dev/llms.mdx/docs/preview/ci/content.md): Publish every pull request as a preview with GitHub Actions, and remove it when the pull request closes.

  - **App integration**
  - [Compatibility](https://axonpack.dev/llms.mdx/docs/preview/compatibility/content.md): The config plugin, and matching previews to builds by app version or by native fingerprint.
  - [App setup](https://axonpack.dev/llms.mdx/docs/preview/app-setup/content.md): The provider, the ready-made list, your own screen with usePreview, and a banner that says what runs.
  - [Dev preview servers](https://axonpack.dev/llms.mdx/docs/preview/dev-preview-servers/content.md): Several Metro servers for one app, one per task or worktree, switched live from one debug build.
  - [expo-updates](https://axonpack.dev/llms.mdx/docs/preview/expo-updates/content.md): Previews sit on top of a build that expo-updates manages, with no setup.

  - **Help and reference**
  - [Troubleshooting](https://axonpack.dev/llms.mdx/docs/preview/troubleshooting/content.md): The most common problems, with the cause and the fix for each.
  - [CLI](https://axonpack.dev/llms.mdx/docs/preview/cli/content.md): Every command and option of the preview CLI.
  - [Reference](https://axonpack.dev/llms.mdx/docs/preview/reference/content.md): Every export, config field, hook result, label and theme token.

  - **Releases**
  - [Changelog](https://axonpack.dev/llms.mdx/docs/preview/changelog/content.md): Every published release of @axonpack/preview, newest first.
- React Native Devtools Tab: Your own tab in React Native DevTools, drawn from a component that runs in the app

  - **Get started**
  - [Overview](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/content.md): Put a tab of your own in React Native DevTools, and talk to the running app through it.
  - [Installation](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/installation/content.md): The package, the Metro config line, and what the package expects of your project.
  - [Quick start](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/quick-start/content.md): Three steps and two files of your own.

  - **Guides**
  - [Reading the app](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/app-state/content.md): A tab runs in the app, so reading its state is an import rather than a protocol.
  - [What a tab can draw](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/components/content.md): React Native or HTML, what crosses to the panel, and what does not.
  - [Troubleshooting](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/troubleshooting/content.md): Every failure prints something. This is what each one means.

  - **Shipping**
  - [Production](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/production/content.md): What a release build carries, which is nothing, and the one guard that does not work.

  - **Reference**
  - [Reference](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/reference/content.md): Every export, and every option each one takes.

  - **Releases**
  - [Changelog](https://axonpack.dev/llms.mdx/docs/react-native-devtools-tab/changelog/content.md): Every published release of @axonpack/react-native-devtools-tab, newest first.
- React Pretty Print: Collapsible JSON and XML trees, plus a syntax highlighter

  - **Get started**
  - [Overview](https://axonpack.dev/llms.mdx/docs/react-pretty-print/content.md): Collapsible JSON and XML trees and a syntax highlighter, for React and React Native from one implementation.
  - [Installation](https://axonpack.dev/llms.mdx/docs/react-pretty-print/installation/content.md): One install, no native module, and the components you already have.
  - [Primitives](https://axonpack.dev/llms.mdx/docs/react-pretty-print/primitives/content.md): The contract that lets one implementation render on both platforms.

  - **Renderers**
  - [JsonTree](https://axonpack.dev/llms.mdx/docs/react-pretty-print/json-tree/content.md): A value as a tree that expands and collapses, with a preview on every closed node.
  - [XmlTree](https://axonpack.dev/llms.mdx/docs/react-pretty-print/xml-tree/content.md): A document as a tree, parsed in JavaScript so it works with no DOM.
  - [CodeHighlight](https://axonpack.dev/llms.mdx/docs/react-pretty-print/code-highlight/content.md): Highlighted source, one node per token, in 38 languages.

  - **Guides**
  - [Search](https://axonpack.dev/llms.mdx/docs/react-pretty-print/search/content.md): One matcher, shared by all three renderers, as plain data rather than a callback.
  - [Themes](https://axonpack.dev/llms.mdx/docs/react-pretty-print/themes/content.md): 130 palettes, each a flat set of colour roles rather than a stylesheet.
  - [The context menu](https://axonpack.dev/llms.mdx/docs/react-pretty-print/context-menu/content.md): The package decides which actions apply. You render the popover.

  - **Reference**
  - [Reference](https://axonpack.dev/llms.mdx/docs/react-pretty-print/reference/content.md): Every export, so a caller that wants its own rendering can skip the components.

  - **Releases**
  - [Changelog](https://axonpack.dev/llms.mdx/docs/react-pretty-print/changelog/content.md): Every published release of @axonpack/react-pretty-print, newest first.

# Blog

- [@axonpack/expo-devtools now has a command line tool for AI agents](/blog/expo-devtools-cli-for-ai-agents): The devtools command reads what the running app recorded, and can mock or send a request from inside it. Every call an agent makes is listed in the app's AI Usage tab.