@envin/cli 1.1.4-canary.c6fea4d → 1.1.5-canary.3193697

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envin/cli",
-  "version": "1.1.4-canary.c6fea4d",
+  "version": "1.1.5-canary.3193697",
   "description": "Type-safe env validation with live previews",
   "keywords": [
     "turbostarter",
@@ -22,7 +22,7 @@
   "license": "MIT",
   "author": "Bartosz Zagrodzki",
   "bin": {
-    "cli": "dist/cli/index.mjs"
+    "envin": "dist/cli/index.mjs"
   },
   "scripts": {
     "build": "tsup-node && bun run build:preview",
@@ -51,7 +51,7 @@
     "commander": "^13.1.0",
     "debounce": "^2.2.0",
     "dotenv": "^16.5.0",
-    "envin": "1.1.4-canary.c6fea4d",
+    "envin": "1.1.5-canary.3193697",
     "esbuild": "^0.25.0",
     "log-symbols": "^7.0.0",
     "mime-types": "^3.0.1",

package/src/app/page.tsx

@@ -5,6 +5,8 @@ import { getVariables } from "@/lib/variables";
 import { getConfigFile } from "@/utils/get-config-file";
 import { envDirectoryAbsolutePath } from "./env";
 
+export const dynamic = "force-dynamic";
+
 export const envConfigFilePath = path.join(
   envDirectoryAbsolutePath ?? "",
   "env.config.ts",

package/src/components/filters/index.tsx

@@ -123,7 +123,7 @@ const getTextToCopy = (
         key,
       };
     }),
-    ({ preset }) => preset ?? DEFAULT_PRESET,
+    ({ preset }) => preset?.id ?? DEFAULT_PRESET,
   );
 
   const presets = Object.keys(sections).reverse();

package/src/components/variables/form.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { AlertCircle, Check, Copy, File, Lock, ShieldOff } from "lucide-react";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import type {
   Control,
   ControllerRenderProps,
@@ -63,58 +63,178 @@ const PresetIcons = {
   wxt: Wxt,
 } as const;
 
+const getIconComponent = (key: string) =>
+  key in PresetIcons ? PresetIcons[key as keyof typeof PresetIcons] : null;
+
+const toDisplayLabel = (key: string) => key.replaceAll("-", " ");
+
+type TreeNode = {
+  name: string;
+  variables: VariableWithKey[];
+  children: Record<string, TreeNode>;
+};
+
+const createNode = (name: string): TreeNode => ({
+  name,
+  variables: [],
+  children: {},
+});
+
+type Tree = {
+  rootVariables: VariableWithKey[];
+  children: Record<string, TreeNode>;
+};
+
+const buildTree = (items: VariableWithKey[]): Tree => {
+  const tree: Tree = { rootVariables: [], children: {} };
+
+  for (const item of items) {
+    const fullPath = item.preset?.path ?? [DEFAULT_PRESET];
+    const path = fullPath.filter((segment) => segment !== DEFAULT_PRESET);
+
+    if (!path.length) {
+      tree.rootVariables.push(item);
+      continue;
+    }
+
+    const top = path[0] ?? "";
+    if (!tree.children[top]) {
+      tree.children[top] = createNode(top);
+    }
+    let current = tree.children[top];
+
+    if (path.length === 1) {
+      current.variables.push(item);
+      continue;
+    }
+
+    for (let i = 1; i < path.length; i++) {
+      const segment = path[i] ?? "";
+      if (!current.children[segment]) {
+        current.children[segment] = createNode(segment);
+      }
+
+      current = current.children[segment];
+      if (i === path.length - 1) {
+        current.variables.push(item);
+      }
+    }
+  }
+
+  return tree;
+};
+
 export const Form = () => {
   const { form, variables, filteredKeys } = useVariables();
 
+  const items = useMemo(
+    () =>
+      filteredKeys
+        .map((key) => ({
+          ...variables[key],
+          key,
+        }))
+        .filter((variable): variable is VariableWithKey => Boolean(variable)),
+    [filteredKeys, variables],
+  );
+
+  const tree = useMemo(() => buildTree(items), [items]);
+
+  const topLevelKeys = useMemo(
+    () => [DEFAULT_PRESET, ...Object.keys(tree.children).reverse()],
+    [tree.children],
+  );
+
   if (!filteredKeys.length) {
     return <Empty />;
   }
 
-  const sections = Object.groupBy(
-    filteredKeys.map((key) => {
-      return {
-        ...variables[key],
-        key,
-      };
-    }),
-    ({ preset }) => preset ?? DEFAULT_PRESET,
-  );
+  const renderNode = (node: TreeNode) => {
+    const childKeys = Object.keys(node.children);
+    return (
+      <>
+        {node.variables.length > 0 && (
+          <div
+            className={cn({
+              "pb-5": childKeys.length > 0,
+            })}
+          >
+            {node.variables.map((variable) => (
+              <Variable
+                key={variable.key}
+                variable={variable}
+                control={form.control}
+              />
+            ))}
+          </div>
+        )}
+        {childKeys.length > 0 && (
+          <Accordion type="multiple">
+            {childKeys.map((child) => {
+              const childNode = node.children[child];
+              const Icon = getIconComponent(child);
 
-  const presets = Object.keys(sections).reverse();
+              if (!childNode) {
+                return null;
+              }
+
+              return (
+                <AccordionItem
+                  key={child}
+                  value={child}
+                  className="mb-3 last:mb-0"
+                >
+                  <AccordionTrigger>
+                    <div className="flex items-center gap-2 uppercase">
+                      {Icon && <Icon className="size-4" />}
+                      {toDisplayLabel(child)}
+                    </div>
+                  </AccordionTrigger>
+                  <AccordionContent>{renderNode(childNode)}</AccordionContent>
+                </AccordionItem>
+              );
+            })}
+          </Accordion>
+        )}
+      </>
+    );
+  };
 
   return (
     <ScrollArea className="w-full h-full">
-      <Accordion type="multiple" defaultValue={presets}>
+      <Accordion type="multiple" defaultValue={topLevelKeys}>
         <Root {...form}>
           <form className="space-y-3">
-            {presets.map((key) => {
-              const Icon =
-                key in PresetIcons
-                  ? PresetIcons[key as keyof typeof PresetIcons]
-                  : null;
+            {topLevelKeys.map((key) => {
+              const Icon = getIconComponent(key);
 
               return (
                 <AccordionItem
                   key={key}
-                  className={cn("flex flex-col", key === "root" && "pt-5")}
+                  className={cn(
+                    "flex flex-col",
+                    key === DEFAULT_PRESET && "pt-5",
+                  )}
                   value={key}
                 >
-                  {key !== "root" && (
+                  {key !== DEFAULT_PRESET && (
                     <AccordionTrigger>
-                      <div className="flex items-center gap-2">
+                      <div className="flex items-center gap-2 uppercase">
                         {Icon && <Icon className="size-4" />}
-                        {key.replace("-", " ")}
+                        {toDisplayLabel(key)}
                       </div>
                     </AccordionTrigger>
                   )}
                   <AccordionContent>
-                    {sections[key]?.map((variable) => (
-                      <Variable
-                        key={variable.key}
-                        variable={variable as VariableWithKey}
-                        control={form.control}
-                      />
-                    ))}
+                    {key === DEFAULT_PRESET
+                      ? renderNode({
+                          name: DEFAULT_PRESET,
+                          variables: tree.rootVariables,
+                          children: {},
+                        })
+                      : tree.children[key]
+                        ? renderNode(tree.children[key])
+                        : null}
                   </AccordionContent>
                 </AccordionItem>
               );

package/src/components/variables/preview.tsx

@@ -23,7 +23,7 @@ export const FileContent = () => {
         key,
       };
     }),
-    ({ preset }) => preset ?? DEFAULT_PRESET,
+    ({ preset }) => preset?.id ?? DEFAULT_PRESET,
   );
 
   const presets = Object.keys(sections).reverse();

package/src/lib/types.ts

@@ -43,7 +43,10 @@ export const FILES = {
 } as const;
 
 export interface Variable {
-  preset: string;
+  preset: {
+    id: string;
+    path: string[];
+  };
   group: VariableGroup;
   default: string | undefined;
   description: string | undefined;

package/src/lib/variables/index.ts

@@ -17,6 +17,8 @@ import {
 import { getDefault } from "./default";
 import { getDescription } from "./description";
 
+const getUntitledId = (counter: number) => `untitled-preset-${counter}`;
+
 export const getVariables = async (config: Config) => {
   if (!config) {
     return {};
@@ -25,17 +27,33 @@ export const getVariables = async (config: Config) => {
   const variables = {};
   const schema = config.env._schema;
 
-  const presets = [
-    ...(config.options.extends ?? []),
-    {
-      id: DEFAULT_PRESET,
-      ...config.options,
-    },
-  ];
+  let untitledCounter = 0;
+  const flattenPresets = (preset: Preset, accPath: string[] = []) => {
+    const resolvedId = preset.id ?? getUntitledId(++untitledCounter);
+    const currentPath = [...accPath, resolvedId].filter(Boolean);
+    const self = [
+      {
+        preset,
+        path: currentPath.length ? currentPath : [DEFAULT_PRESET],
+        id: resolvedId,
+      },
+    ];
+    const nested = (preset.extends ?? []).flatMap((p: Preset) =>
+      flattenPresets(p, currentPath),
+    );
+    return [...self, ...nested];
+  };
+
+  const rootPreset = {
+    id: DEFAULT_PRESET,
+    ...config.options,
+  } satisfies Preset;
+
+  const presetsWithPaths = flattenPresets(rootPreset);
 
   for (const key of Object.keys(schema)) {
-    for (const preset of presets) {
-      const variable = getVariable(key, preset);
+    for (const { preset, path, id } of presetsWithPaths) {
+      const variable = getVariable(key, preset, path, id);
 
       if (variable) {
         variables[key] = variable;
@@ -71,7 +89,12 @@ const getVariableGroup = (key: string, preset: Preset) => {
   return null;
 };
 
-const getVariable = (key: string, preset: Preset): Variable | null => {
+const getVariable = (
+  key: string,
+  preset: Preset,
+  path: string[],
+  resolvedId?: string,
+): Variable | null => {
   const keys = new Set([
     ...Object.keys(preset.shared ?? {}),
     ...Object.keys(preset.client ?? {}),
@@ -92,7 +115,10 @@ const getVariable = (key: string, preset: Preset): Variable | null => {
 
   return {
     description: getDescription(schema),
-    preset: preset.id ?? "",
+    preset: {
+      id: preset.id ?? resolvedId ?? "",
+      path,
+    },
     group,
     default: getDefault(schema),
   };

package/src/utils/get-config-file.ts

@@ -9,17 +9,25 @@ import { isErr } from "@/utils/result";
 import { logger } from "../cli/utils/logger";
 import { runBundledCode } from "./run-bundled-code";
 
-const presetSchema = z.object({
-  id: z.string().optional(),
+const optionsSchema = z.object({
   clientPrefix: z.string().optional(),
   client: z.record(z.string(), z.unknown()).optional(),
   server: z.record(z.string(), z.unknown()).optional(),
   shared: z.record(z.string(), z.unknown()).optional(),
 });
 
+const presetSchema = optionsSchema.extend({
+  id: z.string().optional(),
+  get extends() {
+    return z.array(presetSchema).optional();
+  },
+});
+
 const configSchema = z.object({
   default: z.object({
-    options: presetSchema.extend({ extends: z.array(presetSchema).optional() }),
+    options: optionsSchema.extend({
+      extends: z.array(presetSchema).optional(),
+    }),
     env: z.record(z.string(), z.unknown()),
   }),
 });

package/dist/preview/.next/server/app/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html><!--hQ8VxCM9KDLkb5wLIRxn3--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/569ce4b8f30dc480-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/93f479601ee12b01-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/add540dce4b888a2.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-6fd1f9e039b848f1.js"/><script src="/_next/static/chunks/87c73c54-1f4741035a95c140.js" async=""></script><script src="/_next/static/chunks/902-a1b735a0b0a65f38.js" async=""></script><script src="/_next/static/chunks/main-app-ef4fe5383916541f.js" async=""></script><meta name="next-size-adjust" content=""/><title>Envin</title><meta name="description" content="Framework-agnostic, type-safe tool to validate and preview your environment variables—powered by your favorite schema validator."/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="24x24"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__variable_5cfdac __variable_9a8899 antialiased"><div hidden=""><!--$--><!--/$--></div><div class="flex flex-col h-full gap-4 py-6 px-8"><header class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shrub size-11 text-primary" aria-hidden="true"><path d="M12 22v-7l-2-2"></path><path d="M17 8v.8A6 6 0 0 1 13.8 20H10A6.5 6.5 0 0 1 7 8a5 5 0 0 1 10 0Z"></path><path d="m14 14-2 2"></path></svg><div class="flex flex-col"><h1 class="text-2xl font-bold">Envin</h1><p class="text-sm text-muted-foreground">Manage environment variables for your project. Validate and set them up in seconds.</p></div></header><main class="flex flex-col gap-4 min-h-0 h-full"><div class="flex grow h-full border-destructive border-dashed border-2 rounded-lg flex-col items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ban size-20 mb-6 text-destructive" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m4.9 4.9 14.2 14.2"></path></svg><code class="text-muted-foreground bg-muted py-0.5 px-2.5 rounded-md mb-2">Error</code><span class="text-2xl font-medium">There was an error loading the config.</span><p class="text-muted-foreground">Build failed with 1 error:
-error: Could not resolve &quot;env.config.ts&quot;</p><pre class="text-muted-foreground bg-muted py-4 px-6 max-w-4xl mt-6 rounded-md overflow-x-auto">Error: Build failed with 1 error:
-error: Could not resolve &quot;env.config.ts&quot;
-    at failureErrorWithLog (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:1463:15)
-    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:924:25
-    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:876:52
-    at buildResponseToResult (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:922:7)
-    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:949:16
-    at responseCallbacks.&lt;computed&gt; (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:601:9)
-    at handleIncomingPacket (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:656:12)
-    at Socket.readFromStdout (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:579:7)
-    at Socket.emit (node:events:518:28)
-    at Socket.emit (node:domain:489:12)</pre></div><!--$--><!--/$--></main></div><script src="/_next/static/chunks/webpack-6fd1f9e039b848f1.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[7132,[],\"\"]\n3:I[5082,[],\"\"]\n5:I[700,[],\"OutletBoundary\"]\n7:I[7748,[],\"AsyncMetadataOutlet\"]\n9:I[700,[],\"ViewportBoundary\"]\nb:I[700,[],\"MetadataBoundary\"]\nc:\"$Sreact.suspense\"\ne:I[1256,[],\"\"]\n:HL[\"/_next/static/media/569ce4b8f30dc480-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/93f479601ee12b01-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/add540dce4b888a2.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"hQ8VxCM9KDLkb5wLIRxn3\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/add540dce4b888a2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_5cfdac __variable_9a8899 antialiased\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full gap-4 py-6 px-8\",\"children\":[[\"$\",\"header\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shrub size-11 text-primary\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"eqv9mc\",{\"d\":\"M12 22v-7l-2-2\"}],[\"$\",\"path\",\"ubcgy\",{\"d\":\"M17 8v.8A6 6 0 0 1 13.8 20H10A6.5 6.5 0 0 1 7 8a5 5 0 0 1 10 0Z\"}],[\"$\",\"path\",\"847xa2\",{\"d\":\"m14 14-2 2\"}],\"$undefined\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-2xl font-bold\",\"children\":\"Envin\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Manage environment variables for your project. Validate and set them up in seconds.\"}]]}]]}],[\"$\",\"main\",null,{\"className\":\"flex flex-col gap-4 min-h-0 h-full\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L4\",null,[\"$\",\"$L5\",null,{\"children\":[\"$L6\",[\"$\",\"$L7\",null,{\"promise\":\"$@8\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$c\",null,{\"fallback\":null,\"children\":\"$Ld\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n6:null\n"])</script><script>self.__next_f.push([1,"f:I[4780,[],\"IconMark\"]\n8:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Envin\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Framework-agnostic, type-safe tool to validate and preview your environment variables—powered by your favorite schema validator.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"24x24\"}],[\"$\",\"$Lf\",\"3\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"d:\"$8:metadata\"\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"div\",null,{\"className\":\"flex grow h-full border-destructive border-dashed border-2 rounded-lg flex-col items-center justify-center\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-ban size-20 mb-6 text-destructive\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"path\",\"1m5liu\",{\"d\":\"m4.9 4.9 14.2 14.2\"}],\"$undefined\"]}],[\"$\",\"code\",null,{\"className\":\"text-muted-foreground bg-muted py-0.5 px-2.5 rounded-md mb-2\",\"children\":\"Error\"}],[\"$\",\"span\",null,{\"className\":\"text-2xl font-medium\",\"children\":\"There was an error loading the config.\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Build failed with 1 error:\\nerror: Could not resolve \\\"env.config.ts\\\"\"}],[\"$\",\"pre\",null,{\"className\":\"text-muted-foreground bg-muted py-4 px-6 max-w-4xl mt-6 rounded-md overflow-x-auto\",\"children\":\"Error: Build failed with 1 error:\\nerror: Could not resolve \\\"env.config.ts\\\"\\n    at failureErrorWithLog (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:1463:15)\\n    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:924:25\\n    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:876:52\\n    at buildResponseToResult (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:922:7)\\n    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:949:16\\n    at responseCallbacks.\u003ccomputed\u003e (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:601:9)\\n    at handleIncomingPacket (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:656:12)\\n    at Socket.readFromStdout (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:579:7)\\n    at Socket.emit (node:events:518:28)\\n    at Socket.emit (node:domain:489:12)\"}]]}]\n"])</script></body></html>

package/dist/preview/.next/server/app/index.meta

@@ -1,7 +0,0 @@
-{
-  "headers": {
-    "x-nextjs-stale-time": "300",
-    "x-nextjs-prerender": "1",
-    "x-next-cache-tags": "_N_T_/layout,_N_T_/page,_N_T_/"
-  }
-}

package/dist/preview/.next/server/app/index.rsc

@@ -1,19 +0,0 @@
-1:"$Sreact.fragment"
-2:I[7132,[],""]
-3:I[5082,[],""]
-5:I[700,[],"OutletBoundary"]
-7:I[7748,[],"AsyncMetadataOutlet"]
-9:I[700,[],"ViewportBoundary"]
-b:I[700,[],"MetadataBoundary"]
-c:"$Sreact.suspense"
-e:I[1256,[],""]
-:HL["/_next/static/media/569ce4b8f30dc480-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/93f479601ee12b01-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/add540dce4b888a2.css","style"]
-0:{"P":null,"b":"hQ8VxCM9KDLkb5wLIRxn3","p":"","c":["",""],"i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/add540dce4b888a2.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__variable_5cfdac __variable_9a8899 antialiased","children":["$","div",null,{"className":"flex flex-col h-full gap-4 py-6 px-8","children":[["$","header",null,{"className":"flex items-center gap-3","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-shrub size-11 text-primary","aria-hidden":"true","children":[["$","path","eqv9mc",{"d":"M12 22v-7l-2-2"}],["$","path","ubcgy",{"d":"M17 8v.8A6 6 0 0 1 13.8 20H10A6.5 6.5 0 0 1 7 8a5 5 0 0 1 10 0Z"}],["$","path","847xa2",{"d":"m14 14-2 2"}],"$undefined"]}],["$","div",null,{"className":"flex flex-col","children":[["$","h1",null,{"className":"text-2xl font-bold","children":"Envin"}],["$","p",null,{"className":"text-sm text-muted-foreground","children":"Manage environment variables for your project. Validate and set them up in seconds."}]]}]]}],["$","main",null,{"className":"flex flex-col gap-4 min-h-0 h-full","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]}]}]]}],{"children":["__PAGE__",["$","$1","c",{"children":["$L4",null,["$","$L5",null,{"children":["$L6",["$","$L7",null,{"promise":"$@8"}]]}]]}],{},null,false]},null,false],["$","$1","h",{"children":[null,[["$","$L9",null,{"children":"$La"}],["$","meta",null,{"name":"next-size-adjust","content":""}]],["$","$Lb",null,{"children":["$","div",null,{"hidden":true,"children":["$","$c",null,{"fallback":null,"children":"$Ld"}]}]}]]}],false]],"m":"$undefined","G":["$e",[]],"s":false,"S":true}
-a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-6:null
-f:I[4780,[],"IconMark"]
-8:{"metadata":[["$","title","0",{"children":"Envin"}],["$","meta","1",{"name":"description","content":"Framework-agnostic, type-safe tool to validate and preview your environment variables—powered by your favorite schema validator."}],["$","link","2",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"24x24"}],["$","$Lf","3",{}]],"error":null,"digest":"$undefined"}
-d:"$8:metadata"
-4:["$","div",null,{"className":"flex grow h-full border-destructive border-dashed border-2 rounded-lg flex-col items-center justify-center","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-ban size-20 mb-6 text-destructive","aria-hidden":"true","children":[["$","circle","1mglay",{"cx":"12","cy":"12","r":"10"}],["$","path","1m5liu",{"d":"m4.9 4.9 14.2 14.2"}],"$undefined"]}],["$","code",null,{"className":"text-muted-foreground bg-muted py-0.5 px-2.5 rounded-md mb-2","children":"Error"}],["$","span",null,{"className":"text-2xl font-medium","children":"There was an error loading the config."}],["$","p",null,{"className":"text-muted-foreground","children":"Build failed with 1 error:\nerror: Could not resolve \"env.config.ts\""}],["$","pre",null,{"className":"text-muted-foreground bg-muted py-4 px-6 max-w-4xl mt-6 rounded-md overflow-x-auto","children":"Error: Build failed with 1 error:\nerror: Could not resolve \"env.config.ts\"\n    at failureErrorWithLog (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:1463:15)\n    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:924:25\n    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:876:52\n    at buildResponseToResult (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:922:7)\n    at /home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:949:16\n    at responseCallbacks.<computed> (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:601:9)\n    at handleIncomingPacket (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:656:12)\n    at Socket.readFromStdout (/home/runner/work/envin/envin/node_modules/esbuild/lib/main.js:579:7)\n    at Socket.emit (node:events:518:28)\n    at Socket.emit (node:domain:489:12)"}]]}]

package/dist/preview/.next/static/chunks/app/page-f31104412e1b6c0f.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{1676:(e,t,r)=>{"use strict";r.d(t,{FileContent:()=>o});var a=r(4568),l=r(7620),n=r(5909),s=r(5646),i=r(7380),c=r(6600);let o=()=>{let{form:e,issues:t,filteredKeys:r,variables:o}=(0,s.$l)();if(!r.length)return(0,a.jsx)(d,{});let u=e.watch(),f=Object.groupBy(r.map(e=>({...o[e],value:u[e],key:e})),e=>{let{preset:t}=e;return null!=t?t:i.CO}),v=Object.keys(f).reverse();return(0,a.jsx)(n.F,{className:"w-full h-full grow bg-muted rounded-md p-4 px-5 min-w-0",children:(0,a.jsx)("div",{className:"font-mono text-sm",children:v.map(e=>{var r;return(0,a.jsxs)(l.Fragment,{children:[e!==i.CO&&(0,a.jsxs)("span",{className:"uppercase text-muted-foreground mt-8 block",children:["### ",e," ###"]}),null==(r=f[e])?void 0:r.map(e=>{var r;let n=t.some(t=>{var r;return null==(r=t.path)?void 0:r.includes(e.key)});return(0,a.jsxs)(l.Fragment,{children:[e.description&&(0,a.jsxs)("span",{className:"text-muted-foreground truncate mt-4 first:mt-0 block",children:["# ",e.description]}),(0,a.jsx)("span",{className:(0,c.cn)("text-foreground block",{"text-destructive":n}),children:e.value?"".concat(e.key,'="').concat(null!=(r=e.value)?r:"",'"'):"".concat(e.key,"=")})]},e.key)})]},e)})})})},d=()=>(0,a.jsx)(n.F,{className:"w-full h-full relative grow bg-muted rounded-md p-4 px-5 min-w-0",children:(0,a.jsx)("p",{className:"text-muted-foreground w-full max-w-md text-center text-balance absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:"No variables found. Please add some variables to the config or modify the filters."})})},5136:(e,t,r)=>{"use strict";r.d(t,{Form:()=>eg});var a,l,n,s,i,c,o,d,u,f,v,m,p,h,g,x,b,j,y,w=r(4568),E=r(1552),_=r(6350),N=r(1219),O=r(4931),z=r(9690),C=r(6608),k=r(7620),A=r(2675),P=r(6839),V=r(4711),L=r(6600);function F(e){let{...t}=e;return(0,w.jsx)(P.bL,{"data-slot":"accordion",...t})}function M(e){let{className:t,...r}=e;return(0,w.jsx)(P.q7,{"data-slot":"accordion-item",className:(0,L.cn)("border rounded-md",t),...r})}function H(e){let{className:t,children:r,...a}=e;return(0,w.jsx)(P.Y9,{className:"flex",children:(0,w.jsxs)(P.l9,{"data-slot":"accordion-trigger",className:(0,L.cn)("focus-visible:border-ring cursor-pointer px-5 focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left leading-tight font-medium capitalize transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",t),...a,children:[r,(0,w.jsx)(V.A,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}function D(e){let{className:t,children:r,...a}=e;return(0,w.jsx)(P.UC,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...a,children:(0,w.jsx)("div",{className:(0,L.cn)("pt-0 pb-5 px-5",t),children:r})})}var S=r(9649);let I=(0,r(615).F)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-destructive bg-transparent text-destructive [a&]:hover:border-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function U(e){let{className:t,variant:r,asChild:a=!1,...l}=e,n=a?S.DX:"span";return(0,w.jsx)(n,{"data-slot":"badge",className:(0,L.cn)(I({variant:r}),t),...l})}var B=r(7227),q=r(1938),R=r(6559);function W(e){let{className:t,...r}=e;return(0,w.jsx)(R.b,{"data-slot":"label",className:(0,L.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",t),...r})}let T=q.Op,$=k.createContext({}),G=e=>{let{...t}=e;return(0,w.jsx)($.Provider,{value:{name:t.name},children:(0,w.jsx)(q.xI,{...t})})},X=()=>{let e=k.useContext($),t=k.useContext(K),{getFieldState:r}=(0,q.xW)(),a=(0,q.lN)({name:e.name}),l=r(e.name,a);if(!e)throw Error("useFormField should be used within <FormField>");let{id:n}=t;return{id:n,name:e.name,formItemId:"".concat(n,"-form-item"),formDescriptionId:"".concat(n,"-form-item-description"),formMessageId:"".concat(n,"-form-item-message"),...l}},K=k.createContext({});function Q(e){let{className:t,...r}=e,a=k.useId();return(0,w.jsx)(K.Provider,{value:{id:a},children:(0,w.jsx)("div",{"data-slot":"form-item",className:(0,L.cn)("grid gap-2",t),...r})})}function Y(e){let{className:t,...r}=e,{error:a,formItemId:l}=X();return(0,w.jsx)(W,{"data-slot":"form-label","data-error":!!a,className:(0,L.cn)("data-[error=true]:text-destructive",t),htmlFor:l,...r})}function Z(e){let{...t}=e,{error:r,formItemId:a,formDescriptionId:l,formMessageId:n}=X();return(0,w.jsx)(S.DX,{"data-slot":"form-control",id:a,"aria-describedby":r?"".concat(l," ").concat(n):"".concat(l),"aria-invalid":!!r,...t})}function J(e){let{className:t,...r}=e,{formDescriptionId:a}=X();return(0,w.jsx)("p",{"data-slot":"form-description",id:a,className:(0,L.cn)("text-muted-foreground text-sm",t),...r})}function ee(){return(ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function et(){return(et=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function er(){return(er=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function ea(){return(ea=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function el(){return(el=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function en(){return(en=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function es(){return(es=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function ei(){return(ei=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function ec(){return(ec=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function eo(){return(eo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}function ed(){return(ed=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}var eu=r(5165),ef=r(5909),ev=r(5646),em=r(6186),ep=r(7380);let eh={"neon-vercel":function(e){return k.createElement("svg",et({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),n||(n=k.createElement("g",{clipPath:"url(#neon_svg__a)"},k.createElement("path",{fill:"#00E0D9",d:"M0 2.759A2.76 2.76 0 0 1 2.759 0H13.24A2.76 2.76 0 0 1 16 2.759v8.915c0 1.576-1.995 2.26-2.962 1.016L10.014 8.8v4.717A2.483 2.483 0 0 1 7.53 16H2.76A2.76 2.76 0 0 1 0 13.241zm2.759-.552a.55.55 0 0 0-.552.551v10.483c0 .305.247.552.551.552h4.856c.152 0 .193-.123.193-.276V7.191c0-1.576 1.994-2.26 2.962-1.016l3.024 3.89V2.76c0-.305.029-.552-.276-.552z"}),k.createElement("path",{fill:"url(#neon_svg__b)",d:"M0 2.759A2.76 2.76 0 0 1 2.759 0H13.24A2.76 2.76 0 0 1 16 2.759v8.915c0 1.576-1.995 2.26-2.962 1.016L10.014 8.8v4.717A2.483 2.483 0 0 1 7.53 16H2.76A2.76 2.76 0 0 1 0 13.241zm2.759-.552a.55.55 0 0 0-.552.551v10.483c0 .305.247.552.551.552h4.856c.152 0 .193-.123.193-.276V7.191c0-1.576 1.994-2.26 2.962-1.016l3.024 3.89V2.76c0-.305.029-.552-.276-.552z"}),k.createElement("path",{fill:"url(#neon_svg__c)",fillOpacity:.4,d:"M0 2.759A2.76 2.76 0 0 1 2.759 0H13.24A2.76 2.76 0 0 1 16 2.759v8.915c0 1.576-1.995 2.26-2.962 1.016L10.014 8.8v4.717A2.483 2.483 0 0 1 7.53 16H2.76A2.76 2.76 0 0 1 0 13.241zm2.759-.552a.55.55 0 0 0-.552.551v10.483c0 .305.247.552.551.552h4.856c.152 0 .193-.123.193-.276V7.191c0-1.576 1.994-2.26 2.962-1.016l3.024 3.89V2.76c0-.305.029-.552-.276-.552z"}),k.createElement("path",{fill:"#63F655",d:"M13.241 0a2.76 2.76 0 0 1 2.76 2.759v8.915c0 1.576-1.996 2.26-2.963 1.016L10.014 8.8v4.717A2.483 2.483 0 0 1 7.53 16a.276.276 0 0 0 .276-.276V7.191c0-1.576 1.994-2.26 2.962-1.016l3.024 3.89V.552A.55.55 0 0 0 13.241 0"}))),s||(s=k.createElement("defs",null,k.createElement("linearGradient",{id:"neon_svg__b",x1:1600,x2:193.104,y1:1600,y2:0,gradientUnits:"userSpaceOnUse"},k.createElement("stop",{stopColor:"#62F755"}),k.createElement("stop",{offset:1,stopColor:"#8FF986",stopOpacity:0})),k.createElement("linearGradient",{id:"neon_svg__c",x1:1600,x2:649.648,y1:1600,y2:1230.35,gradientUnits:"userSpaceOnUse"},k.createElement("stop",{stopOpacity:.9}),k.createElement("stop",{offset:1,stopColor:"#1A1A1A",stopOpacity:0})),k.createElement("clipPath",{id:"neon_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 0h16v16H0z"})))))},vercel:function(e){return k.createElement("svg",ec({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),x||(x=k.createElement("path",{fill:"currentColor",d:"m8 1.072 8 13.856H0z"})))},uploadthing:function(e){return k.createElement("svg",es({xmlns:"http://www.w3.org/2000/svg",className:"uploadthing_svg__h-6",viewBox:"0 0 300 300"},e),p||(p=k.createElement("path",{d:"M219.3 2c-11.1 2-24.8 9.1-33.9 17.7-12.2 11.4-21 29.5-23 47.4-.7 6-1.8 7.5-2.9 4-1-3.2-7.9-13.4-12.1-17.7-12.8-13.5-29-20.6-46.9-20.7-18.1-.1-32.2 5.9-45.5 19.2-9.5 9.6-14.1 16.6-18.1 28-7.5 21.2-5.9 44.9 4.2 64.7 2.2 4.2 3.8 7.8 3.7 7.9-.2.1-2.3 1.3-4.8 2.5-15.3 7.7-27.8 22.6-34.3 40.5-7.2 20.3-5.8 44.4 3.7 63.3 8.9 17.7 21.3 28.8 39.8 35.8 6.6 2.5 8.6 2.8 19.8 2.8s13.3-.3 20-2.7c21.6-7.9 37.4-24.8 44.5-47.7.9-3 1.8-6 2-6.7.3-.8 2.7 0 7.1 2.2 20.4 10.3 45.1 8.3 64-5.1 13.7-9.7 24.5-25.4 29-42.4 2-7.2 2.5-28.3 1.1-38l-.9-5.5 6.6-1.3c22.3-4.2 42.9-23.2 51-47 16.3-47.9-14.2-99.4-60.2-101.7-4.8-.2-11 0-13.9.5"})))},render:function(e){return k.createElement("svg",el({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),u||(u=k.createElement("g",{clipPath:"url(#render_svg__a)"},k.createElement("path",{fill:"currentColor",d:"M18.264.007c-3.121-.147-5.744 2.109-6.192 5.082-.018.138-.045.272-.067.405C11.309 9.197 8.069 12 4.178 12a7.9 7.9 0 0 1-3.825-.98.202.202 0 0 0-.302.179V24H12v-9c0-1.655 1.338-3 2.987-3h2.988c3.382 0 6.103-2.816 5.97-6.243-.12-3.084-2.61-5.603-5.682-5.75"}))),f||(f=k.createElement("defs",null,k.createElement("clipPath",{id:"render_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))))},railway:function(e){return k.createElement("svg",ea({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),o||(o=k.createElement("g",{clipPath:"url(#railway_svg__a)"},k.createElement("path",{fill:"currentColor",d:"M.113 10.27A13 13 0 0 0 0 11.48h18.23a2.3 2.3 0 0 0-.235-.347c-3.117-4.027-4.793-3.677-7.19-3.78-.8-.034-1.34-.048-4.524-.048-1.704 0-3.555.005-5.358.01-.234.63-.459 1.24-.567 1.737h9.342v1.216H.113zm18.26 2.426H.009q.029.488.094.961h16.955c.754 0 1.179-.43 1.315-.961m-17.318 4.28s2.81 6.902 10.93 7.024c4.855 0 9.027-2.883 10.92-7.024H1.055M11.988 0C7.5 0 3.593 2.466 1.531 6.108l4.75-.005v-.002c3.71 0 3.849.016 4.573.047l.448.016c1.563.052 3.485.22 4.996 1.364.82.621 2.007 1.99 2.712 2.965.654.902.842 1.94.396 2.934-.408.914-1.289 1.458-2.353 1.458H.391s.099.42.249.886h22.748c.403-1.215.61-2.486.612-3.766C24 5.377 18.621 0 11.988 0"}))),d||(d=k.createElement("defs",null,k.createElement("clipPath",{id:"railway_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 0h24v24H0z"})))))},fly:function(e){return k.createElement("svg",ee({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 256 256"},e),a||(a=k.createElement("g",{clipPath:"url(#fly_svg__a)"},k.createElement("path",{fill:"url(#fly_svg__b)",d:"M179.016 56.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.28 5.28 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.26 5.26 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 235.782 0 222.556 0 207.757V104.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.12-.992 2.89-.308.991-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46 46 0 0 0-3.654 3.816 33 33 0 0 0-1.572 2.008 26 26 0 0 0-2.03 3.318q-.454.9-.814 1.842a17 17 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a17 17 0 0 0 3.387 5.31 17.2 17.2 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68a19.9 19.9 0 0 0 8.394.954h.016a18.9 18.9 0 0 0 6.922-2.054 18 18 0 0 0 2.644-1.712 16.95 16.95 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.3 17.3 0 0 0-1.148-4.718 20 20 0 0 0-.888-1.927 26.5 26.5 0 0 0-2.09-3.308 35 35 0 0 0-1.103-1.413 46 46 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41q.038-.084.063-.174l1.961-6.118.206-.89.851-4.87.165-1.32.05-.808.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114a2 2 0 0 0-.056-.243l-1.241-4.522-.427-1.256zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256"}),k.createElement("path",{fill:"#000",d:"M102.63 255.264H47.51A47.3 47.3 0 0 1 17.404 244.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.26 5.26 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.28 5.28 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.6 10.6 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.43 10.43 0 0 1-6.518 2.376m90.397-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256m-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245-.33-2.493-.135-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712q.076-.063.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522q.036.12.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118q-.026.09-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45 45 0 0 1 4.078 4.271q.57.693 1.104 1.413a26.5 26.5 0 0 1 2.089 3.308q.496.938.888 1.927c.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.7 17.7 0 0 1-1.262 6.853 16.95 16.95 0 0 1-5.332 7.09 18 18 0 0 1-2.644 1.713 18.9 18.9 0 0 1-6.922 2.054h-.016a19.9 19.9 0 0 1-8.394-.954 18.3 18.3 0 0 1-3.554-1.68 17.2 17.2 0 0 1-3.57-2.906 17 17 0 0 1-3.387-5.31 17.6 17.6 0 0 1-1.256-6.09l.022-1.481a17 17 0 0 1 1.1-5.008q.36-.945.814-1.842a26 26 0 0 1 2.03-3.318 32 32 0 0 1 1.572-2.008 46 46 0 0 1 3.654-3.816l.474-.428z"}),k.createElement("path",{fill:"#fff",d:"m141.7 225.499 32.982 27.389a10.6 10.6 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a37 37 0 0 1 1.792 1.774q.609.65 1.182 1.341.728.874 1.347 1.83c.178.281.343.565.499.861q.201.384.362.789c.187.468.327.96.37 1.462l-.009.942a5.377 5.377 0 0 1-2.547 4.187 7.3 7.3 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.5 7.5 0 0 1-1.35-.327 6.5 6.5 0 0 1-1.278-.599l-.767-.561a5.26 5.26 0 0 1-1.746-2.994 7 7 0 0 1-.09-.592l-.029-.898a5 5 0 0 1 .106-.723 7.4 7.4 0 0 1 .57-1.516q.474-.91 1.073-1.743a27 27 0 0 1 2.155-2.56 31 31 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262zm-1.93-125.195.121-.01v104.981l-.262-.483a294 294 0 0 1-9.644-19.544 209 209 0 0 1-6.545-16.385 129 129 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a54 54 0 0 1-.09-4.764q.036-2.076.168-4.147.202-3.261.676-6.492a65 65 0 0 1 .951-5.048 53 53 0 0 1 1.067-3.935c.586-1.87 1.289-3.7 2.104-5.482.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.5 17.5 0 0 1 7.789-2.744m13.613.265 7.062 2.014c3.271 1.207 6.42 2.78 9.314 4.746a37.4 37.4 0 0 1 10.015 9.99 37.7 37.7 0 0 1 3.879 7.477 44 44 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033a34 34 0 0 1-1.269 6.673 53 53 0 0 1-1.83 5.25 76 76 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a205 205 0 0 1-11.483 14.986 285 285 0 0 1-13.776 15.269 293 293 0 0 0 9.067-18.553 232 232 0 0 0 4.41-10.623 168 168 0 0 0 4.106-11.945c.909-3.02 1.697-6.076 2.36-9.16a75 75 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a97 97 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a48 48 0 0 0-2.226-5.9c-2.067-4.501-4.952-8.711-8.855-11.782z"}))),l||(l=k.createElement("defs",null,k.createElement("radialGradient",{id:"fly_svg__b",cx:0,cy:0,r:1,gradientTransform:"translate(10548.5 9903.28)scale(18545.1)",gradientUnits:"userSpaceOnUse"},k.createElement("stop",{stopColor:"#BA7BF0"}),k.createElement("stop",{offset:.45,stopColor:"#996BEC"}),k.createElement("stop",{offset:1,stopColor:"#5046E4"})),k.createElement("clipPath",{id:"fly_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 25h256v231H0z"})))))},netlify:function(e){return k.createElement("svg",er({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),i||(i=k.createElement("g",{clipPath:"url(#netlify_svg__a)"},k.createElement("path",{fill:"#014847",d:"M10.058 10.326H8.961l-.092-.092V7.666c0-.457-.18-.811-.73-.824-.284-.007-.608 0-.955.014l-.052.053v3.324l-.092.091H5.943l-.091-.091V5.846l.091-.092h2.47c.959 0 1.737.777 1.737 1.737v2.743z"}),k.createElement("path",{fill:"#05BDBA",d:"M7.368 14.988v-3.291l.091-.092h1.1l.092.091v3.292l-.092.091h-1.1zm0-10.605V1.092L7.459 1h1.1l.092.092v3.291l-.092.092h-1.1zm8.542 4.298H11.52l-.091-.091v-1.1l.091-.092h4.389L16 7.49v1.1zm-11.43 0H.092L0 8.59v-1.1l.092-.092H4.48l.092.092v1.1zM3.42 4.227v-.151l.754-.754h.151l1.153 1.153v.798l-.107.107h-.798zm.905 8.53h-.15l-.755-.755v-.15l1.153-1.154h.799l.106.107v.799z"}))),c||(c=k.createElement("defs",null,k.createElement("clipPath",{id:"netlify_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 0h16v16H0z"})))))},"upstash-redis":function(e){return k.createElement("svg",ei({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 341 341"},e),h||(h=k.createElement("g",{clipPath:"url(#upstash_svg__a)"},k.createElement("path",{fill:"#00C98D",d:"M43 298.417c56.554 56.553 148.247 56.553 204.801 0 56.554-56.554 56.554-148.247 0-204.8l-25.6 25.599c42.415 42.416 42.415 111.185 0 153.6-42.416 42.416-111.185 42.416-153.601 0z"}),k.createElement("path",{fill:"#00C98D",d:"M94.2 247.216c28.276 28.277 74.122 28.277 102.399 0 28.277-28.276 28.277-74.123 0-102.4l-25.6 25.6c14.14 14.138 14.14 37.061 0 51.2-14.138 14.139-37.061 14.139-51.2 0zm204.799-204.8c-56.554-56.554-148.247-56.554-204.8 0-56.554 56.554-56.554 148.246 0 204.8l25.6-25.6c-42.415-42.415-42.416-111.185-.001-153.6 42.416-42.416 111.185-42.416 153.6 0z"}),k.createElement("path",{fill:"#00C98D",d:"M247.8 93.616c-28.276-28.277-74.124-28.277-102.4 0-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2 14.138-14.139 37.06-14.139 51.2 0z"}),k.createElement("path",{fill:"#fff",fillOpacity:.4,d:"M298.999 42.415c-56.554-56.553-148.247-56.553-204.8 0-56.554 56.555-56.554 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6 42.416-42.416 111.185-42.416 153.6 0z"}),k.createElement("path",{fill:"#fff",fillOpacity:.4,d:"M247.8 93.616c-28.276-28.277-74.124-28.277-102.4 0-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2 14.138-14.139 37.06-14.139 51.2 0z"}))),g||(g=k.createElement("defs",null,k.createElement("clipPath",{id:"upstash_svg__a"},k.createElement("path",{fill:"#fff",d:"M43 0h256v341H43z"})))))},"supabase-vercel":function(e){return k.createElement("svg",en({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),v||(v=k.createElement("g",{clipPath:"url(#supabase_svg__a)"},k.createElement("path",{fill:"url(#supabase_svg__b)",d:"M9.315 15.734c-.408.515-1.238.233-1.247-.425l-.144-9.613h6.464c1.17 0 1.824 1.352 1.096 2.269z"}),k.createElement("path",{fill:"url(#supabase_svg__c)",fillOpacity:.2,d:"M9.315 15.734c-.408.515-1.238.233-1.247-.425l-.144-9.613h6.464c1.17 0 1.824 1.352 1.096 2.269z"}),k.createElement("path",{fill:"#3ECF8E",d:"M6.685.266C7.094-.25 7.923.033 7.932.69l.064 9.614H1.612c-1.17 0-1.823-1.352-1.095-2.269z"}))),m||(m=k.createElement("defs",null,k.createElement("linearGradient",{id:"supabase_svg__b",x1:7.924,x2:13.669,y1:7.828,y2:10.238,gradientUnits:"userSpaceOnUse"},k.createElement("stop",{stopColor:"#249361"}),k.createElement("stop",{offset:1,stopColor:"#3ECF8E"})),k.createElement("linearGradient",{id:"supabase_svg__c",x1:5.377,x2:7.997,y1:4.341,y2:9.273,gradientUnits:"userSpaceOnUse"},k.createElement("stop",null),k.createElement("stop",{offset:1,stopOpacity:0})),k.createElement("clipPath",{id:"supabase_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 0h16v16H0z"})))))},vite:function(e){return k.createElement("svg",eo({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),b||(b=k.createElement("g",{clipPath:"url(#vite_svg__a)"},k.createElement("path",{fill:"url(#vite_svg__b)",d:"m15.596 2.44-7.18 12.84a.39.39 0 0 1-.68.003L.414 2.442a.39.39 0 0 1 .407-.578L8.01 3.148a.4.4 0 0 0 .139 0l7.038-1.282a.39.39 0 0 1 .41.574"}),k.createElement("path",{fill:"url(#vite_svg__c)",d:"m11.433.179-5.314 1.04a.195.195 0 0 0-.157.18L5.635 6.92a.195.195 0 0 0 .239.202l1.48-.342a.195.195 0 0 1 .234.23l-.44 2.152a.195.195 0 0 0 .249.226l.913-.278a.196.196 0 0 1 .248.226l-.698 3.381c-.044.212.237.327.355.146l.078-.121 4.33-8.642a.195.195 0 0 0-.211-.279l-1.524.294a.195.195 0 0 1-.224-.246l.994-3.445a.196.196 0 0 0-.127-.24.2.2 0 0 0-.098-.005"}))),j||(j=k.createElement("defs",null,k.createElement("linearGradient",{id:"vite_svg__b",x1:.235,x2:9.171,y1:1.405,y2:13.542,gradientUnits:"userSpaceOnUse"},k.createElement("stop",{stopColor:"#41D1FF"}),k.createElement("stop",{offset:1,stopColor:"#BD34FE"})),k.createElement("linearGradient",{id:"vite_svg__c",x1:7.596,x2:9.213,y1:.461,y2:11.551,gradientUnits:"userSpaceOnUse"},k.createElement("stop",{stopColor:"#FFEA83"}),k.createElement("stop",{offset:.083,stopColor:"#FFDD35"}),k.createElement("stop",{offset:1,stopColor:"#FFA800"})),k.createElement("clipPath",{id:"vite_svg__a"},k.createElement("path",{fill:"#fff",d:"M0 0h16v16H0z"})))))},wxt:function(e){return k.createElement("svg",ed({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),y||(y=k.createElement("path",{fill:"#67D55E",d:"M10.525 15H8.17v-.885a1.23 1.23 0 1 0-2.46 0V15H1v-4.71h.885a1.23 1.23 0 0 0 0-2.46H1V5.5a2.355 2.355 0 0 1 2.355-2.38H4.6a2.355 2.355 0 0 1 4.685 0h1.24A2.356 2.356 0 0 1 12.88 5.5v1.24a2.355 2.355 0 0 1 0 4.685v1.245A2.355 2.355 0 0 1 10.525 15m-1.24-1.12h1.24a1.24 1.24 0 0 0 1.235-1.235V10.29h.885a1.23 1.23 0 0 0 0-2.46h-.885V5.5a1.24 1.24 0 0 0-1.235-1.235H8.17v-.91a1.23 1.23 0 1 0-2.46 0v.885H3.355A1.24 1.24 0 0 0 2.12 5.5v1.24a2.355 2.355 0 0 1 0 4.685v2.5h2.5a2.355 2.355 0 0 1 4.685 0z"})))}},eg=()=>{let{form:e,variables:t,filteredKeys:r}=(0,ev.$l)();if(!r.length)return(0,w.jsx)(e_,{});let a=Object.groupBy(r.map(e=>({...t[e],key:e})),e=>{let{preset:t}=e;return null!=t?t:ep.CO}),l=Object.keys(a).reverse();return(0,w.jsx)(ef.F,{className:"w-full h-full",children:(0,w.jsx)(F,{type:"multiple",defaultValue:l,children:(0,w.jsx)(T,{...e,children:(0,w.jsx)("form",{className:"space-y-3",children:l.map(t=>{var r;let l=t in eh?eh[t]:null;return(0,w.jsxs)(M,{className:(0,L.cn)("flex flex-col","root"===t&&"pt-5"),value:t,children:["root"!==t&&(0,w.jsx)(H,{children:(0,w.jsxs)("div",{className:"flex items-center gap-2",children:[l&&(0,w.jsx)(l,{className:"size-4"}),t.replace("-"," ")]})}),(0,w.jsx)(D,{children:null==(r=a[t])?void 0:r.map(t=>(0,w.jsx)(eE,{variable:t,control:e.control},t.key))})]},t)})})})})})},ex=e=>{let{group:t}=e;return["client","shared"].includes(t)?(0,w.jsxs)(U,{variant:"secondary",children:[(0,w.jsx)(E.A,{className:"size-4"}),"Public variable"]}):"server"===t?(0,w.jsxs)(U,{variant:"secondary",children:[(0,w.jsx)(_.A,{className:"size-4"}),"Secret variable"]}):null},eb=e=>{let{files:t}=e;return(0,w.jsx)(w.Fragment,{children:t.map(e=>(0,w.jsxs)(U,{variant:"outline",children:[(0,w.jsx)(N.A,{className:"size-4"}),e]},e))})},ej=e=>{let{valid:t}=e;return t?(0,w.jsxs)(U,{variant:"outline",className:"border-green-500 text-green-500",children:[(0,w.jsx)(O.A,{className:"size-4"}),"Valid"]}):(0,w.jsxs)(U,{variant:"destructive",children:[(0,w.jsx)(z.A,{className:"size-4"}),"Invalid value"]})},ey=e=>{let{variable:t,field:r}=e,[,a]=(0,em.C)(),[l,n]=(0,k.useState)(!1),s=async()=>{await a(r.value)&&(n(!0),setTimeout(()=>n(!1),2e3))};return(0,w.jsxs)("div",{className:"flex gap-2",children:[(0,w.jsx)(Z,{children:(0,w.jsx)(eu.p,{placeholder:"Set a value for ".concat(t.key),className:"font-mono",...r})}),(0,w.jsx)(B.$,{variant:"outline",size:"icon",onClick:s,type:"button",children:l?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(O.A,{className:"size-4"}),(0,w.jsx)("span",{className:"sr-only",children:"Copied to clipboard"})]}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(C.A,{className:"size-4"}),(0,w.jsx)("span",{className:"sr-only",children:"Copy to clipboard"})]})})]})},ew=e=>{let{variable:t,issue:r}=e;return(0,w.jsxs)("div",{className:"mt-1 border border-destructive rounded-md p-4 text-destructive text-sm",children:[A.Ik({code:A.Yj()}).safeParse(r).success&&(0,w.jsx)("code",{className:"font-medium font-mono mb-1.5 block bg-destructive/10 px-2 w-fit rounded-md",children:r.code}),(0,w.jsxs)("div",{children:["The value for ",(0,w.jsx)("span",{className:"font-mono font-medium",children:t})," ","is invalid:"]}),(0,w.jsx)("ul",{className:"list-disc list-inside mt-1 ml-2",children:(0,w.jsx)("li",{children:r.message})})]})},eE=e=>{let{variable:t,control:r}=e,{issue:a,fileValue:l}=(0,ev.u)(t.key);return(0,w.jsx)(G,{control:r,name:t.key,render:e=>{var r;let{field:n}=e;return(0,w.jsxs)(Q,{className:"border-b py-7 first:pt-1 last:pb-0 last:border-b-0",children:[(0,w.jsxs)("div",{className:"space-y-1",children:[(0,w.jsx)(Y,{className:"font-mono font-semibold",children:t.key}),t.description&&(0,w.jsx)(J,{children:t.description})]}),(0,w.jsx)(ey,{variable:t,field:n}),(0,w.jsxs)("div",{className:"flex gap-2 mt-0.5",children:[(0,w.jsx)(ex,{group:t.group}),(0,w.jsx)(eb,{files:null!=(r=null==l?void 0:l.files)?r:[]}),(0,w.jsx)(ej,{valid:!a})]}),a&&(0,w.jsx)(ew,{variable:t.key,issue:a})]})}},t.key)},e_=()=>(0,w.jsx)("div",{className:"w-full h-full relative grow min-w-0 flex items-center justify-center",children:(0,w.jsx)("p",{className:"text-muted-foreground w-full max-w-md text-center text-balance",children:"No variables found. Please add some variables to the config or modify the filters."})})},5165:(e,t,r)=>{"use strict";r.d(t,{p:()=>n});var a=r(4568),l=r(6600);function n(e){let{className:t,type:r,...n}=e;return(0,a.jsx)("input",{type:r,"data-slot":"input",className:(0,l.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...n})}},5646:(e,t,r)=>{"use strict";r.d(t,{VariablesProvider:()=>p,u:()=>g,$l:()=>h});var a=r(4568),l=r(2942),n=r(7620),s=r(1938),i=r(8547),c=r(1405);let o=(0,r(7739).si)({});var d=r(7380),u=r(2935);let f=(0,u.createServerReference)("7ff80432172d2103d53cfdcbfbb3ab08de0914e6e0",u.callServer,void 0,u.findSourceMapURL,"validate"),v=(0,u.createServerReference)("7fa0453e34eb666af11053c0ee1cb1798a81897264",u.callServer,void 0,u.findSourceMapURL,"getFileValues"),m=(0,n.createContext)({form:{},issues:[],variables:{},filteredKeys:[],fileValues:{}}),p=e=>{let{children:t,variables:r}=e,u=(0,l.useRouter)(),{query:p,status:h,environment:g}=(0,i.R)(),[x,b]=(0,n.useState)({}),j=(0,n.useRef)(!1),y=(0,s.mN)({defaultValues:Object.fromEntries(Object.entries(r).map(e=>{var t,r,a;let[l,n]=e;return[l,null!=(a=null!=(r=null==(t=x[l])?void 0:t.value)?r:n.default)?a:""]}))}),[w,E]=(0,n.useState)([]),[_,N]=(0,n.useState)(Object.keys(r)),O=(0,n.useCallback)(async e=>{var t;E(null!=(t=(await f(e)).issues)?t:[])},[]);(0,n.useEffect)(()=>{let e=y.subscribe({formState:{values:!0},callback:e=>{j.current||O(e.values)}});return()=>e()},[y,O]);let z=(0,n.useCallback)((e,t)=>{switch(t){case d.nW.VALID:return e.filter(e=>!w.some(t=>{var r;return null==(r=t.path)?void 0:r.includes(e)}));case d.nW.INVALID:return e.filter(e=>w.some(t=>{var r;return null==(r=t.path)?void 0:r.includes(e)}));default:return e}},[w]),C=(0,n.useCallback)((e,t)=>t?e.filter(e=>{var a;let l=r[e],n=(null==l||null==(a=l.description)?void 0:a.toLowerCase())||"";return e.toLowerCase().includes(t.toLowerCase())||n.toLowerCase().includes(t.toLowerCase())}):e,[r]);return(e=>{let t=(0,n.useRef)(null);(0,n.useEffect)(()=>{t.current||(t.current=(0,c.io)());let r=t.current;return r.on("reload",t=>{o.debug("Reloading..."),e(t)}),()=>{r.off()}},[e])})(()=>{u.refresh()}),(0,n.useEffect)(()=>{N(z(C(Object.keys(r),p),h))},[z,C,p,h,r]),(0,n.useEffect)(()=>{v(g).then(e=>{b(e);let t=Object.fromEntries(Object.entries(r).map(t=>{var r,a,l;let[n,s]=t;return[n,null!=(l=null!=(a=null==(r=e[n])?void 0:r.value)?a:s.default)?l:""]}));j.current=!0,y.reset(t,{keepDirtyValues:!0}),j.current=!1,O(t)})},[g,r,y,O]),(0,a.jsx)(m.Provider,{value:{form:y,variables:r,issues:w,filteredKeys:_,fileValues:x},children:t})},h=()=>{let e=(0,n.useContext)(m);if(!e)throw Error("useVariables must be used within a VariablesProvider");return e},g=e=>{let{form:t,variables:r,issues:a,fileValues:l}=h(),n=e in r?r[e]:null;return{variable:n,issue:a.find(t=>{var r;return null==(r=t.path)?void 0:r.includes(e)}),field:t.watch(e),fileValue:l[e]}}},5909:(e,t,r)=>{"use strict";r.d(t,{F:()=>s});var a=r(4568),l=r(2568),n=r(6600);function s(e){let{className:t,children:r,...s}=e;return(0,a.jsxs)(l.bL,{"data-slot":"scroll-area",className:(0,n.cn)("relative",t),...s,children:[(0,a.jsx)(l.LM,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:r}),(0,a.jsx)(i,{}),(0,a.jsx)(l.OK,{})]})}function i(e){let{className:t,orientation:r="vertical",...s}=e;return(0,a.jsx)(l.VM,{"data-slot":"scroll-area-scrollbar",orientation:r,className:(0,n.cn)("flex touch-none p-px transition-colors select-none","vertical"===r&&"h-full w-2.5 border-l border-l-transparent","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent",t),...s,children:(0,a.jsx)(l.lr,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}},6186:(e,t,r)=>{"use strict";r.d(t,{C:()=>l});var a=r(7620);function l(){let[e,t]=(0,a.useState)(null);return[e,(0,a.useCallback)(async e=>{var r;if(!(null==(r=navigator)?void 0:r.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(e),t(e),!0}catch(e){return console.warn("Copy failed",e),t(null),!1}},[])]}},6600:(e,t,r)=>{"use strict";r.d(t,{cn:()=>n});var a=r(2987),l=r(607);function n(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,l.QP)((0,a.$)(t))}},7227:(e,t,r)=>{"use strict";r.d(t,{$:()=>c});var a=r(4568),l=r(9649),n=r(615),s=r(6600);let i=(0,n.F)("inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function c(e){let{className:t,variant:r,size:n,asChild:c=!1,...o}=e,d=c?l.DX:"button";return(0,a.jsx)(d,{"data-slot":"button",className:(0,s.cn)(i({variant:r,size:n,className:t})),...o})}},7380:(e,t,r)=>{"use strict";r.d(t,{CO:()=>n,OH:()=>l,nW:()=>a});let a={ALL:"all",VALID:"valid",INVALID:"invalid"},l={DEVELOPMENT:"development",PRODUCTION:"production"},n="root";l.DEVELOPMENT,l.PRODUCTION},8009:(e,t,r)=>{Promise.resolve().then(r.bind(r,8547)),Promise.resolve().then(r.bind(r,9494)),Promise.resolve().then(r.bind(r,5646)),Promise.resolve().then(r.bind(r,5136)),Promise.resolve().then(r.bind(r,1676))},8547:(e,t,r)=>{"use strict";r.d(t,{FiltersProvider:()=>i,R:()=>c});var a=r(4568),l=r(7620),n=r(7380);let s=(0,l.createContext)({status:n.nW.ALL,environment:n.OH.DEVELOPMENT,query:"",setStatus:()=>{},setEnvironment:()=>{},setQuery:()=>{}}),i=e=>{let{children:t}=e,[r,i]=(0,l.useState)(n.nW.ALL),[c,o]=(0,l.useState)(n.OH.DEVELOPMENT),[d,u]=(0,l.useState)("");return(0,a.jsx)(s.Provider,{value:{status:r,environment:c,query:d,setStatus:i,setEnvironment:o,setQuery:u},children:t})},c=()=>{let e=(0,l.useContext)(s);if(!e)throw Error("useFilters must be used within an FiltersProvider");return e}},9494:(e,t,r)=>{"use strict";r.d(t,{Filters:()=>_});var a=r(4568),l=r(4931),n=r(6608),s=r(7620),i=r(8547),c=r(7227),o=r(5165),d=r(9897),u=r(4711),f=r(6430),v=r(6600);function m(e){let{...t}=e;return(0,a.jsx)(d.bL,{"data-slot":"select",...t})}function p(e){let{...t}=e;return(0,a.jsx)(d.WT,{"data-slot":"select-value",...t})}function h(e){let{className:t,size:r="default",children:l,...n}=e;return(0,a.jsxs)(d.l9,{"data-slot":"select-trigger","data-size":r,className:(0,v.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...n,children:[l,(0,a.jsx)(d.In,{asChild:!0,children:(0,a.jsx)(u.A,{className:"size-4 opacity-50"})})]})}function g(e){let{className:t,children:r,position:l="popper",...n}=e;return(0,a.jsx)(d.ZL,{children:(0,a.jsxs)(d.UC,{"data-slot":"select-content",className:(0,v.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:l,...n,children:[(0,a.jsx)(b,{}),(0,a.jsx)(d.LM,{className:(0,v.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:r}),(0,a.jsx)(j,{})]})})}function x(e){let{className:t,children:r,...n}=e;return(0,a.jsxs)(d.q7,{"data-slot":"select-item",className:(0,v.cn)("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...n,children:[(0,a.jsx)("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:(0,a.jsx)(d.VF,{children:(0,a.jsx)(l.A,{className:"size-4"})})}),(0,a.jsx)(d.p4,{children:r})]})}function b(e){let{className:t,...r}=e;return(0,a.jsx)(d.PP,{"data-slot":"select-scroll-up-button",className:(0,v.cn)("flex cursor-default items-center justify-center py-1",t),...r,children:(0,a.jsx)(f.A,{className:"size-4"})})}function j(e){let{className:t,...r}=e;return(0,a.jsx)(d.wn,{"data-slot":"select-scroll-down-button",className:(0,v.cn)("flex cursor-default items-center justify-center py-1",t),...r,children:(0,a.jsx)(u.A,{className:"size-4"})})}var y=r(5646),w=r(6186),E=r(7380);let _=()=>(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(N,{}),(0,a.jsx)(O,{}),(0,a.jsx)(z,{}),(0,a.jsx)(C,{})]}),N=()=>{let{status:e,setStatus:t}=(0,i.R)(),r=(()=>{let{variables:e,issues:t}=(0,y.$l)(),r=Object.keys(e),a=r.filter(e=>t.some(t=>{var r;return null==(r=t.path)?void 0:r.includes(e)})).length;return{[E.nW.ALL]:r.length,[E.nW.VALID]:r.length-a,[E.nW.INVALID]:a}})();return(0,a.jsxs)(m,{defaultValue:e,onValueChange:t,children:[(0,a.jsx)(h,{className:"capitalize",children:(0,a.jsx)(p,{placeholder:"Select a status"})}),(0,a.jsx)(g,{children:Object.values(E.nW).map(e=>(0,a.jsxs)(x,{value:e,className:"capitalize",children:[(0,a.jsx)("div",{className:(0,v.cn)("size-2.5 rounded-full",{"bg-primary":e===E.nW.ALL,"bg-green-500":e===E.nW.VALID,"bg-destructive":e===E.nW.INVALID})}),e," (",r[e],")"]},e))})]})},O=()=>{let{environment:e,setEnvironment:t}=(0,i.R)();return(0,a.jsxs)(m,{defaultValue:e,onValueChange:t,children:[(0,a.jsx)(h,{className:"capitalize",children:(0,a.jsx)(p,{placeholder:"Select an environment"})}),(0,a.jsx)(g,{children:Object.values(E.OH).map(e=>(0,a.jsx)(x,{value:e,className:"capitalize",children:e},e))})]})},z=()=>{let{query:e,setQuery:t}=(0,i.R)();return(0,a.jsx)(o.p,{placeholder:"Search for a variable...",value:e,onChange:e=>t(e.target.value)})},C=()=>{let{variables:e,form:t}=(0,y.$l)(),[,r]=(0,w.C)(),[i,o]=(0,s.useState)(!1),d=async()=>{let a=((e,t)=>{let r=Object.groupBy(Object.keys(e).map(t=>({...e[t],key:t})),e=>{let{preset:t}=e;return null!=t?t:E.CO}),a=Object.keys(r).reverse(),l=(e,r)=>{let a=e.description?"".concat(0===r?"":"\n","# ").concat(e.description,"\n"):"";return"".concat(a).concat(e.key,'="').concat(t[e.key],'"')};return a.map((e,t)=>{var a,n;let s=((e,t)=>e===E.CO?"":"".concat(t>0?"\n\n":"","### ").concat(e.toUpperCase()," ###\n"))(e,t),i=null!=(n=null==(a=r[e])?void 0:a.map(l).join("\n"))?n:"";return"".concat(s).concat(i)}).join("\n")})(e,t.getValues());await r(a)&&(o(!0),setTimeout(()=>o(!1),2e3))};return(0,a.jsx)(c.$,{variant:"outline",onClick:d,children:i?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.A,{className:"size-4"}),"Copied to clipboard"]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.A,{className:"size-4"}),"Copy to clipboard"]})})}}},e=>{e.O(0,[442,587,902,358],()=>e(e.s=8009)),_N_E=e.O()}]);