CoolFace
Apppublic

admin08077/Githubgemini

sourceHugging Faceotherupdated 10mo agoView on Hugging Face
0likes
EnvManager-eYmafRll.js3 linesDownload Raw Back to assets
1import{r as d,j as e}from"./react-CIdJ77ke.js";import{c}from"./fileUtils-DLahR3l0.js";import{t as x,T as u,am as h,J as b}from"./index-CX7Qxd1D.js";import"./@braintree-DzxiOROe.js";import"./react-dom-R9L8nDNe.js";import"./scheduler-CoSDG3-6.js";import"./@google-CcUHq7Ay.js";import"./idb-Dob3nYDb.js";import"./marked-BrGMJkBT.js";import"./mermaid-KwKZWwy0.js";import"./dayjs-CeEF-NGT.js";import"./d3-transition-CiCB8KJE.js";import"./d3-timer-DdKHrDhs.js";import"./d3-dispatch-kxCwF96_.js";import"./d3-interpolate-CtIaNujU.js";import"./d3-color-amxIadob.js";import"./d3-selection-C52G7wmG.js";import"./d3-ease-DRPgKoYJ.js";import"./d3-zoom-BYoC3mS3.js";import"./dompurify-J5RlrwSC.js";import"./dagre-d3-es-CTpFWynZ.js";import"./lodash-es-Dt6r0yiR.js";import"./d3-shape-CX8xTzfR.js";import"./d3-path-CimkQT29.js";import"./d3-fetch-BOsq7VnW.js";import"./khroma-DUX6PT6k.js";import"./uuid-DhYbOkY1.js";import"./d3-scale-DRZz3QW5.js";import"./internmap-BkD7Hj8s.js";import"./d3-array-DGRYoJHh.js";import"./d3-format-CzD4bSOQ.js";import"./d3-time-format-CUNN4Ell.js";import"./d3-time-6cSPyVSY.js";import"./d3-axis-DSWTncID.js";import"./elkjs-oKFFZvz7.js";import"./cytoscape-DtBltrT8.js";import"./cytoscape-cose-bilkent-Cgr1thlj.js";import"./cose-base-CwCxnKwh.js";import"./layout-base-CMXQqlmj.js";import"./d3-sankey-DgqkLiUE.js";import"./d3-scale-chromatic-B-NsZVaP.js";import"./ts-dedent-DrFu-skq.js";import"./stylis-D5iaQeiq.js";import"./mdast-util-from-markdown-CLAsVoWb.js";import"./micromark-CTBPIv-_.js";import"./micromark-util-combine-extensions-Bka6Sc1c.js";import"./micromark-util-chunked-DrRIdSP-.js";import"./micromark-factory-space-x2vfxbz5.js";import"./micromark-util-character-Bcm1tP9o.js";import"./micromark-core-commonmark-AH8VCgT7.js";import"./micromark-util-classify-character-Cq7Fg3xE.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./decode-named-character-reference-C3-224fz.js";import"./micromark-util-subtokenize-QwsxNXk2.js";import"./micromark-factory-destination-CypD_wgM.js";import"./micromark-factory-label-CRHH4ZHP.js";import"./micromark-factory-title-B7kCBvC9.js";import"./micromark-factory-whitespace-B322EA6O.js";import"./micromark-util-normalize-identifier-C9ANKk3v.js";import"./micromark-util-html-tag-name-DbKNfynz.js";import"./micromark-util-decode-numeric-character-reference-DRnCnno4.js";import"./micromark-util-decode-string-DJl8Y_PO.js";import"./unist-util-stringify-position-Ch_qCilz.js";import"./mdast-util-to-string-C_aolqmU.js";import"./jszip-CFFhfFtd.js";import"./octokit-B6bKu3NB.js";import"./@octokit-MBEWYTsi.js";import"./bottleneck-D_vuF9V7.js";import"./universal-user-agent-CLgqIJsR.js";import"./before-after-hook-y8XtM9xW.js";import"./fast-content-type-parse-3SwieiST.js";const Fe=()=>{const[i,m]=d.useState([{id:1,key:"VITE_API_URL",value:"https://api.example.com"},{id:2,key:"VITE_ENABLE_FEATURE_X",value:"true"}]),p=()=>{m([...i,{id:Date.now(),key:"",value:""}])},a=(r,o,t)=>{m(i.map(s=>s.id===r?{...s,[o]:t}:s))},l=r=>{m(i.filter(o=>o.id!==r))},n=()=>{const r=i.reduce((o,t)=>(t.key&&(o[t.key]=t.value),o),{});c(r)};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(x,{}),e.jsx("span",{className:"ml-3",children:"Environment Variable Manager"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Create and manage your `.env` files with a simple interface."})]}),e.jsxs("div",{className:"flex-grow bg-surface p-6 rounded-lg border border-border w-full max-w-4xl mx-auto overflow-y-auto",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-12 gap-4 font-semibold text-sm text-text-secondary px-2",children:[e.jsx("div",{className:"col-span-5",children:"Key"}),e.jsx("div",{className:"col-span-6",children:"Value"}),e.jsx("div",{className:"col-span-1"})]}),i.map((r,o)=>e.jsxs("div",{className:"grid grid-cols-12 gap-4 items-center",children:[e.jsx("div",{className:"col-span-5",children:e.jsx("input",{type:"text",value:r.key,onChange:t=>a(r.id,"key",t.target.value),placeholder:`KEY_${o+1}`,className:"w-full p-2 bg-background border border-border rounded-md font-mono text-sm"})}),e.jsx("div",{className:"col-span-6",children:e.jsx("input",{type:"text",value:r.value,onChange:t=>a(r.id,"value",t.target.value),placeholder:"value",className:"w-full p-2 bg-background border border-border rounded-md font-mono text-sm"})}),e.jsx("div",{className:"col-span-1",children:e.jsx("button",{onClick:()=>l(r.id),className:"p-2 text-text-secondary hover:text-red-500 rounded-md",children:e.jsx(u,{})})})]},r.id))]}),e.jsxs("div",{className:"mt-4 pt-4 border-t border-border flex justify-between items-center",children:[e.jsxs("button",{onClick:p,className:"flex items-center gap-2 px-4 py-2 bg-gray-100 text-sm font-semibold rounded-md hover:bg-gray-200",children:[e.jsx(h,{})," Add Variable"]}),e.jsxs("button",{onClick:n,disabled:i.length===0,className:"btn-primary flex items-center gap-2 px-4 py-2",children:[e.jsx(b,{})," Download .env File"]})]})]})]})};export{Fe as EnvManager};2//# sourceMappingURL=EnvManager-eYmafRll.js.map3