{"version":3,"sources":["components/github.svg","components/Header.js","components/Input.js","App.js","reportWebVitals.js","index.js"],"names":["Header","className","Input","onShorten","useState","url","setUrl","onSubmit","e","preventDefault","length","alert","console","log","type","placeholder","value","onChange","target","App","shortenedUrl","setShortenedUrl","a","fetch","method","headers","body","JSON","stringify","res","json","data","onClick","navigator","clipboard","writeText","then","blob","URL","createObjectURL","document","createElement","href","download","click","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"kNAAe,I,MCUAA,EARA,WACX,OACI,wBAAQC,UAAU,SAAlB,SACI,+BAAK,KAAL,UAAkB,WC2BfC,EA7BD,SAAC,GAAmB,IAAjBC,EAAgB,EAAhBA,UAEb,EAAqBC,mBAAS,IAA9B,mBAAOC,EAAP,KAAWC,EAAX,KAiBA,OACI,uBAAML,UAAU,aAAaM,SAhBhB,SAACC,GACdA,EAAEC,kBAEGJ,GAAOA,EAAIK,OAAS,EACrBC,MAAM,wBAIVC,QAAQC,IAAI,aACZV,EAAU,CAACE,QACXC,EAAO,MAMP,UACI,qBAAKL,UAAU,YAAf,SACI,uBAAOA,UAAU,cAAca,KAAK,OAAOC,YAAY,0BAA0BC,MAAOX,EAAKY,SAAU,SAACT,GAAD,OAAOF,EAAOE,EAAEU,OAAOF,YAElI,uBAAOf,UAAU,gBAAgBa,KAAK,SAASE,MAAM,oBCmClDG,MA1Df,WACE,MAAuCf,mBAAS,IAAhD,mBAAOgB,EAAP,KAAoBC,EAApB,KADa,4CAGb,WAA0BhB,GAA1B,iBAAAiB,EAAA,sEACoBC,MAAM,2BAA2B,CAEjDC,OAAO,OACPC,QAAQ,CACN,eAAe,oBAEjBC,KAAMC,KAAKC,UAAUvB,KAPzB,cACQwB,EADR,gBAUqBA,EAAIC,OAVzB,OAUQC,EAVR,OAWEV,EAAgBU,EAAK1B,KAXvB,4CAHa,sBAwBb,OACE,sBAAKJ,UAAU,YAAf,UACE,cAAC,EAAD,IACCW,QAAQC,IAAI,YACb,cAAC,EAAD,CAAOV,UA5BE,8CA6BT,mBAAGF,UAAU,OAAb,SACGmB,GAA4B,oBAG9BA,EAAe,wBAAQnB,UAAU,gBAAgB+B,QAhBtD,WAEEC,UAAUC,UAAUC,UAAUf,GAE9BT,MAAM,UAAYS,EAAe,mBAYf,+BAAkF,KACjGA,EAAe,wBAAQnB,UAAU,gBAAgB+B,QAAO,sBAAE,sBAAAV,EAAA,sEACnDC,MAAM,0BAA0B,CAEpCC,OAAO,OACPC,QAAQ,CACN,eAAe,oBAEjBC,KAAMC,KAAKC,UAAU,CAACvB,IAAIe,MAE3BgB,MAAK,SAAAP,GAAG,OAAIA,EAAIQ,UAChBD,MAAK,SAAAC,GAAI,OAAIC,IAAIC,gBAAgBF,MACjCD,MAAK,SAAA/B,GACJ,IAAMiB,EAAIkB,SAASC,cAAc,KACjCnB,EAAEoB,KAAOrC,EACTiB,EAAEqB,SAAW,cACbrB,EAAEsB,WAfqD,2CAA3C,8BAmBN,SC7CDC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBX,MAAK,YAAkD,IAA/CY,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOF,GACPG,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAQN,OCDdO,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFf,SAASgB,eAAe,SAM1BX,M","file":"static/js/main.a87ae827.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/github.04be58c1.svg\";","import githubSvg from './github.svg'\r\n\r\nconst Header = () => {\r\n    return (\r\n        <header className=\"header\">\r\n            <h2>{\"< \"}SrtLink{\" >\"}</h2>\r\n        </header>\r\n    )\r\n}\r\n\r\nexport default Header\r\n","import { useState } from \"react\"\r\n\r\n\r\nconst Input = ({ onShorten }) => {\r\n\r\n    const [url,setUrl] = useState(\"\")\r\n\r\n    const onSubmit = (e) => {\r\n        e.preventDefault()\r\n\r\n        if (!url || url.length < 5) {\r\n            alert(\"Please enter a URL!\")\r\n            return\r\n        }\r\n\r\n        console.log(\"On Submit\")\r\n        onShorten({url})\r\n        setUrl(\"\")\r\n        \r\n    }\r\n\r\n\r\n    return (\r\n        <form className=\"input_form\" onSubmit={onSubmit}>\r\n            <div className=\"input_div\">\r\n                <input className=\"input_field\" type=\"text\" placeholder=\"https://www.google.com/\" value={url} onChange={(e) => setUrl(e.target.value)}/>\r\n            </div>\r\n            <input className=\"btn btn-block\" type=\"submit\" value=\"Shorten URL\"/>\r\n        </form>\r\n    )\r\n}\r\n\r\nexport default Input\r\n","import { useState } from \"react\"\r\nimport Header from \"./components/Header\";\r\nimport Input from \"./components/Input\";\r\n\r\nfunction App() {\r\n  const [shortenedUrl,setShortenedUrl] = useState(\"\")\r\n\r\n  async function shortenUrl(url) {\r\n    const res = await fetch(\"https://srtlink.net/put/\",{ // Prod\r\n      // const res = await fetch(\"http://localhost:8080/put/\",{ // Testing  \r\n      method:\"POST\",\r\n      headers:{\r\n        'Content-Type':\"application/json\",\r\n      },\r\n      body: JSON.stringify(url)\r\n    }) \r\n\r\n    const data = await res.json()\r\n    setShortenedUrl(data.url)\r\n  }\r\n  \r\n  function copyButton() {\r\n    \r\n    navigator.clipboard.writeText(shortenedUrl);\r\n    \r\n    alert(\"Copied \" + shortenedUrl + \" to clipboard.\")\r\n  }\r\n\r\n  return (\r\n    <div className=\"container\">\r\n      <Header />\r\n      {console.log(\"Rendered\")}\r\n      <Input onShorten={shortenUrl} />\r\n      <p className=\"urlP\">\r\n        {shortenedUrl ? shortenedUrl:\"Shorten a link!\"}\r\n      </p>\r\n      \r\n      {shortenedUrl ? <button className=\"btn btn-block\" onClick={copyButton}>Copy to Clipboard</button>:null}\r\n      {shortenedUrl ? <button className=\"btn btn-block\" onClick={async () => { \r\n        await fetch(\"https://srtlink.net/qr/\",{ // Prod\r\n        // await fetch(\"http://localhost:8080/qr/\",{ // Testing\r\n          method:\"POST\",\r\n          headers:{\r\n            'Content-Type':\"application/json\",\r\n          },\r\n          body: JSON.stringify({url:shortenedUrl})\r\n        })\r\n        .then(res => res.blob())\r\n        .then(blob => URL.createObjectURL(blob))\r\n        .then(url => {\r\n          const a = document.createElement('a');\r\n          a.href = url\r\n          a.download = 'qr-code.png'\r\n          a.click()\r\n        })\r\n      }}>\r\n      Download QR Code\r\n      </button>:null}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}