{"version":3,"sources":["components/Image500.js","utils.js","components/MenuVoice.js","components/WatchTheVideo.js","components/Menu.js","constants.js","pages/Home.js","components/VideoPlayer.js","pages/Video.js","components/Image800.js","components/ShowMe.js","pages/Photos.js","pages/About.js","App.js","serviceWorker.js","index.js"],"names":["Image500","_ref","name","_ref$pictureClassName","pictureClassName","React","createElement","className","srcSet","concat","type","src","alt","randomIntFromInterval","min","arguments","length","undefined","max","Math","floor","random","arrayRotateOne","arr","reverse","unshift","pop","push","shift","MenuVoice","_Component","_getPrototypeOf2","_this","_classCallCheck","this","_len","args","Array","_key","_possibleConstructorReturn","_getPrototypeOf","call","apply","state","classNames","onMouseover","timer","setInterval","setState","onMouseout","clearInterval","_inherits","_createClass","key","value","onMouseOver","onMouseOut","onClick","props","text","Component","WatchTheVideo","Menu","_ref$showHome","showHome","_ref$showAbout","showAbout","_ref$showPhotos","showPhotos","PATH","IMAGES","map","val","RANDOM","SHOWME","dog","religious","Home","images","navigateTo","path","history","_this2","element","document","querySelectorAll","imagesTimeline","TimelineMax","paused","delay","repeat","onRepeat","invalidate","add","TweenMax","staggerFromTo","from","to","height","window","innerHeight","width","innerWidth","ease","Linear","easeIn","visibility","cycle","y","x","play","id","VideoPlayer","_React$Component","videoNode","pause","toggle","isPlaying","player","videojs","console","log","on","requestFullscreen","dispose","navigateToHome","_this3","Fragment","onClose","data-vjs-player","ref","node","defaultProps","autoplay","controls","preload","poster","sources","Video","goBack","Image800","isOpened","openModal","closeModal","media","Modal","isOpen","ShowMe","which","isActive","toUpperCase","Photos","_garbageCollection","draggable","forEach","el","kill","changeTo","createTimeline","Draggable","create","Power3","easeOut","About","setAppElement","App","Router","Route","exact","component","Boolean","location","hostname","match","ReactDOM","render","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.50777f60.chunk.js","sourcesContent":["import React from \"react\"\n\nconst Image500 = ({name, pictureClassName = \"\"}) => (\n  <picture className={pictureClassName}>\n    <source\n      srcSet={`${name}-sm_1x.webp 1x, ${name}-sm_2x.webp 2x`}\n      type=\"image/webp\"/>\n    <img\n      src={`${name}-sm_1x.jpg`}\n      type=\"image/jpeg\"\n      alt=\"\"/>\n  </picture>\n)\n\nexport default Image500","export const randomIntFromInterval = function (min = 0, max = 360) {\n  return Math.floor(Math.random() * (max - min + 1) + min)\n}\n\nexport const arrayRotateOne = function (arr, reverse) {\n  reverse ? arr.unshift(arr.pop()) : arr.push(arr.shift())\n  return arr\n}","import React, {Component} from \"react\"\nimport \"../styles/components/menu-voice.scss\"\nimport {arrayRotateOne} from \"../utils\"\n\nclass MenuVoice extends Component {\n  \n  state = {\n    classNames: [\"first-color\", \"second-color\", \"third-color\"]\n  }\n  \n  onMouseover = () => {\n    this.timer = setInterval(() => (\n      this.setState({\n        classNames: arrayRotateOne(this.state.classNames)\n      })\n    ), 50)\n  }\n  \n  onMouseout = () => (\n    clearInterval(this.timer)\n  )\n  \n  componentWillUnmount() {\n    clearInterval(this.timer)\n  }\n  \n  render() {\n    \n    return (\n      <div\n        onMouseOver={this.onMouseover}\n        onMouseOut={this.onMouseout}\n        onClick={this.props.onClick}\n        className={`menu-voice menu-voice--${this.props.className}`}>\n        <h1 className={`menu-voice--first ${this.state.classNames[0]}`}>{this.props.text}</h1>\n        <h1 className={`menu-voice--second ${this.state.classNames[1]}`}>{this.props.text}</h1>\n        <h1 className={`menu-voice--third ${this.state.classNames[2]}`}>{this.props.text}</h1>\n      </div>\n    )\n  }\n  \n}\n\nexport default MenuVoice\n","import React, {Component} from \"react\"\nimport \"../styles/components/watch-the-video.scss\"\nimport {arrayRotateOne} from \"../utils\"\n\nclass WatchTheVideo extends Component {\n  \n  state = {\n    classNames: [\"white\", \"green\", \"red\"]\n  }\n  \n  onMouseover = () => {\n    this.timer = setInterval(() => (\n      this.setState({\n        classNames: arrayRotateOne(this.state.classNames, true)\n      })\n    ), 50)\n  }\n  \n  onMouseout = () => (\n    clearInterval(this.timer)\n  )\n  \n  componentWillUnmount() {\n    clearInterval(this.timer)\n  }\n  \n  render() {\n    return (\n      <div\n        onMouseOver={this.onMouseover}\n        onMouseOut={this.onMouseout}\n        className=\"watch-the-video\"\n        onClick={this.props.onClick}>\n        <h1 className={`first ${this.state.classNames[0]}`}>!WATCH THE VIDEO!</h1>\n        <h1 className={`second ${this.state.classNames[1]}`}>!WATCH THE VIDEO!</h1>\n        <h1 className={`third ${this.state.classNames[2]}`}>!WATCH THE VIDEO!</h1>\n      </div>\n    )\n  }\n  \n}\n\nexport default WatchTheVideo","import React from \"react\"\nimport MenuVoice from \"../components/MenuVoice\"\nimport WatchTheVideo from \"./WatchTheVideo\"\n\nconst Menu = ({showHome = false, showAbout = true, showPhotos = true, onClick}) => (\n  <div className=\"menu--container\">\n    {showHome && <MenuVoice onClick={() => (onClick(''))} text=\"home\" className={'left'}/>}\n    <WatchTheVideo onClick={() => onClick('otto')}/>\n    {showAbout && <MenuVoice onClick={() => (onClick('about'))} text=\"about\" className={showHome ? 'right' : 'left'}/>}\n    {showPhotos && <MenuVoice onClick={() => (onClick('photos'))} text=\"photos\" className={'right'}/>}\n  </div>\n)\n\nexport default Menu","export const PATH = \"/resources/images\"\n\nexport const IMAGES = [\"099\", \"103\", \"113\", \"116\", \"198\", \"265\", \"369\", \"383\", \"392\", \"394\"].map((val) => (`${PATH}/img${val}`))\n\nconst RANDOM = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((val) => (`${PATH}/random/random${val}`))\nconst DOG = [0, 1, 2, 3, 4, 5, 6, 7, 8].map((val) => (`${PATH}/dog/dog${val}`))\nconst RELIGIOUS = [0, 1, 2, 3].map((val) => (`${PATH}/religious/religious${val}`))\nexport const SHOWME = {\n  dog: DOG,\n  religious: RELIGIOUS,\n  random: RANDOM\n}\n","import React, {Component} from \"react\"\nimport \"../styles/pages/home.scss\"\nimport {Linear} from \"gsap/TweenLite\"\nimport {TweenMax} from \"gsap/TweenMax\"\nimport {TimelineMax} from \"gsap/TimelineMax\"\nimport Image500 from \"../components/Image500\"\nimport Menu from \"../components/Menu\"\nimport {IMAGES} from \"../constants\"\nimport {randomIntFromInterval} from \"../utils\"\n\nclass Home extends Component {\n  \n  images = IMAGES\n  \n  componentDidMount() {\n    const element = document.querySelectorAll(\".home--image\")\n    \n    this.imagesTimeline = new TimelineMax({\n      paused: true,\n      delay: 0.5,\n      repeat: 1,\n      // yoyo: true,\n      onRepeat: () => {\n        this.imagesTimeline.invalidate()\n        this.imagesTimeline.add(TweenMax.staggerFromTo(element, 0.2, from, to, 0.1))\n      }\n    })\n    \n    const offset = 250\n    const height = window.innerHeight\n    const width = window.innerWidth - offset\n    const from = {\n      ease: Linear.easeIn,\n      visibility: \"hidden\",\n      cycle: {\n        y: () => (randomIntFromInterval(-offset, height)),\n        x: () => (randomIntFromInterval(-offset, width)),\n      }\n    }\n    const to = {\n      ease: Linear.easeIn,\n      visibility: \"visible\",\n    }\n    \n    this.imagesTimeline.add(TweenMax.staggerFromTo(element, 0.2, from, to, 0.1))\n    this.imagesTimeline.play()\n  }\n  \n  navigateTo = (path) => {\n    this.props.history.push(`/${path}`)\n  }\n  \n  render() {\n    return (\n      <div className=\"home--container\">\n        <div className=\"images--container\">\n          {this.images.map((id) => (\n            <Image500\n              pictureClassName=\"home--image\"\n              key={id}\n              name={`${id}`}/>\n          ))}\n        </div>\n        <Menu onClick={this.navigateTo}/>\n        <div className=\"logo--container\">\n          <h1>OTTO</h1>\n        </div>\n        {/*<div className=\"cta--container\">*/}\n          {/*<WatchTheVideo*/}\n            {/*navigateToVideo={() => this.navigateTo('otto')}/>*/}\n        {/*</div>*/}\n      </div>\n    )\n  }\n}\n\nexport default Home","import React from 'react'\nimport videojs from 'video.js'\n// import {Power2} from \"gsap/TweenLite\"\n// import {TweenMax} from \"gsap/TweenMax\"\n// import {TimelineMax} from \"gsap/TimelineMax\"\nimport \"../styles/components/video.scss\"\n\nclass VideoPlayer extends React.Component {\n  \n  // isPlaying = false\n  \n  \n  constructor(props) {\n    super(props)\n    \n    this.state = {isPlaying: false}\n    // this.timeline = new TimelineMax({paused: true})\n    // this.timeline = new TimelineMax()\n    \n    // this.onClose = this.onClose.bind(this)\n  }\n  \n  componentDidMount() {\n    // this.timeline\n    //   .add(TweenMax.to(\".video-js--top-container, .video-js--buttons-container\", 0.5, {opacity: 0}))\n    //   .add(TweenMax.to(\".video-js--container\", 0.2, {\n    //     width: \"100vw\",\n    //     height: '2px',\n    //     borderWidth: 2,\n    //     borderColor: \"white\",\n    //     ease: Power2.easeOut,\n    //     backgroundColor: \"white\"\n    //   }))\n    //   .add(TweenMax.to(\".video-js--container\", 0.2, {\n    //     height: '0',\n    //     width: '0',\n    //     borderColor: \"white\",\n    //     backgroundColor: \"white\"\n    //   }))\n    //\n    // instantiate VideoPlayer.js\n    this.player = videojs(this.videoNode, this.props, function onPlayerReady() {\n      console.log('onPlayerReady', this)\n    })\n    \n    this.player.on(['waiting', 'pause'], () => {\n      // this.isPlaying = false\n      this.setState({isPlaying: false})\n    })\n    \n    this.player.on('playing', () => {\n      // this.isPlaying = true\n      this.setState({isPlaying: true})\n    })\n    \n    this.player.on('dblclick', () => {\n      this.videoNode.requestFullscreen()\n    })\n  }\n  \n  // destroy player on unmount\n  componentWillUnmount() {\n    if (this.player) {\n      this.player.dispose()\n    }\n  }\n  \n  play = () => {\n    this.videoNode.play()\n  }\n  \n  pause = () => {\n    this.videoNode.pause()\n  }\n  \n  toggle = () => {\n    // this.isPlaying ? this.pause() : this.play()\n    this.state.isPlaying ? this.pause() : this.play()\n  }\n  \n  onClose() {\n    this.props.navigateToHome()\n    // this.timeline.play()\n  }\n  \n  // wrap the player in a div with a `data-vjs-player` attribute\n  // so videojs won't create additional wrapper in the DOM\n  // see https://github.com/videojs/video.js/pull/3856\n  render() {\n    return (\n      <>\n        <div className=\"video-js--top-container\">\n          <span onClick={() => this.onClose()}\n                className=\"close\">x</span>\n          <h1>\n            <span className=\"h1--fullscreen\">GO FULLSCREEN</span>\n            <span className=\"h1--volume\">TURN UP THE VOLUME</span>\n            <span className=\"h1--headphone\">USE HEADPHONE</span>\n          </h1>\n        </div>\n        <div className='video-js--container'>\n          <div data-vjs-player>\n            <video\n              onClick={this.toggle}\n              // controls={false}\n              ref={node => this.videoNode = node}\n              className=\"video-js\"/>\n          </div>\n        </div>\n        <div className=\"video-js--buttons-container\">\n          <span\n            onClick={this.toggle}\n            className={this.state.isPlaying ? \"pause\" : \"play\"}>{this.state.isPlaying ? \"pause\" : \"play\"}</span>\n          <span\n            onClick={() => (this.videoNode.requestFullscreen())}\n            className=\"fullscreen\">fullscreen</span>\n        </div>\n      </>\n    )\n  }\n}\n\nVideoPlayer.defaultProps = {\n  autoplay: false,\n  controls: false,\n  preload: true,\n  // userActions: {\n  //   doubleClick: () => (\n  //     this.videoNode.requestFullscreen()\n  //   )\n  // },\n  poster: \"/resources/otto-poster.jpg\",\n  sources: [{\n    src: '/resources/video.mp4',\n    type: 'video/mp4'\n  }]\n}\n\nexport default VideoPlayer","import React from \"react\"\nimport VideoPlayer from \"../components/VideoPlayer\"\nimport \"video.js/dist/video-js.min.css\"\n\nconst Video = (props) => {\n  \n  const navigateBack = () => {\n    // props.history.push(`/`)\n    props.history.goBack()\n  }\n  \n  return (\n    <div className=\"video-player--wrapper\">\n      <VideoPlayer\n        navigateToHome={navigateBack}/>\n    </div>\n  )\n}\n\nexport default Video","import React, {Component} from \"react\"\nimport Modal from \"react-modal\"\n\n// const Image800 = ({name, pictureClassName = \"\"}) => (\nclass Image800 extends Component {\n  \n  state = {\n    isOpened: false\n  }\n  \n  openModal = () => {\n    this.setState({\n      isOpened: true\n    })\n  }\n  \n  closeModal = () => {\n    this.setState({\n      isOpened: false\n    })\n  }\n  \n  render() {\n    return (\n      <div className={this.props.pictureClassName}>\n        <picture>\n          <source\n            media=\"(min-width: 601px)\"\n            srcSet={`${this.props.name}-md_1x.webp 1x, ${this.props.name}-md_2x.webp 2x`}\n            type=\"image/webp\"/>\n          <source\n            srcSet={`${this.props.name}-sm_1x.webp 1x, ${this.props.name}-sm_2x.webp 2x`}\n            type=\"image/webp\"\n          />\n          <img\n            srcSet={`${this.props.name}-sm_1x.jpg 600w, ${this.props.name}-md_1x.jpg 900w`}\n            src={`${this.props.name}-md_1x.jpg`}\n            type=\"image/jpeg\"\n            alt=\"\"/>\n        </picture>\n        <span\n          onClick={this.openModal}\n          className=\"picture--zoom\">+</span>\n        <Modal\n          className=\"photo--modal\"\n          isOpen={this.state.isOpened}>\n          <span\n            onClick={this.closeModal}\n            className=\"close--modal\">X</span>\n          <picture>\n            <source\n              srcSet={`${this.props.name}-lg_1x.webp 1x, ${this.props.name}-lg_2x.webp 2x`}\n              type=\"image/webp\"\n            />\n            <img\n              alt=''\n              src={`${this.props.name}-lg_1x.jpg`}/>\n          </picture>\n        </Modal>\n      </div>\n    )\n  }\n}\n\nexport default Image800","import React from \"react\"\n\nconst ShowMe = ({which, text, onClick, isActive}) => (\n  <h1\n    className={isActive ? \"show-me-photos active\" : \"show-me-photos\"}\n    onClick={() => onClick(which)}>{text.toUpperCase()}</h1>\n)\n\nexport default ShowMe","import React, {Component} from \"react\"\nimport Image800 from \"../components/Image800\"\nimport {Power3} from \"gsap/TweenLite\"\nimport {TimelineMax} from \"gsap/TimelineMax\"\nimport {SHOWME} from \"../constants\"\nimport \"../styles/pages/photos.scss\"\nimport Menu from \"../components/Menu\"\nimport {randomIntFromInterval} from \"../utils\"\nimport {TweenMax} from \"gsap/TweenMax\"\nimport {Draggable} from \"gsap/Draggable\"\nimport ShowMe from \"../components/ShowMe\"\n\nclass Photos extends Component {\n  \n  state = {\n    images: SHOWME[\"random\"],\n    which: \"random\"\n  }\n  \n  _garbageCollection = () => {\n    if (this.draggable) {\n      this.draggable.forEach((el => el.kill()))\n    }\n    \n    if (this.imagesTimeline)\n      this.imagesTimeline.kill()\n  }\n  \n  componentDidUpdate() {\n    this.createTimeline()\n  }\n  \n  componentDidMount() {\n    this.createTimeline()\n  }\n  \n  componentWillUnmount() {\n    this._garbageCollection()\n  }\n  \n  createTimeline() {\n    \n    this._garbageCollection()\n    \n    this.draggable = Draggable.create(\".photo--instance\", {type: \"x,y\"})\n    \n    const element = document.querySelectorAll(\".photo--instance\")\n    \n    // const imagesTimeline = new TimelineMax({\n    this.imagesTimeline = new TimelineMax({\n      paused: true,\n      delay: 0.5\n    })\n    \n    const offset = 400\n    const height = window.innerHeight\n    const width = window.innerWidth\n    const from = {\n      visibility: \"hidden\",\n      cycle: {\n        y: () => (randomIntFromInterval(0, height - offset)),\n        x: () => (randomIntFromInterval(0, width - offset))\n      }\n    }\n    const to = {\n      visibility: \"visible\",\n      ease: Power3.easeOut\n    }\n    \n    this.imagesTimeline.add(TweenMax.staggerFromTo(element, 0.1, from, to, 0.1))\n    this.imagesTimeline.play()\n  }\n  \n  changeTo = (which) => {\n    // const images = []\n    // for (let i = 0; i < 7; i++) {\n    //   images.push(`/resources/images/${which}/${which}${i}`)\n    // }\n    this.setState({images: SHOWME[which], which})\n    \n  }\n  \n  navigateTo = (path) => {\n    this.props.history.push(`/${path}`)\n  }\n  \n  render() {\n    return (\n      <div className=\"photos--container\">\n        <div className=\"show-me--container\">\n          <h1 className=\"show-me\">SHOW ME:</h1>\n          <ShowMe isActive={this.state.which === \"random\"} onClick={this.changeTo} which=\"random\" text=\"random\"/>\n          <ShowMe isActive={this.state.which === \"dog\"} onClick={this.changeTo} which=\"dog\" text=\"dogs\"/>\n          <ShowMe isActive={this.state.which === \"religious\"} onClick={this.changeTo} which=\"religious\"\n                  text=\"religious things\"/>\n        </div>\n        <Menu\n          showHome={true}\n          showPhotos={false}\n          onClick={this.navigateTo}/>\n        {this.state.images.map((id) => (\n          <Image800\n            pictureClassName=\"photo--instance\"\n            key={id}\n            name={`${id}`}\n          />\n        ))}\n      </div>\n    )\n  }\n  \n}\n\nexport default Photos","import React, {Component} from \"react\"\nimport \"../styles/pages/about.scss\"\nimport Menu from \"../components/Menu\"\n\nclass About extends Component {\n  \n  navigateTo = (path) => {\n    this.props.history.push(`/${path}`)\n  }\n  \n  \n  render() {\n    return (\n      <>\n        <div className=\"about--container\">\n          <Menu\n            showHome={true}\n            showAbout={false}\n            onClick={this.navigateTo}\n            goBack={this.goBack}\n          />\n          <div className=\"square red\">\n            <h3>The project</h3>\n            <p>OTTO is Massimiliano’s flashback, a photo diary about what he saw, lived, felt and stolen.\n              It is a eight months self portrait (2017), where time doesn’t count, everything gets melted and threw like a spin-dryer. A parallel world where words are not important.\n              After Massimiliano’s exhibition we decided that a digital experience was mandatory.</p>\n          </div>\n          <div className=\"square green\">\n            <h3>The Photos</h3>\n            <p>Massimiliano Gargano <br /> Class 1991, born in Naples, Italy. I am a mechanical engineer with a strong passion for arts and analogue photography. I love this chaos; the street culture and his shamelessness are always romantic to me.</p>\n          </div>\n          <div className=\"square blue\">\n            <h3>The Website</h3>\n            <p>Stefano Imparato <br /> I'm the guy behind this digital experience. Video, photos, illustrations, music is what I love the most. I’m a developer, a designer, I basically do digital creative stuff. You can watch more of my work at stefanoimparato.com.</p>\n          </div>\n        </div>\n      </>\n    )\n  }\n}\n\nexport default About","import React, {Component} from 'react'\nimport {BrowserRouter as Router, Route} from \"react-router-dom\"\nimport Modal from \"react-modal\"\nimport Home from \"./pages/Home\"\nimport Video from \"./pages/Video\"\nimport Photos from \"./pages/Photos\"\nimport About from \"./pages/About\"\n\nModal.setAppElement('#root')\n\nclass App extends Component {\n  \n  render() {\n    return (\n      <Router>\n        <>\n          <Route path=\"/\" exact component={Home}/>\n          <Route path=\"/otto\" exact component={Video}/>\n          <Route path=\"/photos\" exact component={Photos}/>\n          <Route path=\"/about\" exact component={About}/>\n        </>\n      </Router>\n    )\n  }\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 http://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 http://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 http://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: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}