{"version":3,"sources":["Components/Navbar/Navbar.js","Containers/Home/Home.js","Config/Router/UserRoute.js","App.js","serviceWorker.js","index.js"],"names":["Navbar","className","React","Component","Home","search","console","log","state","instagramRegExp","RegExp","fetchInstagramPhotos","accountUrl","a","axios","get","response","json","JSON","parse","data","match","edges","entry_data","ProfilePage","graphql","user","edge_owner_to_timeline_media","splice","photos","map","node","url","shortcode","thumbnailUrl","thumbnail_src","displayUrl","display_url","caption","edge_media_to_caption","text","container","document","getElementById","forEach","el","createElement","img","setAttribute","classList","add","appendChild","error","style","margin","login","fontFamily","type","placeholder","onChange","e","setState","target","value","onClick","id","textAlign","UserRoute","exact","path","component","App","name","this","showAdminRoute","Boolean","window","location","hostname","ReactDOM","render","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"2VAceA,G,uLAVX,OACE,yBAAKC,UAAU,UACb,yBAAKA,UAAU,QAAf,4B,GAJaC,IAAMC,Y,yBC+EZC,E,YA3Eb,aAAe,IAAD,8BACZ,+CAMFC,OAAS,WACPC,QAAQC,IAAI,EAAKC,OACjB,IAAMC,EAAkB,IAAIC,OAC1B,yEAEIC,EAAoB,uCAAG,WAAMC,GAAN,qBAAAC,EAAA,sEACJC,IAAMC,IAAIH,GADN,cACrBI,EADqB,OAErBC,EAAOC,KAAKC,MAAMH,EAASI,KAAKC,MAAMZ,GAAiB,IACvDa,EAAQL,EAAKM,WAAWC,YAAY,GAAGC,QAAQC,KAAKC,6BAA6BL,MAAMM,OAC3F,GAEIC,EAASP,EAAMQ,KAAI,YAAe,IAAZC,EAAW,EAAXA,KAC1B,MAAO,CACLC,IAAI,+BAAD,OAAiCD,EAAKE,UAAtC,KACHC,aAAcH,EAAKI,cACnBC,WAAYL,EAAKM,YACjBC,QAASP,EAAKQ,sBAAsBjB,MAAM,GAAGS,KAAKS,SAX3B,kBAcpBX,GAdoB,2CAAH,sDAiB1B,sBAAC,8BAAAhB,EAAA,+EAEwBF,EAAqB,EAAKH,MAAMwB,KAFxD,OAESH,EAFT,OAGSY,EAAYC,SAASC,eAAe,oBAC1Cd,EAAOe,SAAQ,SAAAC,GACb,IAAMhC,EAAI6B,SAASI,cAAc,KAC3BC,EAAML,SAASI,cAAc,OAEnCjC,EAAEmC,aAAa,OAAQH,EAAGb,KAC1BnB,EAAEmC,aAAa,SAAU,UACzBnC,EAAEmC,aAAa,MAAO,uBACtBnC,EAAEoC,UAAUC,IAAI,mBAEhBH,EAAIC,aAAa,MAAOH,EAAGX,cAC3Ba,EAAIC,aAAa,MAAOH,EAAGP,SAE3BzB,EAAEsC,YAAYJ,GACdN,EAAUU,YAAYtC,MAjB3B,gDAoBGP,QAAQ8C,MAAM,mCAAd,MApBH,wDAAD,IA3BA,EAAK5C,MAAQ,CACXwB,IAAK,IAHK,E,sEAqDJ,IAAD,OACP,OACE,yBAAKqB,MAAO,CAAEC,OAAQ,IACpB,kBAAC,EAAD,CAAQC,MAAM,UAEd,yBAAKtD,UAAU,YACb,wBAAIoD,MAAO,CAAEG,WAAY,UAAzB,6BACA,2BACEC,KAAK,OACLC,YAAY,oBACZC,SAAU,SAAAC,GAAC,OAAI,EAAKC,SAAS,CAAE7B,IAAK4B,EAAEE,OAAOC,WAE/C,4BAAQC,QAAS,kBAAM,EAAK3D,WAA5B,gBAEA,yBAAK4D,GAAG,mBAAmBhE,UAAU,qBACrC,uBAAGoD,MAAO,CAAEa,UAAW,WAAvB,8B,GArEShE,IAAMC,WCQVgE,MATf,WACE,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAOC,OAAK,EAACC,KAAK,IAAIC,UAAWlE,OCa1BmE,E,YAjBb,aAAe,IAAD,8BACZ,+CACK/D,MAAQ,CACXgE,KAAM,IAHI,E,iFASZC,KAAKZ,SAAS,CACZa,gBAFmB,M,+BAMrB,OAAQ,kBAAC,EAAD,U,GAfMxE,IAAMC,WCSJwE,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASzD,MACvB,2DCZN0D,IAASC,OAAO,kBAAC,EAAD,MAAStC,SAASC,eAAe,SD2H3C,kBAAmBsC,WACrBA,UAAUC,cAAcC,MAAMC,MAAK,SAAAC,GACjCA,EAAaC,kB","file":"static/js/main.f9e3e163.chunk.js","sourcesContent":["import React from \"react\";\nimport './Navbar.css'\nclass Navbar extends React.Component {\n  render() {\n    return (\n      <div className='Navbar'>\n        <div className='logo'>\n        Instagram Photo Web\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Navbar;\n","import React from \"react\";\nimport { Navbar } from \"../../Components\";\nimport \"./Home.css\";\nimport axios from \"axios\";\n\nclass Home extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      url: \"\"\n    };\n  }\n\n  search = () => {\n    console.log(this.state);\n    const instagramRegExp = new RegExp(\n      /<script type=\"text\\/javascript\">window\\._sharedData = (.*);<\\/script>/\n    );\n    const fetchInstagramPhotos = async accountUrl => {\n      const response = await axios.get(accountUrl);\n      const json = JSON.parse(response.data.match(instagramRegExp)[1]);\n      const edges = json.entry_data.ProfilePage[0].graphql.user.edge_owner_to_timeline_media.edges.splice(\n        0\n      );\n      const photos = edges.map(({ node }) => {\n        return {\n          url: `https://www.instagram.com/p/${node.shortcode}/`,\n          thumbnailUrl: node.thumbnail_src,\n          displayUrl: node.display_url,\n          caption: node.edge_media_to_caption.edges[0].node.text\n        };\n      });\n      return photos;\n    };\n\n    (async () => {\n      try {\n        const photos = await fetchInstagramPhotos(this.state.url);\n        const container = document.getElementById(\"instagram-photos\");\n        photos.forEach(el => {\n          const a = document.createElement(\"a\");\n          const img = document.createElement(\"img\");\n\n          a.setAttribute(\"href\", el.url);\n          a.setAttribute(\"target\", \"_blank\");\n          a.setAttribute(\"rel\", \"noopener noreferrer\");\n          a.classList.add(\"instagram-photo\");\n\n          img.setAttribute(\"src\", el.thumbnailUrl);\n          img.setAttribute(\"alt\", el.caption);\n\n          a.appendChild(img);\n          container.appendChild(a);\n        });\n      } catch (e) {\n        console.error(\"Fetching Instagram photos failed\", e);\n      }\n    })();\n  };\n  render() {\n    return (\n      <div style={{ margin: 0 }}>\n        <Navbar login=\"Login\" />\n\n        <div className=\"body-div\">\n          <h1 style={{ fontFamily: \"Arial\" }}>Enter Your Instagram Link</h1>\n          <input\n            type=\"text\"\n            placeholder=\"Enter Logined URL\"\n            onChange={e => this.setState({ url: e.target.value })}\n          />\n          <button onClick={() => this.search()}>Search Photo</button>\n\n          <div id=\"instagram-photos\" className=\"instagram-photos\"></div>\n          <p style={{ textAlign: \"center\" }}>Created By: Dileep44</p>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Home;\n","import React from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport { Home  } from \"../../Containers\";\n\nfunction UserRoute() {\n  return (\n    <Router>\n      <Switch>\n        <Route exact path=\"/\" component={Home} />\n      </Switch>\n    </Router>\n  );\n}\nexport default UserRoute;\n","import React from \"react\";\nimport { UserRoute } from \"./Config/Router\";\n\nclass App extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      name: \"\"\n    };\n  }\n\n  componentDidMount() {\n    var showAdminRoute = true;\n    this.setState({\n      showAdminRoute\n    });\n  }\n  render() {\n    return  <UserRoute />;\n  }\n}\nexport default App;\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 './index.css';\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":""}