admin08077/Githubgemini

1import{r as s,j as t}from"./react-CIdJ77ke.js";import{ai as l}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 m={"iPhone 12":{width:390,height:844},"Pixel 5":{width:393,height:851},"iPad Air":{width:820,height:1180},"Surface Duo":{width:540,height:720},Laptop:{width:1366,height:768},Desktop:{width:1920,height:1080},Auto:{width:"100%",height:"100%"}},Ct=()=>{const[i,a]=s.useState("https://react.dev"),[p,d]=s.useState(i),[e,o]=s.useState(m.Auto);s.useEffect(()=>{const r=()=>{e.width==="100%"&&o({width:"100%",height:"100%"})};return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[e.width]);const n=r=>{r.preventDefault(),d(i.startsWith("http")?i:`https://${i}`)},h=()=>{typeof e.width=="number"&&typeof e.height=="number"&&o({width:e.height,height:e.width})};return t.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[t.jsxs("header",{className:"mb-6",children:[t.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[t.jsx(l,{}),t.jsx("span",{className:"ml-3",children:"Responsive Tester"})]}),t.jsx("p",{className:"text-text-secondary mt-1",children:"Preview your web pages at different screen sizes."})]}),t.jsxs("form",{onSubmit:n,className:"flex items-center gap-2 mb-2",children:[t.jsx("input",{type:"text",value:i,onChange:r=>a(r.target.value),placeholder:"https://example.com",className:"flex-grow px-4 py-2 rounded-md bg-surface border border-border focus:ring-2 focus:ring-primary focus:outline-none"}),t.jsx("button",{type:"submit",className:"btn-primary px-6 py-2",children:"Load"})]}),t.jsxs("div",{className:"bg-surface p-2 rounded-lg flex flex-wrap justify-center items-center gap-2 mb-4 border border-border",children:[Object.keys(m).map(r=>t.jsx("button",{onClick:()=>o(m[r]),className:`px-3 py-1 rounded-md text-sm ${JSON.stringify(e)===JSON.stringify(m[r])?"bg-primary/10 text-primary font-semibold":"hover:bg-gray-100"}`,children:r},r)),t.jsxs("div",{className:"flex items-center gap-1 ml-4",children:[t.jsx("input",{type:"number",value:typeof e.width=="number"?e.width:"",onChange:r=>o({...e,width:Number(r.target.value)}),className:"w-20 px-2 py-1 bg-gray-100 border border-border rounded-md text-sm"}),t.jsx("span",{className:"text-sm text-text-secondary",children:"x"}),t.jsx("input",{type:"number",value:typeof e.height=="number"?e.height:"",onChange:r=>o({...e,height:Number(r.target.value)}),className:"w-20 px-2 py-1 bg-gray-100 border border-border rounded-md text-sm"})]}),t.jsx("button",{onClick:h,className:"px-3 py-1 rounded-md text-sm hover:bg-gray-100",title:"Rotate",children:"🔄"})]}),t.jsx("div",{className:"flex-grow bg-background rounded-lg p-4 overflow-auto border border-border",children:t.jsx("iframe",{src:p,style:{width:e.width,height:e.height},className:"bg-white border-4 border-gray-300 rounded-md transition-all duration-300 shadow-lg mx-auto",title:"Responsive Preview"},p)})]})};export{Ct as ResponsiveTester};2//# sourceMappingURL=ResponsiveTester-B1x7CijF.js.map3