\n tomadoro\n
\n );\n};\n\n\nexport default headbar;","export const formatMinute = s => {\n return (s - (s %= 60)) / 60 + (9 < s ? \":\" : \":0\") + s;\n};\n","import React from \"react\";\nimport PropTypes from 'prop-types';\n\nimport { formatMinute } from '../utils';\n\nconst timer = props => {\n const style = {\n fontSize: \"110px\",\n fontWeight: \"normal\",\n color: \"white\",\n textShadow: \"0 2px 3px #8a8888\"\n };\n\n return (\n \n { formatMinute(props.seconds) }\n
\n )\n ;\n};\n\ntimer.propTypes = {\n seconds: PropTypes.number.isRequired\n};\n\n\nexport default timer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport logoSVG from '../assets/logo.svg';\nimport './Logo.css';\n\nconst logo = props => {\n const logoRotationClass = 'App-logo-rotation';\n\n return (\n \n \n \n START\n \n \n
\n \n \n STOP\n \n \n \n RESET\n \n \n
\n
\n );\n}\n\nbox.propTypes = {\n startButton: PropTypes.func.isRequired,\n stopButton: PropTypes.func.isRequired,\n resetButton: PropTypes.func.isRequired,\n isStarted: PropTypes.bool.isRequired,\n seconds: PropTypes.number.isRequired\n};\n\nexport default box;","import React from 'react';\n\nconst footer = () => {\n const style = {\n fontFamily: 'Arial, Helvetica, sans-serif',\n marginTop: '8px',\n color: '#ffffff',\n textShadow: '0 2px 3px #a3a3a3'\n };\n\n return (\n \n
\n );\n \n};\n\nexport default footer;","import React, { Component } from 'react';\nimport { Container, Row, Col } from 'reactstrap';\n\nimport Notification from './Notification';\nimport Headbar from '../components/Headbar';\nimport Timer from '../components/Timer';\nimport Logo from '../components/Logo';\nimport Box from '../components/Box';\nimport Footer from '../components/Footer';\nimport { formatMinute } from '../utils';\n\nimport './App.css';\n \nclass App extends Component {\n constructor(props) {\n super(props);\n\n this.APP_NAME = 'tomadoro';\n this.POMODORO_SECONDS = 1500;\n this.BREAK_SECONDS = 300;\n\n this.state = {\n seconds: this.POMODORO_SECONDS,\n started: false,\n break: false,\n activePopupNotification: false, \n sendNotificationFlag: false\n };\n }\n \n tick = () => {\n this.setState(state => ({ seconds: state.seconds - 1}));\n\n document.title = `(${formatMinute(this.state.seconds)}) ${this.APP_NAME}`;\n\n if (this.state.seconds === 0) {\n this.stopTimer();\n this.finishedTimer();\n }\n };\n\n startTimer = () => {\n this.setState({ started: true, activePopupNotification: true });\n \n this.interval = setInterval(() => this.tick(), 1000);\n }\n\n stopTimer = () => {\n this.setState({ started: false});\n\n clearInterval(this.interval);\n }\n\n resetTimer = () => {\n if (this.state.break) {\n this.breakMode();\n } else {\n this.pomodoroMode();\n }\n\n document.title = this.APP_NAME;\n }\n\n finishedTimer = () => {\n this.setState({\n sendNotificationFlag: true\n });\n\n this.changeMode();\n }\n\n changeMode = () => {\n if (this.state.break && !this.state.started) {\n this.pomodoroMode();\n } else if (!this.state.break && !this.state.started) {\n this.breakMode();\n }\n }\n\n pomodoroMode = () => {\n this.setState({\n seconds: this.POMODORO_SECONDS,\n break: false\n });\n }\n\n breakMode = () => {\n this.setState({\n seconds: this.BREAK_SECONDS,\n break: true\n });\n }\n\n handleNotification = flag => {\n this.setState({\n sendNotificationFlag: flag\n });\n }\n\n render() {\n let notification = null;\n\n if (this.state.activePopupNotification) {\n notification = (\n \n tomadoro{` `}\n by Francesco Esposito\n
\n\n {notification}\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default App;","// 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 'bootstrap/dist/css/bootstrap.min.css';\nimport App from './containers/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n tomadoro\n
\n );\n};\n\n\nexport default headbar;","export const formatMinute = s => {\n return (s - (s %= 60)) / 60 + (9 < s ? \":\" : \":0\") + s;\n};\n","import React from \"react\";\nimport PropTypes from 'prop-types';\n\nimport { formatMinute } from '../utils';\n\nconst timer = props => {\n const style = {\n fontSize: \"120px\",\n fontWeight: \"normal\",\n textShadow: \"0 2px 2px #1f1f1f\"\n };\n\n return (\n \n { formatMinute(props.seconds) }\n
\n )\n ;\n};\n\ntimer.propTypes = {\n seconds: PropTypes.number.isRequired\n};\n\n\nexport default timer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport logoSVG from '../assets/logo.svg';\nimport './Logo.css';\n\nconst logo = props => {\n const logoRotationClass = 'App-logo-rotation';\n\n return (\n \n
\n );\n \n};\n\nexport default footer;","import React, { Component } from 'react';\nimport { Container, Row, Col } from 'reactstrap';\n\nimport Notification from './Notification';\nimport Headbar from '../components/Headbar';\nimport Timer from '../components/Timer';\nimport Logo from '../components/Logo';\nimport Box from '../components/Box';\nimport Footer from '../components/Footer';\nimport { formatMinute } from '../utils';\n\nimport './App.css';\n \nclass App extends Component {\n constructor(props) {\n super(props);\n\n this.APP_NAME = 'tomadoro';\n this.POMODORO_SECONDS = 1500;\n this.BREAK_SECONDS = 300;\n\n this.state = {\n seconds: this.POMODORO_SECONDS,\n started: false,\n break: false,\n activePopupNotification: false, \n sendNotificationFlag: false\n };\n }\n \n tick = () => {\n this.setState(state => ({ seconds: state.seconds - 1}));\n\n document.title = `(${formatMinute(this.state.seconds)}) ${this.APP_NAME}`;\n\n if (this.state.seconds === 0) {\n this.stopTimer();\n this.finishedTimer();\n }\n };\n\n startTimer = () => {\n this.setState({ started: true, activePopupNotification: true });\n \n this.interval = setInterval(() => this.tick(), 1000);\n }\n\n stopTimer = () => {\n this.setState({ started: false});\n\n clearInterval(this.interval);\n }\n\n resetTimer = () => {\n if (this.state.break) {\n this.breakMode();\n } else {\n this.pomodoroMode();\n }\n\n document.title = this.APP_NAME;\n }\n\n finishedTimer = () => {\n this.setState({\n sendNotificationFlag: true\n });\n\n this.changeMode();\n }\n\n changeMode = () => {\n if (this.state.break && !this.state.started) {\n this.pomodoroMode();\n } else if (!this.state.break && !this.state.started) {\n this.breakMode();\n }\n }\n\n pomodoroMode = () => {\n this.setState({\n seconds: this.POMODORO_SECONDS,\n break: false\n });\n }\n\n breakMode = () => {\n this.setState({\n seconds: this.BREAK_SECONDS,\n break: true\n });\n }\n\n handleNotification = flag => {\n this.setState({\n sendNotificationFlag: flag\n });\n }\n\n render() {\n let notification = null;\n\n if (this.state.activePopupNotification) {\n notification = (\n \n tomadoro{` `}\n by Francesco Esposito\n
\n\n {notification}\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n );\n }\n}\n\nexport default App;","// 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 'bootstrap/dist/css/bootstrap.min.css';\nimport App from './containers/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(