@buoy-gg/env 7.0.41 → 7.0.42

package/README.md

@@ -1,103 +1,27 @@
-# @buoy-gg/env
+<div align="center">
 
-[![npm version](https://img.shields.io/npm/v/@buoy-gg/env?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/env) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/env?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/env)
+# @buoy-gg/env
 
 Inspect the environment values available to your app at runtime and check required variables against expected types and values.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
+<a href="https://buoy.gg/buoy/latest/docs/tools/env"><b>Env guide</b></a> &nbsp;·&nbsp; <a href="https://buoy.gg">buoy.gg</a> &nbsp;·&nbsp; <a href="https://github.com/Buoy-gg/buoy">All tools</a>
 
-![Environment Inspector demo](https://github.com/user-attachments/assets/75651046-33a0-4257-9011-3bcc4818a964)
+[![npm version](https://img.shields.io/npm/v/@buoy-gg/env?style=flat-square&labelColor=10302a&color=2a9d78)](https://www.npmjs.com/package/@buoy-gg/env) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/env?style=flat-square&labelColor=10302a&color=2a9d78&label=downloads%2Fmonth)](https://www.npmjs.com/package/@buoy-gg/env)
 
-## Install
+<a href="https://buoy.gg/buoy/latest/docs/tools/env"><img src="https://raw.githubusercontent.com/Buoy-gg/buoy/main/.github/readme/tools/env.png" alt="Watch the Env film on buoy.gg" width="640" /></a>
 
-```bash
-npm install @buoy-gg/core @buoy-gg/env
-```
-
-## Before you start
+</div>
 
-Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+## Install
 
 ```bash
-npx --package=@buoy-gg/core buoy login
-```
-
-For Expo, initialize Buoy before rendering the menu:
-
-```tsx
-import { Buoy } from "@buoy-gg/core";
-
-Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
-```
-
-The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
-
-## Quick start
-
-After initialization, render the menu in your app root:
-
-```tsx
-import { FloatingDevTools } from "@buoy-gg/core";
-
-export default function App() {
-  return (
-    <>
-      {/* your app */}
-      <FloatingDevTools />
-    </>
-  );
-}
-```
-
-To validate required variables, build the tool with `createEnvTool` and the fluent `envVar` builder, then pass it via `apps={[...]}`:
-
-```tsx
-import { createEnvTool, envVar } from "@buoy-gg/env";
-
-const envTool = createEnvTool({
-  requiredEnvVars: [
-    envVar("EXPO_PUBLIC_API_URL").exists(),
-    envVar("EXPO_PUBLIC_DEBUG_MODE").withType("boolean").build(),
-    envVar("EXPO_PUBLIC_ENVIRONMENT").withValue("development").build(),
-    envVar("EXPO_PUBLIC_MAX_RETRIES")
-      .withType("number")
-      .withDescription("Maximum API retry attempts")
-      .build(),
-  ],
-});
-
-// Render this menu inside your existing app root.
-<FloatingDevTools apps={[envTool]} />;
+npm install @buoy-gg/core @buoy-gg/env
 ```
 
-## Check the integration
-
-Open Env and check one known variable and one deliberately missing required variable. Expo statically replaces direct `process.env.EXPO_PUBLIC_NAME` references; enumerating `process.env` does not guarantee that those values are available. An empty list does not prove your app has no environment configuration.
+Env appears in the menu once installed. To check required variables, build the tool with `createEnvTool` and pass it through `apps`.
 
-## What you get
-
-- **Runtime discovery** — collects enumerable `EXPO_PUBLIC_` values available at runtime. Expo’s static inlining limits what enumeration can see.
-- **Required-variable validation** — declare which vars must exist, with expected values or types: `string`, `number`, `boolean`, `array`, `object`, `url`.
-- **Type detection** — values are auto-classified (string, number, boolean, array, object, url, json).
-- **Health score** — a 0-100% health percentage with HEALTHY / WARNING / ERROR / CRITICAL states, plus counts for total, required, missing, and wrong value/type.
-- **Per-variable status** — green (present and correct), yellow (wrong value or type), red (required but missing).
-- **Search and filters** — real-time search plus "All", "Missing", and "Issues" filters.
-- **Copy to clipboard** — copy any value with one tap.
-
-## Desktop & AI
-
-To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
-
-## Account and plan requirements
-
-Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
+The [Env guide](https://buoy.gg/buoy/latest/docs/tools/env) covers setup, what it captures and its limits. New to Buoy? Start with the [Quick start](https://buoy.gg/buoy/latest/docs/quick-start).
 
 ---
 
-📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/env) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
-
-Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)
-
-## Web support (unreleased)
-
-Supply public runtime values explicitly with setRemoteEnv. The inspector cannot enumerate variables that a bundler replaced at build time. The browser build is available in this checkout and has not been published yet. See the [web setup guide](https://buoy.gg/buoy/latest/docs/web-preview) for registration, dependencies, and browser boundaries.
+<sub>Part of <a href="https://buoy.gg">Buoy</a>, developer tools that live inside your app. Proprietary software. © Buoy LLC. <a href="https://buoy.gg/terms">Terms</a></sub>

package/lib/commonjs/env/components/EnvStatsOverview.js

@@ -1,159 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EnvStatsOverview = EnvStatsOverview;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function EnvStatsOverview({
-  stats,
-  healthPercentage,
-  healthStatus,
-  healthColor,
-  activeFilter = "all",
-  onFilterChange
-}) {
-  const issuesCount = stats.wrongValueCount + stats.wrongTypeCount;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-      statusDotColor: healthColor,
-      statusLabel: "System",
-      statusSublabel: healthStatus.toLowerCase(),
-      primaryText: "Environment Configuration",
-      secondaryText: `${healthPercentage}% healthy`,
-      testID: "buoy-env-health",
-      statusSublabelTestID: "buoy-env-health-status",
-      accessibilityLabel: `Environment configuration ${healthStatus.toLowerCase()}, ${healthPercentage}% healthy`,
-      customBadge: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.percentBadge, {
-          borderColor: healthColor + "40",
-          backgroundColor: healthColor + "10"
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: [styles.percentText, {
-            color: healthColor
-          }],
-          testID: "buoy-env-health-percent",
-          children: [healthPercentage, "%"]
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.statsGrid,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.statCard, activeFilter === "all" && styles.statCardActive],
-        onPress: () => onFilterChange?.("all"),
-        activeOpacity: 0.8,
-        testID: "buoy-env-filter-all",
-        accessibilityRole: "button",
-        accessibilityLabel: "Show all variables",
-        accessibilityState: {
-          selected: activeFilter === "all"
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.statValue, activeFilter === "all" && styles.statValueActive],
-          testID: "buoy-env-filter-all-count",
-          children: stats.requiredCount + stats.optionalCount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.statLabel, activeFilter === "all" && styles.statLabelActive],
-          children: "ALL"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.statCard, activeFilter === "missing" && styles.statCardActive],
-        onPress: () => onFilterChange?.("missing"),
-        activeOpacity: 0.8,
-        testID: "buoy-env-filter-missing",
-        accessibilityRole: "button",
-        accessibilityLabel: "Show missing variables",
-        accessibilityState: {
-          selected: activeFilter === "missing"
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.statValue, activeFilter === "missing" && styles.statValueActive],
-          testID: "buoy-env-filter-missing-count",
-          children: stats.missingCount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.statLabel, activeFilter === "missing" && styles.statLabelActive],
-          children: "MISSING"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.statCard, activeFilter === "issues" && styles.statCardActive],
-        onPress: () => onFilterChange?.("issues"),
-        activeOpacity: 0.8,
-        testID: "buoy-env-filter-issues",
-        accessibilityRole: "button",
-        accessibilityLabel: "Show variables with issues",
-        accessibilityState: {
-          selected: activeFilter === "issues"
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.statValue, activeFilter === "issues" && styles.statValueActive],
-          testID: "buoy-env-filter-issues-count",
-          children: issuesCount
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.statLabel, activeFilter === "issues" && styles.statLabelActive],
-          children: "ISSUES"
-        })]
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    gap: 8
-  },
-  statsGrid: {
-    flexDirection: "row",
-    gap: 8,
-    paddingHorizontal: 4
-  },
-  statCard: {
-    flex: 1,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    padding: 12,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 64
-  },
-  statCardActive: {
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    backgroundColor: _sharedUi.night.color.accentSoft
-  },
-  statValue: {
-    fontSize: 22,
-    fontWeight: "700",
-    fontFamily: _sharedUi.monoFont,
-    lineHeight: 26,
-    color: _sharedUi.night.color.text
-  },
-  statValueActive: {
-    color: _sharedUi.night.color.accent
-  },
-  statLabel: {
-    fontSize: 9,
-    color: _sharedUi.night.color.textTertiary,
-    marginTop: 4,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    fontWeight: "600"
-  },
-  statLabelActive: {
-    color: _sharedUi.night.color.accent
-  },
-  percentBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 6,
-    borderWidth: 1
-  },
-  percentText: {
-    fontSize: 14,
-    fontWeight: "700",
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EnvStatsOverview=EnvStatsOverview;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function EnvStatsOverview({stats:e,healthPercentage:i,healthStatus:o,healthColor:s,activeFilter:t="all",onFilterChange:a}){const r=e.wrongValueCount+e.wrongTypeCount;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{statusDotColor:s,statusLabel:"System",statusSublabel:o.toLowerCase(),primaryText:"Environment Configuration",secondaryText:`${i}% healthy`,testID:"buoy-env-health",statusSublabelTestID:"buoy-env-health-status",accessibilityLabel:`Environment configuration ${o.toLowerCase()}, ${i}% healthy`,customBadge:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.percentBadge,{borderColor:s+"40",backgroundColor:s+"10"}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.percentText,{color:s}],testID:"buoy-env-health-percent",children:[i,"%"]})})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statsGrid,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.statCard,t==="all"&&styles.statCardActive],onPress:()=>a?.("all"),activeOpacity:.8,testID:"buoy-env-filter-all",accessibilityRole:"button",accessibilityLabel:"Show all variables",accessibilityState:{selected:t==="all"},children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statValue,t==="all"&&styles.statValueActive],testID:"buoy-env-filter-all-count",children:e.requiredCount+e.optionalCount}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statLabel,t==="all"&&styles.statLabelActive],children:"ALL"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.statCard,t==="missing"&&styles.statCardActive],onPress:()=>a?.("missing"),activeOpacity:.8,testID:"buoy-env-filter-missing",accessibilityRole:"button",accessibilityLabel:"Show missing variables",accessibilityState:{selected:t==="missing"},children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statValue,t==="missing"&&styles.statValueActive],testID:"buoy-env-filter-missing-count",children:e.missingCount}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statLabel,t==="missing"&&styles.statLabelActive],children:"MISSING"})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.statCard,t==="issues"&&styles.statCardActive],onPress:()=>a?.("issues"),activeOpacity:.8,testID:"buoy-env-filter-issues",accessibilityRole:"button",accessibilityLabel:"Show variables with issues",accessibilityState:{selected:t==="issues"},children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statValue,t==="issues"&&styles.statValueActive],testID:"buoy-env-filter-issues-count",children:r}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statLabel,t==="issues"&&styles.statLabelActive],children:"ISSUES"})]})]})]})}const styles=_reactNative.StyleSheet.create({container:{gap:8},statsGrid:{flexDirection:"row",gap:8,paddingHorizontal:4},statCard:{flex:1,backgroundColor:_sharedUi.night.color.surface,borderRadius:10,borderWidth:1,borderColor:_sharedUi.night.color.border,padding:12,alignItems:"center",justifyContent:"center",minHeight:64},statCardActive:{borderColor:_sharedUi.night.color.accentBorderStrong,backgroundColor:_sharedUi.night.color.accentSoft},statValue:{fontSize:22,fontWeight:"700",fontFamily:_sharedUi.monoFont,lineHeight:26,color:_sharedUi.night.color.text},statValueActive:{color:_sharedUi.night.color.accent},statLabel:{fontSize:9,color:_sharedUi.night.color.textTertiary,marginTop:4,textTransform:"uppercase",letterSpacing:.5,fontWeight:"600"},statLabelActive:{color:_sharedUi.night.color.accent},percentBadge:{paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},percentText:{fontSize:14,fontWeight:"700",fontFamily:_sharedUi.monoFont}});

package/lib/commonjs/env/components/EnvVarRow.js

@@ -1,189 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EnvVarRow = EnvVarRow;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _envTypeDetector = require("../utils/envTypeDetector");
-var _jsxRuntime = require("react/jsx-runtime");
-const getStatusConfig = (status, expectedType) => {
-  switch (status) {
-    case "required_present":
-      return {
-        label: "Valid",
-        color: _sharedUi.buoyColors.success,
-        sublabel: "Required"
-      };
-    case "required_missing":
-      return {
-        label: "Missing",
-        color: _sharedUi.buoyColors.error,
-        sublabel: "Required"
-      };
-    case "required_wrong_value":
-      return {
-        label: "Wrong",
-        color: _sharedUi.buoyColors.warning,
-        sublabel: "Invalid value"
-      };
-    case "required_wrong_type":
-      return {
-        label: "Type Error",
-        color: _sharedUi.buoyColors.info,
-        sublabel: "Wrong type"
-      };
-    case "optional_present":
-      return {
-        label: "Set",
-        color: _sharedUi.buoyColors.textSecondary,
-        sublabel: "Optional"
-      };
-  }
-};
-const formatEnvKey = key => {
-  // Format key similar to React Query: "section > subsection"
-  return key.split("_").join(" › ");
-};
-const formatValue = value => {
-  if (value === undefined || value === null) {
-    return "undefined";
-  }
-  const str = typeof value === "string" ? value : String(value);
-  return str;
-};
-function EnvVarRow({
-  envVar,
-  isExpanded,
-  onPress
-}) {
-  const config = getStatusConfig(envVar.status, envVar.expectedType);
-  const hasValue = envVar.value !== undefined && envVar.value !== null;
-
-  // Format primary text like React Query does: "section › subsection"
-  // For env vars, we'll show the key formatted nicely
-  const keyParts = envVar.key.split("_");
-  const primaryText = keyParts.map(part => part.toLowerCase()).join(" › ");
-
-  // The key is the row's identity everywhere a handle is needed. The visible
-  // primary text is the prettified "expo › public › api › url" form, which is
-  // no use to a test (or to VoiceOver) trying to find one specific variable.
-  const rowID = `buoy-env-row-${envVar.key}`;
-
-  // Create expanded content for value and expected value
-  const expandedContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.expandedContainer,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Value:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedValue,
-        numberOfLines: 3,
-        testID: `${rowID}-value`,
-        children: formatValue(envVar.value) || "undefined"
-      })]
-    }), envVar.status === "required_wrong_type" && envVar.expectedType && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.expandedRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.expandedLabel,
-          children: "Type:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TypeBadge, {
-          type: (0, _envTypeDetector.getEnvVarType)(envVar.value),
-          testID: `${rowID}-actual-type`
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.expandedRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.expandedLabel,
-          children: "Expected:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TypeBadge, {
-          type: envVar.expectedType,
-          testID: `${rowID}-expected-type`
-        })]
-      })]
-    }), envVar.status === "required_wrong_value" && envVar.expectedValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Expected:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedExpected,
-        testID: `${rowID}-expected-value`,
-        children: String(envVar.expectedValue)
-      })]
-    }), envVar.description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.expandedRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedLabel,
-        children: "Info:"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.expandedDescription,
-        testID: `${rowID}-description`,
-        children: envVar.description
-      })]
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-    statusDotColor: config.color,
-    statusLabel: config.label,
-    statusSublabel: config.sublabel,
-    primaryText: primaryText,
-    secondaryText: undefined // Don't show value inline anymore
-    ,
-    expandedContent: expandedContent,
-    isExpanded: isExpanded,
-    expandedGlowColor: config.color,
-    customBadge: envVar.expectedType ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TypeBadge, {
-      type: envVar.expectedType,
-      testID: `${rowID}-type-badge`
-    }) : undefined,
-    showChevron: true,
-    onPress: onPress ? () => onPress(envVar) : undefined,
-    testID: rowID,
-    statusTestID: `${rowID}-status`,
-    statusSublabelTestID: `${rowID}-category`
-    // The status is carried by a coloured dot and a two-word label that the
-    // row's container merges away on Fabric — spelled out here so the verdict
-    // reaches assistive tech (and Maestro) with the key it belongs to.
-    ,
-    accessibilityLabel: `${envVar.key}, ${config.label}, ${config.sublabel}`
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  expandedContainer: {
-    gap: 6
-  },
-  expandedRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  expandedLabel: {
-    fontSize: 10,
-    color: _sharedUi.night.color.textTertiary,
-    fontWeight: "600",
-    minWidth: 60,
-    fontFamily: _sharedUi.monoFont
-  },
-  expandedValue: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  expandedExpected: {
-    fontSize: 11,
-    color: _sharedUi.buoyColors.warning,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  expandedDescription: {
-    fontSize: 11,
-    color: _sharedUi.night.color.textSecondary,
-    flex: 1
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EnvVarRow=EnvVarRow;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _envTypeDetector=require("../utils/envTypeDetector");var _jsxRuntime=require("react/jsx-runtime");const getStatusConfig=(e,s)=>{switch(e){case"required_present":return{label:"Valid",color:_sharedUi.buoyColors.success,sublabel:"Required"};case"required_missing":return{label:"Missing",color:_sharedUi.buoyColors.error,sublabel:"Required"};case"required_wrong_value":return{label:"Wrong",color:_sharedUi.buoyColors.warning,sublabel:"Invalid value"};case"required_wrong_type":return{label:"Type Error",color:_sharedUi.buoyColors.info,sublabel:"Wrong type"};case"optional_present":return{label:"Set",color:_sharedUi.buoyColors.textSecondary,sublabel:"Optional"}}};const formatEnvKey=e=>{return e.split("_").join(" \u203A ")};const formatValue=e=>{if(e===void 0||e===null){return"undefined"}const s=typeof e==="string"?e:String(e);return s};function EnvVarRow({envVar:e,isExpanded:s,onPress:n}){const o=getStatusConfig(e.status,e.expectedType);const i=e.value!==void 0&&e.value!==null;const r=e.key.split("_");const l=r.map(a=>a.toLowerCase()).join(" \u203A ");const t=`buoy-env-row-${e.key}`;const d=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Value:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedValue,numberOfLines:3,testID:`${t}-value`,children:formatValue(e.value)||"undefined"})]}),e.status==="required_wrong_type"&&e.expectedType&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Type:"}),(0,_jsxRuntime.jsx)(_sharedUi.TypeBadge,{type:(0,_envTypeDetector.getEnvVarType)(e.value),testID:`${t}-actual-type`})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Expected:"}),(0,_jsxRuntime.jsx)(_sharedUi.TypeBadge,{type:e.expectedType,testID:`${t}-expected-type`})]})]}),e.status==="required_wrong_value"&&e.expectedValue&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Expected:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedExpected,testID:`${t}-expected-value`,children:String(e.expectedValue)})]}),e.description&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.expandedRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedLabel,children:"Info:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.expandedDescription,testID:`${t}-description`,children:e.description})]})]});return(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{statusDotColor:o.color,statusLabel:o.label,statusSublabel:o.sublabel,primaryText:l,secondaryText:void 0,expandedContent:d,isExpanded:s,expandedGlowColor:o.color,customBadge:e.expectedType?(0,_jsxRuntime.jsx)(_sharedUi.TypeBadge,{type:e.expectedType,testID:`${t}-type-badge`}):void 0,showChevron:true,onPress:n?()=>n(e):void 0,testID:t,statusTestID:`${t}-status`,statusSublabelTestID:`${t}-category`,accessibilityLabel:`${e.key}, ${o.label}, ${o.sublabel}`})}const styles=_reactNative.StyleSheet.create({expandedContainer:{gap:6},expandedRow:{flexDirection:"row",alignItems:"center",gap:8},expandedLabel:{fontSize:10,color:_sharedUi.night.color.textTertiary,fontWeight:"600",minWidth:60,fontFamily:_sharedUi.monoFont},expandedValue:{fontSize:11,color:_sharedUi.night.color.textSecondary,fontFamily:_sharedUi.monoFont,flex:1},expandedExpected:{fontSize:11,color:_sharedUi.buoyColors.warning,fontFamily:_sharedUi.monoFont,flex:1},expandedDescription:{fontSize:11,color:_sharedUi.night.color.textSecondary,flex:1}});

package/lib/commonjs/env/components/EnvVarSection.js

@@ -1,84 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EnvVarSection = EnvVarSection;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _EnvVarRow = require("./EnvVarRow");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function EnvVarSection({
-  title,
-  count,
-  vars,
-  emptyMessage
-}) {
-  const [expandedVar, setExpandedVar] = (0, _react.useState)(null);
-  const handleVarPress = (0, _react.useCallback)(envVar => {
-    setExpandedVar(prev => prev === envVar.key ? null : envVar.key);
-  }, []);
-  if (vars.length === 0 && title === "Required Variables") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.sectionContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-          children: title
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-          count: 0,
-          color: _sharedUi.night.color.accent
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.emptySection,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.emptySectionText,
-          children: emptyMessage
-        })
-      })]
-    });
-  }
-  if (vars.length === 0) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.sectionContainer,
-    children: [title !== "" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge, {
-        count: count,
-        color: _sharedUi.night.color.accent
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.sectionContent,
-      children: vars.map(envVar => /*#__PURE__*/(0, _jsxRuntime.jsx)(_EnvVarRow.EnvVarRow, {
-        envVar: envVar,
-        isExpanded: expandedVar === envVar.key,
-        onPress: handleVarPress
-      }, envVar.key))
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  sectionContainer: {
-    gap: 8
-  },
-  sectionContent: {
-    // No gap needed, EnvVarRow has its own margins
-  },
-  emptySection: {
-    padding: 20,
-    backgroundColor: _sharedUi.night.color.accent + "08",
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accent + "20",
-    alignItems: "center"
-  },
-  emptySectionText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 11,
-    textAlign: "center",
-    fontFamily: _sharedUi.monoFont,
-    opacity: 0.8,
-    letterSpacing: 0.5
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EnvVarSection=EnvVarSection;var _react=require("react");var _reactNative=require("react-native");var _EnvVarRow=require("./EnvVarRow");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function EnvVarSection({title:t,count:r,vars:n,emptyMessage:o}){const[i,c]=(0,_react.useState)(null);const a=(0,_react.useCallback)(e=>{c(s=>s===e.key?null:e.key)},[]);if(n.length===0&&t==="Required Variables"){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionContainer,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:t}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge,{count:0,color:_sharedUi.night.color.accent})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.emptySection,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptySectionText,children:o})})]})}if(n.length===0)return null;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sectionContainer,children:[t!==""&&(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:t}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Badge,{count:r,color:_sharedUi.night.color.accent})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sectionContent,children:n.map(e=>(0,_jsxRuntime.jsx)(_EnvVarRow.EnvVarRow,{envVar:e,isExpanded:i===e.key,onPress:a},e.key))})]})}const styles=_reactNative.StyleSheet.create({sectionContainer:{gap:8},sectionContent:{},emptySection:{padding:20,backgroundColor:_sharedUi.night.color.accent+"08",borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.accent+"20",alignItems:"center"},emptySectionText:{color:_sharedUi.night.color.accent,fontSize:11,textAlign:"center",fontFamily:_sharedUi.monoFont,opacity:.8,letterSpacing:.5}});