{"version":3,"sources":["components/Header/index.js","services/api.js","pages/main/index.js","pages/product/index.js","routes.js","App.js","serviceWorker.js","index.js"],"names":["Header","id","href","api","axios","create","baseURL","Main","state","products","productInfo","page","loadProducts","a","async","get","response","data","docs","console","log","setState","prevPage","pageNumber","nextPage","this","className","map","product","key","_id","title","description","to","disabled","onClick","pages","Component","Product","props","match","params","url","Routes","exact","path","component","App","Boolean","window","location","hostname","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"uQAaeA,G,MARA,kBACX,4BAAQC,GAAG,eACP,uBAAGC,KAAK,KAAR,oB,+FCDOC,E,OAJHC,EAAMC,OAAO,CACrBC,QAAS,8CCEQC,G,iNAEjBC,MAAQ,CACJC,SAAU,GACVC,YAAa,GACbC,KAAM,G,EAQVC,aAAe,8CAAAC,EAAAC,OAAA,uDAAOH,EAAP,+BAAc,EAAd,WAAAE,EAAA,MACYV,EAAIY,IAAJ,yBAA0BJ,KADtC,OACLK,EADK,SAGsBA,EAASC,KAAlCC,EAHG,EAGHA,KAASR,EAHN,wBAKXS,QAAQC,IAAIJ,EAASC,MACrB,EAAKI,SAAS,CAAEZ,SAAUS,EAAMR,cAAaC,SANlC,sC,EASfW,SAAW,WAAO,IACNX,EAAS,EAAKH,MAAdG,KAER,GAAa,IAATA,EAAJ,CAEA,IAAMY,EAAaZ,EAAO,EAE1B,EAAKC,aAAaW,K,EAGtBC,SAAW,WAAO,IAAD,EACiB,EAAKhB,MAA3BG,EADK,EACLA,KAER,GAAIA,IAHS,EACCD,YAEd,CAEA,IAAMa,EAAaZ,EAAO,EAE1B,EAAKC,aAAaW,K,mFA7BlBE,KAAKb,iB,+BAgCC,IAAD,EACmCa,KAAKjB,MAArCC,EADH,EACGA,SAAUE,EADb,EACaA,KAAMD,EADnB,EACmBA,YAExB,OACI,yBAAKgB,UAAU,gBACVjB,EAASkB,KAAI,SAAAC,GAAO,OACjB,6BAASC,IAAKD,EAAQE,KAClB,gCAASF,EAAQG,OACjB,2BAAIH,EAAQI,aACZ,kBAAC,IAAD,CAAMC,GAAE,oBAAeL,EAAQE,MAA/B,WAGR,yBAAKJ,UAAU,WACX,4BAAQQ,SAAmB,IAATvB,EAAYwB,QAASV,KAAKH,UAA5C,QAGA,4BAAQY,SAAUvB,IAASD,EAAY0B,MAAOD,QAASV,KAAKD,UAA5D,c,GA1Dca,cCDbC,G,iNACjB9B,MAAQ,CACJoB,QAAS,I,oKAID3B,EAAOwB,KAAKc,MAAMC,MAAMC,OAAxBxC,G,mBAEeE,EAAIY,IAAJ,oBAAqBd,K,OAAtCe,E,OAENS,KAAKJ,SAAS,CAAEO,QAASZ,EAASC,O,gFAG5B,IACEW,EAAYH,KAAKjB,MAAjBoB,QAER,OACI,yBAAKF,UAAU,gBACX,4BAAKE,EAAQG,OACb,2BAAIH,EAAQI,aACZ,mCACS,uBAAG9B,KAAM0B,EAAQc,KAAMd,EAAQc,W,GArBnBL,cCUtBM,EATA,kBACX,kBAAC,IAAD,KACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAOC,OAAK,EAACC,KAAK,IAAIC,UAAWvC,IACjC,kBAAC,IAAD,CAAOsC,KAAK,gBAAgBC,UAAWR,OCGpCS,EAPH,kBACV,yBAAKrB,UAAU,OACb,kBAAC,EAAD,MACA,kBAAC,EAAD,QCIgBsB,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASX,MACvB,2DCbNY,IAASC,OAAO,kBAAC,EAAD,MAASC,SAASC,eAAe,SD4H3C,kBAAmBC,WACrBA,UAAUC,cAAcC,MAAMC,MAAK,SAAAC,GACjCA,EAAaC,kB","file":"static/js/main.570961a2.chunk.js","sourcesContent":["import React from 'react';\n\nimport './styles.css';\n\n//stateless component\nconst Header = () => (\n    <header id=\"main-header\">\n        <a href=\"/\">\n            SPA - JS Hunt\n        </a>\n    </header>\n);\n\nexport default Header;","import axios from 'axios';\n\nconst api = axios.create({\n    baseURL: 'https://rocketseat-node.herokuapp.com/api'\n});\n\nexport default api;","import React, { Component } from \"react\";\nimport api from \"../../services/api\";\nimport './styles.css';\nimport { Link } from 'react-router-dom';\n\nexport default class Main extends Component {\n    //estado\n    state = {\n        products: [],\n        productInfo: {},\n        page: 1\n    };\n\n    //metodo de ciclo de vida\n    componentDidMount() {\n        this.loadProducts();\n    }\n\n    loadProducts = async (page = 1) => {\n        const response = await api.get(`/products?page=${page}`);\n\n        const { docs, ...productInfo } = response.data;\n\n        console.log(response.data);\n        this.setState({ products: docs, productInfo, page });\n    };\n\n    prevPage = () => {\n        const { page } = this.state;\n\n        if (page === 1) return;\n\n        const pageNumber = page - 1;\n\n        this.loadProducts(pageNumber);\n    };\n\n    nextPage = () => {\n        const { page, productInfo } = this.state;\n\n        if (page === productInfo) return;\n\n        const pageNumber = page + 1;\n\n        this.loadProducts(pageNumber);\n    };\n\n    render() {\n        const { products, page, productInfo } = this.state;\n\n        return (\n            <div className=\"product-list\">\n                {products.map(product => (\n                    <article key={product._id}>\n                        <strong>{product.title}</strong>\n                        <p>{product.description}</p>\n                        <Link to={`/products/${product._id}`}>Ver</Link>\n                    </article>\n                ))}\n                <div className=\"actions\">\n                    <button disabled={page === 1} onClick={this.prevPage}>\n                        PREV\n                    </button>\n                    <button disabled={page === productInfo.pages} onClick={this.nextPage}>\n                        NEXT\n                    </button>\n                </div>\n            </div>\n        )\n    }\n};","import React, { Component } from 'react';\nimport api from '../../services/api';\nimport './styles.css';\n\nexport default class Product extends Component {\n    state = {\n        product: {}\n    }\n\n    async componentDidMount() {\n        const { id } = this.props.match.params;\n\n        const response = await api.get(`/products/${id}`);\n\n        this.setState({ product: response.data });\n    }\n\n    render() {\n        const { product } = this.state;\n\n        return (\n            <div className=\"product-info\">\n                <h1>{product.title}</h1>\n                <p>{product.description}</p>\n                <p>\n                    URL: <a href={product.url}>{product.url}</a>\n                </p>\n            </div>\n        )\n    }\n}","import React from 'react';\nimport { BrowserRouter, Switch, Route } from 'react-router-dom';\nimport Main from './pages/main';\nimport Product from './pages/product';\n\nconst Routes = () => (\n    <BrowserRouter>\n        <Switch>\n            <Route exact path='/' component={Main} />\n            <Route path='/products/:id' component={Product} />\n        </Switch>\n    </BrowserRouter>\n);\n\nexport default Routes;","import React from 'react';\nimport Header from './components/Header';\nimport './styles.css';\nimport Routes from './routes';\n\nconst App = () => (\n  <div className=\"App\">\n    <Header />\n    <Routes />\n  </div>\n);\n\nexport default App;\n\n/*\nop.1 \n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <header className=\"App-header\">\n        <h1>we are on</h1>\n      </header>\n    </div>\n  );\n}\n\nexport default App;\n*/\n\n/*\nop. 2\nimport React, { Component } from 'react';\n\nclass App extends Component {\n  render() {\n    return (\n      <div className=\"App\">\n        <h1>we are on</h1>\n      </div>\n    )\n  }\n}\n\nexport default App;\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.1/8 is 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    .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.then(registration => {\n      registration.unregister();\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(<App />, document.getElementById('root'));\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":""}