@zizwar/react-native-debug-console 1.0.0 → 1.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.ar.md +8 -8
- package/README.md +9 -9
- package/package.json +1 -1
package/README.ar.md
CHANGED
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
22
|
# باستخدام npm
|
|
23
|
-
npm install react-native-debug-console
|
|
23
|
+
npm install @zizwar/react-native-debug-console
|
|
24
24
|
|
|
25
25
|
# باستخدام yarn
|
|
26
|
-
yarn add react-native-debug-console
|
|
26
|
+
yarn add @zizwar/react-native-debug-console
|
|
27
27
|
|
|
28
28
|
# باستخدام pnpm
|
|
29
|
-
pnpm add react-native-debug-console
|
|
29
|
+
pnpm add @zizwar/react-native-debug-console
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
## البدء السريع
|
|
@@ -34,7 +34,7 @@ pnpm add react-native-debug-console
|
|
|
34
34
|
قم بتغليف تطبيقك بمكون `DebugConsole`:
|
|
35
35
|
|
|
36
36
|
```tsx
|
|
37
|
-
import { DebugConsole } from 'react-native-debug-console';
|
|
37
|
+
import { DebugConsole } from '@zizwar/react-native-debug-console';
|
|
38
38
|
|
|
39
39
|
export default function App() {
|
|
40
40
|
return (
|
|
@@ -52,7 +52,7 @@ export default function App() {
|
|
|
52
52
|
### استخدام متغيرات البيئة
|
|
53
53
|
|
|
54
54
|
```tsx
|
|
55
|
-
import { DebugConsole } from 'react-native-debug-console';
|
|
55
|
+
import { DebugConsole } from '@zizwar/react-native-debug-console';
|
|
56
56
|
|
|
57
57
|
export default function App() {
|
|
58
58
|
return (
|
|
@@ -78,7 +78,7 @@ EXPO_PUBLIC_DEBUG=true
|
|
|
78
78
|
### خيارات التكوين الكاملة
|
|
79
79
|
|
|
80
80
|
```tsx
|
|
81
|
-
import { DebugConsole, DebugConsoleConfig } from 'react-native-debug-console';
|
|
81
|
+
import { DebugConsole, DebugConsoleConfig } from '@zizwar/react-native-debug-console';
|
|
82
82
|
|
|
83
83
|
const config: DebugConsoleConfig = {
|
|
84
84
|
// تفعيل أو إلغاء (الافتراضي: true)
|
|
@@ -131,7 +131,7 @@ export default function App() {
|
|
|
131
131
|
### استخدام HOC
|
|
132
132
|
|
|
133
133
|
```tsx
|
|
134
|
-
import { withDebugConsole } from 'react-native-debug-console';
|
|
134
|
+
import { withDebugConsole } from '@zizwar/react-native-debug-console';
|
|
135
135
|
|
|
136
136
|
function App() {
|
|
137
137
|
return <YourApp />;
|
|
@@ -146,7 +146,7 @@ export default withDebugConsole(App, {
|
|
|
146
146
|
### التحكم اليدوي باستخدام Hook
|
|
147
147
|
|
|
148
148
|
```tsx
|
|
149
|
-
import { DebugProvider, useDebugConsole, DebugButton, DebugOverlay } from 'react-native-debug-console';
|
|
149
|
+
import { DebugProvider, useDebugConsole, DebugButton, DebugOverlay } from '@zizwar/react-native-debug-console';
|
|
150
150
|
|
|
151
151
|
function MyComponent() {
|
|
152
152
|
const { logs, showConsole, hideConsole, clearLogs, addLog } = useDebugConsole();
|
package/README.md
CHANGED
|
@@ -20,13 +20,13 @@ Perfect for debugging production builds and sharing logs with your team.
|
|
|
20
20
|
|
|
21
21
|
```bash
|
|
22
22
|
# Using npm
|
|
23
|
-
npm install react-native-debug-console
|
|
23
|
+
npm install @zizwar/react-native-debug-console
|
|
24
24
|
|
|
25
25
|
# Using yarn
|
|
26
|
-
yarn add react-native-debug-console
|
|
26
|
+
yarn add @zizwar/react-native-debug-console
|
|
27
27
|
|
|
28
28
|
# Using pnpm
|
|
29
|
-
pnpm add react-native-debug-console
|
|
29
|
+
pnpm add @zizwar/react-native-debug-console
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
## Quick Start
|
|
@@ -34,7 +34,7 @@ pnpm add react-native-debug-console
|
|
|
34
34
|
Wrap your app with the `DebugConsole` component:
|
|
35
35
|
|
|
36
36
|
```tsx
|
|
37
|
-
import { DebugConsole } from 'react-native-debug-console';
|
|
37
|
+
import { DebugConsole } from '@zizwar/react-native-debug-console';
|
|
38
38
|
|
|
39
39
|
export default function App() {
|
|
40
40
|
return (
|
|
@@ -52,7 +52,7 @@ That's it! A floating bug button will appear in the corner of your app. Tap it t
|
|
|
52
52
|
### Using Environment Variables
|
|
53
53
|
|
|
54
54
|
```tsx
|
|
55
|
-
import { DebugConsole } from 'react-native-debug-console';
|
|
55
|
+
import { DebugConsole } from '@zizwar/react-native-debug-console';
|
|
56
56
|
|
|
57
57
|
export default function App() {
|
|
58
58
|
return (
|
|
@@ -78,7 +78,7 @@ EXPO_PUBLIC_DEBUG=true
|
|
|
78
78
|
### Full Configuration Options
|
|
79
79
|
|
|
80
80
|
```tsx
|
|
81
|
-
import { DebugConsole, DebugConsoleConfig } from 'react-native-debug-console';
|
|
81
|
+
import { DebugConsole, DebugConsoleConfig } from '@zizwar/react-native-debug-console';
|
|
82
82
|
|
|
83
83
|
const config: DebugConsoleConfig = {
|
|
84
84
|
// Enable or disable (default: true)
|
|
@@ -131,7 +131,7 @@ export default function App() {
|
|
|
131
131
|
### Using HOC (Higher-Order Component)
|
|
132
132
|
|
|
133
133
|
```tsx
|
|
134
|
-
import { withDebugConsole } from 'react-native-debug-console';
|
|
134
|
+
import { withDebugConsole } from '@zizwar/react-native-debug-console';
|
|
135
135
|
|
|
136
136
|
function App() {
|
|
137
137
|
return <YourApp />;
|
|
@@ -146,7 +146,7 @@ export default withDebugConsole(App, {
|
|
|
146
146
|
### Manual Control with Hook
|
|
147
147
|
|
|
148
148
|
```tsx
|
|
149
|
-
import { DebugProvider, useDebugConsole, DebugButton, DebugOverlay } from 'react-native-debug-console';
|
|
149
|
+
import { DebugProvider, useDebugConsole, DebugButton, DebugOverlay } from '@zizwar/react-native-debug-console';
|
|
150
150
|
|
|
151
151
|
function MyComponent() {
|
|
152
152
|
const { logs, showConsole, hideConsole, clearLogs, addLog } = useDebugConsole();
|
|
@@ -184,7 +184,7 @@ export default function App() {
|
|
|
184
184
|
### Custom Button or Overlay
|
|
185
185
|
|
|
186
186
|
```tsx
|
|
187
|
-
import { DebugConsole, useDebugConsole } from 'react-native-debug-console';
|
|
187
|
+
import { DebugConsole, useDebugConsole } from '@zizwar/react-native-debug-console';
|
|
188
188
|
|
|
189
189
|
const CustomButton = () => {
|
|
190
190
|
const { toggleVisibility, logs } = useDebugConsole();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zizwar/react-native-debug-console",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "A floating debug console for React Native / Expo apps. Captures console logs, errors, and warnings with a beautiful overlay UI.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|