{"version":3,"sources":["App.js","serviceWorker.js","index.js"],"names":["App","useState","results","setResults","query","setQuery","loading","setLoading","error","setError","searchInputRef","useRef","useEffect","getResults","a","axios","get","response","data","hits","className","src","alt","id","onSubmit","event","preventDefault","value","type","onChange","target","ref","onClick","current","focus","map","res","key","objectID","href","url","title","message","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","console"],"mappings":"4QAIe,SAASA,IAAO,IAAD,EAEEC,mBAAS,IAFX,mBAErBC,EAFqB,KAEZC,EAFY,OAGFF,mBAAS,eAHP,mBAGrBG,EAHqB,KAGdC,EAHc,OAIEJ,oBAAS,GAJX,mBAIrBK,EAJqB,KAIZC,EAJY,OAKFN,mBAAS,MALP,mBAKrBO,EALqB,KAKdC,EALc,KAMtBC,EAAiBC,mBAEvBC,qBAAU,WACRC,MACC,IAEH,IAAMA,EAAU,uCAAG,4BAAAC,EAAA,6DACjBP,GAAW,GADM,kBAIQQ,IACtBC,IADsB,qDAC4BZ,IALpC,OAITa,EAJS,OAMfd,EAAWc,EAASC,KAAKC,MANV,gDAQfV,EAAS,EAAD,IARO,QAUjBF,GAAW,GAVM,yDAAH,qDA2BhB,OACE,yBAAKa,UAAU,2EACb,yBAAKC,IAAI,gCAAiCC,IAAI,aAAaF,UAAU,qBACrE,wBAAIG,GAAG,MAAP,aACA,0BAAMC,SAdW,SAAAC,GACnBA,EAAMC,iBACNb,KAYgCO,UAAU,QACtC,2BAAOA,UAAU,0FAAyFO,MAAOvB,EAAOwB,KAAK,OAAOC,SAnBrH,SAAAJ,GACnBpB,EAASoB,EAAMK,OAAOH,QAkB0II,IAAKrB,IACjK,4BAAQkB,KAAK,SAASR,UAAU,6BAAhC,aACA,4BAAQQ,KAAK,SAASI,QAZF,WACxB3B,EAAS,IACTK,EAAeuB,QAAQC,UAUnB,YAED5B,EACD,mDACE,4BACCJ,EAAQiC,KAAI,SAAAC,GACX,OAAO,wBAAIb,GAAG,KAAKc,IAAKD,EAAIE,UAC1B,uBAAGC,KAAMH,EAAII,KAAMJ,EAAIK,YAI5BjC,EAAQ,6BAAMA,EAAMkC,SAAiB,MCjDxBC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCbNC,IAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAClD,EAAD,OAEFmD,SAASC,eAAe,SD0HpB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAnD,GACLoD,QAAQpD,MAAMA,EAAMkC,c","file":"static/js/main.90654618.chunk.js","sourcesContent":["import React, {useState, useEffect, useRef} from 'react';\nimport \"./app.css\"\nimport axios from \"axios\"\n\nexport default function App() {\n\n  const [results, setResults] = useState([])\n  const [query, setQuery] = useState(\"react hooks\")\n  const [loading, setLoading] = useState(false)\n  const [error, setError] = useState(null)\n  const searchInputRef = useRef()\n\n  useEffect(() => {\n    getResults()\n  }, [])\n\n  const getResults = async () => {\n    setLoading(true);\n\n    try {\n      const response = await axios\n      .get(`https://hn.algolia.com/api/v1/search?query=${query}`);\n      setResults(response.data.hits);\n    } catch (err) {\n      setError(err)\n    }\n    setLoading(false)\n  }\n\n  const handleChange = event => {\n    setQuery(event.target.value)\n  }\n\n  const handleSearch = event => {\n    event.preventDefault()\n    getResults()\n  }\n\n  const handleClearSearch = () => {\n    setQuery(\"\");\n    searchInputRef.current.focus()\n  }\n\n  return(\n    <div className=\"container max-w-md mx-auto p-4 m-2 bg-purple-lightest shadow-lg rounded\">\n      <img src=\"https://icon.now.sh/react/c0c\"  alt=\"React Logo\" className=\"float-right h-12\"/>\n      <h1 id=\"h1\" >Hook News</h1>\n      <form onSubmit={handleSearch} className=\"mb-2\">\n        <input className=\"border-2 border-gray-300 bg-white h-10 px-5 pr-16 rounded-lg text-sm focus:outline-none\"value={query} type=\"text\" onChange={handleChange} ref={searchInputRef}/>\n        <button type=\"submit\" className=\"bg-orange rounded m-1 p-1\">Search | </button>\n        <button type=\"button\" onClick={handleClearSearch}>| Clear</button>\n      </form>\n      {loading ? \n      <div>Loading Results...</div> \n      : <ol> \n        {results.map(res => {\n          return <li id=\"li\" key={res.objectID}>\n            <a href={res.url}>{res.title}</a>\n          </li>\n        })}\n      </ol>}\n      {error ? <div>{error.message}</div> : null}\n    </div>\n  )\n}\n\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\nif (module.hot) {\n  module.hot.accept();\n}\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}