@buoy-gg/console 6.0.0 → 6.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -36
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,55 +1,58 @@
|
|
|
1
1
|
# @buoy-gg/console
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@buoy-gg/console) [](https://www.npmjs.com/package/@buoy-gg/console)
|
|
4
4
|
|
|
5
|
-
console
|
|
5
|
+
**Capture every `console.log`, `warn`, and `error` from your React Native app in a Chrome-DevTools-style panel — filterable, on-device, no cable or Flipper needed.**
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
## Install
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
```typescript
|
|
14
|
-
import { ConsoleComponent } from '@buoy-gg/console';
|
|
15
|
-
|
|
16
|
-
// Use in your component
|
|
17
|
-
<ConsoleComponent title="Hello World" />
|
|
11
|
+
```bash
|
|
12
|
+
npm install @buoy-gg/core @buoy-gg/console
|
|
18
13
|
```
|
|
19
14
|
|
|
20
|
-
##
|
|
15
|
+
## Quick start
|
|
21
16
|
|
|
22
|
-
|
|
17
|
+
Pass the preset to the floating menu, and mount `ConsoleRoot` once near the app root so capture starts at startup — logs emitted before you open the tool are retained:
|
|
23
18
|
|
|
24
|
-
```
|
|
25
|
-
|
|
19
|
+
```tsx
|
|
20
|
+
import { FloatingDevTools } from "@buoy-gg/core";
|
|
21
|
+
import { consoleToolPreset, ConsoleRoot } from "@buoy-gg/console";
|
|
22
|
+
|
|
23
|
+
export default function App() {
|
|
24
|
+
return (
|
|
25
|
+
<>
|
|
26
|
+
{/* your app */}
|
|
27
|
+
<ConsoleRoot />
|
|
28
|
+
<FloatingDevTools apps={[consoleToolPreset]} />
|
|
29
|
+
</>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
26
32
|
```
|
|
27
33
|
|
|
28
|
-
|
|
34
|
+
That's the whole setup — it patches `console.*` directly, so no logger integration or Babel plugin is required.
|
|
29
35
|
|
|
30
|
-
|
|
31
|
-
pnpm typecheck
|
|
32
|
-
```
|
|
36
|
+
## What you get
|
|
33
37
|
|
|
34
|
-
|
|
38
|
+
- **Everything logged, everywhere** — patches `console.*` directly, so logs from your own code *and* your dependencies are captured with no extra setup.
|
|
39
|
+
- **Live, color-coded stream** — `log`, `info`, `warn`, and `error` stream in as they happen, color-coded by level.
|
|
40
|
+
- **Chrome-DevTools-style panel** — a 1:1 port of the Chrome console view: objects and arrays are formatted and expandable, just like the browser.
|
|
41
|
+
- **Filter by level** — focus on just errors and warnings when you're chasing a bug.
|
|
42
|
+
- **Search** — filter messages by substring to find the exact log you care about.
|
|
43
|
+
- **Preserve log** — an optional setting keeps the buffer across reloads, honored from the very first log.
|
|
44
|
+
- **Read production logs** — Buoy runs on-device in any build, so you can read console output from a release build with no cable and no Metro connection.
|
|
35
45
|
|
|
36
|
-
|
|
37
|
-
pnpm clean
|
|
38
|
-
```
|
|
46
|
+
## Desktop & AI
|
|
39
47
|
|
|
40
|
-
|
|
48
|
+
The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp) — its `get_console` tool lets an agent read the console tail, filtered by minimum level or message substring.
|
|
41
49
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
├── package.json
|
|
48
|
-
├── tsconfig.json
|
|
49
|
-
└── README.md
|
|
50
|
-
```
|
|
50
|
+
## Free vs Pro
|
|
51
|
+
|
|
52
|
+
Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for everyone.
|
|
53
|
+
|
|
54
|
+
---
|
|
51
55
|
|
|
52
|
-
|
|
56
|
+
📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/console) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
|
|
53
57
|
|
|
54
|
-
|
|
55
|
-
- React and React Native as peer dependencies
|
|
58
|
+
Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/console",
|
|
3
|
-
"version": "6.0.
|
|
4
|
-
"description": "console
|
|
3
|
+
"version": "6.0.1",
|
|
4
|
+
"description": "Chrome DevTools-style console for React Native — captures every console.* on device, even in release builds. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
7
7
|
"types": "lib/typescript/index.d.ts",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
],
|
|
14
14
|
"sideEffects": false,
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@buoy-gg/shared-ui": "6.0.
|
|
16
|
+
"@buoy-gg/shared-ui": "6.0.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"react": "*",
|