@buoy-gg/env 7.0.33 → 7.0.35
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/lib/commonjs/env/components/EnvStatsOverview.js +2 -2
- package/lib/commonjs/env/components/EnvVarRow.js +3 -3
- package/lib/commonjs/env/components/EnvVarSection.js +1 -1
- package/lib/commonjs/env/components/EnvVarsModal.js +16 -62
- package/lib/commonjs/preset.js +8 -22
- package/lib/module/env/components/EnvStatsOverview.js +3 -3
- package/lib/module/env/components/EnvVarRow.js +4 -4
- package/lib/module/env/components/EnvVarSection.js +2 -2
- package/lib/module/env/components/EnvVarsModal.js +18 -64
- package/lib/module/preset.js +9 -21
- package/lib/typescript/env/components/EnvVarsModal.d.ts.map +1 -1
- package/lib/typescript/preset.d.ts +2 -8
- package/lib/typescript/preset.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -127,7 +127,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
127
127
|
statValue: {
|
|
128
128
|
fontSize: 22,
|
|
129
129
|
fontWeight: "700",
|
|
130
|
-
fontFamily:
|
|
130
|
+
fontFamily: _sharedUi.monoFont,
|
|
131
131
|
lineHeight: 26,
|
|
132
132
|
color: _sharedUi.night.color.text
|
|
133
133
|
},
|
|
@@ -154,6 +154,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
154
154
|
percentText: {
|
|
155
155
|
fontSize: 14,
|
|
156
156
|
fontWeight: "700",
|
|
157
|
-
fontFamily:
|
|
157
|
+
fontFamily: _sharedUi.monoFont
|
|
158
158
|
}
|
|
159
159
|
});
|
|
@@ -167,18 +167,18 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
167
167
|
color: _sharedUi.night.color.textTertiary,
|
|
168
168
|
fontWeight: "600",
|
|
169
169
|
minWidth: 60,
|
|
170
|
-
fontFamily:
|
|
170
|
+
fontFamily: _sharedUi.monoFont
|
|
171
171
|
},
|
|
172
172
|
expandedValue: {
|
|
173
173
|
fontSize: 11,
|
|
174
174
|
color: _sharedUi.night.color.textSecondary,
|
|
175
|
-
fontFamily:
|
|
175
|
+
fontFamily: _sharedUi.monoFont,
|
|
176
176
|
flex: 1
|
|
177
177
|
},
|
|
178
178
|
expandedExpected: {
|
|
179
179
|
fontSize: 11,
|
|
180
180
|
color: _sharedUi.buoyColors.warning,
|
|
181
|
-
fontFamily:
|
|
181
|
+
fontFamily: _sharedUi.monoFont,
|
|
182
182
|
flex: 1
|
|
183
183
|
},
|
|
184
184
|
expandedDescription: {
|
|
@@ -139,44 +139,24 @@ function EnvVarsModal({
|
|
|
139
139
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
|
|
140
140
|
title: isSearchActive ? "" : "Environment Variables",
|
|
141
141
|
noMargin: isSearchActive,
|
|
142
|
-
children: isSearchActive && /*#__PURE__*/(0, _jsxRuntime.
|
|
143
|
-
|
|
142
|
+
children: isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Search, {
|
|
143
|
+
value: searchQuery,
|
|
144
|
+
onChangeText: setSearchQuery,
|
|
145
|
+
onCancel: () => {
|
|
146
|
+
setIsSearchActive(false);
|
|
147
|
+
setSearchQuery("");
|
|
148
|
+
},
|
|
149
|
+
placeholder: "Search env keys...",
|
|
150
|
+
accessibilityLabel: "Search env keys",
|
|
151
|
+
testID: "buoy-env-search"
|
|
144
152
|
// The field itself is a handle Detox can use but XCUITest
|
|
145
153
|
// cannot: on this RN version a TextInput's testID never
|
|
146
154
|
// reaches the XCUITest element tree — iOS folds the input
|
|
147
|
-
// into the header's accessibility container
|
|
148
|
-
//
|
|
149
|
-
// wrapper is the handle the a11y lane can actually see.
|
|
155
|
+
// into the header's accessibility container. This wrapper
|
|
156
|
+
// handle is the one the a11y lane can actually see.
|
|
150
157
|
,
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
size: 12,
|
|
154
|
-
color: _sharedUi.night.color.textSecondary
|
|
155
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
156
|
-
ref: searchInputRef,
|
|
157
|
-
style: styles.headerSearchInput,
|
|
158
|
-
placeholder: "Search env keys...",
|
|
159
|
-
placeholderTextColor: _sharedUi.night.color.placeholder,
|
|
160
|
-
value: searchQuery,
|
|
161
|
-
onChangeText: setSearchQuery,
|
|
162
|
-
autoCorrect: false,
|
|
163
|
-
autoCapitalize: "none",
|
|
164
|
-
testID: "buoy-env-search",
|
|
165
|
-
accessibilityLabel: "Search env keys"
|
|
166
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
167
|
-
onPress: () => {
|
|
168
|
-
setIsSearchActive(false);
|
|
169
|
-
setSearchQuery("");
|
|
170
|
-
},
|
|
171
|
-
style: styles.clearButton,
|
|
172
|
-
testID: "buoy-env-search-clear",
|
|
173
|
-
accessibilityRole: "button",
|
|
174
|
-
accessibilityLabel: "Clear search",
|
|
175
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
|
|
176
|
-
size: 12,
|
|
177
|
-
color: _sharedUi.night.color.textSecondary
|
|
178
|
-
})
|
|
179
|
-
})]
|
|
158
|
+
containerTestID: "buoy-env-search-field",
|
|
159
|
+
clearTestID: "buoy-env-search-clear"
|
|
180
160
|
})
|
|
181
161
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Actions, {
|
|
182
162
|
children: !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HeaderSearchButton, {
|
|
@@ -308,32 +288,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
308
288
|
padding: 8,
|
|
309
289
|
paddingBottom: 24
|
|
310
290
|
},
|
|
311
|
-
headerSearchContainer: {
|
|
312
|
-
flexDirection: "row",
|
|
313
|
-
alignItems: "center",
|
|
314
|
-
flex: 1,
|
|
315
|
-
backgroundColor: _sharedUi.night.color.surfaceElevated,
|
|
316
|
-
borderRadius: 6,
|
|
317
|
-
paddingHorizontal: 10,
|
|
318
|
-
paddingVertical: 4,
|
|
319
|
-
marginHorizontal: 12,
|
|
320
|
-
marginVertical: 4,
|
|
321
|
-
height: 32,
|
|
322
|
-
borderWidth: 1,
|
|
323
|
-
borderColor: _sharedUi.night.color.border
|
|
324
|
-
},
|
|
325
|
-
headerSearchInput: {
|
|
326
|
-
flex: 1,
|
|
327
|
-
marginLeft: 8,
|
|
328
|
-
fontSize: 13,
|
|
329
|
-
color: _sharedUi.night.color.text,
|
|
330
|
-
padding: 0,
|
|
331
|
-
height: '100%'
|
|
332
|
-
},
|
|
333
|
-
clearButton: {
|
|
334
|
-
padding: 4,
|
|
335
|
-
marginLeft: 4
|
|
336
|
-
},
|
|
337
291
|
varsSection: {
|
|
338
292
|
marginTop: 16
|
|
339
293
|
},
|
|
@@ -349,7 +303,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
349
303
|
fontWeight: "700",
|
|
350
304
|
color: _sharedUi.night.color.textTertiary,
|
|
351
305
|
letterSpacing: 1.2,
|
|
352
|
-
fontFamily:
|
|
306
|
+
fontFamily: _sharedUi.monoFont
|
|
353
307
|
},
|
|
354
308
|
countBadge: {
|
|
355
309
|
backgroundColor: _sharedUi.night.color.accent + "15",
|
|
@@ -363,6 +317,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
363
317
|
fontSize: 10,
|
|
364
318
|
fontWeight: "500",
|
|
365
319
|
color: _sharedUi.night.color.accent,
|
|
366
|
-
fontFamily:
|
|
320
|
+
fontFamily: _sharedUi.monoFont
|
|
367
321
|
}
|
|
368
322
|
});
|
package/lib/commonjs/preset.js
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.createEnvTool =
|
|
7
|
-
exports.envToolPreset = void 0;
|
|
6
|
+
exports.envToolPreset = exports.createEnvTool = void 0;
|
|
8
7
|
var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
|
|
9
8
|
var _EnvVarsModal = require("./env/components/EnvVarsModal");
|
|
9
|
+
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
/**
|
|
12
12
|
* Pre-configured environment variables tool for FloatingDevTools
|
|
@@ -33,7 +33,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
33
33
|
* - Search and filtering
|
|
34
34
|
* - Copy functionality
|
|
35
35
|
*/
|
|
36
|
-
const envToolPreset = exports.envToolPreset = {
|
|
36
|
+
const envToolPreset = exports.envToolPreset = (0, _sharedUi.defineToolPreset)({
|
|
37
37
|
id: "env",
|
|
38
38
|
name: "ENV",
|
|
39
39
|
description: "Environment variables debugger",
|
|
@@ -48,7 +48,7 @@ const envToolPreset = exports.envToolPreset = {
|
|
|
48
48
|
requiredEnvVars: [],
|
|
49
49
|
enableSharedModalDimensions: true
|
|
50
50
|
}
|
|
51
|
-
};
|
|
51
|
+
});
|
|
52
52
|
|
|
53
53
|
/**
|
|
54
54
|
* Create a custom environment variables tool configuration.
|
|
@@ -70,21 +70,7 @@ const envToolPreset = exports.envToolPreset = {
|
|
|
70
70
|
* });
|
|
71
71
|
* ```
|
|
72
72
|
*/
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
description: options?.description || "Environment variables debugger",
|
|
78
|
-
slot: "both",
|
|
79
|
-
icon: ({
|
|
80
|
-
size
|
|
81
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.EnvIcon, {
|
|
82
|
-
size: size
|
|
83
|
-
}),
|
|
84
|
-
component: _EnvVarsModal.EnvVarsModal,
|
|
85
|
-
props: {
|
|
86
|
-
requiredEnvVars: options?.requiredEnvVars || [],
|
|
87
|
-
enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : true
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
}
|
|
73
|
+
const createEnvTool = exports.createEnvTool = (0, _sharedUi.createToolFactory)(envToolPreset, options => ({
|
|
74
|
+
requiredEnvVars: options.requiredEnvVars || [],
|
|
75
|
+
enableSharedModalDimensions: options.enableSharedModalDimensions ?? true
|
|
76
|
+
}));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
|
|
4
|
-
import { CompactRow, night } from "@buoy-gg/shared-ui";
|
|
4
|
+
import { CompactRow, night, monoFont } from "@buoy-gg/shared-ui";
|
|
5
5
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
export function EnvStatsOverview({
|
|
7
7
|
stats,
|
|
@@ -123,7 +123,7 @@ const styles = StyleSheet.create({
|
|
|
123
123
|
statValue: {
|
|
124
124
|
fontSize: 22,
|
|
125
125
|
fontWeight: "700",
|
|
126
|
-
fontFamily:
|
|
126
|
+
fontFamily: monoFont,
|
|
127
127
|
lineHeight: 26,
|
|
128
128
|
color: night.color.text
|
|
129
129
|
},
|
|
@@ -150,6 +150,6 @@ const styles = StyleSheet.create({
|
|
|
150
150
|
percentText: {
|
|
151
151
|
fontSize: 14,
|
|
152
152
|
fontWeight: "700",
|
|
153
|
-
fontFamily:
|
|
153
|
+
fontFamily: monoFont
|
|
154
154
|
}
|
|
155
155
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { View, Text, StyleSheet } from "react-native";
|
|
4
|
-
import { CompactRow, TypeBadge, buoyColors, night } from "@buoy-gg/shared-ui";
|
|
4
|
+
import { CompactRow, TypeBadge, buoyColors, night, monoFont } from "@buoy-gg/shared-ui";
|
|
5
5
|
import { getEnvVarType } from "../utils/envTypeDetector";
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
7
|
const getStatusConfig = (status, expectedType) => {
|
|
@@ -163,18 +163,18 @@ const styles = StyleSheet.create({
|
|
|
163
163
|
color: night.color.textTertiary,
|
|
164
164
|
fontWeight: "600",
|
|
165
165
|
minWidth: 60,
|
|
166
|
-
fontFamily:
|
|
166
|
+
fontFamily: monoFont
|
|
167
167
|
},
|
|
168
168
|
expandedValue: {
|
|
169
169
|
fontSize: 11,
|
|
170
170
|
color: night.color.textSecondary,
|
|
171
|
-
fontFamily:
|
|
171
|
+
fontFamily: monoFont,
|
|
172
172
|
flex: 1
|
|
173
173
|
},
|
|
174
174
|
expandedExpected: {
|
|
175
175
|
fontSize: 11,
|
|
176
176
|
color: buoyColors.warning,
|
|
177
|
-
fontFamily:
|
|
177
|
+
fontFamily: monoFont,
|
|
178
178
|
flex: 1
|
|
179
179
|
},
|
|
180
180
|
expandedDescription: {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { useCallback, useState } from "react";
|
|
4
4
|
import { View, Text, StyleSheet } from "react-native";
|
|
5
5
|
import { EnvVarRow } from "./EnvVarRow";
|
|
6
|
-
import { SectionHeader, night } from "@buoy-gg/shared-ui";
|
|
6
|
+
import { SectionHeader, night, monoFont } from "@buoy-gg/shared-ui";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
export function EnvVarSection({
|
|
9
9
|
title,
|
|
@@ -73,7 +73,7 @@ const styles = StyleSheet.create({
|
|
|
73
73
|
color: night.color.accent,
|
|
74
74
|
fontSize: 11,
|
|
75
75
|
textAlign: "center",
|
|
76
|
-
fontFamily:
|
|
76
|
+
fontFamily: monoFont,
|
|
77
77
|
opacity: 0.8,
|
|
78
78
|
letterSpacing: 0.5
|
|
79
79
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { JsModal, devToolsStorageKeys, ModalHeader, HeaderSearchButton,
|
|
3
|
+
import { JsModal, devToolsStorageKeys, ModalHeader, HeaderSearchButton, displayValue, buoyColors, night, windowDragProps, ToolEmptyState, resolveListEmptyState, monoFont } from "@buoy-gg/shared-ui";
|
|
4
4
|
import { useCallback, useState, useRef, useEffect, useMemo } from "react";
|
|
5
|
-
import { View,
|
|
5
|
+
import { View, StyleSheet, ScrollView, Text } from "react-native";
|
|
6
6
|
import { EnvStatsOverview } from "./EnvStatsOverview";
|
|
7
7
|
import { useDynamicEnv } from "../hooks/useDynamicEnv";
|
|
8
8
|
import { processEnvVars, calculateStats } from "../utils";
|
|
@@ -134,44 +134,24 @@ export function EnvVarsModal({
|
|
|
134
134
|
}), /*#__PURE__*/_jsx(ModalHeader.Content, {
|
|
135
135
|
title: isSearchActive ? "" : "Environment Variables",
|
|
136
136
|
noMargin: isSearchActive,
|
|
137
|
-
children: isSearchActive && /*#__PURE__*/
|
|
138
|
-
|
|
137
|
+
children: isSearchActive && /*#__PURE__*/_jsx(ModalHeader.Search, {
|
|
138
|
+
value: searchQuery,
|
|
139
|
+
onChangeText: setSearchQuery,
|
|
140
|
+
onCancel: () => {
|
|
141
|
+
setIsSearchActive(false);
|
|
142
|
+
setSearchQuery("");
|
|
143
|
+
},
|
|
144
|
+
placeholder: "Search env keys...",
|
|
145
|
+
accessibilityLabel: "Search env keys",
|
|
146
|
+
testID: "buoy-env-search"
|
|
139
147
|
// The field itself is a handle Detox can use but XCUITest
|
|
140
148
|
// cannot: on this RN version a TextInput's testID never
|
|
141
149
|
// reaches the XCUITest element tree — iOS folds the input
|
|
142
|
-
// into the header's accessibility container
|
|
143
|
-
//
|
|
144
|
-
// wrapper is the handle the a11y lane can actually see.
|
|
150
|
+
// into the header's accessibility container. This wrapper
|
|
151
|
+
// handle is the one the a11y lane can actually see.
|
|
145
152
|
,
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
size: 12,
|
|
149
|
-
color: night.color.textSecondary
|
|
150
|
-
}), /*#__PURE__*/_jsx(TextInput, {
|
|
151
|
-
ref: searchInputRef,
|
|
152
|
-
style: styles.headerSearchInput,
|
|
153
|
-
placeholder: "Search env keys...",
|
|
154
|
-
placeholderTextColor: night.color.placeholder,
|
|
155
|
-
value: searchQuery,
|
|
156
|
-
onChangeText: setSearchQuery,
|
|
157
|
-
autoCorrect: false,
|
|
158
|
-
autoCapitalize: "none",
|
|
159
|
-
testID: "buoy-env-search",
|
|
160
|
-
accessibilityLabel: "Search env keys"
|
|
161
|
-
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
162
|
-
onPress: () => {
|
|
163
|
-
setIsSearchActive(false);
|
|
164
|
-
setSearchQuery("");
|
|
165
|
-
},
|
|
166
|
-
style: styles.clearButton,
|
|
167
|
-
testID: "buoy-env-search-clear",
|
|
168
|
-
accessibilityRole: "button",
|
|
169
|
-
accessibilityLabel: "Clear search",
|
|
170
|
-
children: /*#__PURE__*/_jsx(X, {
|
|
171
|
-
size: 12,
|
|
172
|
-
color: night.color.textSecondary
|
|
173
|
-
})
|
|
174
|
-
})]
|
|
153
|
+
containerTestID: "buoy-env-search-field",
|
|
154
|
+
clearTestID: "buoy-env-search-clear"
|
|
175
155
|
})
|
|
176
156
|
}), /*#__PURE__*/_jsx(ModalHeader.Actions, {
|
|
177
157
|
children: !isSearchActive && /*#__PURE__*/_jsx(HeaderSearchButton, {
|
|
@@ -303,32 +283,6 @@ const styles = StyleSheet.create({
|
|
|
303
283
|
padding: 8,
|
|
304
284
|
paddingBottom: 24
|
|
305
285
|
},
|
|
306
|
-
headerSearchContainer: {
|
|
307
|
-
flexDirection: "row",
|
|
308
|
-
alignItems: "center",
|
|
309
|
-
flex: 1,
|
|
310
|
-
backgroundColor: night.color.surfaceElevated,
|
|
311
|
-
borderRadius: 6,
|
|
312
|
-
paddingHorizontal: 10,
|
|
313
|
-
paddingVertical: 4,
|
|
314
|
-
marginHorizontal: 12,
|
|
315
|
-
marginVertical: 4,
|
|
316
|
-
height: 32,
|
|
317
|
-
borderWidth: 1,
|
|
318
|
-
borderColor: night.color.border
|
|
319
|
-
},
|
|
320
|
-
headerSearchInput: {
|
|
321
|
-
flex: 1,
|
|
322
|
-
marginLeft: 8,
|
|
323
|
-
fontSize: 13,
|
|
324
|
-
color: night.color.text,
|
|
325
|
-
padding: 0,
|
|
326
|
-
height: '100%'
|
|
327
|
-
},
|
|
328
|
-
clearButton: {
|
|
329
|
-
padding: 4,
|
|
330
|
-
marginLeft: 4
|
|
331
|
-
},
|
|
332
286
|
varsSection: {
|
|
333
287
|
marginTop: 16
|
|
334
288
|
},
|
|
@@ -344,7 +298,7 @@ const styles = StyleSheet.create({
|
|
|
344
298
|
fontWeight: "700",
|
|
345
299
|
color: night.color.textTertiary,
|
|
346
300
|
letterSpacing: 1.2,
|
|
347
|
-
fontFamily:
|
|
301
|
+
fontFamily: monoFont
|
|
348
302
|
},
|
|
349
303
|
countBadge: {
|
|
350
304
|
backgroundColor: night.color.accent + "15",
|
|
@@ -358,6 +312,6 @@ const styles = StyleSheet.create({
|
|
|
358
312
|
fontSize: 10,
|
|
359
313
|
fontWeight: "500",
|
|
360
314
|
color: night.color.accent,
|
|
361
|
-
fontFamily:
|
|
315
|
+
fontFamily: monoFont
|
|
362
316
|
}
|
|
363
317
|
});
|
package/lib/module/preset.js
CHANGED
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
|
|
20
20
|
import { EnvIcon } from "@buoy-gg/floating-tools-core";
|
|
21
21
|
import { EnvVarsModal } from "./env/components/EnvVarsModal";
|
|
22
|
-
import {
|
|
22
|
+
import { createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
|
|
23
|
+
|
|
23
24
|
/**
|
|
24
25
|
* Pre-configured environment variables tool for FloatingDevTools.
|
|
25
26
|
* Includes:
|
|
@@ -28,7 +29,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
28
29
|
* - Search and filtering
|
|
29
30
|
* - Copy functionality
|
|
30
31
|
*/
|
|
31
|
-
|
|
32
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
33
|
+
export const envToolPreset = defineToolPreset({
|
|
32
34
|
id: "env",
|
|
33
35
|
name: "ENV",
|
|
34
36
|
description: "Environment variables debugger",
|
|
@@ -43,7 +45,7 @@ export const envToolPreset = {
|
|
|
43
45
|
requiredEnvVars: [],
|
|
44
46
|
enableSharedModalDimensions: true
|
|
45
47
|
}
|
|
46
|
-
};
|
|
48
|
+
});
|
|
47
49
|
|
|
48
50
|
/**
|
|
49
51
|
* Create a custom environment variables tool configuration.
|
|
@@ -65,21 +67,7 @@ export const envToolPreset = {
|
|
|
65
67
|
* });
|
|
66
68
|
* ```
|
|
67
69
|
*/
|
|
68
|
-
export
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
description: options?.description || "Environment variables debugger",
|
|
73
|
-
slot: "both",
|
|
74
|
-
icon: ({
|
|
75
|
-
size
|
|
76
|
-
}) => /*#__PURE__*/_jsx(EnvIcon, {
|
|
77
|
-
size: size
|
|
78
|
-
}),
|
|
79
|
-
component: EnvVarsModal,
|
|
80
|
-
props: {
|
|
81
|
-
requiredEnvVars: options?.requiredEnvVars || [],
|
|
82
|
-
enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : true
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
}
|
|
70
|
+
export const createEnvTool = createToolFactory(envToolPreset, options => ({
|
|
71
|
+
requiredEnvVars: options.requiredEnvVars || [],
|
|
72
|
+
enableSharedModalDimensions: options.enableSharedModalDimensions ?? true
|
|
73
|
+
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnvVarsModal.d.ts","sourceRoot":"","sources":["../../../../src/env/components/EnvVarsModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EnvVarsModal.d.ts","sourceRoot":"","sources":["../../../../src/env/components/EnvVarsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,cAAc,EAAc,MAAM,UAAU,CAAC;AAUtD,UAAU,iBAAiB;IACzB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qFAAqF;IACrF,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,GACf,EAAE,iBAAiB,sCAyQnB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,+BASA"}
|
|
@@ -58,18 +58,12 @@ export declare const envToolPreset: {
|
|
|
58
58
|
* });
|
|
59
59
|
* ```
|
|
60
60
|
*/
|
|
61
|
-
export declare
|
|
62
|
-
/** Tool name (default: "ENV") */
|
|
63
|
-
name?: string;
|
|
64
|
-
/** Tool description */
|
|
65
|
-
description?: string;
|
|
66
|
-
/** Custom tool ID (default: "env") */
|
|
67
|
-
id?: string;
|
|
61
|
+
export declare const createEnvTool: (options?: ({
|
|
68
62
|
/** Array of required environment variables to validate */
|
|
69
63
|
requiredEnvVars?: RequiredEnvVar[];
|
|
70
64
|
/** Enable shared modal dimensions */
|
|
71
65
|
enableSharedModalDimensions?: boolean;
|
|
72
|
-
})
|
|
66
|
+
} & import("@buoy-gg/shared-ui").ToolPresetOverrides) | undefined) => {
|
|
73
67
|
id: string;
|
|
74
68
|
name: string;
|
|
75
69
|
description: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;;;;;qBAKP;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;yBAGR,cAAc,EAAE;;;CAGzC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,aAAa;IAGtB,0DAA0D;sBACxC,cAAc,EAAE;IAClC,qCAAqC;kCACP,OAAO;;;;;;qBAlCtB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;yBAGR,cAAc,EAAE;;;CAoC1C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/env",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.35",
|
|
4
4
|
"description": "Environment variable devtool for React Native — auto-discovers EXPO_PUBLIC_ vars, validates types, scores config health. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
],
|
|
27
27
|
"sideEffects": false,
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@buoy-gg/floating-tools-core": "^7.0.
|
|
30
|
-
"@buoy-gg/shared-ui": "^7.0.
|
|
29
|
+
"@buoy-gg/floating-tools-core": "^7.0.35",
|
|
30
|
+
"@buoy-gg/shared-ui": "^7.0.35"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": "*",
|